bmi-next 1.0.0

package/dist/components/Drawer/index.js

@@ -0,0 +1,27 @@
+import { jsx as f } from "react/jsx-runtime";
+import { useState as r, useEffect as a } from "react";
+import { DrawerPortalBase as u } from "../DrawerPortalBase/index.js";
+function g({ isOpen: e, onClose: s, title: l, children: n }) {
+  const [i, o] = r(!1), [d, t] = r(0);
+  return a(() => (e ? document.body.style.overflow = "hidden" : document.body.style.overflow = "", () => {
+    document.body.style.overflow = "";
+  }), [e]), /* @__PURE__ */ f(
+    u,
+    {
+      isOpen: e,
+      handleClose: () => {
+        o(!0), setTimeout(() => {
+          s(), o(!1), t(0);
+        }, 350);
+      },
+      dragPosition: d,
+      setDragPosition: t,
+      isClosing: i,
+      title: l || void 0,
+      children: n
+    }
+  );
+}
+export {
+  g as Drawer
+};

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

@@ -0,0 +1,18 @@
+import { Option } from '../SelectDrawer';
+/**
+ * Props para el componente DrawerPortal
+ * @interface DrawerPortalProps
+ */
+interface DrawerPortalProps {
+    isOpen: boolean;
+    handleClose: () => void;
+    dragPosition: number;
+    setDragPosition: (position: number) => void;
+    isClosing: boolean;
+    title: string;
+    options: Option[];
+    handleOptionClick: (option: Option) => void;
+    countries?: boolean;
+}
+export declare const DrawerPortal: ({ isOpen, handleClose, dragPosition, setDragPosition, isClosing, title, options, handleOptionClick, countries, }: DrawerPortalProps) => import('react').ReactPortal | null;
+export {};

package/dist/components/DrawerPortal/index.js

@@ -0,0 +1,92 @@
+import { jsxs as n, Fragment as j, jsx as r } from "react/jsx-runtime";
+import { useRef as _ } from "react";
+import { r as N } from "../../index-Cb7Kc3pQ.js";
+import { Icon as f } from "../../icons/icons.js";
+import { Image as E } from "../images/index.js";
+import '../../assets/index16.css';const D = "_overlay_tjb4r_1", Y = "_closing_tjb4r_12", C = "_bottomDrawer_tjb4r_36", L = "_drawerHeader_tjb4r_74", I = "_drawerIndicator_tjb4r_86", $ = "_drawerContent_tjb4r_93", x = "_optionCountry_tjb4r_102", B = "_optionNormal_tjb4r_103", H = "_options_tjb4r_124", k = "_closeButton_tjb4r_146", e = {
+  overlay: D,
+  closing: Y,
+  bottomDrawer: C,
+  drawerHeader: L,
+  drawerIndicator: I,
+  drawerContent: $,
+  optionCountry: x,
+  optionNormal: B,
+  options: H,
+  closeButton: k
+}, T = ({
+  isOpen: h,
+  handleClose: s,
+  dragPosition: p,
+  setDragPosition: l,
+  isClosing: m,
+  title: w,
+  options: b,
+  handleOptionClick: g,
+  countries: y
+}) => {
+  const d = _(0), i = _(0);
+  if (!h) return null;
+  const u = (t) => {
+    const o = "touches" in t ? t.touches[0].clientY : t.clientY;
+    d.current = o, i.current = o, document.addEventListener("mousemove", a), document.addEventListener("touchmove", a), document.addEventListener("mouseup", c), document.addEventListener("touchend", c);
+  }, c = () => {
+    document.removeEventListener("mousemove", a), document.removeEventListener("touchmove", a), document.removeEventListener("mouseup", c), document.removeEventListener("touchend", c), i.current - d.current > 100 ? s() : l(0);
+  }, a = (t) => {
+    const o = "touches" in t ? t.touches[0].clientY : t.clientY, v = o - d.current;
+    i.current = o, v > 0 && l(v);
+  };
+  return N.createPortal(
+    /* @__PURE__ */ n(j, { children: [
+      /* @__PURE__ */ r(
+        "div",
+        {
+          className: `${e.overlay} ${m ? e.closing : ""}`,
+          onClick: s
+        }
+      ),
+      /* @__PURE__ */ n(
+        "div",
+        {
+          className: `${e.bottomDrawer} ${m ? e.closing : ""}`,
+          style: { transform: `translateY(${p}px)` },
+          children: [
+            /* @__PURE__ */ n(
+              "div",
+              {
+                className: e.drawerHeader,
+                onMouseDown: u,
+                onTouchStart: u,
+                children: [
+                  /* @__PURE__ */ r("div", { className: e.drawerIndicator }),
+                  /* @__PURE__ */ r("div", { className: e.closeButton, onClick: s, children: /* @__PURE__ */ r(f, { name: "Close", fill: "#030c2466" }) })
+                ]
+              }
+            ),
+            /* @__PURE__ */ n("div", { className: e.drawerContent, children: [
+              /* @__PURE__ */ r("p", { children: w }),
+              /* @__PURE__ */ r("div", { className: e.options, children: b.map(
+                (t) => t.hidden ? null : /* @__PURE__ */ n(
+                  "div",
+                  {
+                    className: `${y ? e.optionCountry : e.optionNormal}`,
+                    onClick: () => g(t),
+                    children: [
+                      t.image && /* @__PURE__ */ r(E, { width: 30, height: 30, src: t.image.src }),
+                      t.label
+                    ]
+                  },
+                  t.value
+                )
+              ) })
+            ] })
+          ]
+        }
+      )
+    ] }),
+    document.getElementById("root") || document.body
+  );
+};
+export {
+  T as DrawerPortal
+};

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

