bmi-next-brokers 2.7.7 → 2.7.9

package/dist/components/Select/Select.js

@@ -1,8 +1,8 @@
 import { jsxs as p, jsx as l, Fragment as G } from "react/jsx-runtime";
 import { useState as J, useRef as C, useEffect as K, useMemo as de } from "react";
-import { createPortal as Re } from "react-dom";
+import { createPortal as Te } from "react-dom";
 import { s as e } from "../../Select.module-C2pwN-re.js";
-import { Icon as W } from "../../icons/Icon.js";
+import { Icon as x } from "../../icons/Icon.js";
 import { HelperText as We } from "../helperText/index.js";
 import { FieldError as xe } from "../fieldError/index.js";
 import { useIsMediaQuery as Pe } from "../../hooks/useMediaQuery.js";
@@ -13,26 +13,26 @@ import { useBTC as Me } from "../../hooks/btcContext/useBtcContext.js";
 import { useDropdownPosition as Be } from "../../hooks/useDropdownPosition.js";
 const nr = ({
   size: c = "medium",
-  label: x,
+  label: P,
   error: U,
-  helperText: P,
+  helperText: V,
   icon: L,
   className: ue,
   required: me,
-  placeholder: V = "Seleccionar...",
-  options: y = [],
+  placeholder: F = "Seleccionar...",
+  options: b = [],
   value: f,
   onChange: i,
-  onSearchInput: F,
+  onSearchInput: j,
   disabled: v = !1,
   inverted: g = !1,
   dynamicIcon: he = !1,
   showPlaceholderIcon: fe = !1,
   btc: X,
-  columnHeaders: k,
+  columnHeaders: E,
   searchable: pe = !1,
   noSearchResult: Y = "No se encontraron resultados",
-  searchAndCheckbox: E = !1,
+  searchAndCheckbox: Q = !1,
   customBorderColor: Z,
   responsive: ge = !1,
   title: $e,
@@ -40,39 +40,39 @@ const nr = ({
   highlightMatch: Ne = !1,
   ...Se
 }) => {
-  const j = !!F, { btc: ve } = Me(), be = X ?? ve, [a, b] = J(!1), [m, ye] = J(""), s = pe || E, $ = E, M = C(null), Oe = C(null), T = C(null), z = C(null), B = C(null), [O, w] = J([]), De = a && !v, Ce = Pe(`(max-width: ${we}px)`), A = ge && Ce && !v;
+  const M = !!j, { btc: ve } = Me(), ye = X ?? ve, [a, y] = J(!1), [m, be] = J(""), s = pe || Q, $ = Q, B = C(null), Oe = C(null), R = C(null), z = C(null), I = C(null), [O, w] = J([]), De = a && !v, Ce = Pe(`(max-width: ${we}px)`), A = ge && Ce && !v;
   K(() => {
     if ($)
       if (Array.isArray(f) && f.length > 0) {
-        const r = y.filter((n) => f.includes(n.value)), t = r.map((n) => n.value);
-        w((n) => {
-          const u = n.map((S) => S.value);
-          return u.length === r.length && r.every((S) => u.includes(S.value)) ? n : r;
-        }), (t.length !== f.length || !t.every((n) => f.includes(n))) && i && i(t);
+        const r = b.filter((t) => f.includes(t.value)), n = r.map((t) => t.value);
+        w((t) => {
+          const u = t.map((S) => S.value);
+          return u.length === r.length && r.every((S) => u.includes(S.value)) ? t : r;
+        }), (n.length !== f.length || !n.every((t) => f.includes(t))) && i && i(n);
       } else
         w((r) => r.length === 0 ? r : []);
     else if (f) {
-      const r = y.find((t) => t.value === f);
+      const r = b.find((n) => n.value === f);
       r ? w(
-        (t) => t.length === 1 && t[0].value === r.value ? t : [r]
-      ) : (w((t) => t.length === 0 ? t : []), i && i(""));
+        (n) => n.length === 1 && n[0].value === r.value ? n : [r]
+      ) : (w((n) => n.length === 0 ? n : []), i && i(""));
     } else
       w((r) => r.length === 0 ? r : []);
-  }, [f, y, $]);
-  const I = O.map((r) => r.value), o = O[0] ?? null, N = (r) => typeof r == "string" ? r.normalize("NFD").replace(/[\u0300-\u036f]/g, "").replace(/\s+/g, "").toLowerCase() : "", ee = C("");
+  }, [f, b, $]);
+  const _ = O.map((r) => r.value), o = O[0] ?? null, N = (r) => typeof r == "string" ? r.normalize("NFD").replace(/[\u0300-\u036f]/g, "").replace(/\s+/g, "").toLowerCase() : "", ee = C("");
   K(() => {
     if (!s) return;
-    const r = m.trim(), t = ee.current.trim();
+    const r = m.trim(), n = ee.current.trim();
     if ($) {
       if (r.length > 0) {
         const d = O.filter(
           (u) => N(u.label).includes(N(r))
-        ), n = d.map((u) => u.value);
-        d.length !== O.length && (w(d), i && i(n));
+        ), t = d.map((u) => u.value);
+        d.length !== O.length && (w(d), i && i(t));
       }
-      r === "" && t.length > 0 && (w([]), i && i([]));
+      r === "" && n.length > 0 && (w([]), i && i([]));
     } else
-      o && r.length > 0 && !N(o.label).includes(N(r)) && (w([]), i && i("")), r === "" && t.length > 0 && (w([]), i && i(""));
+      o && r.length > 0 && !N(o.label).includes(N(r)) && (w([]), i && i("")), r === "" && n.length > 0 && (w([]), i && i(""));
     ee.current = m;
   }, [
     m,
@@ -82,136 +82,133 @@ const nr = ({
     s,
     i
   ]);
-  const re = de(() => s ? a ? m : !$ && o ? o.label : $ && I.length > 0 ? `${I.length} ${I.length === 1 ? "seleccionado" : "seleccionados"}` : "" : "", [
+  const re = de(() => s ? a ? m : !$ && o ? o.label : $ && _.length > 0 ? `${_.length} ${_.length === 1 ? "seleccionado" : "seleccionados"}` : "" : "", [
     s,
     a,
     m,
     o,
-    I,
+    _,
     $
-  ]), te = (r) => O.some((t) => t.value === r), Q = de(() => !s || !m || j ? y : y.filter(
+  ]), te = (r) => O.some((n) => n.value === r), T = de(() => !s || !m || M ? b : b.filter(
     (r) => N(r.label).includes(N(m))
-  ), [y, m, s, j]), _ = (() => {
+  ), [b, m, s, M]), k = (() => {
     if (U) return U;
-    if (s && m && m.trim().length > 0 && Q.length === 0 && !a && !f)
+    if (s && m && m.trim().length > 0 && T.length === 0 && !a && !f)
       return Y;
   })();
   K(() => {
-    const r = (t) => {
-      M.current && !M.current.contains(t.target) && T.current && !T.current.contains(t.target) && b(!1);
+    const r = (n) => {
+      B.current && !B.current.contains(n.target) && R.current && !R.current.contains(n.target) && y(!1);
     };
     return document.addEventListener("mousedown", r), () => {
       document.removeEventListener("mousedown", r);
     };
-  }, [s, j, o]);
+  }, [s, M, o]);
   const Le = [
     e.select,
-    be && e.btc,
+    ye && e.btc,
     e[c],
-    _ ? e.error : "",
+    k ? e.error : "",
     v ? e.disabled : "",
     a ? e.open : "",
     g ? e.inverted : "",
     ue
   ].filter(Boolean).join(" "), D = c === "small" ? 16 : c === "large" ? 20 : c === "extraLarge" ? 24 : 18, ne = he && (o != null && o.icon) && !(s && a) ? o.icon : L, Ie = () => {
     var r;
-    v || (b(!a), s && !a && (se(), (r = B.current) == null || r.focus()));
-  }, q = (r, t = !0) => {
+    v || (y(!a), s && !a && (se(), (r = I.current) == null || r.focus()));
+  }, q = (r, n = !0) => {
     if (i)
       if ($) {
         const d = Array.isArray(f) ? f : [], u = d.includes(r) ? d.filter((h) => h !== r) : [...d, r];
         i(u);
       } else
-        i(r), t && b(!1);
+        i(r), n && y(!1);
   }, le = (r) => {
-    const t = r.target.value;
-    ye(t), a || b(!0), F && F(t);
+    const n = r.target.value;
+    be(n), a || y(!0), j && j(n);
   }, se = () => {
-    a || b(!0);
+    a || y(!0);
   }, _e = (r) => {
-    A && (r.preventDefault(), r.stopPropagation()), s && (r.stopPropagation(), a || (b(!0), setTimeout(() => {
-      var t;
-      (t = B.current) == null || t.focus();
-    }, 0)));
-  }, H = (r, t) => {
-    if (!Ne || !t.trim()) return r;
-    const d = N(r), n = N(t.trim());
-    if (!d.includes(n)) return r;
+    A && (r.preventDefault(), r.stopPropagation()), s && (r.stopPropagation(), a || (y(!0), I.current && (I.current.readOnly = !1, I.current.focus())));
+  }, H = (r, n) => {
+    if (!Ne || !n.trim()) return r;
+    const d = N(r), t = N(n.trim());
+    if (!d.includes(t)) return r;
     const u = [], h = [];
-    for (let R = 0; R < r.length; R++) {
-      const Qe = N(r[R]);
-      for (let oe = 0; oe < Qe.length; oe++)
-        h.push(R);
+    for (let W = 0; W < r.length; W++) {
+      const Re = N(r[W]);
+      for (let oe = 0; oe < Re.length; oe++)
+        h.push(W);
     }
-    const S = d.indexOf(n), Te = S + n.length - 1, ie = h[S], ae = h[Te] + 1;
+    const S = d.indexOf(t), Qe = S + t.length - 1, ie = h[S], ae = h[Qe] + 1;
     return u.push(r.slice(0, ie)), u.push(
       /* @__PURE__ */ l("mark", { className: e.highlight, children: r.slice(ie, ae) }, "highlight")
     ), u.push(r.slice(ae)), /* @__PURE__ */ l(G, { children: u });
   }, ke = Be({
     isOpen: a,
     containerRef: z,
-    dropdownRef: T,
+    dropdownRef: R,
     size: c,
-    optionsLength: Q.length,
-    label: x,
-    helperText: P,
-    displayError: _
+    optionsLength: T.length,
+    label: P,
+    helperText: V,
+    displayError: k
   }), ce = ({
     insideDrawer: r = !1,
-    handleOptionClickProp: t
+    handleOptionClickProp: n
   }) => {
-    const d = (n) => {
-      t ? t(n) : q(n);
+    const d = (t) => {
+      n ? n(t) : q(t);
     };
-    return Q.length > 0 ? Q.map((n, u) => /* @__PURE__ */ p(
+    return T.length > 0 ? T.map((t, u) => /* @__PURE__ */ p(
       "div",
       {
-        className: `${e.option} ${r ? e.isDrawer : ""} ${te(n.value) ? e.optionSelected : ""} ${g ? e.option_inverted : ""} ${n.columns ? e.optionTable : ""} ${E ? e.optionWithCheckbox : ""}`,
+        className: `${e.option} ${r ? e.isDrawer : ""} ${te(t.value) ? e.optionSelected : ""} ${g ? e.option_inverted : ""} ${t.columns ? e.optionTable : ""} ${Q ? e.optionWithCheckbox : ""}`,
         onClick: (h) => {
-          h.stopPropagation(), d(n.value);
+          h.stopPropagation(), d(t.value);
         },
         children: [
-          E && /* @__PURE__ */ l(
+          Q && /* @__PURE__ */ l(
             "input",
             {
               type: "checkbox",
-              checked: te(n.value),
-              onChange: () => q(n.value),
+              checked: te(t.value),
+              onChange: () => q(t.value),
               onClick: (h) => h.stopPropagation(),
               className: e.optionCheckbox
             }
           ),
-          n.columns ? /* @__PURE__ */ l(G, { children: k && Object.entries(k).map(([h, S]) => /* @__PURE__ */ p("div", { className: e.tableColumn, children: [
+          t.columns ? /* @__PURE__ */ l(G, { children: E && Object.entries(E).map(([h, S]) => /* @__PURE__ */ p("div", { className: e.tableColumn, children: [
             /* @__PURE__ */ l("div", { className: `${e.columnHeader} ${e[c]}`, children: S }),
             /* @__PURE__ */ l("div", { className: `${e.columnValue} ${e[c]}`, children: H(
-              String(n.columns[h] ?? ""),
+              String(t.columns[h] ?? ""),
               m
             ) })
           ] }, h)) }) : (
             //opción tiene descripción
-            n.description ? /* @__PURE__ */ p("div", { className: e.optionWithDescriptionWrapper, children: [
-              (n.icon || L) && /* @__PURE__ */ l(
-                W,
+            t.description ? /* @__PURE__ */ p("div", { className: e.optionWithDescriptionWrapper, children: [
+              (t.icon || L) && /* @__PURE__ */ l(
+                x,
                 {
-                  name: n.icon || L,
+                  name: t.icon || L,
                   width: D,
                   height: D
                 }
               ),
               /* @__PURE__ */ p("div", { className: e.optionWithDescription, children: [
-                /* @__PURE__ */ l("span", { className: e.optionWithDescriptionLabel, children: H(n.label, m) }),
-                /* @__PURE__ */ l("span", { className: e.optionWithDescriptionValue, children: n.description })
+                /* @__PURE__ */ l("span", { className: e.optionWithDescriptionLabel, children: H(t.label, m) }),
+                /* @__PURE__ */ l("span", { className: e.optionWithDescriptionValue, children: t.description })
               ] })
             ] }) : /* @__PURE__ */ p(G, { children: [
-              (n.icon || L) && /* @__PURE__ */ l("div", { className: e.optionIcon, children: /* @__PURE__ */ l(
-                W,
+              (t.icon || L) && /* @__PURE__ */ l("div", { className: e.optionIcon, children: /* @__PURE__ */ l(
+                x,
                 {
-                  name: n.icon || L,
+                  name: t.icon || L,
                   width: D,
                   height: D
                 }
               ) }),
-              /* @__PURE__ */ l("div", { style: { whiteSpace: "pre-line", lineHeight: 1.25 }, children: H(n.label, m) })
+              /* @__PURE__ */ l("div", { style: { whiteSpace: "pre-line", lineHeight: 1.25 }, children: H(t.label, m) })
             ] })
           )
         ]
@@ -219,18 +216,18 @@ const nr = ({
       u
     )) : /* @__PURE__ */ l("span", { className: e.noResults, children: Y });
   }, Ee = () => {
-    const r = Fe(), t = (d) => {
+    const r = Fe(), n = (d) => {
       q(d, !1), $ || r();
     };
     return /* @__PURE__ */ l(
       "div",
       {
-        className: `${e.dropdown} ${e.isDrawer} ${e[c]}  ${g ? e.dropdown_inverted : ""} ${k ? e.dropdownTable : ""} ${s ? e.dropdownSearchable : ""}`,
+        className: `${e.dropdown} ${e.isDrawer} ${e[c]}  ${g ? e.dropdown_inverted : ""} ${E ? e.dropdownTable : ""} ${s ? e.dropdownSearchable : ""}`,
         children: /* @__PURE__ */ l(
           ce,
           {
             insideDrawer: !0,
-            handleOptionClickProp: t
+            handleOptionClickProp: n
           }
         )
       }
@@ -243,12 +240,12 @@ const nr = ({
       className: `${e.selectContainer} ${c === "medium" ? e.selectContainer_medium : c === "large" ? e.selectContainer_large : c === "extraLarge" ? e.selectContainer_extraLarge : ""} ${v ? e.disabled : ""}`,
       ...Se,
       children: [
-        x && /* @__PURE__ */ p(
+        P && /* @__PURE__ */ p(
           "label",
           {
             className: `${e.label} ${c === "large" ? e.label_large : ""} ${c === "extraLarge" ? e.label_extraLarge : ""} ${g ? e.label_inverted : ""} ${v ? e.disabled : ""} `,
             children: [
-              x,
+              P,
               /* @__PURE__ */ l(
                 "span",
                 {
@@ -265,7 +262,7 @@ const nr = ({
             {
               className: Le,
               onClick: Ie,
-              ref: M,
+              ref: B,
               style: Z ? { borderColor: Z } : void 0,
               children: [
                 /* @__PURE__ */ p("div", { className: e.iconLabel, children: [
@@ -274,7 +271,7 @@ const nr = ({
                     {
                       className: `${e.icon} ${g ? e.icon_inverted : ""}`,
                       children: /* @__PURE__ */ l(
-                        W,
+                        x,
                         {
                           name: s ? "SearchIcon" : ne,
                           width: D,
@@ -286,10 +283,10 @@ const nr = ({
                   s ? /* @__PURE__ */ l(
                     "input",
                     {
-                      ref: B,
+                      ref: I,
                       value: re,
-                      className: `${e.selectInput} ${!o && !a && I.length === 0 ? e.placeholder : ""}`,
-                      placeholder: V,
+                      className: `${e.selectInput} ${!o && !a && _.length === 0 ? e.placeholder : ""}`,
+                      placeholder: F,
                       onChange: le,
                       onFocus: se,
                       onClick: _e,
@@ -300,12 +297,12 @@ const nr = ({
                     "span",
                     {
                       className: `${e.selectValue} ${o ? "" : e.placeholder}`,
-                      children: o ? o.label : V
+                      children: o ? o.label : F
                     }
                   )
                 ] }),
                 /* @__PURE__ */ l(
-                  W,
+                  x,
                   {
                     name: "ArrowDown",
                     width: 16,
@@ -322,14 +319,14 @@ const nr = ({
               className: e.drawerSelect,
               headerClassName: e.drawerSelectHeader,
               isOpen: a,
-              setIsOpen: b,
+              setIsOpen: y,
               title: $e,
               zIndex: 1,
               children: [
                 s && /* @__PURE__ */ l("div", { className: e.drawerSearchInput, children: /* @__PURE__ */ l(
                   je,
                   {
-                    placeholder: V,
+                    placeholder: F,
                     icon: "SearchIcon",
                     value: re,
                     onChange: le,
@@ -339,12 +336,12 @@ const nr = ({
                 /* @__PURE__ */ l(Ee, {})
               ]
             }
-          ) : De && Re(
+          ) : De && Te(
             /* @__PURE__ */ l(
               "div",
               {
-                ref: T,
-                className: `${e.dropdown} ${e[c]} ${e.dropdownPortal} ${g ? e.dropdown_inverted : ""} ${k ? e.dropdownTable : ""} ${s ? e.dropdownSearchable : ""}`,
+                ref: R,
+                className: `${e.dropdown} ${e[c]} ${e.dropdownPortal} ${g ? e.dropdown_inverted : ""} ${E ? e.dropdownTable : ""} ${s ? e.dropdownSearchable : ""}`,
                 style: ke,
                 children: /* @__PURE__ */ l(ce, {})
               }
@@ -352,8 +349,8 @@ const nr = ({
             document.getElementById("root") || document.body
           )
         ] }),
-        _ && /* @__PURE__ */ l(xe, { message: _, size: c, inverted: g }),
-        P && !_ && /* @__PURE__ */ l(We, { message: P, size: c, inverted: g })
+        k && /* @__PURE__ */ l(xe, { message: k, size: c, inverted: g }),
+        V && !k && /* @__PURE__ */ l(We, { message: V, size: c, inverted: g })
       ]
     }
   );

package/dist/icons/Icon.js

@@ -1,5 +1,5 @@
 import { jsx as i } from "react/jsx-runtime";
-import { I as p } from "../index-DsBYrs2_.js";
+import { I as p } from "../index-DQ5G_9E5.js";
 const m = ({
   name: o,
   width: c = 20,

package/dist/icons/components/Objective.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+declare const SvgObjective: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default SvgObjective;

package/dist/icons/components/Objective.js

@@ -0,0 +1,10 @@
+import { jsxs as t, jsx as e } from "react/jsx-runtime";
+const v = (h) => /* @__PURE__ */ t("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 18 18", width: "1em", height: "1em", ...h, children: [
+  /* @__PURE__ */ e("mask", { id: "objective_svg__a", width: 18, height: 18, x: 0, y: 0, maskUnits: "userSpaceOnUse", style: {
+    maskType: "alpha"
+  }, children: /* @__PURE__ */ e("path", { fill: "currentColor", d: "M0 0h17.722v17.722H0z" }) }),
+  /* @__PURE__ */ e("g", { mask: "url(#objective_svg__a)", children: /* @__PURE__ */ e("path", { fill: "#2054A5", d: "M3.692 15.507q-.61 0-1.043-.434a1.42 1.42 0 0 1-.434-1.043v-2.954h1.477v2.954h2.953v1.477zm7.384 0V14.03h2.954v-2.954h1.477v2.954q0 .61-.434 1.043-.434.434-1.043.434zM2.215 6.645V3.692q0-.61.434-1.043.434-.434 1.043-.434h2.953v1.477H3.692v2.953zm11.815 0V3.692h-2.954V2.215h2.954q.61 0 1.043.434.434.434.434 1.043v2.953zm-7.781 4.828a3.56 3.56 0 0 1-1.08-2.612q0-1.533 1.08-2.612t2.612-1.08 2.612 1.08 1.08 2.612-1.08 2.612-2.612 1.08a3.56 3.56 0 0 1-2.612-1.08m4.18-1.043q.648-.646.647-1.57 0-.923-.646-1.568a2.14 2.14 0 0 0-1.57-.647q-.923 0-1.568.647-.647.645-.647 1.569t.647 1.569 1.569.646q.923 0 1.569-.646" }) })
+] });
+export {
+  v as default
+};

package/dist/icons/components/index.d.ts

@@ -95,6 +95,7 @@ export { default as Musculo } from './Musculo';
 export { default as NextIcon } from './NextIcon';
 export { default as Notes } from './Notes';
 export { default as NumPolizaIcon } from './NumPolizaIcon';
+export { default as Objective } from './Objective';
 export { default as OpenInFull } from './OpenInFull';
 export { default as Pep } from './Pep';
 export { default as Person } from './Person';