bmi-next 1.0.0

package/dist/components/Alert/index.js

@@ -0,0 +1,50 @@
+import { jsx as e, jsxs as s } from "react/jsx-runtime";
+import { useRef as d, useEffect as _ } from "react";
+import { Spinner as f } from "../Spinner/index.js";
+import '../../assets/index23.css';const v = "_alertOverlay_1pqmi_1", h = "_alert_1pqmi_1", p = "_alertHeader_1pqmi_23", q = "_alertTitle_1pqmi_30", B = "_alertContent_1pqmi_37", N = "_buttons_1pqmi_43", b = "_closeButton_1pqmi_48", y = "_confirmButton_1pqmi_72", t = {
+  alertOverlay: v,
+  alert: h,
+  alertHeader: p,
+  alertTitle: q,
+  alertContent: B,
+  buttons: N,
+  closeButton: b,
+  confirmButton: y
+}, k = ({
+  title: c,
+  text: i,
+  isOpen: n,
+  onClose: r,
+  onConfirm: a,
+  loading: m = !1
+}) => {
+  const l = d(null);
+  return _(() => {
+    const o = (u) => {
+      l.current && !l.current.contains(u.target) && r();
+    };
+    return n && document.addEventListener("mousedown", o), () => {
+      document.removeEventListener("mousedown", o);
+    };
+  }, [n, r]), n ? /* @__PURE__ */ e("div", { className: t.alertOverlay, children: /* @__PURE__ */ s("div", { className: t.alert, ref: l, children: [
+    /* @__PURE__ */ e("div", { className: t.alertHeader, children: /* @__PURE__ */ e("h2", { className: t.alertTitle, children: c }) }),
+    /* @__PURE__ */ e("div", { className: t.alertContent, children: i }),
+    m ? /* @__PURE__ */ e(f, {}) : /* @__PURE__ */ s("div", { className: t.buttons, children: [
+      /* @__PURE__ */ e("button", { onClick: r, className: t.closeButton, children: "Cerrar" }),
+      a && /* @__PURE__ */ e(
+        "button",
+        {
+          onClick: async () => {
+            await a(), r();
+          },
+          style: { fontWeight: "bold" },
+          className: t.confirmButton,
+          children: "Confirmar"
+        }
+      )
+    ] })
+  ] }) }) : null;
+};
+export {
+  k as Alert
+};

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

@@ -0,0 +1,37 @@
+import { IconName } from '../../icons/icons';
+import { Icon } from '../../main';
+type ButtonVariant = "primary" | "secondary" | "tertiary" | "tertiary-green";
+type Icon = {
+    name: IconName;
+    fill?: string;
+    width?: number;
+    height?: number;
+    position: "before" | "after";
+};
+interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    variant: ButtonVariant;
+    icon?: Icon;
+    small?: boolean;
+}
+/**
+ * Button component with customizable styles based on a variant.
+ *
+ * @param {'primary' | 'secondary'} props.variant - Specifies the style variant of the button.
+ * @param {string} [props.className] - Additional custom CSS classes to apply to the button.
+ * @param {React.ReactNode} props.children - The content to render inside the button.
+ * @param {React.ButtonHTMLAttributes<HTMLButtonElement>} [props] - Additional standard button attributes.
+ *
+ * @returns {JSX.Element} The styled Button component.
+ *
+ * @example
+ * <Button variant="primary" onClick={() => console.log('Clicked')}>
+ *   Click Me
+ * </Button>
+ *
+ * @example
+ * <Button variant="secondary" className="custom-class">
+ *   Cancel
+ * </Button>
+ */
+export declare const Button: React.FC<ButtonProps>;
+export {};

package/dist/components/Button/index.js