@@ -0,0 +1,16 @@
+import { ReactNode } from 'react';
+/**
+ * Props para el componente DrawerPortalBase
+ * @interface DrawerPortalBaseProps
+ */
+interface DrawerPortalBaseProps {
+    isOpen: boolean;
+    handleClose: () => void;
+    dragPosition: number;
+    setDragPosition: (position: number) => void;
+    isClosing: boolean;
+    title?: string;
+    children: ReactNode;
+}
+export declare const DrawerPortalBase: ({ isOpen, handleClose, dragPosition, setDragPosition, isClosing, title, children, }: DrawerPortalBaseProps) => import('react').ReactPortal | null;
+export {};

package/dist/components/DrawerPortalBase/index.js

@@ -0,0 +1,73 @@
+import { jsxs as s, Fragment as g, jsx as o } from "react/jsx-runtime";
+import { useRef as _ } from "react";
+import { r as p } from "../../index-Cb7Kc3pQ.js";
+import { Icon as y } from "../../icons/icons.js";
+import '../../assets/index17.css';const D = "_overlay_5twvs_1", Y = "_closing_5twvs_12", L = "_bottomDrawer_5twvs_36", B = "_drawerHeader_5twvs_74", I = "_drawerIndicator_5twvs_86", N = "_drawerContent_5twvs_93", b = "_closeButton_5twvs_108", t = {
+  overlay: D,
+  closing: Y,
+  bottomDrawer: L,
+  drawerHeader: B,
+  drawerIndicator: I,
+  drawerContent: N,
+  closeButton: b
+}, S = ({
+  isOpen: h,
+  handleClose: a,
+  dragPosition: E,
+  setDragPosition: l,
+  isClosing: u,
+  title: i,
+  children: f
+}) => {
+  const d = _(0), m = _(0);
+  if (!h) return null;
+  const v = (e) => {
+    const r = "touches" in e ? e.touches[0].clientY : e.clientY;
+    d.current = r, m.current = r, document.addEventListener("mousemove", c), document.addEventListener("touchmove", c), document.addEventListener("mouseup", n), document.addEventListener("touchend", n);
+  }, n = () => {
+    document.removeEventListener("mousemove", c), document.removeEventListener("touchmove", c), document.removeEventListener("mouseup", n), document.removeEventListener("touchend", n), m.current - d.current > 100 ? a() : l(0);
+  }, c = (e) => {
+    const r = "touches" in e ? e.touches[0].clientY : e.clientY, w = r - d.current;
+    m.current = r, w > 0 && l(w);
+  };
+  return p.createPortal(
+    /* @__PURE__ */ s(g, { children: [
+      /* @__PURE__ */ o(
+        "div",
+        {
+          className: `${t.overlay} ${u ? t.closing : ""}`,
+          onClick: a
+        }
+      ),
+      /* @__PURE__ */ s(
+        "div",
+        {
+          className: `${t.bottomDrawer} ${u ? t.closing : ""}`,
+          style: { transform: `translateY(${E}px)` },
+          children: [
+            /* @__PURE__ */ s(
+              "div",
+              {
+                className: t.drawerHeader,
+                onMouseDown: v,
+                onTouchStart: v,
+                children: [
+                  /* @__PURE__ */ o("div", { className: t.drawerIndicator }),
+                  /* @__PURE__ */ o("div", { className: t.closeButton, onClick: a, children: /* @__PURE__ */ o(y, { name: "Close", fill: "#030c2466" }) })
+                ]
+              }
+            ),
+            /* @__PURE__ */ s("div", { className: t.drawerContent, children: [
+              i && /* @__PURE__ */ o("p", { children: i }),
+              f
+            ] })
+          ]
+        }
+      )
+    ] }),
+    document.getElementById("root") || document.body
+  );
+};
+export {
+  S as DrawerPortalBase
+};

