npm - @tmf_ciclica/ciclicastorybook - Versions diffs - 1.1.194 → 1.1.195 - Mend

@tmf_ciclica/ciclicastorybook 1.1.194 → 1.1.195

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 (3) hide show

package/dist/index.es.js CHANGED Viewed

@@ -3,7 +3,7 @@ import { jsxs as p, jsx as i, Fragment as qe } from "react/jsx-runtime";
 import * as pe from "react";
 import D, { useState as F, useEffect as V, useMemo as me, useLayoutEffect as Rt, useRef as re } from "react";
 import e from "prop-types";
-import { useTranslation as B, Trans as Ke } from "react-i18next";
+import { useTranslation as $, Trans as Ke } from "react-i18next";
 import { motion as Ue } from "framer-motion";
 import { create as gt } from "zustand";
 import * as Qe from "d3";
@@ -44,7 +44,7 @@ const s2 = "_ambitSelector_mcunf_2", o2 = "_header_mcunf_13", r2 = "_nameDateCon
   fontColor: a,
   moreInfo: c
 }) => {
-  const { name: u, created_at: m, id: h, isBeingProcessed: b } = n;
+  const { name: u, created_at: m, id: h, isBeingProcessed: f } = n;
   return /* @__PURE__ */ p(
     "div",
     {
@@ -65,7 +65,7 @@ const s2 = "_ambitSelector_mcunf_2", o2 = "_header_mcunf_13", r2 = "_nameDateCon
           /* @__PURE__ */ i("div", { className: he.ambitDate, children: m ? new Date(m).toLocaleDateString() : "" })
         ] }),
         /* @__PURE__ */ p("div", { className: he.ambitButtons, children: [
-          b && /* @__PURE__ */ i("img", { src: _2 }),
+          f && /* @__PURE__ */ i("img", { src: _2 }),
           /* @__PURE__ */ i("button", { onClick: () => o(h), disabled: n.is_default, children: /* @__PURE__ */ i("img", { src: y2 }) }),
           /* @__PURE__ */ i("button", { onClick: () => d(h), children: /* @__PURE__ */ i("img", { src: b2 }) }),
           /* @__PURE__ */ i("button", { onClick: () => s(h), disabled: n.is_default, children: /* @__PURE__ */ i("img", { src: f2 }) })
@@ -131,17 +131,17 @@ const Xe = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
   onCLickNewAmbit: u = () => console.log("New ambit clicked"),
   onClickCopy: m = (_) => console.log(`Copy ambit: ${_}`),
   onCLickDelete: h = (_) => console.log(`Delete ambit: ${_}`),
-  onClickFilters: b = (_) => console.log(`Filters clicked: ${_}`),
+  onClickFilters: f = (_) => console.log(`Filters clicked: ${_}`),
   onClickAmbit: C = (_) => console.log(`OnCLickAmbit: ${_}`)
 }) => {
-  const { t: _ } = B(), [v, f] = F(n);
+  const { t: _ } = $(), [v, y] = F(n);
   V(() => {
-    n && f(n);
+    n && y(n);
   }, [n]);
-  const g = (y) => {
+  const g = (b) => {
     if (v && v.length > 0) {
       let k = [...v];
-      k.sort((w, x) => w[y].localeCompare(x[y])), f(k);
+      k.sort((w, x) => w[b].localeCompare(x[b])), y(k);
     }
   };
   return /* @__PURE__ */ p(
@@ -170,19 +170,19 @@ const Xe = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
             ]
           }
         ),
-        /* @__PURE__ */ i("div", { className: Y.ambitListContainer, children: v && v.length > 0 && v.map((y) => /* @__PURE__ */ i(
+        /* @__PURE__ */ i("div", { className: Y.ambitListContainer, children: v && v.length > 0 && v.map((b) => /* @__PURE__ */ i(
           Ct,
           {
-            isActive: d == y.id,
-            ambit: y,
+            isActive: d == b.id,
+            ambit: b,
             fontColor: s,
             activeColor: o,
             onClickCopy: m,
             onClickDelete: h,
-            onClickFilters: b,
+            onClickFilters: f,
             onClickAmbit: C
           },
-          `ambitKey${y.id}`
+          `ambitKey${b.id}`
         )) }),
         /* @__PURE__ */ i("div", { className: Y.newAmbitButtonContainer, children: /* @__PURE__ */ i(
           Ve,
@@ -232,7 +232,7 @@ const S2 = "_buttonsContainer_1ks7x_2", $2 = "_vertical_1ks7x_6", B2 = "_horizon
   bottom: F2,
   right: A2
 }, oe = ({ text: n, position: d, styleCustom: s = null }) => {
-  const { t: o } = B();
+  const { t: o } = $();
   return /* @__PURE__ */ i("div", { className: `tooltip ${I2[d]}`, style: s, children: o(n) });
 };
 oe.propTypes = {
@@ -248,7 +248,7 @@ const O2 = ({
   useTooltip: t = !1,
   tooltipPosition: r = "top"
 }) => {
-  const { t: l } = B();
+  const { t: l } = $();
   return /* @__PURE__ */ i(
     "div",
     {
@@ -259,13 +259,13 @@ const O2 = ({
           icon: u,
           activeIcon: m,
           isActive: h,
-          name: b,
+          name: f,
           onClick: C,
           disabled: _
         } = a, v = /* @__PURE__ */ p(qe, { children: [
-          s && o === "left" && /* @__PURE__ */ i("span", { className: J.buttonName, children: l(b) }),
-          /* @__PURE__ */ i("img", { src: h ? m : u, alt: l(b) }),
-          s && o === "right" && /* @__PURE__ */ i("span", { className: J.buttonName, children: l(b) })
+          s && o === "left" && /* @__PURE__ */ i("span", { className: J.buttonName, children: l(f) }),
+          /* @__PURE__ */ i("img", { src: h ? m : u, alt: l(f) }),
+          s && o === "right" && /* @__PURE__ */ i("span", { className: J.buttonName, children: l(f) })
         ] });
         return /* @__PURE__ */ p("div", { className: "tooltip-parent", children: [
           /* @__PURE__ */ i(
@@ -278,7 +278,7 @@ const O2 = ({
               children: v
             }
           ),
-          t && /* @__PURE__ */ i(oe, { text: b, position: r })
+          t && /* @__PURE__ */ i(oe, { text: f, position: r })
         ] }, c);
       })
     }
@@ -321,7 +321,7 @@ const R2 = "_indicatorsCategory_11gdl_2", q2 = "_title_11gdl_6", E2 = "_mainTitl
   titleMarginChildren: u = 15,
   mainTitle: m = !1
 }) => {
-  const { t: h } = B();
+  const { t: h } = $();
   return /* @__PURE__ */ p(
     Ue.div,
     {
@@ -369,7 +369,7 @@ ae.propTypes = {
 const bo = () => /* @__PURE__ */ i("div", { children: "EditAmbit" }), P2 = "data:image/svg+xml,%3csvg%20width='15'%20height='15'%20viewBox='0%200%2015%2015'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M1%201L13.9996%2013.9996'%20stroke='%23FDFDFD'%20stroke-width='1.5'%20stroke-linecap='round'/%3e%3cpath%20d='M14%201L1.00044%2013.9996'%20stroke='%23FDFDFD'%20stroke-width='1.5'%20stroke-linecap='round'/%3e%3c/svg%3e", j2 = "_AppliedFiltersContainer_cokx9_2", Z2 = "_AppliedFilterContent_cokx9_11", Je = {
   AppliedFiltersContainer: j2,
   AppliedFilterContent: Z2
-}, L = gt((n) => ({
+}, M = gt((n) => ({
   activeCategory: "",
   activeSubCategory: "",
   selectedIndicator: "",
@@ -379,10 +379,10 @@ const bo = () => /* @__PURE__ */ i("div", { children: "EditAmbit" }), P2 = "data
   activeFiltersType: null,
   geoLayers: []
 })), ft = ({ title: n, onClick: d, isOpen: s = !0, textColor: o = "#ffffff", backgroundColor: t = "#605B5680", activeColor: r, fontColor: l = "#605B56" }) => {
-  const { t: a } = B(), { tematicalFiltersSelected: c, activeFiltersType: u } = L((b) => b), m = (b) => {
-    L.setState((C) => ({
+  const { t: a } = $(), { tematicalFiltersSelected: c, activeFiltersType: u } = M((f) => f), m = (f) => {
+    M.setState((C) => ({
       tematicalFiltersSelected: C.tematicalFiltersSelected.filter(
-        (_) => _.code !== b
+        (_) => _.code !== f
       )
     }));
   };
@@ -391,15 +391,15 @@ const bo = () => /* @__PURE__ */ i("div", { children: "EditAmbit" }), P2 = "data
     {
       isOpen: s,
       onClick: () => {
-        u == "applied" ? L.setState(() => ({ activeFiltersType: null })) : L.setState(() => ({ activeFiltersType: "applied" }));
+        u == "applied" ? M.setState(() => ({ activeFiltersType: null })) : M.setState(() => ({ activeFiltersType: "applied" }));
       },
       title: n ? a(n) : "Applied Filters",
       activeColor: r,
       mainTitle: !0,
       color: l,
-      children: /* @__PURE__ */ i("div", { className: Je.AppliedFiltersContainer, children: c == null ? void 0 : c.map((b, C) => /* @__PURE__ */ p("div", { className: Je.AppliedFilterContent, style: { color: o, background: t }, children: [
-        a(b.name),
-        /* @__PURE__ */ i("img", { src: P2, alt: "CloseIcon", onClick: () => m(b.code), style: { cursor: "pointer" } })
+      children: /* @__PURE__ */ i("div", { className: Je.AppliedFiltersContainer, children: c == null ? void 0 : c.map((f, C) => /* @__PURE__ */ p("div", { className: Je.AppliedFilterContent, style: { color: o, background: t }, children: [
+        a(f.name),
+        /* @__PURE__ */ i("img", { src: P2, alt: "CloseIcon", onClick: () => m(f.code), style: { cursor: "pointer" } })
       ] }, C)) })
     }
   );
@@ -429,11 +429,11 @@ const z2 = "_layersList_cn837_25", H2 = "_layerName_cn837_34", et = {
   activeColor: t,
   onGeoLayersChange: r
 }) => {
-  const { t: l } = B(), { activeFiltersType: a, geoLayers: c } = L((h) => h), u = () => {
-    a == "geographical" ? L.setState(() => ({ activeFiltersType: null })) : L.setState(() => ({ activeFiltersType: "geographical" }));
+  const { t: l } = $(), { activeFiltersType: a, geoLayers: c } = M((h) => h), u = () => {
+    a == "geographical" ? M.setState(() => ({ activeFiltersType: null })) : M.setState(() => ({ activeFiltersType: "geographical" }));
   }, m = (h) => {
-    L.setState((b) => ({
-      geoLayers: b.geoLayers.map((C) => ({
+    M.setState((f) => ({
+      geoLayers: f.geoLayers.map((C) => ({
         ...C,
         active: C.name === h.name
       }))
@@ -482,7 +482,7 @@ const K2 = "_checkboxContainer_1nxra_2", U2 = {
   indicator: o,
   value: t
 }) => {
-  const { t: r } = B(), { title: l } = o || {}, { fontColor: a, inputsColor: c } = L((u) => u);
+  const { t: r } = $(), { title: l } = o || {}, { fontColor: a, inputsColor: c } = M((u) => u);
   return /* @__PURE__ */ p(
     "div",
     {
@@ -573,8 +573,8 @@ let je = function(n) {
       t.setState({ pending: !0 });
       const c = t.getTouchPosition(a);
       if (t.isScrolling === void 0) {
-        const h = c[0] - t.startPosition[0], b = c[1] - t.startPosition[1];
-        t.isScrolling = Math.abs(b) > Math.abs(h);
+        const h = c[0] - t.startPosition[0], f = c[1] - t.startPosition[1];
+        t.isScrolling = Math.abs(f) > Math.abs(h);
       }
       if (t.isScrolling) return void t.setState({ index: -1 });
       const u = t.getDiffPosition(c[0]), m = t.getValueFromPosition(u);
@@ -640,8 +640,8 @@ let je = function(n) {
       }, 0);
       t.pendingResizeTimeouts.push(a);
     }, t.renderThumb = (a, c) => {
-      const u = t.props.thumbClassName + " " + t.props.thumbClassName + "-" + c + " " + (t.state.index === c ? t.props.thumbActiveClassName : ""), m = { ref: (b) => {
-        t["thumb" + c] = b;
+      const u = t.props.thumbClassName + " " + t.props.thumbClassName + "-" + c + " " + (t.state.index === c ? t.props.thumbActiveClassName : ""), m = { ref: (f) => {
+        t["thumb" + c] = f;
       }, key: t.props.thumbClassName + "-" + c, className: u, style: a, onMouseDown: t.createOnMouseDown(c), onTouchStart: t.createOnTouchStart(c), onFocus: t.createOnKeyDown(c), tabIndex: 0, role: "slider", "aria-orientation": t.props.orientation, "aria-valuenow": t.state.value[c], "aria-valuemin": t.props.min, "aria-valuemax": t.props.max, "aria-label": Array.isArray(t.props.ariaLabel) ? t.props.ariaLabel[c] : t.props.ariaLabel, "aria-labelledby": Array.isArray(t.props.ariaLabelledby) ? t.props.ariaLabelledby[c] : t.props.ariaLabelledby, "aria-disabled": t.props.disabled }, h = { index: c, value: ke(t.state.value), valueNow: t.state.value[c] };
       return t.props.ariaValuetext && (m["aria-valuetext"] = typeof t.props.ariaValuetext == "string" ? t.props.ariaValuetext : t.props.ariaValuetext(h)), t.props.renderThumb(m, h);
     }, t.renderTrack = (a, c, u) => {
@@ -701,8 +701,8 @@ let je = function(n) {
   }, s.resize = function() {
     const { slider: o, thumb0: t } = this;
     if (!o || !t) return;
-    const r = this.sizeKey(), l = o.getBoundingClientRect(), a = o[r], c = l[this.posMaxKey()], u = l[this.posMinKey()], m = t.getBoundingClientRect()[r.replace("client", "").toLowerCase()], h = a - m, b = Math.abs(c - u);
-    this.state.upperBound === h && this.state.sliderLength === b && this.state.thumbSize === m || this.setState({ upperBound: h, sliderLength: b, thumbSize: m });
+    const r = this.sizeKey(), l = o.getBoundingClientRect(), a = o[r], c = l[this.posMaxKey()], u = l[this.posMinKey()], m = t.getBoundingClientRect()[r.replace("client", "").toLowerCase()], h = a - m, f = Math.abs(c - u);
+    this.state.upperBound === h && this.state.sliderLength === f && this.state.thumbSize === m || this.setState({ upperBound: h, sliderLength: f, thumbSize: m });
   }, s.calcOffset = function(o) {
     const t = this.props.max - this.props.min;
     return t === 0 ? 0 : (o - this.props.min) / t * this.state.upperBound;
@@ -744,23 +744,23 @@ let je = function(n) {
     const { pearling: c, max: u, min: m, minDistance: h } = this.props;
     if (!c) {
       if (r > 0) {
-        const b = t[r - 1];
-        o < b + h && (o = b + h);
+        const f = t[r - 1];
+        o < f + h && (o = f + h);
       }
       if (r < l - 1) {
-        const b = t[r + 1];
-        o > b - h && (o = b - h);
+        const f = t[r + 1];
+        o > f - h && (o = f - h);
       }
     }
-    t[r] = o, c && l > 1 && (o > a ? (this.pushSucceeding(t, h, r), function(b, C, _, v) {
-      for (let f = 0; f < b; f += 1) {
-        const g = v - f * _;
-        C[b - 1 - f] > g && (C[b - 1 - f] = g);
+    t[r] = o, c && l > 1 && (o > a ? (this.pushSucceeding(t, h, r), function(f, C, _, v) {
+      for (let y = 0; y < f; y += 1) {
+        const g = v - y * _;
+        C[f - 1 - y] > g && (C[f - 1 - y] = g);
       }
-    }(l, t, h, u)) : o < a && (this.pushPreceding(t, h, r), function(b, C, _, v) {
-      for (let f = 0; f < b; f += 1) {
-        const g = v + f * _;
-        C[f] < g && (C[f] = g);
+    }(l, t, h, u)) : o < a && (this.pushPreceding(t, h, r), function(f, C, _, v) {
+      for (let y = 0; y < f; y += 1) {
+        const g = v + y * _;
+        C[y] < g && (C[y] = g);
       }
     }(l, t, h, m))), this.setState({ value: t }, this.fireChangeEvent.bind(this, "onChange"));
   }, s.pushSucceeding = function(o, t, r) {
@@ -836,7 +836,7 @@ const G2 = "_container_4u41i_2", Y2 = "_unitLabel_4u41i_8", Q2 = "_slider_4u41i_
   defaultValue: a,
   isDate: c
 }) => {
-  const { t: u } = B(), m = c ? new Date(n).getTime() : null, h = c ? new Date(d).getTime() : null, [b, C] = F(c ? [m, h] : [n, d]), _ = (v) => {
+  const { t: u } = $(), m = c ? new Date(n).getTime() : null, h = c ? new Date(d).getTime() : null, [f, C] = F(c ? [m, h] : [n, d]), _ = (v) => {
     C(v), o == null || o({ min: v[0], max: v[1] });
   };
   return V(() => {
@@ -857,7 +857,7 @@ const G2 = "_container_4u41i_2", Y2 = "_unitLabel_4u41i_8", Q2 = "_slider_4u41i_
             min: c ? m : n,
             max: c ? h : d,
             step: c ? (h - m) / 30 : s,
-            value: b,
+            value: f,
             onAfterChange: _,
             withTracks: !0,
             pearling: !c,
@@ -865,16 +865,16 @@ const G2 = "_container_4u41i_2", Y2 = "_unitLabel_4u41i_8", Q2 = "_slider_4u41i_
           }
         ),
         /* @__PURE__ */ p("div", { className: le.labels, children: [
-          /* @__PURE__ */ i("span", { children: c ? new Date(b[0]).toLocaleDateString("en-EN", {
+          /* @__PURE__ */ i("span", { children: c ? new Date(f[0]).toLocaleDateString("en-EN", {
             day: "2-digit",
             month: "short",
             year: "numeric"
-          }) : b[0] }),
-          /* @__PURE__ */ i("span", { children: c ? new Date(b[1]).toLocaleDateString("en-EN", {
+          }) : f[0] }),
+          /* @__PURE__ */ i("span", { children: c ? new Date(f[1]).toLocaleDateString("en-EN", {
             day: "2-digit",
             month: "short",
             year: "numeric"
-          }) : b[1] })
+          }) : f[1] })
         ] })
       ]
     }
@@ -911,7 +911,7 @@ const tn = "_tematicalFiltersInputContainer_1vm1r_2", nn = "_inputTypeContainer_
     unit: u,
     step: m,
     disabled: h,
-    isDate: b
+    isDate: f
   } = n || {}, C = me(
     () => t == "cat" || s == "cat",
     [s, t]
@@ -920,61 +920,61 @@ const tn = "_tematicalFiltersInputContainer_1vm1r_2", nn = "_inputTypeContainer_
     [s, t]
   ), {
     tematicalFiltersSelected: v,
-    selectedIndicator: f,
+    selectedIndicator: y,
     fontColor: g,
-    inputsColor: y
-  } = L((x) => x), k = (x) => {
+    inputsColor: b
+  } = M((x) => x), k = (x) => {
     if (x) {
-      const { min: S, max: T, valueClicked: N, allValues: $ } = x || {}, { code: A, type: R, source: M } = n || {}, K = _ ? "abs" : C ? "cat" : "both";
+      const { min: S, max: B, valueClicked: N, allValues: T } = x || {}, { code: A, type: H, source: L } = n || {}, j = _ ? "abs" : C ? "cat" : "both";
       let Z = A[0];
-      R == "both" && (Z = K == "cat" ? A[1] : A[0]), K == "cat" ? L.setState((X) => {
+      H == "both" && (Z = j == "cat" ? A[1] : A[0]), j == "cat" ? M.setState((X) => {
         let G = X.tematicalFiltersSelected.find(
-          (E) => E.code === Z
+          (q) => q.code === Z
         );
         if (G) {
-          let E = [G.values];
-          return G.values.includes(N) ? E = G.values.filter(
-            (j) => j !== N
-          ) : E = [...G.values, N], E.length == $.length ? {
+          let q = [G.values];
+          return G.values.includes(N) ? q = G.values.filter(
+            (P) => P !== N
+          ) : q = [...G.values, N], q.length == T.length ? {
             tematicalFiltersSelected: X.tematicalFiltersSelected.filter(
-              (j) => j.code !== Z
+              (P) => P.code !== Z
             )
           } : {
             tematicalFiltersSelected: X.tematicalFiltersSelected.map(
-              (j) => j.code === Z ? { ...j, values: E } : j
+              (P) => P.code === Z ? { ...P, values: q } : P
             )
           };
         } else {
-          let E = $.map((j, Ot) => Ot);
+          let q = T.map((P, Ot) => Ot);
           return {
             tematicalFiltersSelected: [
               ...v,
               {
                 type: "cat",
                 code: Z,
-                values: E.filter((j) => j !== N),
+                values: q.filter((P) => P !== N),
                 name: n.name,
-                source: M,
-                isDate: b
+                source: L,
+                isDate: f
               }
             ]
           };
         }
-      }) : K == "abs" && L.setState((X) => {
+      }) : j == "abs" && M.setState((X) => {
         let G = X.tematicalFiltersSelected.find(
-          (E) => E.code === Z
+          (q) => q.code === Z
         );
-        if (S == n.minValue && T == n.maxValue)
+        if (S == n.minValue && B == n.maxValue)
           return {
             tematicalFiltersSelected: X.tematicalFiltersSelected.filter(
-              (E) => E.code !== Z
+              (q) => q.code !== Z
             )
           };
         if (G) {
-          let E = { ...G, min: S, max: T, type: K, isDate: b };
+          let q = { ...G, min: S, max: B, type: j, isDate: f };
           return {
             tematicalFiltersSelected: X.tematicalFiltersSelected.map(
-              (j) => j.code === Z ? E : j
+              (P) => P.code === Z ? q : P
             )
           };
         } else
@@ -982,10 +982,10 @@ const tn = "_tematicalFiltersInputContainer_1vm1r_2", nn = "_inputTypeContainer_
             tematicalFiltersSelected: [
               ...v,
               {
-                type: K,
+                type: j,
                 code: Z,
                 min: S,
-                max: T,
+                max: B,
                 name: n.name,
                 source: n.source
               }
@@ -1009,10 +1009,10 @@ const tn = "_tematicalFiltersInputContainer_1vm1r_2", nn = "_inputTypeContainer_
         opacity: h ? 0.5 : 1
       },
       title: r,
-      isOpen: f == `id${r}`,
+      isOpen: y == `id${r}`,
       onClick: () => {
-        h || L.setState(() => ({
-          selectedIndicator: f == `id${r}` ? "" : `id${r}`
+        h || M.setState(() => ({
+          selectedIndicator: y == `id${r}` ? "" : `id${r}`
         }));
       },
       showBottomBar: !1,
@@ -1040,8 +1040,8 @@ const tn = "_tematicalFiltersInputContainer_1vm1r_2", nn = "_inputTypeContainer_
                     },
                     style: {
                       marginRight: 4,
-                      backgroundColor: s == "abs" ? y : "white",
-                      border: `1.5px solid ${s == "abs" ? y : g}`
+                      backgroundColor: s == "abs" ? b : "white",
+                      border: `1.5px solid ${s == "abs" ? b : g}`
                     }
                   }
                 ),
@@ -1059,8 +1059,8 @@ const tn = "_tematicalFiltersInputContainer_1vm1r_2", nn = "_inputTypeContainer_
                     },
                     style: {
                       marginRight: 4,
-                      backgroundColor: s == "cat" ? y : "white",
-                      border: `1.5px solid ${s == "cat" ? y : g}`
+                      backgroundColor: s == "cat" ? b : "white",
+                      border: `1.5px solid ${s == "cat" ? b : g}`
                     }
                   }
                 ),
@@ -1070,13 +1070,13 @@ const tn = "_tematicalFiltersInputContainer_1vm1r_2", nn = "_inputTypeContainer_
           }
         ),
         C && /* @__PURE__ */ i("div", { className: $e.checkboxContainer, children: l.map((x, S) => {
-          var T;
+          var B;
           return /* @__PURE__ */ i(
             yt,
             {
               onClick: () => k({ valueClicked: S, allValues: l }),
               indicator: x,
-              value: ((T = w[n.code[t == "both" ? 1 : 0]]) == null ? void 0 : T.has(S)) || !w[n.code[t == "both" ? 1 : 0]]
+              value: ((B = w[n.code[t == "both" ? 1 : 0]]) == null ? void 0 : B.has(S)) || !w[n.code[t == "both" ? 1 : 0]]
             },
             `checkbox-${S}`
           );
@@ -1089,7 +1089,7 @@ const tn = "_tematicalFiltersInputContainer_1vm1r_2", nn = "_inputTypeContainer_
             max: c,
             unit: u,
             defaultValue: w[n.code[0]] ? w[n.code[0]] : "",
-            isDate: b,
+            isDate: f,
             step: m
           }
         ) })
@@ -1118,14 +1118,14 @@ const vt = ({
   activeColor: s
   //onChangeBothType,
 }) => {
-  const { activeSubcategory: o } = L((l) => l), { name: t, indicators: r } = n || {};
+  const { activeSubcategory: o } = M((l) => l), { name: t, indicators: r } = n || {};
   return /* @__PURE__ */ i(
     ae,
     {
       title: t,
       isOpen: o == `id${t}`,
       onClick: () => {
-        L.setState((l) => ({
+        M.setState((l) => ({
           activeSubcategory: l.activeSubcategory === `id${t}` ? "" : `id${t}`
         }));
       },
@@ -1165,12 +1165,12 @@ const wt = ({
   //  onChangeBothType,
   activeColor: d
 }) => {
-  const { name: s, subcategories: o, indicators: t } = n || {}, { activeCategory: r, fontColor: l } = L((a) => a);
+  const { name: s, subcategories: o, indicators: t } = n || {}, { activeCategory: r, fontColor: l } = M((a) => a);
   return n && /* @__PURE__ */ i(
     ae,
     {
       onClick: () => {
-        L.setState((a) => ({
+        M.setState((a) => ({
           activeCategory: r === `id${s}` ? "" : `id${s}`
         }));
       },
@@ -1218,15 +1218,15 @@ const xt = ({
   inputsColor: t = "#605B56",
   activeColor: r
 }) => {
-  const { tematicalFiltersSelected: l, activeFiltersType: a } = L((m) => m), { t: c } = B();
+  const { tematicalFiltersSelected: l, activeFiltersType: a } = M((m) => m), { t: c } = $();
   V(() => {
   }, [l]), V(() => {
-    o && L.setState(() => ({ fontColor: o }));
+    o && M.setState(() => ({ fontColor: o }));
   }, [o]), V(() => {
-    t && L.setState(() => ({ inputsColor: t }));
+    t && M.setState(() => ({ inputsColor: t }));
   }, [t]);
   const u = () => {
-    a == "tematical" ? L.setState(() => ({ activeFiltersType: null })) : L.setState(() => ({ activeFiltersType: "tematical" }));
+    a == "tematical" ? M.setState(() => ({ activeFiltersType: null })) : M.setState(() => ({ activeFiltersType: "tematical" }));
   };
   return /* @__PURE__ */ i(
     ae,
@@ -1279,60 +1279,64 @@ const rn = "_FiltersAmbitContainer_fj99t_2", an = "_FiltersAmbitHeader_fj99t_15"
   namePlaceholder: u,
   descPlaceholder: m,
   filtersTypes: h = ["geographical", "tematical"],
-  nameRequiredText: b,
+  nameRequiredText: f,
   geoFilterLayers: C = [],
   onGeoLayersChange: _,
-  onlyFilters: v = !1
+  onlyFilters: v = !1,
   //usamos esta opción para ocultar el nombre, la descripción y el botón de guardar ámbito
+  descriptionRequired: y = !1
+  //campo descripción required
 }) => {
-  const { t: f } = B(), { tematicalFiltersSelected: g, activeFiltersType: y, geoLayers: k } = L((R) => R), [w, x] = F(n || null), [S, T] = F(d || null), [N, $] = F(!1);
+  const { t: g } = $(), { tematicalFiltersSelected: b, activeFiltersType: k, geoLayers: w } = M((L) => L), [x, S] = F(n || null), [B, N] = F(d || null), [T, A] = F(!1);
   V(() => {
-    s && s.length > 0 && L.setState((R) => ({
+    s && s.length > 0 && M.setState((L) => ({
       tematicalFiltersSelected: s
     }));
   }, [s]), V(() => {
-    h.includes("geographical") && k != C && L.setState({ geoLayers: C });
+    h.includes("geographical") && w != C && M.setState({ geoLayers: C });
   }, [C]), V(() => {
-    a(g);
-  }, [g]);
-  const A = () => {
-    w ? c({ name: w, description: S }) : $(!0);
+    a(b);
+  }, [b]);
+  const H = () => {
+    y ? x && B ? c({ name: x, description: B }) : A(!0) : x ? c({ name: x, description: B }) : A(!0);
   };
   return V(() => {
-    h.includes("geographical") && y != "geographical" && k.length > 0 && L.setState((R) => ({
-      geoLayers: R.geoLayers.map((M) => ({
-        ...M,
+    h.includes("geographical") && k != "geographical" && w.length > 0 && M.setState((L) => ({
+      geoLayers: L.geoLayers.map((j) => ({
+        ...j,
         active: !1
       }))
     }));
-  }, [y]), /* @__PURE__ */ p("div", { className: te.FiltersAmbitContainer, children: [
+  }, [k]), /* @__PURE__ */ p("div", { className: te.FiltersAmbitContainer, children: [
     /* @__PURE__ */ p("div", { children: [
       !v && /* @__PURE__ */ p("div", { className: te.FiltersAmbitHeader, children: [
         /* @__PURE__ */ i("div", { className: te.FiltersAmbitTitle, children: /* @__PURE__ */ i(
           "input",
           {
             type: "text",
-            onChange: (R) => {
-              $(!1), x(R.target.value);
+            onChange: (L) => {
+              A(!1), S(L.target.value);
             },
-            value: w,
-            placeholder: f(u)
+            value: x,
+            placeholder: g(u)
           }
         ) }),
         /* @__PURE__ */ i("div", { className: te.FiltersAmbitDescription, children: /* @__PURE__ */ i("div", { className: te.FiltersAmbitDescriptionTitle, children: /* @__PURE__ */ i(
           "textarea",
           {
-            value: S,
-            onChange: (R) => T(R.target.value),
-            placeholder: f(m)
+            value: B,
+            onChange: (L) => {
+              y && A(!1), N(L.target.value);
+            },
+            placeholder: g(m)
           }
         ) }) })
       ] }),
       /* @__PURE__ */ i(
         ft,
         {
-          title: f("applied_filters"),
-          isOpen: y == "applied",
+          title: g("applied_filters"),
+          isOpen: k == "applied",
           textColor: r || "#fff",
           backgroundColor: l || "#605B5680",
           activeColor: t
@@ -1356,9 +1360,9 @@ const rn = "_FiltersAmbitContainer_fj99t_2", an = "_FiltersAmbitHeader_fj99t_15"
           activeColor: t
         }
       ),
-      N && /* @__PURE__ */ i("div", { className: te.warning, children: f(b) })
+      T && /* @__PURE__ */ i("div", { className: te.warning, children: g(f) })
     ] }),
-    !v && /* @__PURE__ */ i("div", { className: te.buttonContainer, children: /* @__PURE__ */ i(Ve, { onClick: () => A(), children: f("save_ambit") }) })
+    !v && /* @__PURE__ */ i("div", { className: te.buttonContainer, children: /* @__PURE__ */ i(Ve, { onClick: () => H(), children: g("save_ambit") }) })
   ] });
 };
 mn.propTypes = {
@@ -1390,11 +1394,11 @@ const hn = "_barChartContainer_d2f1z_2", gn = {
   numberOfDivisions: c = 7,
   maxValue: u = null
 }) => {
-  const { t: m } = B(), { xScale: h, ticks: b, height: C } = me(() => {
+  const { t: m } = $(), { xScale: h, ticks: f, height: C } = me(() => {
     if (n && n.length > 0) {
-      const _ = (n == null ? void 0 : n.length) * (s + o) + r * 2, v = Qe.max(n, (y) => y.value) || 1, f = Qe.scaleLinear().domain([0, u || v]).range([0, d - a]), g = Array.from({ length: c + 1 }, (y, k) => u ? u / c * k : v / c * k);
+      const _ = (n == null ? void 0 : n.length) * (s + o) + r * 2, v = Qe.max(n, (b) => b.value) || 1, y = Qe.scaleLinear().domain([0, u || v]).range([0, d - a]), g = Array.from({ length: c + 1 }, (b, k) => u ? u / c * k : v / c * k);
       return {
-        xScale: f,
+        xScale: y,
         ticks: g,
         height: _,
         width: d,
@@ -1414,9 +1418,9 @@ const hn = "_barChartContainer_d2f1z_2", gn = {
     u
   ]);
   return /* @__PURE__ */ i("div", { className: gn.barChartContainer, children: /* @__PURE__ */ i("svg", { width: d + l * 2, height: C, children: /* @__PURE__ */ p("g", { transform: `translate(0,${o})`, children: [
-    /* @__PURE__ */ i("g", { transform: `translate(${a + l}, 0)`, children: b.map((_, v) => {
-      const f = h(_);
-      return /* @__PURE__ */ p("g", { transform: `translate(${f}, 0)`, children: [
+    /* @__PURE__ */ i("g", { transform: `translate(${a + l}, 0)`, children: f.map((_, v) => {
+      const y = h(_);
+      return /* @__PURE__ */ p("g", { transform: `translate(${y}, 0)`, children: [
         /* @__PURE__ */ i(
           "line",
           {
@@ -1438,7 +1442,7 @@ const hn = "_barChartContainer_d2f1z_2", gn = {
       ] }, v);
     }) }),
     n && n.length > 0 && (n == null ? void 0 : n.map((_, v) => {
-      const f = h(_.value), g = v * (s + o);
+      const y = h(_.value), g = v * (s + o);
       return /* @__PURE__ */ p(
         "g",
         {
@@ -1457,7 +1461,7 @@ const hn = "_barChartContainer_d2f1z_2", gn = {
             /* @__PURE__ */ i(
               "rect",
               {
-                width: f,
+                width: y,
                 height: s,
                 fill: _.color,
                 rx: 0
@@ -1500,7 +1504,7 @@ const Cn = "_graphicContainer_c9zrg_2", fn = "_titleContainer_c9zrg_14", tt = {
   numberOfDivisions: a = 7,
   leftPadding: c = 200
 }) => {
-  const { t: u } = B();
+  const { t: u } = $();
   return /* @__PURE__ */ p(
     "div",
     {
@@ -1547,7 +1551,7 @@ const yn = "_indicatorsCategory_arwy3_2", _n = "_title_arwy3_5", vn = "_list_arw
   indicatorsCategory: yn,
   title: _n,
   list: vn
-}, nt = "data:image/svg+xml,%3csvg%20width='8'%20height='8'%20viewBox='0%200%208%208'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M3.32549%200H4.65882V3.40392H8V4.61176H4.65882V8H3.32549V4.61176H0V3.40392H3.32549V0Z'%20fill='%23605B56'/%3e%3c/svg%3e", wn = "data:image/svg+xml,%3csvg%20width='8'%20height='8'%20viewBox='0%200%208%208'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M3.32549%200H4.65882V3.40392H8V4.61176H4.65882V8H3.32549V4.61176H0V3.40392H3.32549V0Z'%20fill='%23ffffff'/%3e%3c/svg%3e", xn = "_indicatorContainer_17b40_2", Nn = "_indicatorNameContainer_17b40_11", kn = "_dot_17b40_17", Sn = "_indicatorName_17b40_11", $n = "_switchExternalContainer_17b40_31", Bn = "_switchType_17b40_39", Tn = "_switchTypeOptions_17b40_43", Ln = "_optionContainer_17b40_54", Mn = "_customRadious_17b40_64", Dn = "_optionText_17b40_71", q = {
+}, nt = "data:image/svg+xml,%3csvg%20width='8'%20height='8'%20viewBox='0%200%208%208'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M3.32549%200H4.65882V3.40392H8V4.61176H4.65882V8H3.32549V4.61176H0V3.40392H3.32549V0Z'%20fill='%23605B56'/%3e%3c/svg%3e", wn = "data:image/svg+xml,%3csvg%20width='8'%20height='8'%20viewBox='0%200%208%208'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M3.32549%200H4.65882V3.40392H8V4.61176H4.65882V8H3.32549V4.61176H0V3.40392H3.32549V0Z'%20fill='%23ffffff'/%3e%3c/svg%3e", xn = "_indicatorContainer_17b40_2", Nn = "_indicatorNameContainer_17b40_11", kn = "_dot_17b40_17", Sn = "_indicatorName_17b40_11", $n = "_switchExternalContainer_17b40_31", Bn = "_switchType_17b40_39", Tn = "_switchTypeOptions_17b40_43", Ln = "_optionContainer_17b40_54", Mn = "_customRadious_17b40_64", Dn = "_optionText_17b40_71", R = {
   indicatorContainer: xn,
   indicatorNameContainer: Nn,
   dot: kn,
@@ -1569,7 +1573,7 @@ const yn = "_indicatorsCategory_arwy3_2", _n = "_title_arwy3_5", vn = "_list_arw
   multiple: a = !1,
   onChangeType: c
 }) => {
-  const { t: u } = B(), { name: m, type: h, disabled: b } = n;
+  const { t: u } = $(), { name: m, type: h, disabled: f } = n;
   console.log(nt);
   const [C, _] = F(!1);
   V(() => {
@@ -1579,17 +1583,17 @@ const yn = "_indicatorsCategory_arwy3_2", _n = "_title_arwy3_5", vn = "_list_arw
       ) : t.name == m
     );
   }, [t]);
-  const v = () => /* @__PURE__ */ i("div", { className: q.switchExternalContainer, children: /* @__PURE__ */ i("div", { className: q.switchType, children: /* @__PURE__ */ p("div", { className: q.switchTypeOptions, children: [
+  const v = () => /* @__PURE__ */ i("div", { className: R.switchExternalContainer, children: /* @__PURE__ */ i("div", { className: R.switchType, children: /* @__PURE__ */ p("div", { className: R.switchTypeOptions, children: [
     /* @__PURE__ */ p(
       "div",
       {
-        className: q.optionContainer,
+        className: R.optionContainer,
         onClick: () => c("cat"),
         children: [
           /* @__PURE__ */ i(
             "span",
             {
-              className: `${q.customRadious}`,
+              className: `${R.customRadious}`,
               style: {
                 backgroundColor: r === "cat" ? s : "transparent",
                 borderColor: r === "cat" ? s : o
@@ -1599,7 +1603,7 @@ const yn = "_indicatorsCategory_arwy3_2", _n = "_title_arwy3_5", vn = "_list_arw
           /* @__PURE__ */ i(
             "h4",
             {
-              className: q.optionText,
+              className: R.optionText,
               style: {
                 color: r === "cat" ? s : o
               },
@@ -1612,13 +1616,13 @@ const yn = "_indicatorsCategory_arwy3_2", _n = "_title_arwy3_5", vn = "_list_arw
     /* @__PURE__ */ p(
       "div",
       {
-        className: q.optionContainer,
+        className: R.optionContainer,
         onClick: () => c("abs"),
         children: [
           /* @__PURE__ */ i(
             "span",
             {
-              className: `${q.customRadious}`,
+              className: `${R.customRadious}`,
               style: {
                 backgroundColor: r === "abs" ? s : "transparent",
                 borderColor: r === "abs" ? s : o
@@ -1628,7 +1632,7 @@ const yn = "_indicatorsCategory_arwy3_2", _n = "_title_arwy3_5", vn = "_list_arw
           /* @__PURE__ */ i(
             "h4",
             {
-              className: q.optionText,
+              className: R.optionText,
               style: {
                 color: r === "abs" ? s : o
               },
@@ -1638,48 +1642,48 @@ const yn = "_indicatorsCategory_arwy3_2", _n = "_title_arwy3_5", vn = "_list_arw
         ]
       }
     )
-  ] }) }) }), f = () => /* @__PURE__ */ i("div", { className: q.switchExternalContainer, children: /* @__PURE__ */ i("div", { className: q.switchType, children: /* @__PURE__ */ i("div", { className: q.switchTypeOptions, children: d.map((g, y) => /* @__PURE__ */ p(
+  ] }) }) }), y = () => /* @__PURE__ */ i("div", { className: R.switchExternalContainer, children: /* @__PURE__ */ i("div", { className: R.switchType, children: /* @__PURE__ */ i("div", { className: R.switchTypeOptions, children: d.map((g, b) => /* @__PURE__ */ p(
     "div",
     {
-      className: q.optionContainer,
+      className: R.optionContainer,
       children: [
         /* @__PURE__ */ i(
           "span",
           {
-            className: q.customRadious
+            className: R.customRadious
           }
         ),
         /* @__PURE__ */ i("h4", { children: u(g.unit) })
       ]
     },
-    y
+    b
   )) }) }) });
-  return /* @__PURE__ */ p("div", { className: q.indicatorContainer, children: [
+  return /* @__PURE__ */ p("div", { className: R.indicatorContainer, children: [
     /* @__PURE__ */ p(
       "div",
       {
-        className: q.indicatorNameContainer,
-        onClick: () => !b && l({ indicator: n }),
+        className: R.indicatorNameContainer,
+        onClick: () => !f && l({ indicator: n }),
         children: [
           /* @__PURE__ */ i(
             "div",
             {
               style: {
                 border: C ? `1px solid ${s}` : `1px solid ${o}`,
-                opacity: b ? 0.5 : 1,
+                opacity: f ? 0.5 : 1,
                 backgroundColor: C ? s : "transparent"
               },
-              className: q.dot,
+              className: R.dot,
               children: a && /* @__PURE__ */ i("img", { src: C ? wn : nt, alt: "" })
             }
           ),
           /* @__PURE__ */ i(
             "h4",
             {
-              className: q.indicatorName,
+              className: R.indicatorName,
               style: {
                 color: C ? s : o,
-                opacity: b ? 0.5 : 1
+                opacity: f ? 0.5 : 1
               },
               children: /* @__PURE__ */ i(
                 Ke,
@@ -1695,7 +1699,7 @@ const yn = "_indicatorsCategory_arwy3_2", _n = "_title_arwy3_5", vn = "_list_arw
       }
     ),
     (t == null ? void 0 : t.name) === m && h === "both" && /* @__PURE__ */ i("div", { children: v() }),
-    (t == null ? void 0 : t.name) === m && h === "twoUnits" && /* @__PURE__ */ i("div", { children: f() })
+    (t == null ? void 0 : t.name) === m && h === "twoUnits" && /* @__PURE__ */ i("div", { children: y() })
   ] });
 };
 Ge.propTypes = {
@@ -1727,7 +1731,7 @@ const Vn = "_indicatorsSubCategory_1nuug_2", Fn = "_list_1nuug_11", it = {
   activeIndicatorType: m,
   onChangeType: h
 }) => {
-  const { t: b } = B(), [C, _] = F(!1);
+  const { t: f } = $(), [C, _] = F(!1);
   return V(() => {
     _(t == l);
   }, [t, l]), /* @__PURE__ */ p(
@@ -1744,11 +1748,11 @@ const Vn = "_indicatorsSubCategory_1nuug_2", Fn = "_list_1nuug_11", it = {
             "span",
             {
               style: { color: C ? o : s },
-              children: b(n)
+              children: f(n)
             }
           )
         ] }) }),
-        d && /* @__PURE__ */ i("div", { className: it.list, children: d == null ? void 0 : d.map((v, f) => /* @__PURE__ */ i(
+        d && /* @__PURE__ */ i("div", { className: it.list, children: d == null ? void 0 : d.map((v, y) => /* @__PURE__ */ i(
           Ge,
           {
             indicator: v,
@@ -1760,7 +1764,7 @@ const Vn = "_indicatorsSubCategory_1nuug_2", Fn = "_list_1nuug_11", it = {
             activeIndicatorType: m,
             onChangeType: h
           },
-          "indicator" + f
+          "indicator" + y
         )) })
       ]
     }
@@ -1791,10 +1795,10 @@ const St = ({
   onClickIndicator: u,
   multiple: m,
   activeIndicatorType: h,
-  onChangeType: b
+  onChangeType: f
 }) => {
-  var f;
-  const { t: C } = B(), [_, v] = F(!1);
+  var y;
+  const { t: C } = $(), [_, v] = F(!1);
   return V(() => {
     v(r === d);
   }, [r, d]), /* @__PURE__ */ p(
@@ -1821,10 +1825,10 @@ const St = ({
           )
         ] }),
         n.subcategories ? n.subcategories.map(
-          ({ name: g, subcategory: y, indicators: k }, w) => /* @__PURE__ */ i(
+          ({ name: g, subcategory: b, indicators: k }, w) => /* @__PURE__ */ i(
             kt,
             {
-              id: y,
+              id: b,
               activeSubCategory: l,
               subcName: g,
               onClickSubCategory: a,
@@ -1835,11 +1839,11 @@ const St = ({
               defaultColor: o,
               indicators: k,
               activeIndicatorType: h,
-              onChangeType: b
+              onChangeType: f
             },
             `subcKey ${w}`
           )
-        ) : /* @__PURE__ */ i("div", { className: Be.list, children: (f = n.indicators) == null ? void 0 : f.map((g, y) => /* @__PURE__ */ i(
+        ) : /* @__PURE__ */ i("div", { className: Be.list, children: (y = n.indicators) == null ? void 0 : y.map((g, b) => /* @__PURE__ */ i(
           Ge,
           {
             indicator: g,
@@ -1850,9 +1854,9 @@ const St = ({
             onClickIndicator: u,
             multiple: m,
             activeIndicatorType: h,
-            onChangeType: b
+            onChangeType: f
           },
-          `indicator${y}`
+          `indicator${b}`
         )) })
       ]
     }
@@ -1889,13 +1893,13 @@ const An = "_indicatorsList_13b3m_2", In = "_title_13b3m_6", st = {
   changeIndType: l,
   activeIndicatorType: a
 }) => {
-  const { t: c } = B(), [u, m] = F(), [h, b] = F(), [C, _] = F(), v = (w) => {
+  const { t: c } = $(), [u, m] = F(), [h, f] = F(), [C, _] = F(), v = (w) => {
     m(u == w ? null : w);
-  }, f = (w) => {
-    b(h == w ? null : w);
-  }, g = ({ indicator: w }) => {
-    y(w);
   }, y = (w) => {
+    f(h == w ? null : w);
+  }, g = ({ indicator: w }) => {
+    b(w);
+  }, b = (w) => {
     if (!t)
       _(
         (C == null ? void 0 : C.name) == w.name ? null : w
@@ -1919,18 +1923,18 @@ const An = "_indicatorsList_13b3m_2", In = "_title_13b3m_6", st = {
         let w = C && C.length > 0 ? [...C] : [];
         _([...w, ...r]), k(r[0].name);
       } else
-        y(r), k(r.name);
+        b(r), k(r.name);
   }, []);
   const k = (w) => {
     const x = n.find((S) => {
       if (S.subcategories) {
-        let T = S.subcategories.find(
-          (N) => N.indicators.find(($) => $.name == w)
+        let B = S.subcategories.find(
+          (N) => N.indicators.find((T) => T.name == w)
         );
-        if (T)
-          return b(T.subcategory), T;
+        if (B)
+          return f(B.subcategory), B;
       } else
-        return S.indicators.some((T) => T.name == w);
+        return S.indicators.some((B) => B.name == w);
     });
     x && m(x.category);
   };
@@ -1943,7 +1947,7 @@ const An = "_indicatorsList_13b3m_2", In = "_title_13b3m_6", st = {
         cat: w,
         onClickCategory: v,
         activeCategory: u,
-        onClickSubCategory: f,
+        onClickSubCategory: y,
         activeSubCategory: h,
         onClickIndicator: g,
         activeIndicator: C,
@@ -1976,7 +1980,7 @@ const Rn = "_langSelector_o9enq_2", qn = "_currentLang_o9enq_14", En = "_arrow_o
   prevImg: Pn,
   langMenu: jn
 }, Zn = ({ langs: n, arrow: d, imgPrev: s }) => {
-  const [o, t] = F(!1), { i18n: r } = B(), l = n.find((c) => c.code == r.language), a = (c) => {
+  const [o, t] = F(!1), { i18n: r } = $(), l = n.find((c) => c.code == r.language), a = (c) => {
     r.changeLanguage(c), t(!1);
   };
   return /* @__PURE__ */ p("div", { className: ce.langSelector, children: [
@@ -2058,7 +2062,7 @@ const zn = "_legendContainer_qs4x9_3", Hn = "_closeButton_qs4x9_31", Kn = "_titl
   buttonTitle: a,
   onClickClose: c
 }) => {
-  const { t: u } = B();
+  const { t: u } = $();
   return /* @__PURE__ */ p(
     "div",
     {
@@ -2166,7 +2170,7 @@ o0.propTypes = {
 const r0 = "_logo_1ewa6_2", ot = {
   logo: r0
 }, a0 = ({ src: n, alt: d, href: s }) => {
-  const { t: o } = B(), t = /* @__PURE__ */ i("img", { src: n, alt: o(d) });
+  const { t: o } = $(), t = /* @__PURE__ */ i("img", { src: n, alt: o(d) });
   return s ? /* @__PURE__ */ i("div", { className: ot.logo, children: /* @__PURE__ */ i("a", { href: s, children: t }) }) : /* @__PURE__ */ i("div", { className: ot.logo, children: t });
 };
 a0.propTypes = {
@@ -2192,7 +2196,7 @@ const d0 = ({
   sources: u = [],
   layers: m = []
 }) => {
-  const h = re(), [b, C] = F(null), _ = Et((v) => v.mapState.showTexts);
+  const h = re(), [f, C] = F(null), _ = Et((v) => v.mapState.showTexts);
   return V(() => {
     if (h.current) {
       const v = h.current.getMap();
@@ -2212,25 +2216,25 @@ const d0 = ({
       onClick: l,
       interactiveLayerIds: a,
       children: [
-        u.length && u.map((v, f) => /* @__PURE__ */ i(
+        u.length && u.map((v, y) => /* @__PURE__ */ i(
           jt,
           {
             ...v,
-            children: m.length && m.map((g, y) => {
+            children: m.length && m.map((g, b) => {
               if (g.sourceId == v.id) return /* @__PURE__ */ i(
                 Zt,
                 {
                   ...g.layer,
                   beforeId: t
                 },
-                y
+                b
               );
             })
           },
-          f
+          y
         )),
         /* @__PURE__ */ i(zt, { position: "bottom-right", visualizePitch: !0 }),
-        c && b && /* @__PURE__ */ i(
+        c && f && /* @__PURE__ */ i(
           Ht,
           {
             longitude: c.longitude,
@@ -2295,7 +2299,7 @@ const u0 = "_mapContainer_b0pyr_3", p0 = {
   FeaturePopUp: m0,
   title: h0
 }, g0 = ({ props: n }) => {
-  const { t: d } = B();
+  const { t: d } = $();
   return /* @__PURE__ */ i("div", { className: rt.FeaturePopUp, children: n.map((s) => /* @__PURE__ */ p("p", { children: [
     /* @__PURE__ */ p("span", { className: rt.title, children: [
       /* @__PURE__ */ i(Ke, { i18nKey: s.name, components: { sup: /* @__PURE__ */ i("sup", {}) }, shouldUnescape: !0 }),
@@ -2320,7 +2324,7 @@ const u0 = "_mapContainer_b0pyr_3", p0 = {
   layers: u = [],
   popUpParams: m,
   onClosePopUp: h,
-  showTexts: b,
+  showTexts: f,
   hash: C = !1
 }) => {
   const _ = re();
@@ -2328,10 +2332,10 @@ const u0 = "_mapContainer_b0pyr_3", p0 = {
     if (_.current) {
       const v = _.current.getMap();
       v.getStyle().layers.map((g) => {
-        g.type == "symbol" && g.id != "professionals" && (b ? v.setLayoutProperty(g.id, "visibility", "visible") : v.setLayoutProperty(g.id, "visibility", "none"));
+        g.type == "symbol" && g.id != "professionals" && (f ? v.setLayoutProperty(g.id, "visibility", "visible") : v.setLayoutProperty(g.id, "visibility", "none"));
       });
     }
-  }, [b]), V(() => {
+  }, [f]), V(() => {
     let v = new Kt();
     return Fe.addProtocol("pmtiles", v.tile), () => {
       Fe.removeProtocol("pmtiles");
@@ -2349,11 +2353,11 @@ const u0 = "_mapContainer_b0pyr_3", p0 = {
       onClick: l,
       interactiveLayerIds: a,
       children: [
-        c.length && c.map((v, f) => /* @__PURE__ */ i(
+        c.length && c.map((v, y) => /* @__PURE__ */ i(
           Wt,
           {
             ...v,
-            children: u.length && u.map((g, y) => {
+            children: u.length && u.map((g, b) => {
               if (g.sourceId == v.id) return /* @__PURE__ */ i(
                 Gt,
                 {
@@ -2364,11 +2368,11 @@ const u0 = "_mapContainer_b0pyr_3", p0 = {
                     visibility: g.layer.visibility || "visible"
                   }
                 },
-                y
+                b
               );
             })
           },
-          f
+          y
         )),
         /* @__PURE__ */ i(Yt, { position: "bottom-right", visualizePitch: !0 }),
         m && /* @__PURE__ */ i(
@@ -2444,7 +2448,7 @@ const f0 = "_sectionBar_1egwc_2", b0 = "_leftContent_1egwc_14", y0 = "_textConta
   width: r,
   borderTop: l = !1
 }) => {
-  const { t: a } = B();
+  const { t: a } = $();
   return /* @__PURE__ */ p("div", { className: ne.sectionBar, style: { width: r && r, borderTop: l ? "1px solid #000" : "0px" }, children: [
     /* @__PURE__ */ p("div", { className: ne.leftContent, children: [
       n && /* @__PURE__ */ i("img", { src: n, alt: "Icono", className: ne.icon }),
@@ -2513,14 +2517,14 @@ const N0 = Xt({
     console.log("year changed to ", a);
   }
 }) => {
-  const [a, c] = F(d), u = (g, y) => {
-    c(y), l(y);
-  }, [m, h] = F(!1), b = () => {
+  const [a, c] = F(d), u = (g, b) => {
+    c(b), l(b);
+  }, [m, h] = F(!1), f = () => {
     h(!0);
   }, C = () => {
     h(!1);
   };
-  ((g, y) => {
+  ((g, b) => {
     const k = re();
     V(() => {
       k.current = g;
@@ -2529,10 +2533,10 @@ const N0 = Xt({
         k.current();
       }
       {
-        let x = setInterval(w, y);
+        let x = setInterval(w, b);
         return () => clearInterval(x);
       }
-    }, [y]);
+    }, [b]);
   })(() => {
     m && (a != 2050 ? (c(a + 1), l(a + 1)) : (c(2025), l(2025)));
   }, 1e3);
@@ -2558,7 +2562,7 @@ const N0 = Xt({
         }
       }
     }
-  }), f = [
+  }), y = [
     { label: "", value: 2025 },
     { label: "", value: 2032 },
     { label: "", value: 2041 },
@@ -2579,7 +2583,7 @@ const N0 = Xt({
             value: a,
             valueLabelDisplay: "on",
             step: 1,
-            marks: f,
+            marks: y,
             min: s,
             max: o,
             onChange: u,
@@ -2588,7 +2592,7 @@ const N0 = Xt({
           }
         ),
         o,
-        !m && /* @__PURE__ */ i("button", { className: ge.playButton, onClick: b, children: /* @__PURE__ */ i("img", { src: k0, alt: "Play" }) }),
+        !m && /* @__PURE__ */ i("button", { className: ge.playButton, onClick: f, children: /* @__PURE__ */ i("img", { src: k0, alt: "Play" }) }),
         m && /* @__PURE__ */ i("button", { className: ge.playButton, onClick: C, children: /* @__PURE__ */ i("img", { src: S0, alt: "Pause" }) })
       ]
     }
@@ -2616,7 +2620,7 @@ const D0 = "_TopNavMenuContainer_12mp4_2", V0 = "_topNavOptions_12mp4_13", F0 =
     console.log("Changed NavLink", r);
   }
 }) => {
-  const { t: r } = B();
+  const { t: r } = $();
   return /* @__PURE__ */ i("div", { className: Oe.TopNavMenuContainer, style: { ...d }, children: n.map((l, a) => /* @__PURE__ */ i(
     i2,
     {
@@ -2658,7 +2662,7 @@ const I0 = "_LogInButton_1vxj5_2", O0 = {
     console.log("Logout clicked");
   }
 }) => {
-  const { t: c } = B();
+  const { t: c } = $();
   return /* @__PURE__ */ i(
     "div",
     {
@@ -2686,7 +2690,7 @@ const q0 = "_elementSelector_1ox68_2", E0 = "_header_1ox68_14", P0 = "_nameDateC
   buttonsContainer: z0,
   elementListContainer: H0,
   newElementButtonContainer: K0
-}, U0 = "_listElement_1evjl_2", W0 = "_elementNameDate_1evjl_18", G0 = "_elementNameContainer_1evjl_28", Y0 = "_elementName_1evjl_18", Q0 = "_elementDate_1evjl_43", X0 = "_elementButtons_1evjl_46", J0 = "_moreInfoContainer_1evjl_69", ei = "_moreInfo_1evjl_69", H = {
+}, U0 = "_listElement_1evjl_2", W0 = "_elementNameDate_1evjl_18", G0 = "_elementNameContainer_1evjl_28", Y0 = "_elementName_1evjl_18", Q0 = "_elementDate_1evjl_43", X0 = "_elementButtons_1evjl_46", J0 = "_moreInfoContainer_1evjl_69", ei = "_moreInfo_1evjl_69", K = {
   listElement: U0,
   elementNameDate: W0,
   elementNameContainer: G0,
@@ -2734,14 +2738,14 @@ const ai = "data:image/svg+xml,%3csvg%20width='26'%20height='18'%20viewBox='0%20
   defaultTooltip: u,
   showEye: m = !0
 }) => {
-  const { name: h, created_at: b, id: C, isBeingProcessed: _ } = n, [v, f] = F(!1), { t: g } = B();
+  const { name: h, created_at: f, id: C, isBeingProcessed: _ } = n, [v, y] = F(!1), { t: g } = $();
   return /* @__PURE__ */ p(
     "div",
     {
-      className: H.listElement,
+      className: K.listElement,
       style: { borderBottom: `1px solid ${t}` },
       children: [
-        /* @__PURE__ */ i("div", { className: H.elementNameDate, onClick: () => d(C), children: Object.keys(l).map((y) => y === "name" ? /* @__PURE__ */ i("div", { className: H.elementNameContainer, children: /* @__PURE__ */ p("div", { className: H.elementName, children: [
+        /* @__PURE__ */ i("div", { className: K.elementNameDate, onClick: () => d(C), children: Object.keys(l).map((b) => b === "name" ? /* @__PURE__ */ i("div", { className: K.elementNameContainer, children: /* @__PURE__ */ p("div", { className: K.elementName, children: [
           m && (s ? /* @__PURE__ */ i(ri, { style: { color: o, marginRight: 9 } }) : /* @__PURE__ */ i(
             "img",
             {
@@ -2751,8 +2755,8 @@ const ai = "data:image/svg+xml,%3csvg%20width='26'%20height='18'%20viewBox='0%20
             }
           )),
           /* @__PURE__ */ i("span", { style: { color: s ? o : t }, children: h })
-        ] }) }) : y == "data" ? /* @__PURE__ */ i("div", { className: H.elementDate, children: b ? new Date(b).toLocaleDateString() : "" }) : /* @__PURE__ */ i("div", { className: H.elementDate, children: n[y] })) }),
-        /* @__PURE__ */ p("div", { className: H.elementButtons, children: [
+        ] }) }) : b == "data" ? /* @__PURE__ */ i("div", { className: K.elementDate, children: f ? new Date(f).toLocaleDateString() : "" }) : /* @__PURE__ */ i("div", { className: K.elementDate, children: n[b] })) }),
+        /* @__PURE__ */ p("div", { className: K.elementButtons, children: [
           n.processing && /* @__PURE__ */ p("div", { className: "tooltip-parent", children: [
             /* @__PURE__ */ i("img", { src: si }),
             /* @__PURE__ */ i(oe, { text: c, position: "left" })
@@ -2774,13 +2778,13 @@ const ai = "data:image/svg+xml,%3csvg%20width='26'%20height='18'%20viewBox='0%20
             /* @__PURE__ */ i(oe, { text: u, position: "left" })
           ] })
         ] }),
-        r && /* @__PURE__ */ i("div", { className: H.break }),
-        r && /* @__PURE__ */ p("div", { className: H.moreInfoContainer, children: [
-          /* @__PURE__ */ p("div", { className: H.moreInfo, onClick: () => f(!v), children: [
+        r && /* @__PURE__ */ i("div", { className: K.break }),
+        r && /* @__PURE__ */ p("div", { className: K.moreInfoContainer, children: [
+          /* @__PURE__ */ p("div", { className: K.moreInfo, onClick: () => y(!v), children: [
             /* @__PURE__ */ i("span", { children: v ? "-" : "+" }),
             g(r.label)
           ] }),
-          r && v && /* @__PURE__ */ i("div", { className: H.moreInfoInfo, children: n[r.info] })
+          r && v && /* @__PURE__ */ i("div", { className: K.moreInfoInfo, children: n[r.info] })
         ] })
       ]
     }
@@ -2840,18 +2844,18 @@ const lt = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
   //{label: 'x'}
   processTooltip: h,
   //texto para el tooltip del simbolo "En proceso"
-  defaultTooltip: b,
+  defaultTooltip: f,
   //texto para el tooltip del símbolo de candado para los elementos default
   showEye: C = !0
 }) => {
-  const { t: _ } = B(), [v, f] = F(n);
+  const { t: _ } = $(), [v, y] = F(n);
   V(() => {
-    n && f(n);
+    n && y(n);
   }, [n]);
-  const g = (y) => {
+  const g = (b) => {
     if (v && v.length > 0) {
       let k = [...v];
-      k.sort((w, x) => w[y].localeCompare(x[y])), f(k);
+      k.sort((w, x) => w[b].localeCompare(x[b])), y(k);
     }
   };
   return /* @__PURE__ */ p(
@@ -2866,22 +2870,22 @@ const lt = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
             className: U.header,
             style: { borderBottom: `1px solid ${s}` },
             children: [
-              /* @__PURE__ */ i("div", { className: U.nameDateContainer, children: Object.keys(c).map((y) => y === "name" ? /* @__PURE__ */ i("div", { className: U.elementName, children: /* @__PURE__ */ p("button", { onClick: () => g("name"), children: [
+              /* @__PURE__ */ i("div", { className: U.nameDateContainer, children: Object.keys(c).map((b) => b === "name" ? /* @__PURE__ */ i("div", { className: U.elementName, children: /* @__PURE__ */ p("button", { onClick: () => g("name"), children: [
                 /* @__PURE__ */ i("span", { children: _(c.name) }),
                 /* @__PURE__ */ i("img", { src: lt, alt: "order arrow" })
-              ] }) }, y) : y === "data" ? /* @__PURE__ */ i("div", { className: U.elementDate, children: /* @__PURE__ */ p("button", { onClick: () => g("date"), children: [
+              ] }) }, b) : b === "data" ? /* @__PURE__ */ i("div", { className: U.elementDate, children: /* @__PURE__ */ p("button", { onClick: () => g("date"), children: [
                 /* @__PURE__ */ i("span", { children: _(c.data) }),
                 /* @__PURE__ */ i("img", { src: lt, alt: "order arrow" })
-              ] }) }, y) : /* @__PURE__ */ i("div", { className: U.elementDate, children: /* @__PURE__ */ i("span", { children: _(c[y]) }) }, y)) }),
+              ] }) }, b) : /* @__PURE__ */ i("div", { className: U.elementDate, children: /* @__PURE__ */ i("span", { children: _(c[b]) }) }, b)) }),
               /* @__PURE__ */ i("div", { className: U.buttonsContainer })
             ]
           }
         ),
-        /* @__PURE__ */ i("div", { className: U.elementListContainer, children: v && v.length > 0 && v.map((y) => /* @__PURE__ */ i(
+        /* @__PURE__ */ i("div", { className: U.elementListContainer, children: v && v.length > 0 && v.map((b) => /* @__PURE__ */ i(
           $t,
           {
-            isActive: d == y.id,
-            listelement: y,
+            isActive: d == b.id,
+            listelement: b,
             fontColor: s,
             activeColor: o,
             onClickElement: a,
@@ -2889,10 +2893,10 @@ const lt = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
             elementButtons: u,
             moreInfo: m,
             processTooltip: h,
-            defaultTooltip: b,
+            defaultTooltip: f,
             showEye: C
           },
-          `elementKey${y.id}`
+          `elementKey${b.id}`
         )) }),
         l && /* @__PURE__ */ i("div", { className: U.newElementButtonContainer, children: /* @__PURE__ */ i(
           Ve,
@@ -2987,7 +2991,7 @@ function Tt(n) {
     return n;
   return d;
 }
-var Lt = (n) => /^\w*$/.test(n), He = (n) => n === void 0, vi = (n) => Array.isArray(n) ? n.filter(Boolean) : [], Mt = (n) => vi(n.replace(/["|']|\]/g, "").split(/\.|\[/)), P = (n, d, s) => {
+var Lt = (n) => /^\w*$/.test(n), He = (n) => n === void 0, vi = (n) => Array.isArray(n) ? n.filter(Boolean) : [], Mt = (n) => vi(n.replace(/["|']|\]/g, "").split(/\.|\[/)), E = (n, d, s) => {
   if (!d || !_e(n))
     return s;
   const o = (Lt(d) ? [d] : Mt(d)).reduce((t, r) => Bt(t) ? t : t[r], n);
@@ -3054,7 +3058,7 @@ function xi(n) {
     c.current.isValid && s._setValid(!0);
   }, [s]), D.useMemo(() => wi(l, s, c.current, !1), [l, s]);
 }
-var Ni = (n) => typeof n == "string", ki = (n, d, s, o, t) => Ni(n) ? P(s, n, t) : Array.isArray(n) ? n.map((r) => P(s, r)) : s;
+var Ni = (n) => typeof n == "string", ki = (n, d, s, o, t) => Ni(n) ? E(s, n, t) : Array.isArray(n) ? n.map((r) => E(s, r)) : s;
 function Si(n) {
   const d = Ye(), { control: s = d.control, name: o, defaultValue: t, disabled: r, exact: l } = n || {}, a = D.useRef(t), [c, u] = D.useState(s._getWatch(o, a.current));
   return Vt(() => s._subscribe({
@@ -3070,7 +3074,7 @@ function $i(n) {
   const d = Ye(), { name: s, disabled: o, control: t = d.control, shouldUnregister: r } = n, l = bi(t._names.array, s), a = Si({
     control: t,
     name: s,
-    defaultValue: P(t._formValues, s, P(t._defaultValues, s, n.defaultValue)),
+    defaultValue: E(t._formValues, s, E(t._defaultValues, s, n.defaultValue)),
     exact: !0
   }), c = xi({
     control: t,
@@ -3083,68 +3087,68 @@ function $i(n) {
   })), h = D.useMemo(() => Object.defineProperties({}, {
     invalid: {
       enumerable: !0,
-      get: () => !!P(c.errors, s)
+      get: () => !!E(c.errors, s)
     },
     isDirty: {
       enumerable: !0,
-      get: () => !!P(c.dirtyFields, s)
+      get: () => !!E(c.dirtyFields, s)
     },
     isTouched: {
       enumerable: !0,
-      get: () => !!P(c.touchedFields, s)
+      get: () => !!E(c.touchedFields, s)
     },
     isValidating: {
       enumerable: !0,
-      get: () => !!P(c.validatingFields, s)
+      get: () => !!E(c.validatingFields, s)
     },
     error: {
       enumerable: !0,
-      get: () => P(c.errors, s)
+      get: () => E(c.errors, s)
     }
-  }), [c, s]), b = D.useCallback((f) => m.current.onChange({
+  }), [c, s]), f = D.useCallback((y) => m.current.onChange({
     target: {
-      value: Ci(f),
+      value: Ci(y),
       name: s
     },
     type: dt.CHANGE
   }), [s]), C = D.useCallback(() => m.current.onBlur({
     target: {
-      value: P(t._formValues, s),
+      value: E(t._formValues, s),
       name: s
     },
     type: dt.BLUR
-  }), [s, t._formValues]), _ = D.useCallback((f) => {
-    const g = P(t._fields, s);
-    g && f && (g._f.ref = {
-      focus: () => f.focus && f.focus(),
-      select: () => f.select && f.select(),
-      setCustomValidity: (y) => f.setCustomValidity(y),
-      reportValidity: () => f.reportValidity()
+  }), [s, t._formValues]), _ = D.useCallback((y) => {
+    const g = E(t._fields, s);
+    g && y && (g._f.ref = {
+      focus: () => y.focus && y.focus(),
+      select: () => y.select && y.select(),
+      setCustomValidity: (b) => y.setCustomValidity(b),
+      reportValidity: () => y.reportValidity()
     });
   }, [t._fields, s]), v = D.useMemo(() => ({
     name: s,
     value: a,
     ...Re(o) || c.disabled ? { disabled: c.disabled || o } : {},
-    onChange: b,
+    onChange: f,
     onBlur: C,
     ref: _
-  }), [s, o, c.disabled, b, C, _, a]);
+  }), [s, o, c.disabled, f, C, _, a]);
   return D.useEffect(() => {
-    const f = t._options.shouldUnregister || r;
+    const y = t._options.shouldUnregister || r;
     t.register(s, {
       ...u.current.rules,
       ...Re(u.current.disabled) ? { disabled: u.current.disabled } : {}
     });
-    const g = (y, k) => {
-      const w = P(t._fields, y);
+    const g = (b, k) => {
+      const w = E(t._fields, b);
       w && w._f && (w._f.mount = k);
     };
-    if (g(s, !0), f) {
-      const y = Tt(P(t._options.defaultValues, s));
-      ct(t._defaultValues, s, y), He(P(t._formValues, s)) && ct(t._formValues, s, y);
+    if (g(s, !0), y) {
+      const b = Tt(E(t._options.defaultValues, s));
+      ct(t._defaultValues, s, b), He(E(t._formValues, s)) && ct(t._formValues, s, b);
     }
     return !l && t.register(s), () => {
-      (l ? f && !t._state.action : f) ? t.unregister(s) : g(s, !1);
+      (l ? y && !t._state.action : y) ? t.unregister(s) : g(s, !1);
     };
   }, [s, t, l, r]), D.useEffect(() => {
     t._setDisabledField({
@@ -3170,7 +3174,7 @@ const ve = (n) => n.render($i(n)), Bi = "_textInputContainer_1o3iy_2", Ti = "_la
   errorColor: d = "red",
   containerStyles: s
 }) => {
-  const { t: o } = B();
+  const { t: o } = $();
   return /* @__PURE__ */ i(
     "div",
     {
@@ -3195,10 +3199,10 @@ const ve = (n) => n.render($i(n)), Bi = "_textInputContainer_1o3iy_2", Ti = "_la
     onClickForgotPass: h = () => {
       console.log("Click on forgot password");
     },
-    forgotPassLabel: b = "forgot-password"
-  } = n, { t: C } = B(), { control: _, trigger: v, clearErrors: f } = d, { errorColor: g } = xe((x) => x), [y, k] = F(!1);
+    forgotPassLabel: f = "forgot-password"
+  } = n, { t: C } = $(), { control: _, trigger: v, clearErrors: y } = d, { errorColor: g } = xe((x) => x), [b, k] = F(!1);
   re(l);
-  const w = () => o ? o === "password" && y ? "text" : o : "text";
+  const w = () => o ? o === "password" && b ? "text" : o : "text";
   return /* @__PURE__ */ i(
     ve,
     {
@@ -3210,7 +3214,7 @@ const ve = (n) => n.render($i(n)), Bi = "_textInputContainer_1o3iy_2", Ti = "_la
         validate: a || void 0
       },
       render: ({ field: x, fieldState: S }) => {
-        var T;
+        var B;
         return /* @__PURE__ */ p("div", { className: be.textInputContainer, children: [
           /* @__PURE__ */ p("h3", { className: be.labelContainer, children: [
             C(t),
@@ -3235,20 +3239,20 @@ const ve = (n) => n.render($i(n)), Bi = "_textInputContainer_1o3iy_2", Ti = "_la
                 o == "password" && /* @__PURE__ */ i(
                   "button",
                   {
-                    onClick: () => k(!y),
+                    onClick: () => k(!b),
                     type: "button",
                     className: be.showPasswordButton,
-                    children: y ? "🙈" : "👁️"
+                    children: b ? "🙈" : "👁️"
                   }
                 )
               ]
             }
           ),
-          o == "password" && /* @__PURE__ */ i("div", { className: be.forgotPassButton, children: /* @__PURE__ */ i("button", { onClick: h, children: C(b) }) }),
+          o == "password" && /* @__PURE__ */ i("div", { className: be.forgotPassButton, children: /* @__PURE__ */ i("button", { onClick: h, children: C(f) }) }),
           /* @__PURE__ */ i(
             we,
             {
-              errorMessage: (T = S.error) == null ? void 0 : T.message,
+              errorMessage: (B = S.error) == null ? void 0 : B.message,
               errorColor: g || u
             }
           )
@@ -3276,14 +3280,14 @@ const ve = (n) => n.render($i(n)), Bi = "_textInputContainer_1o3iy_2", Ti = "_la
     placeholder: u,
     errorColor: m = "red",
     width: h = 325,
-    options: b = []
+    options: f = []
     //Used if we dont use react hook form
-  } = n, { t: C } = B(), { control: _, trigger: v, clearErrors: f } = d || {}, { errorColor: g } = xe((w) => w);
+  } = n, { t: C } = $(), { control: _, trigger: v, clearErrors: y } = d || {}, { errorColor: g } = xe((w) => w);
   re(a);
-  const [y, k] = F(null);
+  const [b, k] = F(null);
   return V(() => {
-    y && s && s(y);
-  }, [y, s]), d ? /* @__PURE__ */ i(
+    b && s && s(b);
+  }, [b, s]), d ? /* @__PURE__ */ i(
     ve,
     {
       name: o,
@@ -3308,19 +3312,19 @@ const ve = (n) => n.render($i(n)), Bi = "_textInputContainer_1o3iy_2", Ti = "_la
               "select",
               {
                 ...w,
-                onChange: (T) => {
-                  const N = T.target.value, $ = b.every((A) => typeof A.value == "number") ? Number(N) : N;
-                  w.onChange($);
+                onChange: (B) => {
+                  const N = B.target.value, T = f.every((A) => typeof A.value == "number") ? Number(N) : N;
+                  w.onChange(T);
                 },
                 className: z.selectInput,
                 children: [
                   /* @__PURE__ */ i("option", { value: "", disabled: !0, hidden: !0, children: C(u || "selectOption") }),
-                  b.map((T, N) => /* @__PURE__ */ i(
+                  f.map((B, N) => /* @__PURE__ */ i(
                     "option",
                     {
-                      value: T.value,
+                      value: B.value,
                       className: z.option,
-                      children: C(T.label)
+                      children: C(B.label)
                     },
                     N
                   ))
@@ -3356,15 +3360,15 @@ const ve = (n) => n.render($i(n)), Bi = "_textInputContainer_1o3iy_2", Ti = "_la
       /* @__PURE__ */ p(
         "select",
         {
-          value: y || "",
+          value: b || "",
           onChange: (w) => {
-            const x = w.target.value, S = b.every((T) => typeof T.value == "number") ? Number(x) : x;
+            const x = w.target.value, S = f.every((B) => typeof B.value == "number") ? Number(x) : x;
             k(S);
           },
           className: z.selectInput,
           children: [
             /* @__PURE__ */ i("option", { value: "", disabled: !0, hidden: !0, children: C(u || "selectOption") }),
-            b.map((w, x) => /* @__PURE__ */ i(
+            f.map((w, x) => /* @__PURE__ */ i(
               "option",
               {
                 value: w.value,
@@ -3395,13 +3399,13 @@ const ve = (n) => n.render($i(n)), Bi = "_textInputContainer_1o3iy_2", Ti = "_la
     errorColor: l = "red",
     options: a = [],
     multi: c = !1
-  } = n, { t: u } = B(), { control: m, trigger: h, clearErrors: b } = d, { errorColor: C } = xe((f) => f), _ = ({ options: f, onChange: g, actualValue: y }) => {
-    if (c && y && y.length > 0) {
-      let k = y.filter((w) => w !== f);
+  } = n, { t: u } = $(), { control: m, trigger: h, clearErrors: f } = d, { errorColor: C } = xe((y) => y), _ = ({ options: y, onChange: g, actualValue: b }) => {
+    if (c && b && b.length > 0) {
+      let k = b.filter((w) => w !== y);
       g(k);
     }
-  }, v = ({ options: f, onChange: g, actualValue: y }) => {
-    c ? y && y.length > 0 ? g([...y, f]) : g([f]) : g(f);
+  }, v = ({ options: y, onChange: g, actualValue: b }) => {
+    c ? b && b.length > 0 ? g([...b, y]) : g([y]) : g(y);
   };
   return re(t), /* @__PURE__ */ i(
     ve,
@@ -3409,11 +3413,11 @@ const ve = (n) => n.render($i(n)), Bi = "_textInputContainer_1o3iy_2", Ti = "_la
       control: m,
       name: s,
       rules: {
-        validate: (f) => t && (f == null || f === "") ? `${u(o)} ${u("errorMessages.required")}` : null
+        validate: (y) => t && (y == null || y === "") ? `${u(o)} ${u("errorMessages.required")}` : null
       },
       render: ({
-        formState: { errors: f },
-        field: { onChange: g, onBlur: y, value: k, ref: w },
+        formState: { errors: y },
+        field: { onChange: g, onBlur: b, value: k, ref: w },
         fieldState: x
       }) => {
         var S;
@@ -3439,20 +3443,20 @@ const ve = (n) => n.render($i(n)), Bi = "_textInputContainer_1o3iy_2", Ti = "_la
           /* @__PURE__ */ p("div", { className: ie.inputContainer, children: [
             a.map(
               ({
-                label: T,
+                label: B,
                 value: N,
-                disabled: $ = !1,
+                disabled: T = !1,
                 italicLabel: A
-              }, R) => {
-                const M = k && c ? k.isArray && (k == null ? void 0 : k.length) > 0 && k.some((K) => K === N) : k === N;
+              }, H) => {
+                const L = k && c ? k.isArray && (k == null ? void 0 : k.length) > 0 && k.some((j) => j === N) : k === N;
                 return /* @__PURE__ */ p("label", { children: [
                   /* @__PURE__ */ i(
                     "input",
                     {
                       type: "radio",
-                      checked: M,
+                      checked: L,
                       onChange: () => {
-                        c ? M ? _({
+                        c ? L ? _({
                           actualValue: k,
                           options: a,
                           onChange: g
@@ -3466,8 +3470,8 @@ const ve = (n) => n.render($i(n)), Bi = "_textInputContainer_1o3iy_2", Ti = "_la
                     }
                   ),
                   /* @__PURE__ */ i("span", { className: "radio-custom" }),
-                  u(T)
-                ] }, `inputRadio ${R}`);
+                  u(B)
+                ] }, `inputRadio ${H}`);
               }
             ),
             /* @__PURE__ */ i(
@@ -3503,18 +3507,18 @@ const ve = (n) => n.render($i(n)), Bi = "_textInputContainer_1o3iy_2", Ti = "_la
     required: u,
     errorColor: m = "red",
     labelWidth: h = "300px",
-    sliderWidth: b = "300px",
+    sliderWidth: f = "300px",
     minText: C,
     maxText: _,
     disabled: v = !1,
-    marks: f = Array.from(
+    marks: y = Array.from(
       { length: l - r + 1 },
-      ($, A) => r + A
+      (T, A) => r + A
     ),
     showMarksNumber: g = !0
-  } = n, { t: y } = B(), { control: k, trigger: w, clearErrors: x } = d || {};
+  } = n, { t: b } = $(), { control: k, trigger: w, clearErrors: x } = d || {};
   re(u);
-  const { errorColorForm: S } = xe(($) => $), [T, N] = F(a);
+  const { errorColorForm: S } = xe((T) => T), [B, N] = F(a);
   return d ? /* @__PURE__ */ i(
     ve,
     {
@@ -3522,21 +3526,21 @@ const ve = (n) => n.render($i(n)), Bi = "_textInputContainer_1o3iy_2", Ti = "_la
       control: k,
       defaultValue: a,
       rules: {
-        required: u ? `${y(t)} ${y("errorMessages.required")}` : !1
+        required: u ? `${b(t)} ${b("errorMessages.required")}` : !1
       },
-      render: ({ field: $, fieldState: A }) => {
-        var R;
+      render: ({ field: T, fieldState: A }) => {
+        var H;
         return /* @__PURE__ */ p(
           "div",
           {
             className: I.rankingSliderContainer,
             style: {
-              gridTemplateColumns: `${t && h} ${b}`
+              gridTemplateColumns: `${t && h} ${f}`
             },
             children: [
-              t && /* @__PURE__ */ i("p", { className: I.labelContainer, children: y(t) }),
+              t && /* @__PURE__ */ i("p", { className: I.labelContainer, children: b(t) }),
               /* @__PURE__ */ p("div", { className: I.inputContainer, children: [
-                C && /* @__PURE__ */ i("div", { className: I.minLabel, children: y(C) }),
+                C && /* @__PURE__ */ i("div", { className: I.minLabel, children: b(C) }),
                 /* @__PURE__ */ p("div", { children: [
                   /* @__PURE__ */ i(
                     Ze,
@@ -3544,16 +3548,16 @@ const ve = (n) => n.render($i(n)), Bi = "_textInputContainer_1o3iy_2", Ti = "_la
                       min: r,
                       max: l,
                       step: 1,
-                      value: $.value ?? a,
-                      onChange: (M) => $.onChange(M),
+                      value: T.value ?? a,
+                      onChange: (L) => T.onChange(L),
                       marks: !0,
                       className: I.slider,
                       thumbClassName: I.thumb,
-                      renderThumb: (M) => /* @__PURE__ */ i(
+                      renderThumb: (L) => /* @__PURE__ */ i(
                         "div",
                         {
-                          ...M,
-                          style: { ...M.style, backgroundColor: c }
+                          ...L,
+                          style: { ...L.style, backgroundColor: c }
                         }
                       ),
                       trackClassName: I.track,
@@ -3561,14 +3565,14 @@ const ve = (n) => n.render($i(n)), Bi = "_textInputContainer_1o3iy_2", Ti = "_la
                       disabled: v
                     }
                   ),
-                  f && /* @__PURE__ */ i("div", { className: I.labels, children: f.map((M) => /* @__PURE__ */ i("span", { children: g && M }, M)) })
+                  y && /* @__PURE__ */ i("div", { className: I.labels, children: y.map((L) => /* @__PURE__ */ i("span", { children: g && L }, L)) })
                 ] }),
-                _ && /* @__PURE__ */ i("div", { className: I.maxLabel, children: y(_) })
+                _ && /* @__PURE__ */ i("div", { className: I.maxLabel, children: b(_) })
               ] }),
               /* @__PURE__ */ i(
                 we,
                 {
-                  errorMessage: (R = A.error) == null ? void 0 : R.message,
+                  errorMessage: (H = A.error) == null ? void 0 : H.message,
                   errorColor: S || m
                 }
               )
@@ -3581,11 +3585,11 @@ const ve = (n) => n.render($i(n)), Bi = "_textInputContainer_1o3iy_2", Ti = "_la
     "div",
     {
       className: I.rankingSliderContainer,
-      style: { gridTemplateColumns: `${t && h} ${b}` },
+      style: { gridTemplateColumns: `${t && h} ${f}` },
       children: [
-        t && /* @__PURE__ */ i("p", { className: I.labelContainer, children: y(t) }),
+        t && /* @__PURE__ */ i("p", { className: I.labelContainer, children: b(t) }),
         /* @__PURE__ */ p("div", { className: I.inputContainer, children: [
-          C && /* @__PURE__ */ i("div", { className: I.minLabel, children: y(C) }),
+          C && /* @__PURE__ */ i("div", { className: I.minLabel, children: b(C) }),
           /* @__PURE__ */ p("div", { children: [
             /* @__PURE__ */ i(
               Ze,
@@ -3593,18 +3597,18 @@ const ve = (n) => n.render($i(n)), Bi = "_textInputContainer_1o3iy_2", Ti = "_la
                 min: r,
                 max: l,
                 step: 1,
-                value: T,
-                onChange: ($) => {
-                  N($), s && s($);
+                value: B,
+                onChange: (T) => {
+                  N(T), s && s(T);
                 },
                 marks: !0,
                 className: I.slider,
                 thumbClassName: I.thumb,
-                renderThumb: ($) => /* @__PURE__ */ i(
+                renderThumb: (T) => /* @__PURE__ */ i(
                   "div",
                   {
-                    ...$,
-                    style: { ...$.style, backgroundColor: c }
+                    ...T,
+                    style: { ...T.style, backgroundColor: c }
                   }
                 ),
                 trackClassName: I.track,
@@ -3612,9 +3616,9 @@ const ve = (n) => n.render($i(n)), Bi = "_textInputContainer_1o3iy_2", Ti = "_la
                 disabled: v
               }
             ),
-            f && /* @__PURE__ */ i("div", { className: I.labels, children: f.map(($) => /* @__PURE__ */ i("span", { children: g && $ }, $)) })
+            y && /* @__PURE__ */ i("div", { className: I.labels, children: y.map((T) => /* @__PURE__ */ i("span", { children: g && T }, T)) })
           ] }),
-          _ && /* @__PURE__ */ i("div", { className: I.maxLabel, children: y(_) })
+          _ && /* @__PURE__ */ i("div", { className: I.maxLabel, children: b(_) })
         ] })
       ]
     }
@@ -3748,7 +3752,7 @@ const ye = ({
   activeCategory: s,
   activeColor: o
 }) => {
-  const { t } = B(), r = (l) => {
+  const { t } = $(), r = (l) => {
     d(l);
   };
   return /* @__PURE__ */ i("div", { className: Te.categorySelector, children: n.map((l, a) => {
@@ -3785,36 +3789,36 @@ const ye = ({
   defaultCategory: u = null,
   categoryLabel: m = "Select Category",
   activeCategory: h = null,
-  activeCategoryColor: b = "#b32f5d",
+  activeCategoryColor: f = "#b32f5d",
   onSubmit: C = (_) => console.log("Form submitted with: ", _)
 }) => {
-  const { t: _ } = B(), { handleSubmit: v, control: f } = n;
+  const { t: _ } = $(), { handleSubmit: v, control: y } = n;
   V(() => {
     r && xe.setState(() => ({ errorColor: r }));
   }, [r]);
   const g = me(() => d ? d.filter((N) => N.category).map((N) => {
-    var $;
+    var T;
     return {
       id: N.categoryId,
       label: N.category,
-      hasSubcategories: (($ = N.subcategories) == null ? void 0 : $.length) > 0
+      hasSubcategories: ((T = N.subcategories) == null ? void 0 : T.length) > 0
     };
-  }) : [], [d]), y = (N) => {
-    const $ = d == null ? void 0 : d.find((A) => A.categoryId === N);
-    return ($ == null ? void 0 : $.subcategories) || [];
+  }) : [], [d]), b = (N) => {
+    const T = d == null ? void 0 : d.find((A) => A.categoryId === N);
+    return (T == null ? void 0 : T.subcategories) || [];
   }, [k, w] = F(
     h || u || null
   ), [x, S] = F(null);
   V(() => {
     !k && g.length > 0 && w(g[0].id);
   }, [g, k]), V(() => {
-    const N = y(k);
+    const N = b(k);
     !x && (N == null ? void 0 : N.length) > 0 && S(N[0].id);
   }, [k, x, d]);
-  const T = (N, $) => {
+  const B = (N, T) => {
     var A;
     if (((A = N.subcategories) == null ? void 0 : A.length) > 0) {
-      const R = N.subcategories;
+      const H = N.subcategories;
       return /* @__PURE__ */ p("div", { children: [
         /* @__PURE__ */ i(
           "div",
@@ -3824,16 +3828,16 @@ const ye = ({
               ht,
               {
                 activeCategory: x,
-                categories: R,
-                onChange: (M) => S(M),
-                activeColor: b
+                categories: H,
+                onChange: (L) => S(L),
+                activeColor: f
               }
             )
           },
           N.categoryId
         ),
-        R.map((M, K) => {
-          const Z = !x || M.id === x;
+        H.map((L, j) => {
+          const Z = !x || L.id === x;
           return s ? /* @__PURE__ */ i(
             "div",
             {
@@ -3841,18 +3845,18 @@ const ye = ({
                 display: Z ? "block" : "none",
                 width: "100%"
               },
-              children: /* @__PURE__ */ i(s, { title: M.label, children: /* @__PURE__ */ i(
+              children: /* @__PURE__ */ i(s, { title: L.label, children: /* @__PURE__ */ i(
                 ye,
                 {
-                  inputs: M.inputs,
-                  control: f,
+                  inputs: L.inputs,
+                  control: y,
                   inputContainerStyles: o,
                   errorColor: r,
                   reactHookFormInstance: n
                 }
-              ) }, M.id)
+              ) }, L.id)
             },
-            `${M.id}${K}`
+            `${L.id}${j}`
           ) : /* @__PURE__ */ p(
             "div",
             {
@@ -3861,12 +3865,12 @@ const ye = ({
                 display: Z ? "block" : "none"
               },
               children: [
-                /* @__PURE__ */ i("h3", { style: { marginBottom: 15 }, children: _(M.label) }),
+                /* @__PURE__ */ i("h3", { style: { marginBottom: 15 }, children: _(L.label) }),
                 /* @__PURE__ */ i(
                   ye,
                   {
-                    inputs: M.inputs,
-                    control: f,
+                    inputs: L.inputs,
+                    control: y,
                     inputContainerStyles: o,
                     errorColor: r,
                     reactHookFormInstance: n
@@ -3874,7 +3878,7 @@ const ye = ({
                 )
               ]
             },
-            `${M.id}${K}`
+            `${L.id}${j}`
           );
         })
       ] });
@@ -3883,7 +3887,7 @@ const ye = ({
       ye,
       {
         inputs: N.inputs,
-        control: f,
+        control: y,
         inputContainerStyles: o,
         errorColor: r,
         reactHookFormInstance: n
@@ -3894,7 +3898,7 @@ const ye = ({
         ye,
         {
           inputs: N.inputs,
-          control: f,
+          control: y,
           inputContainerStyles: o,
           errorColor: r,
           reactHookFormInstance: n
@@ -3911,10 +3915,10 @@ const ye = ({
         onChange: (N) => {
           w(N), S(null);
         },
-        activeColor: b
+        activeColor: f
       }
     ) }),
-    /* @__PURE__ */ i("div", { className: Ce.formObjectContainer, children: d == null ? void 0 : d.map((N, $) => {
+    /* @__PURE__ */ i("div", { className: Ce.formObjectContainer, children: d == null ? void 0 : d.map((N, T) => {
       const A = N.categoryId === k;
       return N.category && !A ? null : N.category && A ? /* @__PURE__ */ i(
         "div",
@@ -3923,14 +3927,14 @@ const ye = ({
             // visibility: section.categoryId ? "visible" : "hidden",
             width: "100%"
           },
-          children: T(N)
+          children: B(N)
         },
         N.categoryId
       ) : /* @__PURE__ */ i(
         ye,
         {
           inputs: N.inputs,
-          control: f,
+          control: y,
           inputContainerStyles: o,
           errorColor: r,
           reactHookFormInstance: n
@@ -4057,7 +4061,7 @@ const $s = "_buttonsContainer_1c7dw_2", Bs = "_button_1c7dw_2", Ts = "_active_1c
 }, Ls = ({
   buttons: n = []
 }) => {
-  const { t: d } = B();
+  const { t: d } = $();
   return /* @__PURE__ */ i("div", { className: `${Le.buttonsContainer}`, children: n.map((s, o) => {
     const {
       isActive: t,
@@ -4101,9 +4105,9 @@ const Ms = "_switchContainer_194wl_2", Ds = "_labelRight_194wl_9", Vs = "_labelL
     colorOn: c = "#5A514D",
     disabled: u = !1,
     width: m = 240
-  } = n, { t: h } = B(), { control: b } = d || {}, [C, _] = F(a), v = (g) => {
+  } = n, { t: h } = $(), { control: f } = d || {}, [C, _] = F(a), v = (g) => {
     _(g), s && s(g);
-  }, f = (g, y) => /* @__PURE__ */ p("div", { className: ue.switchContainer, style: { width: `${m}px` }, children: [
+  }, y = (g, b) => /* @__PURE__ */ p("div", { className: ue.switchContainer, style: { width: `${m}px` }, children: [
     r && /* @__PURE__ */ i(
       "span",
       {
@@ -4118,7 +4122,7 @@ const Ms = "_switchContainer_194wl_2", Ds = "_labelRight_194wl_9", Vs = "_labelL
         {
           type: "checkbox",
           checked: !!g,
-          onChange: () => y(!g),
+          onChange: () => b(!g),
           disabled: u
         }
       ),
@@ -4138,11 +4142,11 @@ const Ms = "_switchContainer_194wl_2", Ds = "_labelRight_194wl_9", Vs = "_labelL
     ve,
     {
       name: t,
-      control: b,
+      control: f,
       defaultValue: a,
-      render: ({ field: g }) => f(g.value, g.onChange)
+      render: ({ field: g }) => y(g.value, g.onChange)
     }
-  ) : f(C, v);
+  ) : y(C, v);
 };
 Is.propTypes = {
   input: e.shape({