@@ -0,0 +1,61 @@
+import { jsxs as u, jsx as n } from "react/jsx-runtime";
+import { useState as b, useEffect as x } from "react";
+import "../../index-Cb7Kc3pQ.js";
+import { Icon as i } from "../../icons/icons.js";
+import '../../assets/index21.css';const g = "_button_jx6lo_1", j = "_small_jx6lo_15", w = "_primary_jx6lo_21", C = "_secondary_jx6lo_38", $ = "_tertiary_jx6lo_72", s = {
+  button: g,
+  small: j,
+  primary: w,
+  secondary: C,
+  tertiary: $,
+  "tertiary-green": "_tertiary-green_jx6lo_92"
+}, B = ({
+  variant: e,
+  icon: t,
+  className: l,
+  children: d,
+  small: y,
+  ...r
+}) => {
+  const m = e === "primary" ? "primary" : e === "secondary" ? "secondary" : e === "tertiary" ? "tertiary" : "tertiary-green", _ = `${s.button} ${s[m]} ${l || ""}`, [a, o] = b(), f = () => {
+    e === "secondary" && !r.disabled && o("#749cff");
+  }, c = () => {
+    e === "secondary" && !r.disabled && o("#2054a5");
+  };
+  return x(() => {
+    const h = (e === "secondary" || e === "tertiary" || e === "tertiary-green") && !r.disabled ? "#2054a5" : e === "primary" && !r.disabled ? "#fff" : "#2054a566";
+    o(h);
+  }, [r.disabled, e]), /* @__PURE__ */ u(
+    "button",
+    {
+      className: `${_} ${y ? s.small : ""}`,
+      ...r,
+      onMouseOver: f,
+      onMouseLeave: c,
+      children: [
+        t && t.position === "before" && /* @__PURE__ */ n(
+          i,
+          {
+            name: t.name,
+            fill: a,
+            width: t.width,
+            height: t.height
+          }
+        ),
+        d,
+        t && t.position === "after" && /* @__PURE__ */ n(
+          i,
+          {
+            name: t.name,
+            fill: a,
+            width: t.width,
+            height: t.height
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  B as Button
+};

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

@@ -0,0 +1,20 @@
+type CheckboxProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, "type"> & {
+    label: string;
+};
+/**
+ * Checkbox component with a customizable label and styles.
+ *
+ * @param {string} props.label - The text label displayed next to the checkbox.
+ * @param {string} [props.className] - Additional custom CSS classes to apply to the checkbox.
+ * @param {React.InputHTMLAttributes<HTMLInputElement>} [props] - Additional standard input attributes (excluding the `type` attribute).
+ *
+ * @returns {JSX.Element} The styled Checkbox component.
+ *
+ * @example
+ * <Checkbox label="Accept Terms and Conditions" checked={true} onChange={() => console.log('Checked')} />
+ *
+ * @example
+ * <Checkbox label="Subscribe to Newsletter" className="custom-checkbox" />
+ */
+export declare const Checkbox: React.FC<CheckboxProps>;
+export {};

package/dist/components/Checkbox/index.js

@@ -0,0 +1,16 @@
+import { jsxs as a, jsx as t } from "react/jsx-runtime";
+import { s as p } from "../../styles.module-Cv_LNFFk.js";
+const c = ({
+  label: o,
+  className: s,
+  ...e
+}) => {
+  const l = `${s || ""}`;
+  return /* @__PURE__ */ a("label", { className: p.label, style: { paddingBottom: "2px" }, children: [
+    /* @__PURE__ */ t("input", { type: "checkbox", className: l, ...e }),
+    /* @__PURE__ */ t("span", { style: { paddingBottom: "2px" }, children: o })
+  ] });
+};
+export {
+  c as Checkbox
+};

package/dist/components/ContratacionPage/Link.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+interface LinkProps {
+    children: React.ReactNode;
+    handleClick: () => void;
+    className?: string;
+    style?: React.CSSProperties;
+}
+declare const Link: React.FC<LinkProps>;
+export default Link;

package/dist/components/ContratacionPage/Link.js

@@ -0,0 +1,19 @@
+import { jsx as i } from "react/jsx-runtime";
+import { s as r } from "../../Contratacion.module-DVSWILuV.js";
+const a = ({
+  children: s,
+  handleClick: o,
+  className: t,
+  style: e
+}) => /* @__PURE__ */ i(
+  "p",
+  {
+    className: `m-0 ${r.lightBlue} ${r.cursorPointer} ${t}`,
+    onClick: o,
+    style: e,
+    children: s
+  }
+);
+export {
+  a as default
+};

package/dist/components/ContratacionPage/SelectorA/303/261osCobertura.d.ts

@@ -0,0 +1,8 @@
+interface SelectorAñosCoberturaProps {
+    devolucionPrima?: boolean;
+    añosCobertura: number | false;
+    setAñosCobertura: (añosCobertura: number) => void;
+    terminos: Array<number>;
+}
+export default function SelectorAñosCobertura({ añosCobertura, setAñosCobertura, terminos, }: SelectorAñosCoberturaProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/ContratacionPage/SelectorA/303/261osCobertura.js

@@ -0,0 +1,44 @@
+import { jsx as c, jsxs as n } from "react/jsx-runtime";
+import { useIsMobile as m } from "../../hooks/useIsMobile.js";
+import { s as r } from "../../Contratacion.module-DVSWILuV.js";
+import { Button as a } from "../Button/index.js";
+function y({
+  añosCobertura: e,
+  setAñosCobertura: s,
+  terminos: l
+}) {
+  const t = l, i = m("(max-width: 768px)"), f = (o) => {
+    e !== o && s(o);
+  };
+  return /* @__PURE__ */ c(
+    "div",
+    {
+      className: `${r.flexRow} ${r.gap5}`,
+      style: {
+        display: "flex",
+        flexDirection: i ? "column" : "row"
+      },
+      children: t.map((o) => /* @__PURE__ */ n(
+        a,
+        {
+          small: !0,
+          variant: "secondary",
+          onClick: () => f(o),
+          style: e === o ? {
+            backgroundColor: "#dceaff66",
+            color: "#749cff",
+            border: "3px solid #749cff"
+          } : {},
+          children: [
+            o,
+            " años"
+          ]
+        },
+        o
+      ))
+    }
+  );
+}
+export {
+  y as default
+};

package/dist/components/ContratacionPage/Slider.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+interface SliderProps {
+    cobertura: number;
+    setCobertura: (value: number) => void;
+    limiteInferior: number;
+    limiteSuperior: number;
+}
+declare const Slider: React.FC<SliderProps>;
+export default Slider;

package/dist/components/ContratacionPage/Slider.js

@@ -0,0 +1,32 @@
+import { jsx as t } from "react/jsx-runtime";
+import { s as l } from "../../Contratacion.module-DVSWILuV.js";
+const m = ({
+  cobertura: a,
+  setCobertura: n,
+  limiteInferior: s,
+  limiteSuperior: e
+}) => /* @__PURE__ */ t(
+  "div",
+  {
+    className: l.sliderContainer,
+    style: { marginTop: "18px", height: "20px" },
+    children: /* @__PURE__ */ t(
+      "input",
+      {
+        className: l.slider,
+        type: "range",
+        min: s,
+        max: e,
+        step: "100",
+        value: a,
+        onChange: (p) => n(parseInt(p.target.value)),
+        style: {
+          "--value": `${(a - s) / (e - s) * 100}%`
+        }
+      }
+    )
+  }
+);
+export {
+  m as default
+};

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

@@ -0,0 +1,24 @@
+type DatosUsuario = {
+    idUsuario: number;
+    nombre: string;
+    surname: string;
+    email: string;
+    document: string;
+    mobile: number;
+    documentType: "Cédula de Identidad" | "Pasaporte";
+    edad: number;
+    sexo: "Masculino" | "Femenino";
+    fumador: "si" | "no";
+};
+type DatosCuestionario = {
+    sobrePrima: number;
+    limiteInfCobertura?: number;
+    limiteSupCobertura?: number;
+    limiteTermino?: Array<number>;
+};
+type Props = {
+    datosUsuario: DatosUsuario;
+    datosCuestionario: DatosCuestionario;
+};
+export declare const ContratacionPage: React.FC<Props>;
+export {};