package/dist/components/ExclusionPage/constantes.d.ts

@@ -0,0 +1,7 @@
+export type resultado = {
+    id: 1 | 2 | 5;
+    title: string;
+    iconName: "PartialExclusion" | "TotalExclusion";
+    description: () => JSX.Element;
+};
+export declare const TEXTO_BY_ID: Array<resultado>;

package/dist/components/ExclusionPage/constantes.js

@@ -0,0 +1,5 @@
+import "react/jsx-runtime";
+import { T as m } from "../../constantes-PXVssL1x.js";
+export {
+  m as TEXTO_BY_ID
+};

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

@@ -0,0 +1,14 @@
+interface ExclusionProps extends React.HTMLAttributes<HTMLDivElement> {
+    idResultado: 1 | 2 | 5;
+}
+/**
+ * Representa el tipo de un resultado en la página de exclusión.
+ *
+ * @typedef {Object} ExclusionProps
+ * @property {1 | 2 | 5} idResultado - El identificador del resultado.
+ * @property {string} [className] - Clases adicionales para el contenedor.
+ *
+ * @example <ExclusionPage idResultado={1} />
+ */
+export declare const ExclusionPage: React.FC<ExclusionProps>;
+export {};

package/dist/components/ExclusionPage/index.js

@@ -0,0 +1,61 @@
+import { jsxs as n, jsx as e } from "react/jsx-runtime";
+import "../../index-Cb7Kc3pQ.js";
+import "react";
+import { Icon as r } from "../../icons/icons.js";
+import { T as t, s as i } from "../../constantes-PXVssL1x.js";
+import d from "./texto.js";
+const v = ({
+  idResultado: o,
+  className: c,
+  ...s
+}) => {
+  const a = t.find((l) => l.id === o);
+  return a ? /* @__PURE__ */ n(
+    "div",
+    {
+      className: `${i.contenedorResultado} ${c || ""}`,
+      ...s,
+      children: [
+        /* @__PURE__ */ n("section", { children: [
+          /* @__PURE__ */ n("div", { children: [
+            /* @__PURE__ */ e("h1", { className: i.title, children: a && a.title }),
+            /* @__PURE__ */ e(d, { id: o })
+          ] }),
+          /* @__PURE__ */ e(r, { name: a.iconName })
+        ] }),
+        /* @__PURE__ */ n("div", { className: i.contactoContainer, children: [
+          /* @__PURE__ */ n("div", { className: i.contacto, children: [
+            /* @__PURE__ */ e(r, { name: "Telefono" }),
+            /* @__PURE__ */ e("h2", { children: "Atención telefónica" }),
+            /* @__PURE__ */ e("h3", { children: "Atendemos de lunes a viernes de 9am a 5pm" }),
+            /* @__PURE__ */ n("h4", { style: { marginTop: "33px" }, children: [
+              /* @__PURE__ */ e("span", { style: { marginRight: "5px" }, children: "Llámanos al (601) 5087736" }),
+              /* @__PURE__ */ e(r, { name: "ArrowForwardExclusion" })
+            ] })
+          ] }),
+          /* @__PURE__ */ n("div", { className: i.contacto, children: [
+            /* @__PURE__ */ e(r, { name: "EmailFill" }),
+            /* @__PURE__ */ e("h2", { children: "Correo electrónico" }),
+            /* @__PURE__ */ e("h3", { children: "Escríbenos a contacto@bmivida.com" }),
+            /* @__PURE__ */ n("h4", { style: { marginTop: "52px" }, children: [
+              /* @__PURE__ */ e("span", { style: { marginRight: "5px" }, children: "Escríbenos" }),
+              /* @__PURE__ */ e(r, { name: "ArrowForwardExclusion" })
+            ] })
+          ] }),
+          /* @__PURE__ */ n("div", { className: i.contacto, children: [
+            /* @__PURE__ */ e(r, { name: "Whatsapp" }),
+            /* @__PURE__ */ e("h2", { children: "Whatsapp" }),
+            /* @__PURE__ */ e("h3", { children: "Chatea con nuestros asesores de lunes a viernes de 9 a 5pm" }),
+            /* @__PURE__ */ n("h4", { children: [
+              /* @__PURE__ */ e("span", { style: { marginRight: "5px" }, children: "Contáctanos" }),
+              /* @__PURE__ */ e(r, { name: "ArrowForwardExclusion" })
+            ] })
+          ] })
+        ] })
+      ]
+    }
+  ) : null;
+};
+export {
+  v as ExclusionPage
+};

