@canaia/ui-kit 0.0.11-alpha.52 → 0.0.11-alpha.55

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.
Files changed (4) hide show
  1. package/dist/canaia-ui-kit.es.js +214 -217
  2. package/dist/canaia-ui-kit.umd.js +13 -13
  3. package/dist/src/components/MultiHeaderAccordion/MultiHeaderAccordion.d.ts +1 -0
  4. package/package.json +1 -1
package/dist/canaia-ui-kit.es.js CHANGED
@@ -349,9 +349,9 @@ function Wb() {
349
349
  }
350
350
  }
351
351
  }
352
- var VA = Array.isArray;
352
+ var yA = Array.isArray;
353
353
  function XA(V) {
354
- return VA(V);
354
+ return yA(V);
355
355
  }
356
356
  function QA(V) {
357
357
  {
@@ -1012,8 +1012,8 @@ gB.exports;
1012
1012
  return T(Z(L));
1013
1013
  };
1014
1014
  }
1015
- var pA = Array.prototype, CA = Function.prototype, RA = Object.prototype, VA = X["__core-js_shared__"], XA = CA.toString, QA = RA.hasOwnProperty, q = function() {
1016
- var T = /[^.]+$/.exec(VA && VA.keys && VA.keys.IE_PROTO || "");
1015
+ var pA = Array.prototype, CA = Function.prototype, RA = Object.prototype, yA = X["__core-js_shared__"], XA = CA.toString, QA = RA.hasOwnProperty, q = function() {
1016
+ var T = /[^.]+$/.exec(yA && yA.keys && yA.keys.IE_PROTO || "");
1017
1017
  return T ? "Symbol(src)_1." + T : "";
1018
1018
  }(), lA = RA.toString, k = XA.call(Object), O = RegExp(
1019
1019
  "^" + XA.call(QA).replace(M, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
@@ -14784,13 +14784,13 @@ const Z7 = {
14784
14784
  );
14785
14785
  });
14786
14786
  s2.displayName = "Avatar";
14787
- const yA = IA("div");
14788
- yA.displayName = "Box";
14787
+ const kA = IA("div");
14788
+ kA.displayName = "Box";
14789
14789
  const l2 = MA(
14790
14790
  function(e, t) {
14791
14791
  const { size: n, centerContent: i = !0, ...r } = e, o = i ? { display: "flex", alignItems: "center", justifyContent: "center" } : {};
14792
14792
  return /* @__PURE__ */ I.jsx(
14793
- yA,
14793
+ kA,
14794
14794
  {
14795
14795
  ref: t,
14796
14796
  boxSize: n,
@@ -16492,10 +16492,10 @@ var D2 = _f({}, function(A) {
16492
16492
  if (pA) {
16493
16493
  var CA = (typeof pA == "function" ? pA() : pA) || document.body, RA = typeof M == "function" ? M(CA) : M;
16494
16494
  if (RA) {
16495
- var VA = typeof RA == "object" ? RA : void 0;
16495
+ var yA = typeof RA == "object" ? RA : void 0;
16496
16496
  l.current = null, cA ? Promise.resolve().then(function() {
16497
- return CA.focus(VA);
16498
- }) : CA.focus(VA);
16497
+ return CA.focus(yA);
16498
+ }) : CA.focus(yA);
16499
16499
  }
16500
16500
  }
16501
16501
  }, [M]), fA = sA(function(cA) {
@@ -18403,7 +18403,7 @@ function qP(A) {
18403
18403
  F[U] = AA, Y[U] = AA - v;
18404
18404
  }
18405
18405
  if (a) {
18406
- var cA, pA = U === "x" ? nn : rn, CA = U === "x" ? yn : kn, RA = F[R], VA = R === "y" ? "height" : "width", XA = RA + f[pA], QA = RA - f[CA], q = [nn, rn].indexOf(Q) !== -1, lA = (cA = y == null ? void 0 : y[R]) != null ? cA : 0, k = q ? XA : RA - D[VA] - m[VA] - lA + p.altAxis, O = q ? RA + D[VA] + m[VA] - lA - p.altAxis : QA, gA = u && q ? UP(k, RA, O) : dl(u ? k : XA, RA, u ? O : QA);
18406
+ var cA, pA = U === "x" ? nn : rn, CA = U === "x" ? yn : kn, RA = F[R], yA = R === "y" ? "height" : "width", XA = RA + f[pA], QA = RA - f[CA], q = [nn, rn].indexOf(Q) !== -1, lA = (cA = y == null ? void 0 : y[R]) != null ? cA : 0, k = q ? XA : RA - D[yA] - m[yA] - lA + p.altAxis, O = q ? RA + D[yA] + m[yA] - lA - p.altAxis : QA, gA = u && q ? UP(k, RA, O) : dl(u ? k : XA, RA, u ? O : QA);
18407
18407
  F[R] = gA, Y[R] = gA - RA;
18408
18408
  }
18409
18409
  e.modifiersData[n] = Y;
@@ -21502,7 +21502,7 @@ const hO = IA(Si.div), Qu = MA((A, e) => {
21502
21502
  ] }) : /* @__PURE__ */ I.jsx(I.Fragment, { children: r });
21503
21503
  });
21504
21504
  Qu.displayName = "Tooltip";
21505
- const kA = MA(function(e, t) {
21505
+ const VA = MA(function(e, t) {
21506
21506
  const n = xi("Text", e), { className: i, align: r, decoration: o, casing: a, ...s } = it(e), l = gc({
21507
21507
  textAlign: e.align,
21508
21508
  textDecoration: e.decoration,
@@ -21519,7 +21519,7 @@ const kA = MA(function(e, t) {
21519
21519
  }
21520
21520
  );
21521
21521
  });
21522
- kA.displayName = "Text";
21522
+ VA.displayName = "Text";
21523
21523
  const Om = MA(function(e, t) {
21524
21524
  const {
21525
21525
  spacing: n = "0.5rem",
@@ -21976,7 +21976,7 @@ const CO = {
21976
21976
  }
21977
21977
  )
21978
21978
  ] }),
21979
- /* @__PURE__ */ I.jsxs(kA, { display: U !== "" ? "block" : "none", textAlign: R, color: F, margin: D, fontSize: m, fontFamily: b, children: [
21979
+ /* @__PURE__ */ I.jsxs(VA, { display: U !== "" ? "block" : "none", textAlign: R, color: F, margin: D, fontSize: m, fontFamily: b, children: [
21980
21980
  " ",
21981
21981
  U
21982
21982
  ] }),
@@ -22319,8 +22319,8 @@ const IBA = ({
22319
22319
  children: [
22320
22320
  s ? /* @__PURE__ */ I.jsx($2, { src: s, alt: "Uploaded", boxSize: "100%", rounded: "md" }) : /* @__PURE__ */ I.jsxs(I.Fragment, { children: [
22321
22321
  /* @__PURE__ */ I.jsx(bt, { as: oj, color: t, boxSize: 8 }),
22322
- /* @__PURE__ */ I.jsx(kA, { fontWeight: "bold", children: A }),
22323
- /* @__PURE__ */ I.jsx(kA, { fontSize: "sm", color: "gray.500", children: e })
22322
+ /* @__PURE__ */ I.jsx(VA, { fontWeight: "bold", children: A }),
22323
+ /* @__PURE__ */ I.jsx(VA, { fontSize: "sm", color: "gray.500", children: e })
22324
22324
  ] }),
22325
22325
  !a && /* @__PURE__ */ I.jsx(
22326
22326
  "input",
@@ -22377,7 +22377,7 @@ const IBA = ({
22377
22377
  bg: g.isCompleted && !g.isActive && B !== n ? a : "white",
22378
22378
  border: `2px solid ${g.isCompleted || g.isActive ? i : o}`,
22379
22379
  children: /* @__PURE__ */ I.jsx(
22380
- kA,
22380
+ VA,
22381
22381
  {
22382
22382
  fontSize: "14px",
22383
22383
  color: g.isCompleted || g.isActive ? i : r,
@@ -22388,7 +22388,7 @@ const IBA = ({
22388
22388
  }
22389
22389
  ),
22390
22390
  /* @__PURE__ */ I.jsx(
22391
- kA,
22391
+ VA,
22392
22392
  {
22393
22393
  ml: 3,
22394
22394
  mr: 2,
@@ -24442,7 +24442,7 @@ function lS() {
24442
24442
  return F ? null : cA(lA);
24443
24443
  }, RA = function(lA) {
24444
24444
  D && lA.stopPropagation();
24445
- }, VA = _A(function() {
24445
+ }, yA = _A(function() {
24446
24446
  return function() {
24447
24447
  var q = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, lA = q.refKey, k = lA === void 0 ? "ref" : lA, O = q.role, gA = q.onKeyDown, xA = q.onFocus, NA = q.onBlur, Be = q.onClick, Se = q.onDragEnter, Ze = q.onDragOver, oe = q.onDragLeave, ye = q.onDrop, Fe = bB(q, Pj);
24448
24448
  return $e($e(V0({
@@ -24488,7 +24488,7 @@ function lS() {
24488
24488
  }, [W, t, a, DA, n]);
24489
24489
  return $e($e({}, aA), {}, {
24490
24490
  isFocused: M && !n,
24491
- getRootProps: VA,
24491
+ getRootProps: yA,
24492
24492
  getInputProps: QA,
24493
24493
  rootRef: N,
24494
24494
  inputRef: W,
@@ -24615,10 +24615,10 @@ const fBA = ({
24615
24615
  accept: C,
24616
24616
  maxSize: f
24617
24617
  });
24618
- return /* @__PURE__ */ I.jsxs(yA, { children: [
24619
- /* @__PURE__ */ I.jsx(LA, { mt: 4, alignItems: "flex-start", children: r.trim() && /* @__PURE__ */ I.jsx(kA, { fontSize: "20px", fontWeight: "700", color: s, mb: 2, children: r }) }),
24618
+ return /* @__PURE__ */ I.jsxs(kA, { children: [
24619
+ /* @__PURE__ */ I.jsx(LA, { mt: 4, alignItems: "flex-start", children: r.trim() && /* @__PURE__ */ I.jsx(VA, { fontSize: "20px", fontWeight: "700", color: s, mb: 2, children: r }) }),
24620
24620
  /* @__PURE__ */ I.jsxs(
24621
- yA,
24621
+ kA,
24622
24622
  {
24623
24623
  ...R(),
24624
24624
  py: "70px",
@@ -24636,7 +24636,7 @@ const fBA = ({
24636
24636
  children: [
24637
24637
  /* @__PURE__ */ I.jsx("input", { ...F() }),
24638
24638
  e && e.includes("play") ? /* @__PURE__ */ I.jsx(bt, { as: nj, boxSize: "40px", color: B, mb: "16px" }) : /* @__PURE__ */ I.jsx(bt, { as: AX, boxSize: "40px", color: B, mb: "16px" }),
24639
- /* @__PURE__ */ I.jsx(kA, { fontSize: "16px", fontWeight: "16px", color: l, mb: 4, children: o }),
24639
+ /* @__PURE__ */ I.jsx(VA, { fontSize: "16px", fontWeight: "16px", color: l, mb: 4, children: o }),
24640
24640
  /* @__PURE__ */ I.jsx(
24641
24641
  qe,
24642
24642
  {
@@ -24651,7 +24651,7 @@ const fBA = ({
24651
24651
  }
24652
24652
  )
24653
24653
  ] });
24654
- }, QBA = ({ text: A, fontSize: e = "md", ...t }) => /* @__PURE__ */ I.jsx(kA, { fontSize: e, ...t, children: A }), hBA = jt(
24654
+ }, QBA = ({ text: A, fontSize: e = "md", ...t }) => /* @__PURE__ */ I.jsx(VA, { fontSize: e, ...t, children: A }), hBA = jt(
24655
24655
  ({
24656
24656
  label: A,
24657
24657
  colorLabelText: e = "black.400",
@@ -24731,9 +24731,9 @@ const fBA = ({
24731
24731
  ]
24732
24732
  }
24733
24733
  ),
24734
- !d && B && /* @__PURE__ */ I.jsx(kA, { fontSize: u, color: E, mb: "10px", textAlign: "start", children: B }),
24734
+ !d && B && /* @__PURE__ */ I.jsx(VA, { fontSize: u, color: E, mb: "10px", textAlign: "start", children: B }),
24735
24735
  d ? D && B ? /* @__PURE__ */ I.jsxs(I.Fragment, { children: [
24736
- /* @__PURE__ */ I.jsx(kA, { fontSize: u, color: E, mb: "10px", textAlign: "start", children: B }),
24736
+ /* @__PURE__ */ I.jsx(VA, { fontSize: u, color: E, mb: "10px", textAlign: "start", children: B }),
24737
24737
  g ? /* @__PURE__ */ I.jsx(
24738
24738
  Ol,
24739
24739
  {
@@ -25134,7 +25134,7 @@ var eX = function(A) {
25134
25134
  }
25135
25135
  var W, j, v, aA = Array.prototype, rA = Function.prototype, M = Object.prototype, H = C["__core-js_shared__"], _ = (W = /[^.]+$/.exec(H && H.keys && H.keys.IE_PROTO || "")) ? "Symbol(src)_1." + W : "", w = rA.toString, J = M.hasOwnProperty, S = M.toString, X = RegExp("^" + w.call(J).replace(/[\\^$.*+?()[\]{}|]/g, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"), nA = C.Symbol, tA = C.Uint8Array, fA = M.propertyIsEnumerable, EA = aA.splice, DA = (j = Object.keys, v = Object, function(x) {
25136
25136
  return j(v(x));
25137
- }), K = Hn(C, "DataView"), WA = Hn(C, "Map"), dA = Hn(C, "Promise"), P = Hn(C, "Set"), AA = Hn(C, "WeakMap"), cA = Hn(Object, "create"), pA = Gn(K), CA = Gn(WA), RA = Gn(dA), VA = Gn(P), XA = Gn(AA), QA = nA ? nA.prototype : void 0, q = QA ? QA.valueOf : void 0, lA = QA ? QA.toString : void 0;
25137
+ }), K = Hn(C, "DataView"), WA = Hn(C, "Map"), dA = Hn(C, "Promise"), P = Hn(C, "Set"), AA = Hn(C, "WeakMap"), cA = Hn(Object, "create"), pA = Gn(K), CA = Gn(WA), RA = Gn(dA), yA = Gn(P), XA = Gn(AA), QA = nA ? nA.prototype : void 0, q = QA ? QA.valueOf : void 0, lA = QA ? QA.toString : void 0;
25138
25138
  function k(x) {
25139
25139
  var z = -1, eA = x ? x.length : 0;
25140
25140
  for (this.clear(); ++z < eA; ) {
@@ -25466,7 +25466,7 @@ var eX = function(A) {
25466
25466
  return o;
25467
25467
  case RA:
25468
25468
  return "[object Promise]";
25469
- case VA:
25469
+ case yA:
25470
25470
  return s;
25471
25471
  case XA:
25472
25472
  return "[object WeakMap]";
@@ -25762,8 +25762,8 @@ var eX = function(A) {
25762
25762
  return j(k, 1, QA, !0), j(k, 3, q), j(k, 2, lA), k;
25763
25763
  }(tA, fA, EA), AA = v(JSON.parse(JSON.stringify(Y)), P), cA = v(JSON.parse(JSON.stringify($)), P), pA = y(W(AA, H, K, WA, dA), 2), CA = pA[0], RA = pA[1];
25764
25764
  if (_) {
25765
- var VA = y(W(cA, H, K, WA, dA), 2), XA = VA[0];
25766
- VA[1], CA = this.sortTerritories(XA, CA);
25765
+ var yA = y(W(cA, H, K, WA, dA), 2), XA = yA[0];
25766
+ yA[1], CA = this.sortTerritories(XA, CA);
25767
25767
  }
25768
25768
  w && (CA = this.filterRegions(w, CA)), this.onlyCountries = this.localizeCountries(this.excludeCountries(this.getFilteredCountryList(J, CA, nA.includes("onlyCountries")), X), DA, nA.includes("onlyCountries")), this.preferredCountries = S.length === 0 ? [] : this.localizeCountries(this.getFilteredCountryList(S, CA, nA.includes("preferredCountries")), DA, nA.includes("preferredCountries")), this.hiddenAreaCodes = this.excludeCountries(this.getFilteredCountryList(J, RA), X);
25769
25769
  }, rA = function(M) {
@@ -25786,10 +25786,10 @@ var eX = function(A) {
25786
25786
  return XA.iso2 == AA;
25787
25787
  });
25788
25788
  if (P.trim() === "") return RA;
25789
- var VA = cA.reduce(function(XA, QA) {
25789
+ var yA = cA.reduce(function(XA, QA) {
25790
25790
  return m()(P, QA.dialCode) && (QA.dialCode.length > XA.dialCode.length || QA.dialCode.length === XA.dialCode.length && QA.priority < XA.priority) ? QA : XA;
25791
25791
  }, { dialCode: "", priority: 10001 }, B(B(S)));
25792
- return VA.name ? VA : RA;
25792
+ return yA.name ? yA : RA;
25793
25793
  }), S.updateCountry = function(P) {
25794
25794
  var AA, cA = S.state.onlyCountries;
25795
25795
  (AA = P.indexOf(0) >= "0" && P.indexOf(0) <= "9" ? cA.find(function(pA) {
@@ -25801,7 +25801,7 @@ var eX = function(A) {
25801
25801
  if (P) {
25802
25802
  var cA = S.dropdownRef;
25803
25803
  if (cA && document.body) {
25804
- var pA = cA.offsetHeight, CA = cA.getBoundingClientRect().top + document.body.scrollTop, RA = CA + pA, VA = P, XA = VA.getBoundingClientRect(), QA = VA.offsetHeight, q = XA.top + document.body.scrollTop, lA = q + QA, k = q - CA + cA.scrollTop, O = pA / 2 - QA / 2;
25804
+ var pA = cA.offsetHeight, CA = cA.getBoundingClientRect().top + document.body.scrollTop, RA = CA + pA, yA = P, XA = yA.getBoundingClientRect(), QA = yA.offsetHeight, q = XA.top + document.body.scrollTop, lA = q + QA, k = q - CA + cA.scrollTop, O = pA / 2 - QA / 2;
25805
25805
  if (S.props.enableSearch ? q < CA + 32 : q < CA) AA && (k -= O), cA.scrollTop = k;
25806
25806
  else if (lA > RA) {
25807
25807
  AA && (k += O);
@@ -25815,8 +25815,8 @@ var eX = function(A) {
25815
25815
  P && document.body && (P.scrollTop = 0);
25816
25816
  }, S.formatNumber = function(P, AA) {
25817
25817
  if (!AA) return P;
25818
- var cA, pA = AA.format, CA = S.props, RA = CA.disableCountryCode, VA = CA.enableAreaCodeStretch, XA = CA.enableLongNumbers, QA = CA.autoFormat;
25819
- if (RA ? ((cA = pA.split(" ")).shift(), cA = cA.join(" ")) : VA && AA.isAreaCode ? ((cA = pA.split(" "))[1] = cA[1].replace(/\.+/, "".padEnd(AA.areaCodeLength, ".")), cA = cA.join(" ")) : cA = pA, !P || P.length === 0) return RA ? "" : S.props.prefix;
25818
+ var cA, pA = AA.format, CA = S.props, RA = CA.disableCountryCode, yA = CA.enableAreaCodeStretch, XA = CA.enableLongNumbers, QA = CA.autoFormat;
25819
+ if (RA ? ((cA = pA.split(" ")).shift(), cA = cA.join(" ")) : yA && AA.isAreaCode ? ((cA = pA.split(" "))[1] = cA[1].replace(/\.+/, "".padEnd(AA.areaCodeLength, ".")), cA = cA.join(" ")) : cA = pA, !P || P.length === 0) return RA ? "" : S.props.prefix;
25820
25820
  if (P && P.length < 2 || !cA || !QA) return RA ? P : S.props.prefix + P;
25821
25821
  var q, lA = F()(cA, function(k, O) {
25822
25822
  if (k.remainingText.length === 0) return k;
@@ -25838,19 +25838,19 @@ var eX = function(A) {
25838
25838
  return S.state.selectedCountry ? { name: S.state.selectedCountry.name || "", dialCode: S.state.selectedCountry.dialCode || "", countryCode: S.state.selectedCountry.iso2 || "", format: S.state.selectedCountry.format || "" } : {};
25839
25839
  }, S.handleFlagDropdownClick = function(P) {
25840
25840
  if (P.preventDefault(), S.state.showDropdown || !S.props.disabled) {
25841
- var AA = S.state, cA = AA.preferredCountries, pA = AA.onlyCountries, CA = AA.selectedCountry, RA = S.concatPreferredCountries(cA, pA).findIndex(function(VA) {
25842
- return VA.dialCode === CA.dialCode && VA.iso2 === CA.iso2;
25841
+ var AA = S.state, cA = AA.preferredCountries, pA = AA.onlyCountries, CA = AA.selectedCountry, RA = S.concatPreferredCountries(cA, pA).findIndex(function(yA) {
25842
+ return yA.dialCode === CA.dialCode && yA.iso2 === CA.iso2;
25843
25843
  });
25844
25844
  S.setState({ showDropdown: !S.state.showDropdown, highlightCountryIndex: RA }, function() {
25845
25845
  S.state.showDropdown && S.scrollTo(S.getElement(S.state.highlightCountryIndex));
25846
25846
  });
25847
25847
  }
25848
25848
  }, S.handleInput = function(P) {
25849
- var AA = P.target.value, cA = S.props, pA = cA.prefix, CA = cA.onChange, RA = S.props.disableCountryCode ? "" : pA, VA = S.state.selectedCountry, XA = S.state.freezeSelection;
25849
+ var AA = P.target.value, cA = S.props, pA = cA.prefix, CA = cA.onChange, RA = S.props.disableCountryCode ? "" : pA, yA = S.state.selectedCountry, XA = S.state.freezeSelection;
25850
25850
  if (!S.props.countryCodeEditable) {
25851
- var QA = pA + (VA.hasAreaCodes ? S.state.onlyCountries.find(function(oe) {
25852
- return oe.iso2 === VA.iso2 && oe.mainCode;
25853
- }).dialCode : VA.dialCode);
25851
+ var QA = pA + (yA.hasAreaCodes ? S.state.onlyCountries.find(function(oe) {
25852
+ return oe.iso2 === yA.iso2 && oe.mainCode;
25853
+ }).dialCode : yA.dialCode);
25854
25854
  if (AA.slice(0, QA.length) !== QA) return;
25855
25855
  }
25856
25856
  if (AA === pA) return CA && CA("", S.getCountryData(), P, ""), S.setState({ formattedNumber: "" });
@@ -25859,10 +25859,10 @@ var eX = function(A) {
25859
25859
  var q = S.props.country, lA = S.state, k = lA.onlyCountries, O = lA.selectedCountry, gA = lA.hiddenAreaCodes;
25860
25860
  if (CA && P.persist(), AA.length > 0) {
25861
25861
  var xA = AA.replace(/\D/g, "");
25862
- (!S.state.freezeSelection || O && O.dialCode.length > xA.length) && (VA = S.props.disableCountryGuess ? O : S.guessSelectedCountry(xA.substring(0, 6), q, k, gA) || O, XA = !1), RA = S.formatNumber(xA, VA), VA = VA.dialCode ? VA : O;
25862
+ (!S.state.freezeSelection || O && O.dialCode.length > xA.length) && (yA = S.props.disableCountryGuess ? O : S.guessSelectedCountry(xA.substring(0, 6), q, k, gA) || O, XA = !1), RA = S.formatNumber(xA, yA), yA = yA.dialCode ? yA : O;
25863
25863
  }
25864
25864
  var NA = P.target.selectionStart, Be = P.target.selectionStart, Se = S.state.formattedNumber, Ze = RA.length - Se.length;
25865
- S.setState({ formattedNumber: RA, freezeSelection: XA, selectedCountry: VA }, function() {
25865
+ S.setState({ formattedNumber: RA, freezeSelection: XA, selectedCountry: yA }, function() {
25866
25866
  Ze > 0 && (Be -= Ze), RA.charAt(RA.length - 1) == ")" ? S.numberInputRef.setSelectionRange(RA.length - 1, RA.length - 1) : Be > 0 && Se.length >= RA.length ? S.numberInputRef.setSelectionRange(Be, Be) : NA < Se.length && S.numberInputRef.setSelectionRange(NA, NA), CA && CA(RA.replace(/[^0-9]+/g, ""), S.getCountryData(), P, RA);
25867
25867
  });
25868
25868
  }
@@ -25876,9 +25876,9 @@ var eX = function(A) {
25876
25876
  return XA == P;
25877
25877
  });
25878
25878
  if (pA) {
25879
- var CA = S.state.formattedNumber.replace(" ", "").replace("(", "").replace(")", "").replace("-", ""), RA = CA.length > 1 ? CA.replace(cA.dialCode, pA.dialCode) : pA.dialCode, VA = S.formatNumber(RA.replace(/\D/g, ""), pA);
25880
- S.setState({ showDropdown: !1, selectedCountry: pA, freezeSelection: !0, formattedNumber: VA, searchValue: "" }, function() {
25881
- S.cursorToEnd(), S.props.onChange && S.props.onChange(VA.replace(/[^0-9]+/g, ""), S.getCountryData(), AA, VA);
25879
+ var CA = S.state.formattedNumber.replace(" ", "").replace("(", "").replace(")", "").replace("-", ""), RA = CA.length > 1 ? CA.replace(cA.dialCode, pA.dialCode) : pA.dialCode, yA = S.formatNumber(RA.replace(/\D/g, ""), pA);
25880
+ S.setState({ showDropdown: !1, selectedCountry: pA, freezeSelection: !0, formattedNumber: yA, searchValue: "" }, function() {
25881
+ S.cursorToEnd(), S.props.onChange && S.props.onChange(yA.replace(/[^0-9]+/g, ""), S.getCountryData(), AA, yA);
25882
25882
  });
25883
25883
  }
25884
25884
  }, S.handleInputFocus = function(P) {
@@ -25937,8 +25937,8 @@ var eX = function(A) {
25937
25937
  }, S.handleSearchChange = function(P) {
25938
25938
  var AA = P.currentTarget.value, cA = S.state, pA = cA.preferredCountries, CA = cA.selectedCountry, RA = 0;
25939
25939
  if (AA === "" && CA) {
25940
- var VA = S.state.onlyCountries;
25941
- RA = S.concatPreferredCountries(pA, VA).findIndex(function(XA) {
25940
+ var yA = S.state.onlyCountries;
25941
+ RA = S.concatPreferredCountries(pA, yA).findIndex(function(XA) {
25942
25942
  return XA == CA;
25943
25943
  }), setTimeout(function() {
25944
25944
  return S.scrollTo(S.getElement(RA));
@@ -25950,34 +25950,34 @@ var eX = function(A) {
25950
25950
  }, S.getDropdownCountryName = function(P) {
25951
25951
  return P.localName || P.name;
25952
25952
  }, S.getSearchFilteredCountries = function() {
25953
- var P = S.state, AA = P.preferredCountries, cA = P.onlyCountries, pA = P.searchValue, CA = S.props.enableSearch, RA = S.concatPreferredCountries(AA, cA), VA = pA.trim().toLowerCase().replace("+", "");
25954
- if (CA && VA) {
25955
- if (/^\d+$/.test(VA)) return RA.filter(function(q) {
25953
+ var P = S.state, AA = P.preferredCountries, cA = P.onlyCountries, pA = P.searchValue, CA = S.props.enableSearch, RA = S.concatPreferredCountries(AA, cA), yA = pA.trim().toLowerCase().replace("+", "");
25954
+ if (CA && yA) {
25955
+ if (/^\d+$/.test(yA)) return RA.filter(function(q) {
25956
25956
  var lA = q.dialCode;
25957
25957
  return ["".concat(lA)].some(function(k) {
25958
- return k.toLowerCase().includes(VA);
25958
+ return k.toLowerCase().includes(yA);
25959
25959
  });
25960
25960
  });
25961
25961
  var XA = RA.filter(function(q) {
25962
25962
  var lA = q.iso2;
25963
25963
  return ["".concat(lA)].some(function(k) {
25964
- return k.toLowerCase().includes(VA);
25964
+ return k.toLowerCase().includes(yA);
25965
25965
  });
25966
25966
  }), QA = RA.filter(function(q) {
25967
25967
  var lA = q.name, k = q.localName;
25968
25968
  return q.iso2, ["".concat(lA), "".concat(k || "")].some(function(O) {
25969
- return O.toLowerCase().includes(VA);
25969
+ return O.toLowerCase().includes(yA);
25970
25970
  });
25971
25971
  });
25972
25972
  return S.scrollToTop(), r(new Set([].concat(XA, QA)));
25973
25973
  }
25974
25974
  return RA;
25975
25975
  }, S.getCountryDropdownList = function() {
25976
- var P = S.state, AA = P.preferredCountries, cA = P.highlightCountryIndex, pA = P.showDropdown, CA = P.searchValue, RA = S.props, VA = RA.disableDropdown, XA = RA.prefix, QA = S.props, q = QA.enableSearch, lA = QA.searchNotFound, k = QA.disableSearchIcon, O = QA.searchClass, gA = QA.searchStyle, xA = QA.searchPlaceholder, NA = QA.autocompleteSearch, Be = S.getSearchFilteredCountries().map(function(oe, ye) {
25976
+ var P = S.state, AA = P.preferredCountries, cA = P.highlightCountryIndex, pA = P.showDropdown, CA = P.searchValue, RA = S.props, yA = RA.disableDropdown, XA = RA.prefix, QA = S.props, q = QA.enableSearch, lA = QA.searchNotFound, k = QA.disableSearchIcon, O = QA.searchClass, gA = QA.searchStyle, xA = QA.searchPlaceholder, NA = QA.autocompleteSearch, Be = S.getSearchFilteredCountries().map(function(oe, ye) {
25977
25977
  var Fe = cA === ye, Rt = p()({ country: !0, preferred: oe.iso2 === "us" || oe.iso2 === "gb", active: oe.iso2 === "us", highlight: Fe }), ke = "flag ".concat(oe.iso2);
25978
25978
  return f.a.createElement("li", Object.assign({ ref: function(Mn) {
25979
25979
  return S["flag_no_".concat(ye)] = Mn;
25980
- }, key: "flag_no_".concat(ye), "data-flag-key": "flag_no_".concat(ye), className: Rt, "data-dial-code": "1", tabIndex: VA ? "-1" : "0", "data-country-code": oe.iso2, onClick: function(Mn) {
25980
+ }, key: "flag_no_".concat(ye), "data-flag-key": "flag_no_".concat(ye), className: Rt, "data-dial-code": "1", tabIndex: yA ? "-1" : "0", "data-country-code": oe.iso2, onClick: function(Mn) {
25981
25981
  return S.handleFlagItemClick(oe, Mn);
25982
25982
  }, role: "option" }, Fe ? { "aria-selected": !0 } : {}), f.a.createElement("div", { className: ke }), f.a.createElement("span", { className: "country-name" }, S.getDropdownCountryName(oe)), f.a.createElement("span", { className: "dial-code" }, oe.format ? S.formatNumber(oe.dialCode, oe) : XA + oe.dialCode));
25983
25983
  }), Se = f.a.createElement("li", { key: "dashes", className: "divider" });
@@ -26025,8 +26025,8 @@ var eX = function(A) {
26025
26025
  var RA = cA(K.replace(/\D/g, ""), EA, fA, WA);
26026
26026
  typeof RA == "boolean" ? (S = RA) === !1 && (X = pA) : (S = !1, X = RA);
26027
26027
  }
26028
- var VA = p()((n(J = {}, this.props.containerClass, !0), n(J, "react-tel-input", !0), J)), XA = p()({ arrow: !0, up: DA }), QA = p()(n({ "form-control": !0, "invalid-number": !S, open: DA }, this.props.inputClass, !0)), q = p()({ "selected-flag": !0, open: DA }), lA = p()(n({ "flag-dropdown": !0, "invalid-number": !S, open: DA }, this.props.buttonClass, !0)), k = "flag ".concat(EA && EA.iso2);
26029
- return f.a.createElement("div", { className: "".concat(VA, " ").concat(this.props.className), style: this.props.style || this.props.containerStyle, onKeyDown: this.handleKeydown }, CA && f.a.createElement("div", { className: "special-label" }, CA), X && f.a.createElement("div", { className: "invalid-number-message" }, X), f.a.createElement("input", Object.assign({ className: QA, style: this.props.inputStyle, onChange: this.handleInput, onClick: this.handleInputClick, onDoubleClick: this.handleDoubleClick, onFocus: this.handleInputFocus, onBlur: this.handleInputBlur, onCopy: this.handleInputCopy, value: K, onKeyDown: this.handleInputKeyDown, placeholder: this.props.placeholder, disabled: this.props.disabled, type: "tel" }, this.props.inputProps, { ref: function(O) {
26028
+ var yA = p()((n(J = {}, this.props.containerClass, !0), n(J, "react-tel-input", !0), J)), XA = p()({ arrow: !0, up: DA }), QA = p()(n({ "form-control": !0, "invalid-number": !S, open: DA }, this.props.inputClass, !0)), q = p()({ "selected-flag": !0, open: DA }), lA = p()(n({ "flag-dropdown": !0, "invalid-number": !S, open: DA }, this.props.buttonClass, !0)), k = "flag ".concat(EA && EA.iso2);
26029
+ return f.a.createElement("div", { className: "".concat(yA, " ").concat(this.props.className), style: this.props.style || this.props.containerStyle, onKeyDown: this.handleKeydown }, CA && f.a.createElement("div", { className: "special-label" }, CA), X && f.a.createElement("div", { className: "invalid-number-message" }, X), f.a.createElement("input", Object.assign({ className: QA, style: this.props.inputStyle, onChange: this.handleInput, onClick: this.handleInputClick, onDoubleClick: this.handleDoubleClick, onFocus: this.handleInputFocus, onBlur: this.handleInputBlur, onCopy: this.handleInputCopy, value: K, onKeyDown: this.handleInputKeyDown, placeholder: this.props.placeholder, disabled: this.props.disabled, type: "tel" }, this.props.inputProps, { ref: function(O) {
26030
26030
  nA.numberInputRef = O, typeof nA.props.inputProps.ref == "function" ? nA.props.inputProps.ref(O) : typeof nA.props.inputProps.ref == "object" && (nA.props.inputProps.ref.current = O);
26031
26031
  } })), f.a.createElement("div", { className: lA, style: this.props.buttonStyle, ref: function(O) {
26032
26032
  return nA.dropdownContainerRef = O;
@@ -26066,7 +26066,7 @@ const tX = /* @__PURE__ */ ls(eX), CBA = ({
26066
26066
  placeholder: n
26067
26067
  }
26068
26068
  ),
26069
- r && /* @__PURE__ */ I.jsx(kA, { fontSize: "sm", color: "red.500", mt: 1, children: r })
26069
+ r && /* @__PURE__ */ I.jsx(VA, { fontSize: "sm", color: "red.500", mt: 1, children: r })
26070
26070
  ] }), RBA = ({
26071
26071
  label: A = "",
26072
26072
  description: e = "",
@@ -26084,7 +26084,7 @@ const tX = /* @__PURE__ */ ls(eX), CBA = ({
26084
26084
  const [B, u] = TA(!0), E = et[s], d = E[200], f = E[300], Q = (h, C) => {
26085
26085
  i && i(h, C);
26086
26086
  };
26087
- return /* @__PURE__ */ I.jsx(yA, { children: /* @__PURE__ */ I.jsxs(Fc, { isRequired: l, children: [
26087
+ return /* @__PURE__ */ I.jsx(kA, { children: /* @__PURE__ */ I.jsxs(Fc, { isRequired: l, children: [
26088
26088
  /* @__PURE__ */ I.jsxs(ds, { fontSize: "16px", children: [
26089
26089
  r && /* @__PURE__ */ I.jsx(
26090
26090
  ut,
@@ -26125,9 +26125,9 @@ const tX = /* @__PURE__ */ ls(eX), CBA = ({
26125
26125
  )
26126
26126
  ] }),
26127
26127
  r && B && e && /* @__PURE__ */ I.jsxs(I.Fragment, { children: [
26128
- /* @__PURE__ */ I.jsx(kA, { fontSize: "14px", color: "gray.500", mb: "10px", textAlign: "start", children: e }),
26128
+ /* @__PURE__ */ I.jsx(VA, { fontSize: "14px", color: "gray.500", mb: "10px", textAlign: "start", children: e }),
26129
26129
  /* @__PURE__ */ I.jsx(LA, { wrap: "wrap", mb: 2, gap: 4, children: t.map((h, C) => /* @__PURE__ */ I.jsx(
26130
- yA,
26130
+ kA,
26131
26131
  {
26132
26132
  flexBasis: { base: "100%", sm: "49%" },
26133
26133
  children: /* @__PURE__ */ I.jsx(
@@ -26218,8 +26218,8 @@ const tX = /* @__PURE__ */ ls(eX), CBA = ({
26218
26218
  ) : /* @__PURE__ */ I.jsx("div", { style: s, children: /* @__PURE__ */ I.jsxs(LA, { direction: "row", align: "center", flex: "1", children: [
26219
26219
  /* @__PURE__ */ I.jsx(bt, { as: r[A], style: l, boxSize: 6 }),
26220
26220
  /* @__PURE__ */ I.jsxs(LA, { direction: "column", flex: "1", ml: 3, children: [
26221
- /* @__PURE__ */ I.jsx(kA, { style: c, children: e }),
26222
- t && /* @__PURE__ */ I.jsx(kA, { mt: 1, children: t })
26221
+ /* @__PURE__ */ I.jsx(VA, { style: c, children: e }),
26222
+ t && /* @__PURE__ */ I.jsx(VA, { mt: 1, children: t })
26223
26223
  ] }),
26224
26224
  i && /* @__PURE__ */ I.jsx(
26225
26225
  qe,
@@ -26254,7 +26254,7 @@ const tX = /* @__PURE__ */ ls(eX), CBA = ({
26254
26254
  };
26255
26255
  }, UBA = ({ message: A, userImage: e, timestamp: t, isError: n = !1, userName: i = "User", type: r = "text", src: o = "", alt: a = "" }) => /* @__PURE__ */ I.jsxs(on, { justify: "flex-end", spacing: 2, w: "100%", py: 2, alignItems: "flex-start", children: [
26256
26256
  /* @__PURE__ */ I.jsxs(
26257
- yA,
26257
+ kA,
26258
26258
  {
26259
26259
  bg: r !== "text" ? "transparent" : "white.100",
26260
26260
  color: "black",
@@ -26268,8 +26268,8 @@ const tX = /* @__PURE__ */ ls(eX), CBA = ({
26268
26268
  wordBreak: "break-word",
26269
26269
  alignItems: "flex-start",
26270
26270
  children: [
26271
- r === "image" ? /* @__PURE__ */ I.jsx(yA, { maxWidth: "24.3125rem", height: "13.4375rem", children: /* @__PURE__ */ I.jsx("img", { src: o, alt: a, style: { width: "100%", objectFit: "contain", height: "100%" } }) }) : /* @__PURE__ */ I.jsx(kA, { textAlign: "right", fontSize: "md", whiteSpace: "normal", children: A }),
26272
- t && /* @__PURE__ */ I.jsx(kA, { fontSize: "xs", color: "gray.500", textAlign: "right", mt: 1, children: t })
26271
+ r === "image" ? /* @__PURE__ */ I.jsx(kA, { maxWidth: "24.3125rem", height: "13.4375rem", children: /* @__PURE__ */ I.jsx("img", { src: o, alt: a, style: { width: "100%", objectFit: "contain", height: "100%" } }) }) : /* @__PURE__ */ I.jsx(VA, { textAlign: "right", fontSize: "md", whiteSpace: "normal", children: A }),
26272
+ t && /* @__PURE__ */ I.jsx(VA, { fontSize: "xs", color: "gray.500", textAlign: "right", mt: 1, children: t })
26273
26273
  ]
26274
26274
  }
26275
26275
  ),
@@ -30377,7 +30377,7 @@ function IK(A) {
30377
30377
  image: r(pA),
30378
30378
  label: o,
30379
30379
  link: r(CA),
30380
- listItem: r(VA),
30380
+ listItem: r(yA),
30381
30381
  listItemValue: B,
30382
30382
  listOrdered: r(RA, g),
30383
30383
  listUnordered: r(RA),
@@ -30827,7 +30827,7 @@ function IK(A) {
30827
30827
  children: []
30828
30828
  };
30829
30829
  }
30830
- function VA(k) {
30830
+ function yA(k) {
30831
30831
  return {
30832
30832
  type: "listItem",
30833
30833
  spread: k._spread,
@@ -34974,7 +34974,7 @@ const LAA = or`
34974
34974
  50% { opacity: 0.3; }
34975
34975
  100% { opacity: 1; }
34976
34976
  `, _AA = () => /* @__PURE__ */ I.jsx(on, { spacing: "2px", children: Array.from({ length: 3 }).map((A, e) => /* @__PURE__ */ I.jsx(
34977
- yA,
34977
+ kA,
34978
34978
  {
34979
34979
  width: "7px",
34980
34980
  height: "7px",
@@ -35021,7 +35021,7 @@ const LAA = or`
35021
35021
  return /* @__PURE__ */ I.jsxs(Lt, { className: "chat-assistant__wrapper", align: "flex-start", spacing: 2, w: "100%", py: 2, children: [
35022
35022
  /* @__PURE__ */ I.jsxs(on, { spacing: 2, w: "100%", children: [
35023
35023
  /* @__PURE__ */ I.jsx(
35024
- yA,
35024
+ kA,
35025
35025
  {
35026
35026
  display: "flex",
35027
35027
  alignItems: "center",
@@ -35036,7 +35036,7 @@ const LAA = or`
35036
35036
  }
35037
35037
  ),
35038
35038
  /* @__PURE__ */ I.jsx(
35039
- yA,
35039
+ kA,
35040
35040
  {
35041
35041
  bg: "transparent",
35042
35042
  color: "black",
@@ -35048,7 +35048,7 @@ const LAA = or`
35048
35048
  borderRadius: "50px",
35049
35049
  children: /* @__PURE__ */ I.jsxs(LA, { justify: "space-between", align: "center", w: "100%", children: [
35050
35050
  /* @__PURE__ */ I.jsx(
35051
- yA,
35051
+ kA,
35052
35052
  {
35053
35053
  fontSize: "md",
35054
35054
  whiteSpace: "pre-wrap",
@@ -35368,7 +35368,7 @@ const LAA = or`
35368
35368
  },
35369
35369
  children: [
35370
35370
  /* @__PURE__ */ I.jsx(
35371
- yA,
35371
+ kA,
35372
35372
  {
35373
35373
  fontSize: "2xl",
35374
35374
  as: "div",
@@ -35387,7 +35387,7 @@ const LAA = or`
35387
35387
  }
35388
35388
  ),
35389
35389
  /* @__PURE__ */ I.jsx(
35390
- kA,
35390
+ VA,
35391
35391
  {
35392
35392
  textAlign: "center",
35393
35393
  mt: 2,
@@ -35937,7 +35937,7 @@ const Qx = ({ iconDefault: A, iconHover: e, isActive: t }) => {
35937
35937
  Array(f.length).fill(!1)
35938
35938
  );
35939
35939
  return /* @__PURE__ */ I.jsx(
35940
- yA,
35940
+ kA,
35941
35941
  {
35942
35942
  position: "fixed",
35943
35943
  top: "0",
@@ -35981,7 +35981,7 @@ const Qx = ({ iconDefault: A, iconHover: e, isActive: t }) => {
35981
35981
  }
35982
35982
  )
35983
35983
  ] }),
35984
- /* @__PURE__ */ I.jsx(yA, { as: "a", onClick: n, cursor: "pointer", children: /* @__PURE__ */ I.jsx(deA, { platform: A }) })
35984
+ /* @__PURE__ */ I.jsx(kA, { as: "a", onClick: n, cursor: "pointer", children: /* @__PURE__ */ I.jsx(deA, { platform: A }) })
35985
35985
  ] }),
35986
35986
  /* @__PURE__ */ I.jsxs(wB, { offset: [0, 0], children: [
35987
35987
  /* @__PURE__ */ I.jsx(
@@ -35997,8 +35997,8 @@ const Qx = ({ iconDefault: A, iconHover: e, isActive: t }) => {
35997
35997
  _active: { borderColor: d },
35998
35998
  _focus: { borderColor: u, boxShadow: "0 0 0 3px rgba(66, 153, 225, 0.6)" },
35999
35999
  children: /* @__PURE__ */ I.jsx(Lt, { align: "flex-end", spacing: 0, children: /* @__PURE__ */ I.jsxs(LA, { align: "center", gap: "10px", children: [
36000
- /* @__PURE__ */ I.jsx(yA, { as: feA, color: e, size: 18 }),
36001
- /* @__PURE__ */ I.jsx(kA, { color: e, fontSize: "18px", fontWeight: "medium", marginRight: 2, children: i }),
36000
+ /* @__PURE__ */ I.jsx(kA, { as: feA, color: e, size: 18 }),
36001
+ /* @__PURE__ */ I.jsx(VA, { color: e, fontSize: "18px", fontWeight: "medium", marginRight: 2, children: i }),
36002
36002
  /* @__PURE__ */ I.jsx(hu, { fontSize: "24px", color: e })
36003
36003
  ] }) })
36004
36004
  }
@@ -36041,7 +36041,7 @@ const Qx = ({ iconDefault: A, iconHover: e, isActive: t }) => {
36041
36041
  isActive: Q[D]
36042
36042
  }
36043
36043
  ) : /* @__PURE__ */ I.jsx(I.Fragment, { children: U }) : /* @__PURE__ */ I.jsx(I.Fragment, { children: U }),
36044
- /* @__PURE__ */ I.jsx(kA, { children: C })
36044
+ /* @__PURE__ */ I.jsx(VA, { children: C })
36045
36045
  ] })
36046
36046
  },
36047
36047
  D
@@ -36056,7 +36056,7 @@ const Qx = ({ iconDefault: A, iconHover: e, isActive: t }) => {
36056
36056
  _hover: { bg: "transparent", color: e },
36057
36057
  children: /* @__PURE__ */ I.jsxs(LA, { align: "center", gap: "10px", children: [
36058
36058
  /* @__PURE__ */ I.jsx(KO, { size: 24 }),
36059
- /* @__PURE__ */ I.jsx(kA, { children: r })
36059
+ /* @__PURE__ */ I.jsx(VA, { children: r })
36060
36060
  ] })
36061
36061
  }
36062
36062
  )
@@ -36083,8 +36083,8 @@ const Qx = ({ iconDefault: A, iconHover: e, isActive: t }) => {
36083
36083
  }, c = (g) => {
36084
36084
  g.key === "Enter" && !t && (g.preventDefault(), l());
36085
36085
  };
36086
- return /* @__PURE__ */ I.jsx(yA, { w: "100%", children: /* @__PURE__ */ I.jsxs(Am, { children: [
36087
- /* @__PURE__ */ I.jsx(yA, { width: "100%", paddingRight: "40px", borderRadius: o, background: "white.100", border: "1px solid", borderColor: "black.100", children: /* @__PURE__ */ I.jsx(
36086
+ return /* @__PURE__ */ I.jsx(kA, { w: "100%", children: /* @__PURE__ */ I.jsxs(Am, { children: [
36087
+ /* @__PURE__ */ I.jsx(kA, { width: "100%", paddingRight: "40px", borderRadius: o, background: "white.100", border: "1px solid", borderColor: "black.100", children: /* @__PURE__ */ I.jsx(
36088
36088
  Ol,
36089
36089
  {
36090
36090
  ref: r,
@@ -36145,7 +36145,7 @@ const Qx = ({ iconDefault: A, iconHover: e, isActive: t }) => {
36145
36145
  c((E) => (localStorage.setItem(s, String(!E)), !E));
36146
36146
  };
36147
36147
  return /* @__PURE__ */ I.jsx(
36148
- yA,
36148
+ kA,
36149
36149
  {
36150
36150
  bg: et.white[100],
36151
36151
  color: et.black[400],
@@ -36214,7 +36214,7 @@ const Qx = ({ iconDefault: A, iconHover: e, isActive: t }) => {
36214
36214
  isActive: t === E.url || r === d
36215
36215
  }
36216
36216
  ),
36217
- l && /* @__PURE__ */ I.jsx(kA, { ml: 2, fontWeight: t === E.url || r === d ? "bold" : "normal", transition: "font-weight 0.3s ease", children: E.title })
36217
+ l && /* @__PURE__ */ I.jsx(VA, { ml: 2, fontWeight: t === E.url || r === d ? "bold" : "normal", transition: "font-weight 0.3s ease", children: E.title })
36218
36218
  ]
36219
36219
  },
36220
36220
  d
@@ -36337,7 +36337,7 @@ const Qx = ({ iconDefault: A, iconHover: e, isActive: t }) => {
36337
36337
  /* @__PURE__ */ I.jsx(gr, {}),
36338
36338
  /* @__PURE__ */ I.jsxs(sr, { position: "relative", bg: "white", p: "24px", borderRadius: "16px", minW: "550px", children: [
36339
36339
  /* @__PURE__ */ I.jsx(cr, { fontSize: "20px", fontFamily: "sansation", children: n }),
36340
- /* @__PURE__ */ I.jsx(lr, { children: /* @__PURE__ */ I.jsx(kA, { fontSize: "16px", fontFamily: "Lato", children: i }) }),
36340
+ /* @__PURE__ */ I.jsx(lr, { children: /* @__PURE__ */ I.jsx(VA, { fontSize: "16px", fontFamily: "Lato", children: i }) }),
36341
36341
  /* @__PURE__ */ I.jsxs(Sc, { display: "flex", justifyContent: "center", mt: "2px", children: [
36342
36342
  /* @__PURE__ */ I.jsx(
36343
36343
  qe,
@@ -36415,7 +36415,7 @@ const SBA = ({
36415
36415
  children: A.map((s, l) => !Array.isArray(s.content) || s.content.length === 0 ? null : /* @__PURE__ */ I.jsxs(t2, { border: "none", children: [
36416
36416
  /* @__PURE__ */ I.jsx("h2", { children: /* @__PURE__ */ I.jsxs(A2, { children: [
36417
36417
  /* @__PURE__ */ I.jsx(
36418
- yA,
36418
+ kA,
36419
36419
  {
36420
36420
  as: "span",
36421
36421
  flex: "1",
@@ -36450,7 +36450,7 @@ const SBA = ({
36450
36450
  children: [
36451
36451
  c.title,
36452
36452
  e && /* @__PURE__ */ I.jsx(
36453
- yA,
36453
+ kA,
36454
36454
  {
36455
36455
  className: "pin-icon",
36456
36456
  cursor: "pointer",
@@ -36528,7 +36528,7 @@ const SBA = ({
36528
36528
  e && l(g.target.value), i && i(g);
36529
36529
  };
36530
36530
  return /* @__PURE__ */ I.jsxs(Lt, { align: "start", children: [
36531
- /* @__PURE__ */ I.jsx(kA, { fontSize: "1.875rem", fontWeight: "bold", color: "black.300", children: A }),
36531
+ /* @__PURE__ */ I.jsx(VA, { fontSize: "1.875rem", fontWeight: "bold", color: "black.300", children: A }),
36532
36532
  /* @__PURE__ */ I.jsx(
36533
36533
  Ol,
36534
36534
  {
@@ -36584,7 +36584,7 @@ const bBA = ({ type: A = "progress" }) => {
36584
36584
  }
36585
36585
  return /* @__PURE__ */ I.jsx(Lt, { children: /* @__PURE__ */ I.jsxs(LA, { children: [
36586
36586
  e,
36587
- /* @__PURE__ */ I.jsx(kA, { color: n, fontWeight: "900", fontSize: "1rem", lineHeight: "1.375rem", children: t })
36587
+ /* @__PURE__ */ I.jsx(VA, { color: n, fontWeight: "900", fontSize: "1rem", lineHeight: "1.375rem", children: t })
36588
36588
  ] }) });
36589
36589
  }, VBA = ({ value: A = 50, size: e = "sm", backgroundColor: t = "black.40" }) => {
36590
36590
  const n = `${A}%`, i = A < 50 ? "danger.400" : A < 100 ? "info.400" : A === 100 ? "success.400" : "info.500";
@@ -36595,7 +36595,7 @@ const bBA = ({ type: A = "progress" }) => {
36595
36595
  // Change the progress bar color
36596
36596
  }
36597
36597
  } }) }),
36598
- /* @__PURE__ */ I.jsx(kA, { fontWeight: "bold", fontSize: "1rem", marginLeft: "1.75rem", children: n })
36598
+ /* @__PURE__ */ I.jsx(VA, { fontWeight: "bold", fontSize: "1rem", marginLeft: "1.75rem", children: n })
36599
36599
  ] });
36600
36600
  }, yBA = ({ items: A, colorBackground: e, colorTitle: t, colorOption: n }) => /* @__PURE__ */ I.jsx(
36601
36601
  LA,
@@ -36605,14 +36605,14 @@ const bBA = ({ type: A = "progress" }) => {
36605
36605
  borderTopLeftRadius: ".75rem",
36606
36606
  borderTopRightRadius: ".75rem",
36607
36607
  justifyContent: "space-around",
36608
- children: A.map((i, r) => /* @__PURE__ */ I.jsxs(yA, { maxWidth: "max-content", textAlign: "center", padding: "1rem", children: [
36609
- /* @__PURE__ */ I.jsx(kA, { color: t, fontSize: "1rem", fontWeight: "bold", children: i.title }),
36610
- /* @__PURE__ */ I.jsx(kA, { fontSize: "0.875rem", color: n, paddingTop: ".25rem", children: i.option })
36608
+ children: A.map((i, r) => /* @__PURE__ */ I.jsxs(kA, { maxWidth: "max-content", textAlign: "center", padding: "1rem", children: [
36609
+ /* @__PURE__ */ I.jsx(VA, { color: t, fontSize: "1rem", fontWeight: "bold", children: i.title }),
36610
+ /* @__PURE__ */ I.jsx(VA, { fontSize: "0.875rem", color: n, paddingTop: ".25rem", children: i.option })
36611
36611
  ] }, r))
36612
36612
  }
36613
- ), kBA = ({ text: A = "Positive Ranking", value: e = "1,302" }) => /* @__PURE__ */ I.jsxs(yA, { color: "black.600", maxWidth: "max-content", width: "100%", children: [
36614
- /* @__PURE__ */ I.jsx(kA, { fontSize: "1rem", children: A }),
36615
- /* @__PURE__ */ I.jsx(kA, { fontSize: "1.75rem", fontWeight: "bold", textAlign: "left", marginTop: "0.25rem", children: e })
36613
+ ), kBA = ({ text: A = "Positive Ranking", value: e = "1,302" }) => /* @__PURE__ */ I.jsxs(kA, { color: "black.600", maxWidth: "max-content", width: "100%", children: [
36614
+ /* @__PURE__ */ I.jsx(VA, { fontSize: "1rem", children: A }),
36615
+ /* @__PURE__ */ I.jsx(VA, { fontSize: "1.75rem", fontWeight: "bold", textAlign: "left", marginTop: "0.25rem", children: e })
36616
36616
  ] }), NBA = ({
36617
36617
  backgroundColor: A = "#fff",
36618
36618
  boxShadow: e = "1px 1px 4px #d7d7d7",
@@ -36621,7 +36621,7 @@ const bBA = ({ type: A = "progress" }) => {
36621
36621
  borderRadius: i = ".5rem",
36622
36622
  children: r,
36623
36623
  ...o
36624
- }) => /* @__PURE__ */ I.jsx(yA, { ...o, backgroundColor: A, boxShadow: e, maxWidth: t, width: "100%", padding: n, borderRadius: i, children: r }), hx = ({ color: A, width: e = "89" }) => /* @__PURE__ */ I.jsxs(yA, { position: "relative", width: e, height: e, children: [
36624
+ }) => /* @__PURE__ */ I.jsx(kA, { ...o, backgroundColor: A, boxShadow: e, maxWidth: t, width: "100%", padding: n, borderRadius: i, children: r }), hx = ({ color: A, width: e = "89" }) => /* @__PURE__ */ I.jsxs(kA, { position: "relative", width: e, height: e, children: [
36625
36625
  /* @__PURE__ */ I.jsxs(
36626
36626
  "svg",
36627
36627
  {
@@ -36692,7 +36692,7 @@ const bBA = ({ type: A = "progress" }) => {
36692
36692
  ] }), vBA = ({ color: A = "elevate" }) => {
36693
36693
  const [e] = Rc("colors", [`${A}.500`]);
36694
36694
  return /* @__PURE__ */ I.jsx(
36695
- yA,
36695
+ kA,
36696
36696
  {
36697
36697
  position: "fixed",
36698
36698
  top: 0,
@@ -36766,7 +36766,7 @@ const HBA = ({
36766
36766
  i || (A === "idle" || A === "recording" ? n && n() : (A === "playing" || A === "paused") && t());
36767
36767
  };
36768
36768
  return /* @__PURE__ */ I.jsxs(
36769
- yA,
36769
+ kA,
36770
36770
  {
36771
36771
  display: "flex",
36772
36772
  alignItems: "center",
@@ -36793,8 +36793,8 @@ const HBA = ({
36793
36793
  fontSize: "20px"
36794
36794
  }
36795
36795
  ),
36796
- /* @__PURE__ */ I.jsx(yA, { display: "flex", justifyContent: "center", flex: "1", mx: "16px", alignItems: "center", children: A === "idle" ? /* @__PURE__ */ I.jsx(kA, { fontSize: "sm", fontWeight: "bold", color: "white", children: "Record your voice" }) : A === "recording" ? /* @__PURE__ */ I.jsx(yA, { display: "flex", gap: "2px", alignItems: "center", children: s.map((g, B) => /* @__PURE__ */ I.jsx(
36797
- yA,
36796
+ /* @__PURE__ */ I.jsx(kA, { display: "flex", justifyContent: "center", flex: "1", mx: "16px", alignItems: "center", children: A === "idle" ? /* @__PURE__ */ I.jsx(VA, { fontSize: "sm", fontWeight: "bold", color: "white", children: "Record your voice" }) : A === "recording" ? /* @__PURE__ */ I.jsx(kA, { display: "flex", gap: "2px", alignItems: "center", children: s.map((g, B) => /* @__PURE__ */ I.jsx(
36797
+ kA,
36798
36798
  {
36799
36799
  width: "2px",
36800
36800
  height: `${g * 3}px`,
@@ -36803,8 +36803,8 @@ const HBA = ({
36803
36803
  _hover: { bg: "gray.200" }
36804
36804
  },
36805
36805
  B
36806
- )) }) : /* @__PURE__ */ I.jsx(yA, { display: "flex", gap: "2px", alignItems: "center", children: s.map((g, B) => /* @__PURE__ */ I.jsx(
36807
- yA,
36806
+ )) }) : /* @__PURE__ */ I.jsx(kA, { display: "flex", gap: "2px", alignItems: "center", children: s.map((g, B) => /* @__PURE__ */ I.jsx(
36807
+ kA,
36808
36808
  {
36809
36809
  width: "2px",
36810
36810
  height: `${g * 3}px`,
@@ -36814,7 +36814,7 @@ const HBA = ({
36814
36814
  },
36815
36815
  B
36816
36816
  )) }) }),
36817
- /* @__PURE__ */ I.jsx(kA, { fontSize: "sm", fontWeight: "bold", marginLeft: "8px", children: e })
36817
+ /* @__PURE__ */ I.jsx(VA, { fontSize: "sm", fontWeight: "bold", marginLeft: "8px", children: e })
36818
36818
  ]
36819
36819
  }
36820
36820
  );
@@ -36850,7 +36850,7 @@ const HBA = ({
36850
36850
  },
36851
36851
  children: [
36852
36852
  o.icon && /* @__PURE__ */ I.jsx(
36853
- yA,
36853
+ kA,
36854
36854
  {
36855
36855
  as: "span",
36856
36856
  display: "flex",
@@ -36862,7 +36862,7 @@ const HBA = ({
36862
36862
  boxSize: o.iconSize || "16px",
36863
36863
  color: o.iconColor || "gray.800",
36864
36864
  marginRight: "5px",
36865
- children: /* @__PURE__ */ I.jsx(yA, { as: o.icon, boxSize: "100%" })
36865
+ children: /* @__PURE__ */ I.jsx(kA, { as: o.icon, boxSize: "100%" })
36866
36866
  }
36867
36867
  ),
36868
36868
  o.label
@@ -36883,7 +36883,7 @@ const HBA = ({
36883
36883
  const B = g.target.checked;
36884
36884
  l(B), e && e(B);
36885
36885
  };
36886
- return /* @__PURE__ */ I.jsxs(yA, { display: "flex", alignItems: "center", children: [
36886
+ return /* @__PURE__ */ I.jsxs(kA, { display: "flex", alignItems: "center", children: [
36887
36887
  /* @__PURE__ */ I.jsx(
36888
36888
  ds,
36889
36889
  {
@@ -36992,8 +36992,8 @@ const HBA = ({
36992
36992
  }, N = E.trim().split(" ");
36993
36993
  let W = "0", j = "0", v = "0", aA = "0";
36994
36994
  return N.length === 4 ? (W = N[0], j = N[1], v = N[2], aA = N[3]) : N.length === 3 ? (W = N[0], j = aA = N[1], v = N[2]) : N.length === 2 ? (W = v = N[0], aA = j = N[1]) : N.length === 1 ? W = j = v = aA = N[0] : W = j = v = aA = "0", /* @__PURE__ */ I.jsxs(LA, { flexDirection: "column", alignItems: "flex-start", children: [
36995
- /* @__PURE__ */ I.jsx(kA, { color: f, fontFamily: Q, fontSize: h, textAlign: C, margin: U, children: d }),
36996
- /* @__PURE__ */ I.jsx(kA, { color: F, fontFamily: D, fontSize: m, textAlign: b, children: R }),
36995
+ /* @__PURE__ */ I.jsx(VA, { color: f, fontFamily: Q, fontSize: h, textAlign: C, margin: U, children: d }),
36996
+ /* @__PURE__ */ I.jsx(VA, { color: F, fontFamily: D, fontSize: m, textAlign: b, children: R }),
36997
36997
  /* @__PURE__ */ I.jsx(LA, { flexDirection: B, margin: u, children: A == null ? void 0 : A.map((rA, M) => /* @__PURE__ */ I.jsx("div", { children: /* @__PURE__ */ I.jsx(
36998
36998
  I2,
36999
36999
  {
@@ -37046,7 +37046,7 @@ const HBA = ({
37046
37046
  const a = (s) => {
37047
37047
  i && i(s);
37048
37048
  };
37049
- return /* @__PURE__ */ I.jsx(yA, { bg: "gray.100", borderRadius: "md", boxShadow: "md", p: "3px", children: /* @__PURE__ */ I.jsx(
37049
+ return /* @__PURE__ */ I.jsx(kA, { bg: "gray.100", borderRadius: "md", boxShadow: "md", p: "3px", children: /* @__PURE__ */ I.jsx(
37050
37050
  Wm,
37051
37051
  {
37052
37052
  index: o,
@@ -37129,7 +37129,7 @@ const HBA = ({
37129
37129
  }
37130
37130
  ),
37131
37131
  /* @__PURE__ */ I.jsx(cr, { fontSize: "18px", fontFamily: "Body", children: n }),
37132
- /* @__PURE__ */ I.jsx(lr, { children: /* @__PURE__ */ I.jsx(kA, { fontFamily: "Lato", children: i }) }),
37132
+ /* @__PURE__ */ I.jsx(lr, { children: /* @__PURE__ */ I.jsx(VA, { fontFamily: "Lato", children: i }) }),
37133
37133
  /* @__PURE__ */ I.jsxs(Sc, { display: "flex", justifyContent: "center", mt: "10px", children: [
37134
37134
  /* @__PURE__ */ I.jsx(
37135
37135
  qe,
@@ -37236,7 +37236,7 @@ const HBA = ({
37236
37236
  /* @__PURE__ */ I.jsxs(lr, { children: [
37237
37237
  /* @__PURE__ */ I.jsxs(on, { spacing: 3, justifyContent: "center", children: [
37238
37238
  /* @__PURE__ */ I.jsx(FeA, { color: E[i] || E.primary }),
37239
- /* @__PURE__ */ I.jsx(kA, { children: t })
37239
+ /* @__PURE__ */ I.jsx(VA, { children: t })
37240
37240
  ] }),
37241
37241
  /* @__PURE__ */ I.jsx(on, { spacing: 3, justifyContent: "center", children: o })
37242
37242
  ] }),
@@ -37326,7 +37326,7 @@ const HBA = ({
37326
37326
  }
37327
37327
  ),
37328
37328
  /* @__PURE__ */ I.jsxs(lr, { p: 1, mb: 3, children: [
37329
- /* @__PURE__ */ I.jsx(on, { spacing: 3, justifyContent: "center", children: /* @__PURE__ */ I.jsx(kA, { fontFamily: "Lato-Regular", color: "danger.400", children: t }) }),
37329
+ /* @__PURE__ */ I.jsx(on, { spacing: 3, justifyContent: "center", children: /* @__PURE__ */ I.jsx(VA, { fontFamily: "Lato-Regular", color: "danger.400", children: t }) }),
37330
37330
  /* @__PURE__ */ I.jsx(on, { spacing: 3, justifyContent: "center", children: o })
37331
37331
  ] }),
37332
37332
  /* @__PURE__ */ I.jsx(Sc, { p: 1, children: /* @__PURE__ */ I.jsx(
@@ -37385,7 +37385,7 @@ const HBA = ({
37385
37385
  };
37386
37386
  return /* @__PURE__ */ I.jsxs(Lt, { align: "flex-start", spacing: 2, w: "100%", py: 2, children: [
37387
37387
  /* @__PURE__ */ I.jsx(on, { spacing: 2, w: "100%", children: /* @__PURE__ */ I.jsx(
37388
- yA,
37388
+ kA,
37389
37389
  {
37390
37390
  bg: "transparent",
37391
37391
  color: "black",
@@ -37396,7 +37396,7 @@ const HBA = ({
37396
37396
  borderColor: o,
37397
37397
  borderRadius: "50px",
37398
37398
  children: /* @__PURE__ */ I.jsx(LA, { justify: "space-between", align: "center", w: "100%", children: /* @__PURE__ */ I.jsx(
37399
- kA,
37399
+ VA,
37400
37400
  {
37401
37401
  fontSize: "md",
37402
37402
  whiteSpace: "pre-wrap",
@@ -37404,7 +37404,7 @@ const HBA = ({
37404
37404
  w: "85%",
37405
37405
  textAlign: "left",
37406
37406
  color: e || "#333333",
37407
- children: i ? /* @__PURE__ */ I.jsxs(kA, { fontStyle: "italic", color: "gray.500", children: [
37407
+ children: i ? /* @__PURE__ */ I.jsxs(VA, { fontStyle: "italic", color: "gray.500", children: [
37408
37408
  /* @__PURE__ */ I.jsx("span", { children: "." }),
37409
37409
  /* @__PURE__ */ I.jsx("span", { children: "." }),
37410
37410
  /* @__PURE__ */ I.jsx("span", { children: "." })
@@ -37450,17 +37450,17 @@ const LBA = ({
37450
37450
  display: g ? "block" : void 0
37451
37451
  }
37452
37452
  ),
37453
- /* @__PURE__ */ I.jsx(sr, { backgroundColor: "assist.200", borderRadius: "1rem", boxShadow: "0 0 0 rgba(0, 0, 0, 0.06)", maxWidth: "664px", width: "100%", children: /* @__PURE__ */ I.jsxs(yA, { maxWidth: "306px", margin: " 66px auto", textAlign: "left", width: "100%", children: [
37453
+ /* @__PURE__ */ I.jsx(sr, { backgroundColor: "assist.200", borderRadius: "1rem", boxShadow: "0 0 0 rgba(0, 0, 0, 0.06)", maxWidth: "664px", width: "100%", children: /* @__PURE__ */ I.jsxs(kA, { maxWidth: "306px", margin: " 66px auto", textAlign: "left", width: "100%", children: [
37454
37454
  /* @__PURE__ */ I.jsxs(cr, { fontFamily: "Sansation-Bold", padding: "12px 0 12px", children: [
37455
- /* @__PURE__ */ I.jsx(kA, { fontSize: "20px", children: A }),
37456
- /* @__PURE__ */ I.jsx(kA, { fontSize: "28px", children: e })
37455
+ /* @__PURE__ */ I.jsx(VA, { fontSize: "20px", children: A }),
37456
+ /* @__PURE__ */ I.jsx(VA, { fontSize: "28px", children: e })
37457
37457
  ] }),
37458
37458
  /* @__PURE__ */ I.jsx(mc, { _hover: { backgroundColor: "white.100" }, hidden: s }),
37459
37459
  /* @__PURE__ */ I.jsxs(lr, { padding: "0", children: [
37460
37460
  t == null ? void 0 : t.map((u, E) => /* @__PURE__ */ I.jsxs(LA, { alignItems: "center", children: [
37461
37461
  o || /* @__PURE__ */ I.jsx(MeA, { size: "20", color: "#2f93df" }),
37462
37462
  /* @__PURE__ */ I.jsx(
37463
- kA,
37463
+ VA,
37464
37464
  {
37465
37465
  fontFamily: "Lato",
37466
37466
  color: "black.400",
@@ -37485,7 +37485,7 @@ const LBA = ({
37485
37485
  backgroundColor: "assist.500"
37486
37486
  },
37487
37487
  children: [
37488
- /* @__PURE__ */ I.jsx(kA, { marginRight: "8px", children: n }),
37488
+ /* @__PURE__ */ I.jsx(VA, { marginRight: "8px", children: n }),
37489
37489
  /* @__PURE__ */ I.jsx(rj, {})
37490
37490
  ]
37491
37491
  }
@@ -37498,7 +37498,7 @@ function weA(A) {
37498
37498
  }
37499
37499
  const _BA = ({ text: A, onClick: e }) => /* @__PURE__ */ I.jsxs(LA, { flexDirection: "row", onClick: e, color: "info.500", alignItems: "center", fontFamily: "Lato", fontSize: "1rem", maxWidth: "max-content", width: "100%", cursor: "pointer", children: [
37500
37500
  /* @__PURE__ */ I.jsx(weA, {}),
37501
- /* @__PURE__ */ I.jsx(kA, { marginLeft: ".5rem", children: A })
37501
+ /* @__PURE__ */ I.jsx(VA, { marginLeft: ".5rem", children: A })
37502
37502
  ] }), DeA = ({
37503
37503
  width: A = 200,
37504
37504
  height: e = 195,
@@ -37615,7 +37615,7 @@ const _BA = ({ text: A, onClick: e }) => /* @__PURE__ */ I.jsxs(LA, { flexDirect
37615
37615
  update: peA
37616
37616
  }, r = _A(() => i[A], [A]), o = A === "soon" ? "Próximamente" : "Mejora tu plan";
37617
37617
  return /* @__PURE__ */ I.jsxs(
37618
- yA,
37618
+ kA,
37619
37619
  {
37620
37620
  position: "absolute",
37621
37621
  top: "-13px",
@@ -37627,7 +37627,7 @@ const _BA = ({ text: A, onClick: e }) => /* @__PURE__ */ I.jsxs(LA, { flexDirect
37627
37627
  children: [
37628
37628
  r && /* @__PURE__ */ I.jsx(r, { width: "100%", height: "100%" }),
37629
37629
  n || /* @__PURE__ */ I.jsx(
37630
- kA,
37630
+ VA,
37631
37631
  {
37632
37632
  position: "absolute",
37633
37633
  color: "white",
@@ -37675,88 +37675,85 @@ const _BA = ({ text: A, onClick: e }) => /* @__PURE__ */ I.jsxs(LA, { flexDirect
37675
37675
  expandedItem: e,
37676
37676
  setExpandedItem: t
37677
37677
  }) => {
37678
- const n = (i) => {
37679
- t(e === i ? null : i);
37678
+ const n = (r) => {
37679
+ t(e === r ? null : r);
37680
+ }, i = (r) => {
37681
+ var c;
37682
+ const o = r.replace(/\s+/g, ""), a = o.slice(0, 3), l = ((c = o.slice(3).match(/.{1,3}/g)) == null ? void 0 : c.join(" ")) || "";
37683
+ return `(${a}) ${l}`;
37680
37684
  };
37681
- return /* @__PURE__ */ I.jsx(yA, { w: "100%", mx: "auto", children: A.map((i) => {
37682
- const r = e === i.id;
37683
- return /* @__PURE__ */ I.jsxs(yA, { mb: 6, bg: "#F9F9F9", borderRadius: "8px", children: [
37684
- /* @__PURE__ */ I.jsxs(
37685
- LA,
37686
- {
37687
- align: "center",
37688
- justify: "space-between",
37689
- px: 5,
37690
- py: 3,
37691
- cursor: "pointer",
37692
- onClick: () => n(i.id),
37693
- children: [
37694
- /* @__PURE__ */ I.jsxs(LA, { align: "center", flex: "1", minW: 0, children: [
37695
- /* @__PURE__ */ I.jsx(yA, { minW: "22px", mr: 3, children: i.icon }),
37696
- /* @__PURE__ */ I.jsx(
37697
- kA,
37698
- {
37699
- fontWeight: "bold",
37700
- fontSize: "19px",
37701
- fontFamily: "Heading",
37702
- isTruncated: !0,
37703
- children: i.name
37704
- }
37705
- )
37706
- ] }),
37707
- /* @__PURE__ */ I.jsxs(
37708
- LA,
37709
- {
37710
- align: "center",
37711
- flex: "1",
37712
- minW: 0,
37713
- children: [
37685
+ return /* @__PURE__ */ I.jsx(kA, { w: "100%", mx: "auto", children: A.map((r) => {
37686
+ const o = e === r.id;
37687
+ return /* @__PURE__ */ I.jsxs(
37688
+ kA,
37689
+ {
37690
+ mb: 6,
37691
+ bg: "#F9F9F9",
37692
+ borderRadius: "8px",
37693
+ children: [
37694
+ /* @__PURE__ */ I.jsxs(
37695
+ LA,
37696
+ {
37697
+ align: "center",
37698
+ justify: "space-between",
37699
+ px: 5,
37700
+ py: 3,
37701
+ cursor: "pointer",
37702
+ onClick: () => n(r.id),
37703
+ children: [
37704
+ /* @__PURE__ */ I.jsxs(LA, { align: "center", flex: "1", children: [
37705
+ /* @__PURE__ */ I.jsx(kA, { mr: 3, children: r.icon }),
37706
+ /* @__PURE__ */ I.jsx(VA, { fontWeight: "bold", fontSize: "19px", fontFamily: "Heading", children: r.name }),
37707
+ r.numericPhone && /* @__PURE__ */ I.jsx(VA, { fontSize: "15px", fontFamily: "Lato", ml: 5, children: `${i(r.numericPhone)}` })
37708
+ ] }),
37709
+ /* @__PURE__ */ I.jsxs(LA, { align: "center", flex: "1", justify: "flex-start", children: [
37714
37710
  /* @__PURE__ */ I.jsx(
37715
37711
  jO,
37716
37712
  {
37717
- color: i.statusCanal ? "#21B06E" : "#C1C1C1",
37713
+ color: r.statusCanal ? "#21B06E" : "#C1C1C1",
37718
37714
  size: 22
37719
37715
  }
37720
37716
  ),
37721
37717
  /* @__PURE__ */ I.jsx(
37722
- kA,
37718
+ VA,
37723
37719
  {
37724
37720
  ml: 2,
37725
- color: i.statusCanal ? "#21B06E" : "#C1C1C1",
37721
+ mr: 4,
37722
+ color: r.statusCanal ? "#21B06E" : "#C1C1C1",
37726
37723
  fontSize: "16px",
37727
37724
  fontFamily: "LatoBold",
37728
37725
  fontWeight: "bold",
37729
37726
  whiteSpace: "nowrap",
37730
37727
  overflow: "hidden",
37731
37728
  textOverflow: "ellipsis",
37732
- isTruncated: !0,
37733
- children: i.textStatus
37729
+ children: r.textStatus
37734
37730
  }
37735
37731
  )
37736
- ]
37737
- }
37738
- ),
37739
- /* @__PURE__ */ I.jsxs(LA, { align: "center", justify: "flex-end", flex: "1", children: [
37740
- /* @__PURE__ */ I.jsx(
37741
- kA,
37742
- {
37743
- ml: 2,
37744
- mr: 4,
37745
- color: "info.500",
37746
- textDecoration: "underline",
37747
- textUnderlineOffset: "4px",
37748
- fontFamily: "Lato",
37749
- fontSize: "16px",
37750
- children: "Configurar"
37751
- }
37752
- ),
37753
- r ? /* @__PURE__ */ I.jsx(CQ, {}) : /* @__PURE__ */ I.jsx(hu, {})
37754
- ] })
37755
- ]
37756
- }
37757
- ),
37758
- /* @__PURE__ */ I.jsx(Of, { in: r, animateOpacity: !0, children: /* @__PURE__ */ I.jsx(yA, { px: 5, py: 4, bg: "white", borderBottomRadius: "8px", children: i.children }) })
37759
- ] }, i.id);
37732
+ ] }),
37733
+ /* @__PURE__ */ I.jsxs(LA, { align: "center", flex: "1", justify: "flex-end", children: [
37734
+ /* @__PURE__ */ I.jsx(
37735
+ VA,
37736
+ {
37737
+ ml: 2,
37738
+ mr: 4,
37739
+ color: "info.500",
37740
+ textDecoration: "underline",
37741
+ textUnderlineOffset: "4px",
37742
+ fontFamily: "Lato",
37743
+ fontSize: "16px",
37744
+ children: "Configurar"
37745
+ }
37746
+ ),
37747
+ o ? /* @__PURE__ */ I.jsx(CQ, {}) : /* @__PURE__ */ I.jsx(hu, {})
37748
+ ] })
37749
+ ]
37750
+ }
37751
+ ),
37752
+ /* @__PURE__ */ I.jsx(Of, { in: o, animateOpacity: !0, children: /* @__PURE__ */ I.jsx(kA, { px: 5, py: 4, bg: "white", borderBottomRadius: "8px", children: r.children }) })
37753
+ ]
37754
+ },
37755
+ r.id
37756
+ );
37760
37757
  }) });
37761
37758
  }, AuA = ({ color: A, icon: e, title: t, status: n, menuOptions: i, textBottomOption: r, currentUrl: o, ...a }) => {
37762
37759
  const s = ["hub", "play", "elevate", "assist", "talent", "ad", "collect", "localhost"], c = `sidebarOpen_${window.location.hostname.split(".").find((F) => s.includes(F)) || "default"}`, [g, B] = TA(() => {
@@ -37790,7 +37787,7 @@ const _BA = ({ text: A, onClick: e }) => /* @__PURE__ */ I.jsxs(LA, { flexDirect
37790
37787
  break;
37791
37788
  }
37792
37789
  return /* @__PURE__ */ I.jsxs(
37793
- yA,
37790
+ kA,
37794
37791
  {
37795
37792
  bg: et.white[100],
37796
37793
  color: et.black[400],
@@ -37810,8 +37807,8 @@ const _BA = ({ text: A, onClick: e }) => /* @__PURE__ */ I.jsxs(LA, { flexDirect
37810
37807
  children: [
37811
37808
  /* @__PURE__ */ I.jsxs(Lt, { align: "start", pt: "20px", position: "relative", width: "100%", children: [
37812
37809
  /* @__PURE__ */ I.jsx(LA, { width: "100%", display: g ? "none" : "flex", justifyContent: "center", children: e }),
37813
- /* @__PURE__ */ I.jsxs(yA, { width: "100%", display: g ? "block" : "none", children: [
37814
- /* @__PURE__ */ I.jsx(kA, { color: A, fontFamily: "Sansation-Bold", fontSize: "24px", width: "100%", children: t }),
37810
+ /* @__PURE__ */ I.jsxs(kA, { width: "100%", display: g ? "block" : "none", children: [
37811
+ /* @__PURE__ */ I.jsx(VA, { color: A, fontFamily: "Sansation-Bold", fontSize: "24px", width: "100%", children: t }),
37815
37812
  /* @__PURE__ */ I.jsxs(
37816
37813
  LA,
37817
37814
  {
@@ -37821,7 +37818,7 @@ const _BA = ({ text: A, onClick: e }) => /* @__PURE__ */ I.jsxs(LA, { flexDirect
37821
37818
  cursor: "pointer",
37822
37819
  children: [
37823
37820
  f,
37824
- /* @__PURE__ */ I.jsx(kA, { color: h, fontSize: "16px", children: Q })
37821
+ /* @__PURE__ */ I.jsx(VA, { color: h, fontSize: "16px", children: Q })
37825
37822
  ]
37826
37823
  }
37827
37824
  )
@@ -37847,7 +37844,7 @@ const _BA = ({ text: A, onClick: e }) => /* @__PURE__ */ I.jsxs(LA, { flexDirect
37847
37844
  }
37848
37845
  ),
37849
37846
  i.map((C, U) => /* @__PURE__ */ I.jsxs(LA, { flexDirection: "column", width: "100%", pl: g ? "10px" : "0px", children: [
37850
- C.title && g && /* @__PURE__ */ I.jsx(kA, { ml: 2, transition: "font-weight 0.3s ease", fontFamily: "Sansation-Bold", fontWeight: "700", fontSize: "16px", textAlign: "left", color: "black.500", mb: "12px", children: C.title }),
37847
+ C.title && g && /* @__PURE__ */ I.jsx(VA, { ml: 2, transition: "font-weight 0.3s ease", fontFamily: "Sansation-Bold", fontWeight: "700", fontSize: "16px", textAlign: "left", color: "black.500", mb: "12px", children: C.title }),
37851
37848
  C.options && C.options.length > 0 && /* @__PURE__ */ I.jsx(LA, { width: "100%", flexDirection: "column", children: C.options.map((R, F) => /* @__PURE__ */ I.jsx(
37852
37849
  qe,
37853
37850
  {
@@ -37876,7 +37873,7 @@ const _BA = ({ text: A, onClick: e }) => /* @__PURE__ */ I.jsxs(LA, { flexDirect
37876
37873
  children: /* @__PURE__ */ I.jsxs(LA, { children: [
37877
37874
  R.icon,
37878
37875
  g && /* @__PURE__ */ I.jsx(
37879
- kA,
37876
+ VA,
37880
37877
  {
37881
37878
  ml: 2,
37882
37879
  transition: "font-weight 0.3s ease",
@@ -37912,7 +37909,7 @@ const _BA = ({ text: A, onClick: e }) => /* @__PURE__ */ I.jsxs(LA, { flexDirect
37912
37909
  isActive: o === C.url,
37913
37910
  children: /* @__PURE__ */ I.jsxs(LA, { children: [
37914
37911
  C.icon,
37915
- g && /* @__PURE__ */ I.jsx(kA, { ml: 2, transition: "font-weight 0.3s ease", color: "black.500", children: C.title })
37912
+ g && /* @__PURE__ */ I.jsx(VA, { ml: 2, transition: "font-weight 0.3s ease", color: "black.500", children: C.title })
37916
37913
  ] })
37917
37914
  },
37918
37915
  U
@@ -37949,14 +37946,14 @@ const _BA = ({ text: A, onClick: e }) => /* @__PURE__ */ I.jsxs(LA, { flexDirect
37949
37946
  flexDirection: "column",
37950
37947
  mt: "4px",
37951
37948
  children: [
37952
- /* @__PURE__ */ I.jsx(yA, { as: "span", textAlign: "center", children: /* @__PURE__ */ I.jsx(meA, { width: 40, height: 40 }) }),
37953
- /* @__PURE__ */ I.jsx(kA, { fontFamily: "Heading", fontSize: "22px", children: "¡Atención!" })
37949
+ /* @__PURE__ */ I.jsx(kA, { as: "span", textAlign: "center", children: /* @__PURE__ */ I.jsx(meA, { width: 40, height: 40 }) }),
37950
+ /* @__PURE__ */ I.jsx(VA, { fontFamily: "Heading", fontSize: "22px", children: "¡Atención!" })
37954
37951
  ]
37955
37952
  }
37956
37953
  ),
37957
37954
  /* @__PURE__ */ I.jsx(mc, { hidden: r }),
37958
37955
  /* @__PURE__ */ I.jsx(lr, { margin: "0 auto", maxWidth: "320px", width: "100%", padding: "0", mb: "15px", children: /* @__PURE__ */ I.jsx(
37959
- kA,
37956
+ VA,
37960
37957
  {
37961
37958
  fontFamily: "Lato",
37962
37959
  fontSize: "16px",
@@ -38014,14 +38011,14 @@ const _BA = ({ text: A, onClick: e }) => /* @__PURE__ */ I.jsxs(LA, { flexDirect
38014
38011
  flexDirection: "column",
38015
38012
  mt: "4px",
38016
38013
  children: [
38017
- /* @__PURE__ */ I.jsx(yA, { as: "span", textAlign: "center", children: /* @__PURE__ */ I.jsx(SeA, { width: 40, height: 40 }) }),
38018
- /* @__PURE__ */ I.jsx(kA, { fontFamily: "Sansation-Bold", fontSize: "20px", children: "¡Atención!" })
38014
+ /* @__PURE__ */ I.jsx(kA, { as: "span", textAlign: "center", children: /* @__PURE__ */ I.jsx(SeA, { width: 40, height: 40 }) }),
38015
+ /* @__PURE__ */ I.jsx(VA, { fontFamily: "Sansation-Bold", fontSize: "20px", children: "¡Atención!" })
38019
38016
  ]
38020
38017
  }
38021
38018
  ),
38022
38019
  /* @__PURE__ */ I.jsx(mc, { hidden: r }),
38023
38020
  /* @__PURE__ */ I.jsx(lr, { margin: "0 auto", maxWidth: "310px", width: "100%", padding: "0", children: /* @__PURE__ */ I.jsx(
38024
- kA,
38021
+ VA,
38025
38022
  {
38026
38023
  fontFamily: "Lato-Regular",
38027
38024
  fontSize: "16px",
@@ -38051,7 +38048,7 @@ const _BA = ({ text: A, onClick: e }) => /* @__PURE__ */ I.jsxs(LA, { flexDirect
38051
38048
  }
38052
38049
  ), nuA = ({ color: A = "elevate", width: e }) => {
38053
38050
  const [t] = Rc("colors", [`${A}.500`]);
38054
- return /* @__PURE__ */ I.jsx(yA, { display: "flex", alignItems: "center", justifyContent: "center", children: /* @__PURE__ */ I.jsx(hx, { color: t || "elevate.500", width: e }) });
38051
+ return /* @__PURE__ */ I.jsx(kA, { display: "flex", alignItems: "center", justifyContent: "center", children: /* @__PURE__ */ I.jsx(hx, { color: t || "elevate.500", width: e }) });
38055
38052
  };
38056
38053
  async function xeA(A, e) {
38057
38054
  const t = A.getReader();
@@ -38181,7 +38178,7 @@ function veA(A) {
38181
38178
  throw new Error(`Expected content-type to be ${X0}, Actual: ${e}`);
38182
38179
  }
38183
38180
  const WeA = ({ content: A }) => /* @__PURE__ */ I.jsx(
38184
- yA,
38181
+ kA,
38185
38182
  {
38186
38183
  display: "flex",
38187
38184
  ml: "auto",
@@ -38193,7 +38190,7 @@ const WeA = ({ content: A }) => /* @__PURE__ */ I.jsx(
38193
38190
  textAlign: "right",
38194
38191
  justifyContent: "flex-end",
38195
38192
  width: "fit-content",
38196
- children: /* @__PURE__ */ I.jsx(kA, { children: A })
38193
+ children: /* @__PURE__ */ I.jsx(VA, { children: A })
38197
38194
  }
38198
38195
  ), yF = {};
38199
38196
  function HeA(A) {
@@ -50389,9 +50386,9 @@ const TlA = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAA0CAYAAAAew7HJA
50389
50386
  console.error("Chart render error", o);
50390
50387
  }
50391
50388
  }));
50392
- }, [A]), /* @__PURE__ */ I.jsxs(yA, { display: "flex", alignItems: "center", gap: 2, p: 2, children: [
50393
- /* @__PURE__ */ I.jsx(yA, { as: "img", src: TlA, w: 8, h: 8, objectFit: "contain" }),
50394
- /* @__PURE__ */ I.jsx(yA, { p: 3, flex: "1", textAlign: "left", children: /* @__PURE__ */ I.jsx("div", { ref: e }) })
50389
+ }, [A]), /* @__PURE__ */ I.jsxs(kA, { display: "flex", alignItems: "center", gap: 2, p: 2, children: [
50390
+ /* @__PURE__ */ I.jsx(kA, { as: "img", src: TlA, w: 8, h: 8, objectFit: "contain" }),
50391
+ /* @__PURE__ */ I.jsx(kA, { p: 3, flex: "1", textAlign: "left", children: /* @__PURE__ */ I.jsx("div", { ref: e }) })
50395
50392
  ] });
50396
50393
  };
50397
50394
  function ylA(A) {
@@ -50481,7 +50478,7 @@ const ZlA = ({ apiDomain: A, welcomeMessage: e, thinkingMessage: t }) => {
50481
50478
  h: "full",
50482
50479
  children: [
50483
50480
  /* @__PURE__ */ I.jsx(
50484
- yA,
50481
+ kA,
50485
50482
  {
50486
50483
  flex: "1",
50487
50484
  overflowY: "auto",
@@ -50509,7 +50506,7 @@ const ZlA = ({ apiDomain: A, welcomeMessage: e, thinkingMessage: t }) => {
50509
50506
  )
50510
50507
  }
50511
50508
  ),
50512
- /* @__PURE__ */ I.jsx(yA, { p: 4, borderTop: "1px solid", borderColor: "gray.200", children: /* @__PURE__ */ I.jsx("form", { ref: s, onSubmit: c, children: /* @__PURE__ */ I.jsxs(LA, { gap: 2, children: [
50509
+ /* @__PURE__ */ I.jsx(kA, { p: 4, borderTop: "1px solid", borderColor: "gray.200", children: /* @__PURE__ */ I.jsx("form", { ref: s, onSubmit: c, children: /* @__PURE__ */ I.jsxs(LA, { gap: 2, children: [
50513
50510
  /* @__PURE__ */ I.jsx(Xa, { name: "message", placeholder: "Escribe tu mensaje…", isDisabled: r }),
50514
50511
  /* @__PURE__ */ I.jsx(
50515
50512
  qe,
@@ -53572,7 +53569,7 @@ const iBA = {
53572
53569
  return /* @__PURE__ */ I.jsxs(I.Fragment, { children: [
53573
53570
  /* @__PURE__ */ I.jsx(PlA, { onClick: () => t(!0) }),
53574
53571
  /* @__PURE__ */ I.jsx(
53575
- yA,
53572
+ kA,
53576
53573
  {
53577
53574
  position: "fixed",
53578
53575
  top: "0",
@@ -53586,7 +53583,7 @@ const iBA = {
53586
53583
  }
53587
53584
  ),
53588
53585
  /* @__PURE__ */ I.jsxs(
53589
- yA,
53586
+ kA,
53590
53587
  {
53591
53588
  position: "fixed",
53592
53589
  bg: "white",
@@ -53600,7 +53597,7 @@ const iBA = {
53600
53597
  ...o,
53601
53598
  children: [
53602
53599
  /* @__PURE__ */ I.jsx(
53603
- yA,
53600
+ kA,
53604
53601
  {
53605
53602
  position: "absolute",
53606
53603
  top: "0.5rem",
@@ -53626,8 +53623,8 @@ const iBA = {
53626
53623
  borderColor: "gray.200"
53627
53624
  },
53628
53625
  children: [
53629
- /* @__PURE__ */ I.jsx(yA, { children: /* @__PURE__ */ I.jsx(
53630
- kA,
53626
+ /* @__PURE__ */ I.jsx(kA, { children: /* @__PURE__ */ I.jsx(
53627
+ VA,
53631
53628
  {
53632
53629
  fontFamily: "Sansation-Regular, sans-serif",
53633
53630
  fontSize: "17px",
@@ -53637,7 +53634,7 @@ const iBA = {
53637
53634
  children: "Pregunta a Canaia"
53638
53635
  }
53639
53636
  ) }),
53640
- /* @__PURE__ */ I.jsxs(yA, { mr: n ? "72px" : 2, children: [
53637
+ /* @__PURE__ */ I.jsxs(kA, { mr: n ? "72px" : 2, children: [
53641
53638
  /* @__PURE__ */ I.jsx(
53642
53639
  ut,
53643
53640
  {