package/dist/components/ExclusionPage/texto.d.ts

@@ -0,0 +1,4 @@
+declare const Mensaje: ({ id }: {
+    id: number;
+}) => import("react/jsx-runtime").JSX.Element;
+export default Mensaje;

package/dist/components/ExclusionPage/texto.js

@@ -0,0 +1,11 @@
+import { jsx as o } from "react/jsx-runtime";
+import { T as r, s as a } from "../../constantes-PXVssL1x.js";
+const c = ({ id: s }) => {
+  const { description: t } = r.find(
+    (e) => e.id === s
+  );
+  return /* @__PURE__ */ o("span", { className: a.texto, children: t() });
+};
+export {
+  c as default
+};

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

@@ -0,0 +1,5 @@
+interface FakeLoaderProps {
+    src: string;
+}
+export declare function FakeLoader({ src }: FakeLoaderProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/FakeLoader/index.js

@@ -0,0 +1,16 @@
+import { jsxs as r, jsx as n } from "react/jsx-runtime";
+import { Image as o } from "../images/index.js";
+import '../../assets/index15.css';const s = "_spinnerContainer_x3x4n_1", t = "_spinner_x3x4n_1", a = "_iconContainer_x3x4n_22", i = {
+  spinnerContainer: s,
+  spinner: t,
+  iconContainer: a
+};
+function x({ src: e }) {
+  return /* @__PURE__ */ r("div", { className: i.spinnerContainer, children: [
+    /* @__PURE__ */ n("div", { className: i.spinner }),
+    /* @__PURE__ */ n("div", { className: i.iconContainer, children: /* @__PURE__ */ n(o, { src: e, width: 200, height: 200 }) })
+  ] });
+}
+export {
+  x as FakeLoader
+};

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

@@ -0,0 +1,19 @@
+interface DivProps extends React.HTMLAttributes<HTMLDivElement> {
+    error: string;
+}
+/**
+ * FieldError component to display an error message with an optional icon.
+ *
+ * @param {string} props.error - The error message to display. If empty, no message or icon will be shown.
+ * @param {React.HTMLAttributes<HTMLDivElement>} [props] - Additional standard div attributes.
+ *
+ * @returns {JSX.Element} The styled FieldError component displaying the error message and icon.
+ *
+ * @example
+ * <FieldError error="This field is required" />
+ *
+ * @example
+ * <FieldError error="Invalid email address" className="custom-error" />
+ */
+export declare const FieldError: React.FC<DivProps>;
+export {};

package/dist/components/FieldError/index.js

@@ -0,0 +1,11 @@
+import { jsxs as e, jsx as r } from "react/jsx-runtime";
+import { Exclamation as o } from "../../icons/icons.js";
+import '../../assets/index20.css';const a = "_errorMessage_1sb2p_1", n = {
+  errorMessage: a
+}, l = ({ error: s }) => /* @__PURE__ */ e("div", { className: n.errorMessage, children: [
+  s !== "" && /* @__PURE__ */ r("div", { style: { marginTop: "5px" }, children: /* @__PURE__ */ r(o, {}) }),
+  /* @__PURE__ */ r("span", { style: { fontFamily: "Palanquin BMI" }, children: s })
+] });
+export {
+  l as FieldError
+};

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

@@ -0,0 +1,47 @@
+import { IconPropsWithIconName } from '../../icons/icons.tsx';
+interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
+    icon?: IconPropsWithIconName | null;
+    error?: string | null;
+    prefix?: string;
+    suffix?: string;
+}
+/**
+ * Input component with optional icon and error message.
+ *
+ * @param {IconPropsWithIconName | null} [props.icon] - Optional icon to display inside the input field.
+ * @param {string | null} [props.error] - Optional error message to display below the input field.
+ * @param {string} [props.className] - Additional CSS class names to style the input.
+ * @param {string} [props.prefix] - Optional prefix to display before the input field.
+ * @param {React.InputHTMLAttributes<HTMLInputElement>} [props] - Additional standard input attributes.
+ *
+ * @returns {JSX.Element} The styled Input component with optional icon and error message.
+ *
+ * @example
+ * // Basic Input with placeholder
+ * <Input placeholder="Enter your name" />
+ *
+ * @example
+ * // Input with an icon
+ * <Input
+ *   icon={{ name: 'Search', fill: '#000', width: 20, height: 20 }}
+ *   placeholder="Search here"
+ * />
+ *
+ * @example
+ * // Input with an error message
+ * <Input
+ *   error="This field is required"
+ *   placeholder="Enter your email"
+ * />
+ *
+ * @example
+ * // Fully customized Input with icon, error, and additional className
+ * <Input
+ *   icon={{ name: 'User', fill: '#555', width: 18, height: 18 }}
+ *   error="Invalid username"
+ *   className="custom-input"
+ *   placeholder="Username"
+ * />
+ */
+export declare const Input: React.FC<InputProps>;
+export {};

package/dist/components/Input/index.js

@@ -0,0 +1,67 @@
+import { jsxs as p, jsx as n } from "react/jsx-runtime";
+import { Icon as m } from "../../icons/icons.js";
+import { FieldError as h } from "../FieldError/index.js";
+import '../../assets/index19.css';const u = "_container_16ehs_1", d = "_inputContainer_16ehs_8", y = "_input_16ehs_8", _ = "_prefix_16ehs_45", i = {
+  container: u,
+  inputContainer: d,
+  input: y,
+  prefix: _
+}, I = ({
+  icon: t,
+  error: e,
+  prefix: s,
+  suffix: a,
+  className: l,
+  ...r
+}) => {
+  var o;
+  const c = `${i.input} ${l || ""}`;
+  return /* @__PURE__ */ p(
+    "div",
+    {
+      className: i.container,
+      style: ((o = r.style) == null ? void 0 : o.display) === "none" ? { display: "none" } : {},
+      children: [
+        /* @__PURE__ */ p("div", { className: i.inputContainer, children: [
+          t && /* @__PURE__ */ n("div", { style: { marginTop: "9px" }, children: /* @__PURE__ */ n(
+            m,
+            {
+              name: t.name,
+              fill: t.fill,
+              width: t.width,
+              height: t.height
+            }
+          ) }),
+          s && /* @__PURE__ */ n(
+            "span",
+            {
+              className: i.prefix,
+              style: { fontFamily: "Palanquin BMI" },
+              children: s
+            }
+          ),
+          /* @__PURE__ */ n(
+            "input",
+            {
+              className: c,
+              ...r,
+              style: { fontFamily: "Palanquin BMI" }
+            }
+          ),
+          a && /* @__PURE__ */ n(
+            "span",
+            {
+              className: i.prefix,
+              style: { fontFamily: "Palanquin BMI" },
+              children: a
+            }
+          )
+        ] }),
+        e && /* @__PURE__ */ n(h, { error: e })
+      ]
+    }
+  );
+};
+export {
+  I as Input
+};

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

@@ -0,0 +1,23 @@
+/**
+ * Label component for wrapping or describing form inputs.
+ *
+ * @param {string} [props.className] - Additional CSS class names to style the label.
+ * @param {React.LabelHTMLAttributes<HTMLLabelElement>} [props] - Additional standard label attributes.
+ *
+ * @returns {JSX.Element} The styled Label component.
+ *
+ * @example
+ * // Basic Label with a "for" attribute
+ * <Label htmlFor="username">Username</Label>
+ *
+ * @example
+ * // Label with additional styling
+ * <Label className="custom-label">Email</Label>
+ *
+ * @example
+ * // Label wrapping an input
+ * <Label>
+ *   <input type="checkbox" /> Accept Terms and Conditions
+ * </Label>
+ */
+export declare const Label: React.FC<React.LabelHTMLAttributes<HTMLLabelElement>>;

package/dist/components/Label/index.js

@@ -0,0 +1,16 @@
+import { jsx as b } from "react/jsx-runtime";
+import '../../assets/index14.css';const t = "_label_11xb1_1", a = {
+  label: t
+}, s = ({
+  className: l,
+  ...e
+}) => /* @__PURE__ */ b(
+  "label",
+  {
+    className: `${l || ""} ${a.label}`,
+    ...e
+  }
+);
+export {
+  s as Label
+};

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

@@ -0,0 +1,34 @@
+import { default as React } from 'react';
+import { stepType } from '../Steps';
+type zeroToHundred = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | 59 | 60 | 61 | 62 | 63 | 64 | 65 | 66 | 67 | 68 | 69 | 70 | 71 | 72 | 73 | 74 | 75 | 76 | 77 | 78 | 79 | 80 | 81 | 82 | 83 | 84 | 85 | 86 | 87 | 88 | 89 | 90 | 91 | 92 | 93 | 94 | 95 | 96 | 97 | 98 | 99 | 100;
+interface NavProps extends React.HTMLAttributes<HTMLDivElement> {
+    step?: stepType;
+    progress: zeroToHundred;
+    handleBack?: () => void;
+    first: boolean;
+    bmiNext?: boolean;
+    title?: string;
+    style?: React.CSSProperties;
+    className?: string;
+}
+/**
+ * Navbar component for displaying navigation with progress and steps.
+ *
+ * @param {number} props.step - The current step in the navigation process (1-3).
+ * @param {number} props.progress - The progress percentage (0-100) for the navigation.
+ * @param {() => void} props.handleBack - Callback function to handle the "back" action.
+ * @param {boolean} props.first - Determines if this is the first step in the process.
+ * @param {React.HTMLAttributes<HTMLElement>} [props] - Additional HTML attributes for the nav element.
+ *
+ * @returns {JSX.Element} The Navbar component.
+ *
+ * @example
+ * <Navbar
+ *   step={2}
+ *   progress={50}
+ *   handleBack={() => console.log('Back')}
+ *   first={false}
+ * />
+ */
+export declare const Navbar: React.FC<NavProps>;
+export {};