@votodigital-onpeui/react 0.1.29 → 0.1.30

package/dist/{ModalConfirm-DsE7awHb.d.mts → ModalConfirm-DLUyYmlH.d.mts}

@@ -12,8 +12,12 @@ interface ModalConfirmProps {
     content?: ReactNode;
     /** Tipo semántico: determina icono, color de título y color de botón confirmar */
     type?: ModalType;
-    /** "double" muestra el botón cancelar */
-    buttonMode?: "single" | "double";
+    /**
+     * "single" → un botón "Confirmar".
+     * "double" → "Cancelar" + "Confirmar".
+     * "confirm" → "No" + "Sí" (diálogo de confirmación Sí/No).
+     */
+    buttonMode?: "single" | "double" | "confirm";
     /** Deshabilita el botón confirmar */
     disabledConfirmButton?: boolean;
     /** Deshabilita el cierre del modal */
@@ -31,7 +35,13 @@ interface ModalConfirmProps {
     zIndexLevel?: number;
     withoutAutoClose?: boolean;
     disableFocus?: boolean;
+    /** Muestra el botón X para cerrar el modal */
+    closeButton?: boolean;
+    /** Alinea el texto del mensaje a la izquierda (justify) en vez de centrado */
+    alignJustify?: boolean;
+    /** Alinea el modal al tope de la pantalla en vez de al centro */
+    alignTop?: boolean;
 }
-declare const ModalConfirm: ({ isOpen, onClose, withoutAutoClose, title, message, content, type, buttonMode, disabledConfirmButton, closeDisabled, color, onConfirm, onCancel, textButtonConfirm, textButtonCancel, className, zIndexLevel, disableFocus, }: ModalConfirmProps) => react_jsx_runtime.JSX.Element;
+declare const ModalConfirm: ({ isOpen, onClose, withoutAutoClose, title, message, content, type, buttonMode, disabledConfirmButton, closeDisabled, color, onConfirm, onCancel, textButtonConfirm, textButtonCancel, className, zIndexLevel, disableFocus, closeButton, alignJustify, alignTop, }: ModalConfirmProps) => react_jsx_runtime.JSX.Element;
 
 export { ModalConfirm as M, type ModalConfirmProps as a, type ModalType as b };

package/dist/{ModalConfirm-DsE7awHb.d.ts → ModalConfirm-DLUyYmlH.d.ts}

@@ -12,8 +12,12 @@ interface ModalConfirmProps {
     content?: ReactNode;
     /** Tipo semántico: determina icono, color de título y color de botón confirmar */
     type?: ModalType;
-    /** "double" muestra el botón cancelar */
-    buttonMode?: "single" | "double";
+    /**
+     * "single" → un botón "Confirmar".
+     * "double" → "Cancelar" + "Confirmar".
+     * "confirm" → "No" + "Sí" (diálogo de confirmación Sí/No).
+     */
+    buttonMode?: "single" | "double" | "confirm";
     /** Deshabilita el botón confirmar */
     disabledConfirmButton?: boolean;
     /** Deshabilita el cierre del modal */
@@ -31,7 +35,13 @@ interface ModalConfirmProps {
     zIndexLevel?: number;
     withoutAutoClose?: boolean;
     disableFocus?: boolean;
+    /** Muestra el botón X para cerrar el modal */
+    closeButton?: boolean;
+    /** Alinea el texto del mensaje a la izquierda (justify) en vez de centrado */
+    alignJustify?: boolean;
+    /** Alinea el modal al tope de la pantalla en vez de al centro */
+    alignTop?: boolean;
 }
-declare const ModalConfirm: ({ isOpen, onClose, withoutAutoClose, title, message, content, type, buttonMode, disabledConfirmButton, closeDisabled, color, onConfirm, onCancel, textButtonConfirm, textButtonCancel, className, zIndexLevel, disableFocus, }: ModalConfirmProps) => react_jsx_runtime.JSX.Element;
+declare const ModalConfirm: ({ isOpen, onClose, withoutAutoClose, title, message, content, type, buttonMode, disabledConfirmButton, closeDisabled, color, onConfirm, onCancel, textButtonConfirm, textButtonCancel, className, zIndexLevel, disableFocus, closeButton, alignJustify, alignTop, }: ModalConfirmProps) => react_jsx_runtime.JSX.Element;
 
 export { ModalConfirm as M, type ModalConfirmProps as a, type ModalType as b };

package/dist/{chunk-PAX7TKG5.mjs → chunk-2ZIUKK7V.mjs}

@@ -1,5 +1,5 @@
 import { IconSpinnerDesktop, IconSpinnerMobile, IconCheck, IconQuestion, IconInfo, IconWarningNotRecommended } from './chunk-M2KQXQLY.mjs';
-import { Modal } from './chunk-EZQGWVW2.mjs';
+import { Modal } from './chunk-NTNMIAQV.mjs';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useState, useEffect } from 'react';
 
@@ -84,17 +84,23 @@ var ModalConfirm = ({
   },
   onCancel = () => {
   },
-  textButtonConfirm = "Confirmar",
-  textButtonCancel = "Cancelar",
+  textButtonConfirm,
+  textButtonCancel,
   className = "",
   zIndexLevel = 100,
-  disableFocus = false
+  disableFocus = false,
+  closeButton = false,
+  alignJustify = false,
+  alignTop = false
 }) => {
   const titleId = "modal-confirm-title";
   const messageId = "modal-confirm-message";
   const effectiveMessage = message ?? content;
   const effectiveColorClass = color ? colorOverrideMap[color] ?? "text-onpe-skyblue" : "text-onpe-skyblue";
-  const showTwoButtons = buttonMode === "double";
+  const isConfirmMode = buttonMode === "confirm";
+  const showTwoButtons = buttonMode === "double" || isConfirmMode;
+  const confirmLabel = textButtonConfirm ?? (isConfirmMode ? "S\xED" : "Confirmar");
+  const cancelLabel = textButtonCancel ?? (isConfirmMode ? "No" : "Cancelar");
   const handleConfirm = async () => {
     try {
       await onConfirm();
@@ -114,12 +120,13 @@ var ModalConfirm = ({
       isOpen,
       onClose,
       className: `max-w-[719px]! pt-[30px]! pb-[30px]! px-[30px]! ${className}`,
-      closeButton: false,
+      closeButton,
       closeDisabled,
       zIndexLevel,
       "aria-labelledby": titleId,
       "aria-describedby": messageId,
       disableFocus,
+      alignTop,
       children: [
         /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center", children: renderIcon(type, effectiveColorClass) }),
         /* @__PURE__ */ jsx(
@@ -137,7 +144,7 @@ var ModalConfirm = ({
           "div",
           {
             id: messageId,
-            className: "mt-7 text-sm md:text-lg text-center max-w-full text-black",
+            className: `mt-7 text-sm md:text-lg max-w-full text-black ${alignJustify ? "text-justify" : "text-center"}`,
             children: effectiveMessage
           }
         ),
@@ -147,7 +154,7 @@ var ModalConfirm = ({
             {
               className: "w-full max-w-[200px]",
               color: "red",
-              title: textButtonConfirm,
+              title: confirmLabel,
               onClick: handleConfirm,
               disabled: disabledConfirmButton
             }
@@ -157,7 +164,7 @@ var ModalConfirm = ({
             {
               className: "w-full max-w-[200px]",
               color: "skyblue",
-              title: textButtonCancel,
+              title: cancelLabel,
               onClick: handleCancel
             }
           )
@@ -168,7 +175,7 @@ var ModalConfirm = ({
             {
               className: "w-[200px]",
               color: "skyblue",
-              title: textButtonCancel,
+              title: cancelLabel,
               onClick: handleCancel
             }
           ),
@@ -177,7 +184,7 @@ var ModalConfirm = ({
             {
               className: "w-[200px]",
               color: "red",
-              title: textButtonConfirm,
+              title: confirmLabel,
               onClick: handleConfirm,
               disabled: disabledConfirmButton
             }
@@ -242,5 +249,5 @@ var ModalLoading = ({
 };
 
 export { Button, ModalConfirm, ModalLoading };
-//# sourceMappingURL=chunk-PAX7TKG5.mjs.map
-//# sourceMappingURL=chunk-PAX7TKG5.mjs.map
+//# sourceMappingURL=chunk-2ZIUKK7V.mjs.map
+//# sourceMappingURL=chunk-2ZIUKK7V.mjs.map

package/dist/chunk-2ZIUKK7V.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Button/Button.tsx","../src/components/Feedback/ModalConfirm/ModalConfirm.tsx","../src/components/Feedback/ModalLoading/ModalLoading.tsx"],"names":["jsx","jsxs"],"mappings":"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","file":"chunk-2ZIUKK7V.mjs","sourcesContent":["type ButtonColor =\n  | \"blue\"\n  | \"skyblue\"\n  | \"skyblue-light\"\n  | \"yellow\"\n  | \"light-skyblue\"\n  | \"gray\"\n  | \"gray-light\"\n  | \"gray-extra-light\"\n  | \"red\"\n  | \"dark-gray\"\n  | \"green\"\n  | \"yellow-light\"\n  | \"primary\";\n\ntype ButtonSize = \"small\" | \"normal\" | \"large\";\n\nexport interface ButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  color: ButtonColor;\n  title: string;\n  size?: ButtonSize;\n}\n\nconst colorClasses: Record<ButtonColor, string> = {\n  blue: \"bg-onpe-blue\",\n  skyblue: \"bg-onpe-skyblue\",\n  \"skyblue-light\": \"bg-onpe-skyblue-light\",\n  yellow: \"bg-onpe-yellow\",\n  \"light-skyblue\": \"bg-onpe-light-skyblue\",\n  gray: \"bg-onpe-gray\",\n  \"gray-light\": \"bg-onpe-gray-light\",\n  \"gray-extra-light\": \"bg-onpe-gray-extra-light\",\n  red: \"bg-onpe-red\",\n  \"dark-gray\": \"bg-onpe-dark-gray\",\n  green: \"bg-onpe-green\",\n  \"yellow-light\": \"bg-onpe-yellow-light\",\n  primary: \"bg-onpe-blue\",\n};\n\nconst sizeClasses: Record<ButtonSize, string> = {\n  small: \"h-10 text-sm\",\n  normal: \"h-12 text-base\",\n  large: \"h-14 text-lg\",\n};\n\nexport function Button({\n  color,\n  title,\n  size = \"normal\",\n  className = \"\",\n  ...props\n}: ButtonProps) {\n  return (\n    <button\n      className={[\n        \"inline-flex items-center justify-center\",\n        \"min-w-[200px] border-none\",\n        \"text-white font-semibold cursor-pointer\",\n        \"transition-all duration-300 ease-in-out\",\n        \"disabled:cursor-default disabled:!bg-onpe-gray\",\n        colorClasses[color],\n        sizeClasses[size],\n        className,\n      ]\n        .filter(Boolean)\n        .join(\" \")}\n      {...props}\n    >\n      {title}\n    </button>\n  );\n}\n\nexport default Button;\n","import { type ReactNode } from \"react\";\r\nimport { Modal } from \"../../Modal/Modal\";\r\nimport { Button } from \"../../Button/Button\";\r\nimport { IconCheck } from \"../../../icons/Actions/IconCheck\";\r\nimport { IconWarningNotRecommended } from \"../../../icons\";\r\nimport { IconQuestion } from \"../../../icons/Actions/IconQuestion\";\r\nimport { IconInfo } from \"../../../icons/Actions/IconInfo\";\r\n\r\nexport type ModalType = \"warning\" | \"success\" | \"question\" | \"info\" | \"none\";\r\n\r\n/** Mapa de override de color a clase CSS (icono + título) */\r\nconst colorOverrideMap: Record<string, string> = {\r\n  red: \"text-onpe-red\",\r\n  blue: \"text-onpe-blue\",\r\n  skyblue: \"text-onpe-skyblue\",\r\n  yellow: \"text-onpe-yellow\",\r\n};\r\n\r\nfunction renderIcon(type: ModalType, colorClass: string): ReactNode {\r\n  if (type === \"none\") return null;\r\n  if (type === \"success\") {\r\n    return <IconCheck role=\"presentation\" className={`w-16 h-16 ${colorClass}`} />;\r\n  }\r\n  if (type === \"question\") {\r\n    return <IconQuestion role=\"presentation\" className={`w-16 h-16 ${colorClass}`} />;\r\n  }\r\n  if (type === \"info\") {\r\n    return <IconInfo role=\"presentation\" className={`w-16 h-16 ${colorClass}`} />;\r\n  }\r\n  // error | warning\r\n  return <IconWarningNotRecommended role=\"presentation\" className={`w-16 h-16 ${colorClass}`} />;\r\n}\r\n\r\nexport interface ModalConfirmProps {\r\n  isOpen: boolean;\r\n  onClose: () => void;\r\n  title: string;\r\n  /** Contenido del modal (string o JSX) */\r\n  message?: ReactNode;\r\n  /** Alias de message */\r\n  content?: ReactNode;\r\n  /** Tipo semántico: determina icono, color de título y color de botón confirmar */\r\n  type?: ModalType;\r\n  /**\r\n   * \"single\" → un botón \"Confirmar\".\r\n   * \"double\" → \"Cancelar\" + \"Confirmar\".\r\n   * \"confirm\" → \"No\" + \"Sí\" (diálogo de confirmación Sí/No).\r\n   */\r\n  buttonMode?: \"single\" | \"double\" | \"confirm\";\r\n  /** Deshabilita el botón confirmar */\r\n  disabledConfirmButton?: boolean;\r\n  /** Deshabilita el cierre del modal */\r\n  closeDisabled?: boolean;\r\n  /**\r\n   * Override del color del icono y título.\r\n   * Si no se provee, se deriva automáticamente del `type`.\r\n   */\r\n  color?: \"red\" | \"blue\" | \"skyblue\" | \"yellow\";\r\n  onConfirm?: () => void | Promise<void>;\r\n  onCancel?: () => void | Promise<void>;\r\n  textButtonConfirm?: string;\r\n  textButtonCancel?: string;\r\n  className?: string;\r\n  zIndexLevel?: number;\r\n  withoutAutoClose?: boolean;\r\n  disableFocus?: boolean;\r\n  /** Muestra el botón X para cerrar el modal */\r\n  closeButton?: boolean;\r\n  /** Alinea el texto del mensaje a la izquierda (justify) en vez de centrado */\r\n  alignJustify?: boolean;\r\n  /** Alinea el modal al tope de la pantalla en vez de al centro */\r\n  alignTop?: boolean;\r\n}\r\n\r\nexport const ModalConfirm = ({\r\n  isOpen = false,\r\n  onClose = () => {},\r\n  withoutAutoClose = false,\r\n  title,\r\n  message,\r\n  content,\r\n  type = \"warning\",\r\n  buttonMode,\r\n  disabledConfirmButton = false,\r\n  closeDisabled = false,\r\n  color,\r\n  onConfirm = () => {},\r\n  onCancel = () => {},\r\n  textButtonConfirm,\r\n  textButtonCancel,\r\n  className = \"\",\r\n  zIndexLevel = 100,\r\n  disableFocus = false,\r\n  closeButton = false,\r\n  alignJustify = false,\r\n  alignTop = false,\r\n}: ModalConfirmProps) => {\r\n  const titleId = \"modal-confirm-title\";\r\n  const messageId = \"modal-confirm-message\";\r\n\r\n  const effectiveMessage = message ?? content;\r\n  // Título e ícono siempre skyblue por defecto; `color` es el único override\r\n  const effectiveColorClass = color\r\n    ? (colorOverrideMap[color] ?? \"text-onpe-skyblue\")\r\n    : \"text-onpe-skyblue\";\r\n  const isConfirmMode = buttonMode === \"confirm\";\r\n  const showTwoButtons = buttonMode === \"double\" || isConfirmMode;\r\n  const confirmLabel = textButtonConfirm ?? (isConfirmMode ? \"Sí\" : \"Confirmar\");\r\n  const cancelLabel = textButtonCancel ?? (isConfirmMode ? \"No\" : \"Cancelar\");\r\n\r\n  const handleConfirm = async () => {\r\n    try {\r\n      await onConfirm();\r\n      if (!withoutAutoClose) onClose();\r\n    } catch (error) {\r\n      console.error(\"Error en handleConfirm:\", error);\r\n      if (!withoutAutoClose) onClose();\r\n    }\r\n  };\r\n\r\n  const handleCancel = () => {\r\n    onCancel();\r\n    if (!withoutAutoClose) onClose();\r\n  };\r\n\r\n  return (\r\n    <Modal\r\n      isOpen={isOpen}\r\n      onClose={onClose}\r\n      className={`max-w-[719px]! pt-[30px]! pb-[30px]! px-[30px]! ${className}`}\r\n      closeButton={closeButton}\r\n      closeDisabled={closeDisabled}\r\n      zIndexLevel={zIndexLevel}\r\n      aria-labelledby={titleId}\r\n      aria-describedby={messageId}\r\n      disableFocus={disableFocus}\r\n      alignTop={alignTop}\r\n    >\r\n      {/* Icono */}\r\n      <div className=\"flex items-center justify-center\">\r\n        {renderIcon(type, effectiveColorClass)}\r\n      </div>\r\n\r\n      {/* Título */}\r\n      <p\r\n        id={titleId}\r\n        className={[\r\n          \"text-lg md:text-2xl font-semibold text-center mt-0 md:mt-4\",\r\n          effectiveColorClass,\r\n        ].join(\" \")}\r\n      >\r\n        {title}\r\n      </p>\r\n\r\n      {/* Mensaje / Contenido */}\r\n      {effectiveMessage && (\r\n        <div\r\n          id={messageId}\r\n          className={`mt-7 text-sm md:text-lg max-w-full text-black ${alignJustify ? \"text-justify\" : \"text-center\"}`}\r\n        >\r\n          {effectiveMessage}\r\n        </div>\r\n      )}\r\n\r\n      {/* Mobile: apilado */}\r\n      <div className=\"flex flex-col items-center justify-center w-full gap-5 mt-11 md:hidden\">\r\n        <Button\r\n          className=\"w-full max-w-[200px]\"\r\n          color=\"red\"\r\n          title={confirmLabel}\r\n          onClick={handleConfirm}\r\n          disabled={disabledConfirmButton}\r\n        />\r\n        {showTwoButtons && (\r\n          <Button\r\n            className=\"w-full max-w-[200px]\"\r\n            color=\"skyblue\"\r\n            title={cancelLabel}\r\n            onClick={handleCancel}\r\n          />\r\n        )}\r\n      </div>\r\n\r\n      {/* Desktop: fila */}\r\n      <div className=\"hidden md:flex md:flex-row items-center justify-center w-full gap-5 mt-11\">\r\n        {showTwoButtons && (\r\n          <Button\r\n            className=\"w-[200px]\"\r\n            color=\"skyblue\"\r\n            title={cancelLabel}\r\n            onClick={handleCancel}\r\n          />\r\n        )}\r\n        <Button\r\n          className=\"w-[200px]\"\r\n          color=\"red\"\r\n          title={confirmLabel}\r\n          onClick={handleConfirm}\r\n          disabled={disabledConfirmButton}\r\n        />\r\n      </div>\r\n    </Modal>\r\n  );\r\n};\r\n\r\nexport default ModalConfirm;\r\n","import { useEffect, useState } from \"react\";\r\nimport { Modal } from \"../../Modal/Modal\";\r\nimport { IconSpinnerDesktop } from \"../../../icons/Actions/IconSpinnerDesktop\";\r\nimport { IconSpinnerMobile } from \"../../../icons/Actions/IconSpinnerMobile\";\r\n\r\nexport interface ModalLoadingProps {\r\n  isOpen: boolean;\r\n  onClose?: () => void;\r\n  message?: string;\r\n  className?: string;\r\n  zIndexLevel?: number;\r\n}\r\n\r\nexport const ModalLoading = ({\r\n  isOpen = false,\r\n  onClose = () => {},\r\n  message = \"Cargando...\",\r\n  className = \"\",\r\n  zIndexLevel = 100,\r\n}: ModalLoadingProps) => {\r\n  const [announceMessage, setAnnounceMessage] = useState(\"\");\r\n\r\n  useEffect(() => {\r\n    if (!isOpen) {\r\n      setAnnounceMessage(\"\");\r\n      return;\r\n    }\r\n    setAnnounceMessage(\"\");\r\n    const t = globalThis.setTimeout(() => {\r\n      setAnnounceMessage(message);\r\n    }, 150);\r\n    return () => {\r\n      globalThis.clearTimeout(t);\r\n    };\r\n  }, [isOpen, message]);\r\n\r\n  return (\r\n    <Modal\r\n      disableFocus\r\n      zIndexLevel={zIndexLevel}\r\n      isOpen={isOpen}\r\n      onClose={onClose}\r\n      className={className}\r\n      closeDisabled\r\n      whitoutBackground={true}\r\n    >\r\n      <div className=\"sr-only\" aria-live=\"assertive\" aria-atomic=\"true\">\r\n        {announceMessage}\r\n      </div>\r\n      <IconSpinnerDesktop\r\n        className=\"hidden md:block text-white animate-spin\"\r\n        aria-hidden=\"true\"\r\n      />\r\n      <IconSpinnerMobile\r\n        className=\"block md:hidden text-white animate-spin\"\r\n        aria-hidden=\"true\"\r\n      />\r\n      <p className=\"text-white leading-normal text-2xl md:text-[64px] text-center mt-10 md:mt-20\">\r\n        {message}\r\n      </p>\r\n    </Modal>\r\n  );\r\n};\r\n\r\nexport default ModalLoading;\r\n"]}

package/dist/{chunk-SS5NPQU6.mjs → chunk-73R3LRYP.mjs}

@@ -1,5 +1,5 @@
 import { IconChrome, IconSafari, IconEdge, FaceBookIcon, XIcon, TikTokIcon, InstagramIcon, YoutubeIcon, IconWarning, IconChromeColor, IconSafariColor, IconEdgeColor, IconWindow, IconAndroid, IconApple, IconWarningNotRecommended } from './chunk-M2KQXQLY.mjs';
-import { Modal } from './chunk-EZQGWVW2.mjs';
+import { Modal } from './chunk-NTNMIAQV.mjs';
 import { IconCloseRadius } from './chunk-5FNWA3QC.mjs';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { useState } from 'react';
@@ -531,5 +531,5 @@ var ModalNfc = ({
 };
 
 export { BrowserRecommended, Footer, ModalBrowserIncompatible, ModalDnieVersions, ModalNfc, ModalSystemIncompatible, NotRecommended, Overlay, Show };
-//# sourceMappingURL=chunk-SS5NPQU6.mjs.map
-//# sourceMappingURL=chunk-SS5NPQU6.mjs.map
+//# sourceMappingURL=chunk-73R3LRYP.mjs.map
+//# sourceMappingURL=chunk-73R3LRYP.mjs.map

package/dist/{chunk-SS5NPQU6.mjs.map → chunk-73R3LRYP.mjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/BrowserRecommended/BrowserRecommended.tsx","../src/components/Footer/Footer.tsx","../src/components/Overlay/Overlay.tsx","../src/components/Show/Show.tsx","../src/components/ErrorHandling/ModalBrowserIncompatible/ModalBrowserIncompatible.tsx","../src/components/ErrorHandling/ModalSystemIncompatible/ModalSystemIncompatible.tsx","../src/components/ErrorHandling/NotRecommended/NotRecommended.tsx","../src/components/Feedback/ModalDnieVersions/ModalDnieVersions.tsx","../src/components/Feedback/ModalNfc/ModalNfc.tsx"],"names":["jsxs","jsx","Fragment"],"mappings":"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","file":"chunk-SS5NPQU6.mjs","sourcesContent":["import { IconChrome } from \"../../icons/Browsers/IconChrome\";\r\nimport { IconSafari } from \"../../icons/Browsers/IconSafari\";\r\nimport { IconEdge } from \"../../icons/Browsers/IconEdge\";\r\n\r\nexport const BrowserRecommended = () => {\r\n  return (\r\n    <div className=\"flex flex-col lg:flex-row lg:py-2 items-center justify-center gap-6 py-3 pb-6 text-xs text-center text-onpe-blue bg-onpe-skyblue-light/15\">\r\n      <p>Navegadores recomendados:</p>\r\n      <ul className=\"flex gap-6 lg:gap-8\">\r\n        <li className=\"flex items-center gap-2\">\r\n          <IconChrome aria-hidden=\"true\" />\r\n          <span className=\"sr-only\">Google Chrome</span>\r\n          <p className=\"hidden md:block text-left\" aria-hidden=\"true\">\r\n            Google Chrome\r\n          </p>\r\n        </li>\r\n        <li className=\"flex items-center gap-2\">\r\n          <IconSafari aria-hidden=\"true\" />\r\n          <span className=\"sr-only\">Safari</span>\r\n          <p className=\"hidden md:block text-left\" aria-hidden=\"true\">\r\n            Safari\r\n          </p>\r\n        </li>\r\n        <li className=\"flex items-center gap-2\">\r\n          <IconEdge aria-hidden=\"true\" />\r\n          <span className=\"sr-only\">Microsoft Edge</span>\r\n          <p className=\"hidden md:block text-left\" aria-hidden=\"true\">\r\n            Microsoft Edge\r\n          </p>\r\n        </li>\r\n      </ul>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default BrowserRecommended;\r\n","import { HTMLAttributes, ReactNode } from \"react\";\r\nimport { BrowserRecommended } from \"../BrowserRecommended/BrowserRecommended\";\r\nimport { FaceBookIcon } from \"../../icons/Redes/FaceBookIcon\";\r\nimport { XIcon } from \"../../icons/Redes/XIcon\";\r\nimport { TikTokIcon } from \"../../icons/Redes/TikTokIcon\";\r\nimport { YoutubeIcon } from \"../../icons/Redes/YoutubeIcon\";\r\nimport { InstagramIcon } from \"../../icons/Redes/InstagramIcon\";\r\n\r\nexport interface FooterProps extends HTMLAttributes<HTMLDivElement> {\r\n  showBrowserInfo?: boolean;\r\n  showContactInfo?: boolean;\r\n  children?: ReactNode;\r\n  isDevelopment?: boolean;\r\n  showFooterContent?: boolean;\r\n}\r\n\r\nexport const Footer = ({\r\n  showBrowserInfo = true,\r\n  showContactInfo = true,\r\n  children,\r\n  showFooterContent = true,\r\n  isDevelopment = true,\r\n  ...props\r\n}: FooterProps) => {\r\n  return (\r\n    <footer {...props} tabIndex={0} aria-label=\"\">\r\n      {showFooterContent && (\r\n        <>\r\n          {children && children}\r\n\r\n          {showBrowserInfo && <BrowserRecommended />}\r\n          {showContactInfo && (\r\n            <div className=\"relative z-10 flex w-full min-h-[100px] bg-onpe-blue\">\r\n              <div className=\"flex justify-between items-start w-full flex-col gap-6 mx-auto py-14 px-4 max-w-[1460px] md:py-5 md:px-4 lg:flex-row lg:items-center\">\r\n                <div tabIndex={0}>\r\n                  <p className=\"font-semibold text-onpe-yellow mb-1\">\r\n                    <span className=\"sr-only\">Oficina central</span>\r\n                    <span aria-hidden=\"true\">Oficina central:</span>\r\n                  </p>\r\n                  <p className=\"flex text-sm font-medium text-white\">\r\n                    <span className=\"sr-only\" lang=\"es-PE\">\r\n                      Dirección: jiroon Washington 1894, Cercado de Lima\r\n                    </span>\r\n                    <span aria-hidden=\"true\">\r\n                      Jr. Washington 1894, Cercado de Lima\r\n                    </span>\r\n                  </p>\r\n                  <p className=\"flex text-sm font-medium text-white\">\r\n                    <span className=\"sr-only\">\r\n                      Horario de atención: Lunes a viernes de 8:30 a. m. a 5:00\r\n                      p. m.\r\n                    </span>\r\n                    <span aria-hidden=\"true\">\r\n                      Lunes a viernes de 8:30 a. m. a 5:00 p. m.\r\n                    </span>\r\n                  </p>\r\n                </div>\r\n                <div tabIndex={0}>\r\n                  <p className=\"font-semibold text-onpe-yellow mb-1\">\r\n                    <span className=\"sr-only\">Contáctanos</span>\r\n                    <span aria-hidden=\"true\">Contáctanos:</span>\r\n                  </p>\r\n                  <p className=\"flex text-sm font-medium text-white\">\r\n                    <span className=\"sr-only\">\r\n                      Correo electrónico, informes@onpe punto goob punto pe,\r\n                    </span>\r\n                    <span aria-hidden=\"true\">informes@onpe.gob.pe</span>\r\n                  </p>\r\n                  <p className=\"flex text-sm font-medium text-white\">\r\n                    <span className=\"sr-only\">\r\n                      Número telefónico, (01)4170630,\r\n                    </span>\r\n                    <span aria-hidden=\"true\">(01)4170630</span>\r\n                  </p>\r\n                </div>\r\n                <div tabIndex={0}>\r\n                  <p className=\"font-semibold text-onpe-yellow mb-1\">\r\n                    <span className=\"sr-only\">\r\n                      Síguenos en nuestras redes sociales\r\n                    </span>\r\n                    <span aria-hidden=\"true\">Síguenos:</span>\r\n                  </p>\r\n                  <p className=\"flex text-sm font-medium text-white gap-4\">\r\n                    <a\r\n                      href=\"https://www.facebook.com/ONPEoficial\"\r\n                      target=\"_blank\"\r\n                      rel=\"noopener noreferrer\"\r\n                      aria-label=\"Facebook de ONPE,\"\r\n                      className=\"text-onpe-blue-dark\"\r\n                    >\r\n                      <span aria-hidden=\"true\">\r\n                        <FaceBookIcon />\r\n                      </span>\r\n                    </a>\r\n                    <a\r\n                      href=\"https://x.com/ONPE_oficial\"\r\n                      target=\"_blank\"\r\n                      rel=\"noopener noreferrer\"\r\n                      aria-label=\"X de ONPE (antes Twitter),\"\r\n                      className=\"text-onpe-blue-dark\"\r\n                    >\r\n                      <span aria-hidden=\"true\">\r\n                        <XIcon />\r\n                      </span>\r\n                    </a>\r\n                    <a\r\n                      href=\"https://www.tiktok.com/@onpe_oficial\"\r\n                      target=\"_blank\"\r\n                      rel=\"noopener noreferrer\"\r\n                      aria-label=\"TikTok de ONPE,\"\r\n                      className=\"text-onpe-blue-dark\"\r\n                    >\r\n                      <span aria-hidden=\"true\">\r\n                        <TikTokIcon />\r\n                      </span>\r\n                    </a>\r\n                    <a\r\n                      href=\"https://www.instagram.com/ONPE_oficial/\"\r\n                      target=\"_blank\"\r\n                      rel=\"noopener noreferrer\"\r\n                      aria-label=\"Instagram de ONPE,\"\r\n                      className=\"text-onpe-blue-dark\"\r\n                    >\r\n                      <span aria-hidden=\"true\">\r\n                        <InstagramIcon />\r\n                      </span>\r\n                    </a>\r\n                    <a\r\n                      href=\"https://www.youtube.com/@onpeprensa\"\r\n                      target=\"_blank\"\r\n                      rel=\"noopener noreferrer\"\r\n                      aria-label=\"YouTube de ONPE,\"\r\n                      className=\"text-onpe-blue-dark\"\r\n                    >\r\n                      <span aria-hidden=\"true\">\r\n                        <YoutubeIcon />\r\n                      </span>\r\n                    </a>\r\n                  </p>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          )}\r\n        </>\r\n      )}\r\n\r\n      {isDevelopment && (\r\n        <div className=\"h-[93px] w-full text-center flex items-center justify-center bg-onpe-yellow-light/75 fixed z-10 right-0 bottom-0 lg:h-[46px]\">\r\n          <p className=\"py-2 px-2 text-2xl text-onpe-blue font-[Consolas,monospace] font-black\">\r\n            Versión en Desarrollo - No Oficial\r\n          </p>\r\n        </div>\r\n      )}\r\n    </footer>\r\n  );\r\n};\r\n\r\nexport default Footer;\r\n","type OverlayColor =\r\n  | \"blue\"\r\n  | \"skyblue\"\r\n  | \"skyblue-light\"\r\n  | \"yellow\"\r\n  | \"light-skyblue\"\r\n  | \"gray\"\r\n  | \"gray-light\"\r\n  | \"gray-extra-light\"\r\n  | \"red\"\r\n  | \"dark-gray\"\r\n  | \"green\"\r\n  | \"yellow-light\"\r\n  | \"primary\";\r\n\r\nexport interface OverlayProps {\r\n  show?: boolean;\r\n  onClick?: () => void;\r\n  color?: OverlayColor;\r\n}\r\n\r\nconst colorClasses: Record<OverlayColor, string> = {\r\n  blue: \"bg-onpe-blue/80\",\r\n  skyblue: \"bg-onpe-skyblue/80\",\r\n  \"skyblue-light\": \"bg-onpe-skyblue-light/80\",\r\n  yellow: \"bg-onpe-yellow/80\",\r\n  \"light-skyblue\": \"bg-onpe-light-skyblue/80\",\r\n  gray: \"bg-onpe-gray/80\",\r\n  \"gray-light\": \"bg-onpe-gray-light/80\",\r\n  \"gray-extra-light\": \"bg-onpe-gray-extra-light/80\",\r\n  red: \"bg-onpe-red/80\",\r\n  \"dark-gray\": \"bg-onpe-dark-gray/80\",\r\n  green: \"bg-onpe-green/80\",\r\n  \"yellow-light\": \"bg-onpe-yellow-light/80\",\r\n  primary: \"bg-onpe-blue/80\",\r\n};\r\n\r\nexport const Overlay = ({ show, onClick, color = \"blue\" }: OverlayProps) => {\r\n  return (\r\n    <div\r\n      onClick={onClick}\r\n      className={[\r\n        \"absolute inset-0 w-full h-screen z-10 transition-all duration-500\",\r\n        show ? \"pointer-events-auto opacity-100\" : \"pointer-events-none opacity-0\",\r\n        colorClasses[color],\r\n      ].join(\" \")}\r\n    />\r\n  );\r\n};\r\n\r\nexport default Overlay;\r\n","import { ReactNode } from \"react\";\r\n\r\nexport interface ShowProps {\r\n  condition: boolean;\r\n  loadingComponent: ReactNode;\r\n  children: ReactNode;\r\n}\r\n\r\nexport const Show = ({ condition, loadingComponent, children }: ShowProps) => {\r\n  return (\r\n    <>\r\n      {condition && loadingComponent}\r\n      {!condition && children}\r\n    </>\r\n  );\r\n};\r\n\r\nexport default Show;\r\n","import { Modal } from \"../../Modal/Modal\";\r\nimport { IconWarning } from \"../../../icons/Actions/IconWarning\";\r\nimport { IconChromeColor } from \"../../../icons/Browsers/IconChromeColor\";\r\nimport { IconSafariColor } from \"../../../icons/Browsers/IconSafariColor\";\r\nimport { IconEdgeColor } from \"../../../icons/Browsers/IconEdgeColor\";\r\n\r\nexport interface ModalBrowserIncompatibleProps {\r\n  isOpen: boolean;\r\n  onClose: () => void;\r\n  className?: string;\r\n  zIndexLevel?: number;\r\n}\r\n\r\nexport const ModalBrowserIncompatible = ({\r\n  isOpen = false,\r\n  onClose = () => {},\r\n  className = \"\",\r\n  zIndexLevel = 100,\r\n}: ModalBrowserIncompatibleProps) => {\r\n  return (\r\n    <Modal\r\n      zIndexLevel={zIndexLevel}\r\n      isOpen={isOpen}\r\n      onClose={onClose}\r\n      className={`!max-w-[680px] ${className}`}\r\n      closeButton={true}\r\n    >\r\n      <div className=\"flex items-center justify-center\">\r\n        <IconWarning\r\n          className=\"w-16 h-16 sm:w-[84px] sm:h-[84px] text-onpe-skyblue\"\r\n          role=\"presentation\"\r\n        />\r\n      </div>\r\n\r\n      <p className=\"mt-1 text-base sm:text-2xl font-semibold text-center text-onpe-skyblue\">\r\n        Estás usando un navegador no recomendado\r\n      </p>\r\n\r\n      <p className=\"mt-6 text-base sm:text-lg text-center sm:px-2\">\r\n        Para una mejor experiencia y mayor seguridad, debes ingresar con los\r\n        siguientes navegadores:\r\n      </p>\r\n\r\n      <div className=\"flex items-center justify-center gap-8 mt-[47px] sm:gap-12\">\r\n        <IconChromeColor\r\n          role=\"img\"\r\n          aria-label=\"Google Chrome\"\r\n          className=\"w-7 h-7 sm:w-12 sm:h-12\"\r\n        />\r\n        <IconSafariColor\r\n          role=\"img\"\r\n          aria-label=\"Safari\"\r\n          className=\"w-7 h-7 sm:w-12 sm:h-12\"\r\n        />\r\n        <IconEdgeColor\r\n          role=\"img\"\r\n          aria-label=\"Microsoft Edge\"\r\n          className=\"w-7 h-7 sm:w-12 sm:h-12\"\r\n        />\r\n      </div>\r\n    </Modal>\r\n  );\r\n};\r\n\r\nexport default ModalBrowserIncompatible;\r\n","import { Modal } from \"../../Modal/Modal\";\r\nimport { IconWarning } from \"../../../icons/Actions/IconWarning\";\r\nimport { IconWindow } from \"../../../icons/OperatingSystems/IconWindow\";\r\nimport { IconAndroid } from \"../../../icons/OperatingSystems/IconAndroid\";\r\nimport { IconApple } from \"../../../icons/OperatingSystems/IconApple\";\r\n\r\nexport interface ModalSystemIncompatibleProps {\r\n  isOpen: boolean;\r\n  onClose: () => void;\r\n  className?: string;\r\n  zIndexLevel?: number;\r\n}\r\n\r\nexport const ModalSystemIncompatible = ({\r\n  isOpen = false,\r\n  onClose = () => {},\r\n  className = \"\",\r\n  zIndexLevel = 1000,\r\n}: ModalSystemIncompatibleProps) => {\r\n  return (\r\n    <Modal\r\n      zIndexLevel={zIndexLevel}\r\n      isOpen={isOpen}\r\n      onClose={onClose}\r\n      className={`!max-w-[680px] ${className}`}\r\n      closeButton={true}\r\n      closeDisabled\r\n    >\r\n      <div className=\"flex items-center justify-center\">\r\n        <IconWarning\r\n          className=\"w-16 h-16 sm:w-[84px] sm:h-[84px] text-onpe-skyblue\"\r\n          role=\"presentation\"\r\n        />\r\n      </div>\r\n\r\n      <p className=\"mt-1 text-base sm:text-2xl font-semibold text-center text-onpe-skyblue\">\r\n        Sistema Operativo no recomendado\r\n      </p>\r\n\r\n      <p className=\"mt-6 text-base sm:text-lg text-center sm:px-2\">\r\n        Para descargar e instalar el ONPEID utiliza un dispositivo con sistema\r\n        operativo Windows, macOS, Android o iOS.\r\n      </p>\r\n\r\n      <div className=\"flex items-center justify-center gap-8 mt-[47px] sm:gap-12\">\r\n        <IconWindow\r\n          role=\"img\"\r\n          aria-label=\"Windows 10 o superior\"\r\n          className=\"w-7 h-7 sm:w-12 sm:h-12 text-onpe-skyblue\"\r\n        />\r\n        <IconAndroid\r\n          role=\"img\"\r\n          aria-label=\"Android 7.0 o superior\"\r\n          className=\"w-7 h-7 sm:w-12 sm:h-12 text-onpe-skyblue\"\r\n        />\r\n        <IconApple\r\n          role=\"img\"\r\n          aria-label=\"macOS 10.12 o superior / iOS 11.0 o superior\"\r\n          className=\"w-7 h-7 sm:w-12 sm:h-12 text-onpe-skyblue\"\r\n        />\r\n      </div>\r\n    </Modal>\r\n  );\r\n};\r\n\r\nexport default ModalSystemIncompatible;\r\n","import { useState } from \"react\";\r\nimport { IconWarningNotRecommended } from \"../../../icons/Actions/IconWarningNotRecommended\";\r\nimport { IconCloseRadius } from \"../../../icons/Actions/IconCloseRadius\";\r\n\r\nexport interface NotRecommendedProps {\r\n  isOpenBrowserError?: boolean;\r\n  isOpenDeviceError?: boolean;\r\n  bottom?: number | string;\r\n  right?: number | string;\r\n}\r\n\r\nexport const NotRecommended = ({\r\n  isOpenBrowserError = false,\r\n  isOpenDeviceError = false,\r\n  bottom = 40,\r\n  right = 20,\r\n}: NotRecommendedProps) => {\r\n  const [isWarningClosed, setIsWarningClosed] = useState(false);\r\n\r\n  const handleOpenWarning = () => setIsWarningClosed(false);\r\n  const handleCloseWarning = () => setIsWarningClosed(true);\r\n\r\n  const getContainerWidth = () => {\r\n    if (isWarningClosed) return \"60px\";\r\n    if (isOpenDeviceError) return \"365px\";\r\n    return \"315px\";\r\n  };\r\n\r\n  const getMessageWidth = () => {\r\n    if (isWarningClosed) return \"0\";\r\n    if (isOpenDeviceError) return \"335px\";\r\n    return \"285px\";\r\n  };\r\n\r\n  const getBottomValue = () =>\r\n    typeof bottom === \"string\" ? bottom : `${bottom}px`;\r\n\r\n  const getRightValue = () =>\r\n    typeof right === \"string\" ? right : `${right}px`;\r\n\r\n  return (\r\n    <div\r\n      className=\"fixed z-[99]\"\r\n      style={{ bottom: getBottomValue(), right: getRightValue() }}\r\n    >\r\n      <div\r\n        className=\"relative h-[75px] transition-all duration-300\"\r\n        style={{ width: getContainerWidth() }}\r\n      >\r\n        {/* Warning icon */}\r\n        {isWarningClosed ? (\r\n          <button\r\n            onClick={handleOpenWarning}\r\n            className=\"absolute left-0 top-0 pb-2 h-[60px] w-[60px] flex items-center justify-center bg-onpe-yellow rounded-full z-10 cursor-pointer border-none transition-transform duration-200 hover:scale-110\"\r\n            aria-label=\"Abrir advertencia\"\r\n            type=\"button\"\r\n          >\r\n            <IconWarningNotRecommended className=\"w-10 h-[35px] text-black\" />\r\n          </button>\r\n        ) : (\r\n          <div className=\"absolute left-0 top-0 pb-2 h-[60px] w-[60px] flex items-center justify-center bg-onpe-yellow rounded-full z-10\">\r\n            <IconWarningNotRecommended className=\"w-10 h-[35px] text-black\" />\r\n          </div>\r\n        )}\r\n\r\n        {/* Message */}\r\n        <div\r\n          className={[\r\n            \"absolute bg-white left-[30px] top-0 flex flex-col justify-center items-center gap-2\",\r\n            \"border-2 border-onpe-yellow rounded-[10px] h-[60px] text-sm\",\r\n            \"transition-all duration-300 overflow-hidden\",\r\n            isWarningClosed ? \"opacity-0 border-0 pointer-events-none\" : \"opacity-100\",\r\n          ].join(\" \")}\r\n          style={{ width: getMessageWidth() }}\r\n        >\r\n          <div className=\"whitespace-nowrap pl-6\">\r\n            <p className=\"font-bold text-onpe-yellow m-0\">Estás usando un</p>\r\n            {isOpenDeviceError && (\r\n              <p className=\"m-0 text-onpe-dark-gray\">\r\n                sistema operativo no recomendado\r\n              </p>\r\n            )}\r\n            {isOpenBrowserError && !isOpenDeviceError && (\r\n              <p className=\"m-0 text-onpe-dark-gray\">navegador no recomendado</p>\r\n            )}\r\n          </div>\r\n        </div>\r\n\r\n        {/* Close button */}\r\n        {!isWarningClosed && (\r\n          <button\r\n            onClick={handleCloseWarning}\r\n            className=\"absolute -top-2 -right-2 z-20 rounded-full cursor-pointer border-none bg-transparent p-0 transition-opacity duration-200 hover:opacity-80\"\r\n            aria-label=\"Cerrar advertencia\"\r\n            type=\"button\"\r\n          >\r\n            <IconCloseRadius className=\"w-[23px] h-[23px] text-onpe-yellow bg-white rounded-full\" />\r\n          </button>\r\n        )}\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default NotRecommended;\r\n","import { ReactNode } from \"react\";\r\nimport { Modal } from \"../../Modal/Modal\";\r\n\r\nexport interface ModalDnieVersionsProps {\r\n  isOpen: boolean;\r\n  onClose: () => void;\r\n  className?: string;\r\n  iconDnie1: ReactNode;\r\n  iconDnie2: ReactNode;\r\n  iconDnie3?: ReactNode;\r\n  zIndexLevel?: number;\r\n}\r\n\r\nexport const ModalDnieVersions = ({\r\n  isOpen = false,\r\n  onClose = () => {},\r\n  className = \"\",\r\n  iconDnie1,\r\n  iconDnie2,\r\n  iconDnie3,\r\n  zIndexLevel = 100,\r\n}: ModalDnieVersionsProps) => {\r\n  return (\r\n    <Modal\r\n      zIndexLevel={zIndexLevel}\r\n      isOpen={isOpen}\r\n      onClose={onClose}\r\n      className={`max-w-[590px]! pt-[30px]! pb-[38px]! ${className}`}\r\n      closeButton={true}\r\n    >\r\n      <h2\r\n        className=\"text-center text-onpe-blue font-bold mb-2 text-lg sm:text-xl\"\r\n        tabIndex={0}\r\n      >\r\n        <span className=\"sr-only\">Versiones del DNI electrónico</span>\r\n        <span aria-hidden=\"true\">Versiones del DNIe</span>\r\n      </h2>\r\n\r\n      <section className=\"flex flex-col gap-5 sm:gap-8 items-center mt-[18px] sm:mt-6 text-sm\">\r\n        {/* DNIe versión 1 */}\r\n        <article className=\"flex flex-col sm:flex-row items-center sm:items-start gap-10 w-full\">\r\n          <div className=\"w-[233px]\">\r\n            <p className=\"flex-1 mb-4\" tabIndex={0}>\r\n              <span className=\"font-bold\">\r\n                <span className=\"sr-only\">DNI electrónico versión 1</span>\r\n                <span aria-hidden=\"true\">DNIe versión 1</span>\r\n              </span>\r\n            </p>\r\n            <ul role=\"none\" className=\"text-sm list-disc text-justify self-start pl-8\">\r\n              <li role=\"none\" className=\"mb-2\">\r\n                <p tabIndex={0}>\r\n                  <span className=\"sr-only\">Chip en la parte delantera del DNI electrónico.</span>\r\n                  <span aria-hidden=\"true\">Chip en la parte delantera del DNIe.</span>\r\n                </p>\r\n              </li>\r\n              <li role=\"none\" className=\"mb-2\">\r\n                <p tabIndex={0}>\r\n                  <span className=\"sr-only\">Compatible solo con el lector del DNI electrónico en PC, Mac o laptop.</span>\r\n                  <span aria-hidden=\"true\">Compatible solo con el lector del DNIe en <strong>PC, Mac o laptop</strong>.</span>\r\n                </p>\r\n              </li>\r\n            </ul>\r\n          </div>\r\n          <div className=\"w-[240px] sm:w-[200px] relative flex justify-center\">\r\n            {iconDnie1}\r\n          </div>\r\n        </article>\r\n\r\n        {/* DNIe versión 2 y 3 */}\r\n        <article className=\"flex flex-col sm:flex-row items-center sm:items-start gap-10 sm:gap-[52px] w-full\">\r\n          <div className=\"w-[233px]\">\r\n            <p className=\"flex-1 mb-4\" tabIndex={0}>\r\n              <span className=\"font-bold\">\r\n                <span className=\"sr-only\">DNI electrónico versión 2 y 3</span>\r\n                <span aria-hidden=\"true\">DNIe versión 2 y 3</span>\r\n              </span>\r\n            </p>\r\n            <ul role=\"none\" className=\"text-sm list-disc text-justify self-start pl-8\">\r\n              <li role=\"none\" className=\"mb-2\">\r\n                <p tabIndex={0}>\r\n                  <span className=\"sr-only\">Chip en la parte posterior del DNI electrónico.</span>\r\n                  <span aria-hidden=\"true\">Chip en la parte posterior del DNIe.</span>\r\n                </p>\r\n              </li>\r\n              <li role=\"none\" className=\"mb-2\">\r\n                <p tabIndex={0}>\r\n                  <span className=\"sr-only\">\r\n                    Compatibles con el lector del DNI electrónico en PC, Mac o laptop y tecnología NFC (ISO 14443-B) en móviles.\r\n                  </span>\r\n                  <span aria-hidden=\"true\">\r\n                    Compatibles con el lector del DNIe en <strong> PC, Mac o laptop y tecnología NFC (ISO 14443-B) en móviles</strong>.\r\n                  </span>\r\n                </p>\r\n              </li>\r\n            </ul>\r\n          </div>\r\n          <div className=\"w-[240px] sm:w-[200px] h-[181px] relative\">\r\n            {iconDnie2}\r\n            {iconDnie3}\r\n          </div>\r\n        </article>\r\n      </section>\r\n    </Modal>\r\n  );\r\n};\r\n\r\nexport default ModalDnieVersions;\r\n","import { ReactNode } from \"react\";\r\nimport { Modal } from \"../../Modal/Modal\";\r\nimport { IconAndroid } from \"../../../icons/OperatingSystems/IconAndroid\";\r\nimport { IconApple } from \"../../../icons/OperatingSystems/IconApple\";\r\n\r\nexport interface ModalNfcProps {\r\n  isOpen: boolean;\r\n  onClose: () => void;\r\n  className?: string;\r\n  iconNfc1: ReactNode;\r\n  iconNfc2: ReactNode;\r\n  zIndexLevel?: number;\r\n}\r\n\r\nexport const ModalNfc = ({\r\n  isOpen = false,\r\n  onClose = () => {},\r\n  className = \"\",\r\n  iconNfc1,\r\n  iconNfc2,\r\n  zIndexLevel = 100,\r\n}: ModalNfcProps) => {\r\n  const ANDROID_VIDEO_URL = \"https://www.youtube.com/watch?v=qlVVC9JHSro\";\r\n  const IPHONE_VIDEO_URL = \"https://www.youtube.com/watch?v=wjzh_FUVXRE\";\r\n\r\n  return (\r\n    <Modal\r\n      zIndexLevel={zIndexLevel}\r\n      isOpen={isOpen}\r\n      onClose={onClose}\r\n      className={`max-w-[600px]! pt-[46px]! pb-[46px]! px-[30px]! md:px-[50px]! ${className}`}\r\n      closeButton={true}\r\n    >\r\n      <h2 className=\"text-center text-onpe-blue font-bold text-base\" tabIndex={0}>\r\n        ¿Cómo saber si tu dispositivo móvil tiene NFC?\r\n      </h2>\r\n\r\n      <section className=\"flex flex-col gap-6 items-center mt-8 text-sm w-full\">\r\n        {/* Android section */}\r\n        <div className=\"w-full\">\r\n          <p className=\"text-sm text-justify mb-3\" tabIndex={0}>\r\n            <span className=\"mr-1\">1.</span>\r\n            Celular Android\r\n          </p>\r\n          <ul role=\"presentation\" className=\"list-disc pl-[26px] mt-2\">\r\n            <li role=\"presentation\" className=\"text-sm text-left mb-2 tracking-[0.15px]\">\r\n              Desde la barra de notificaciones, simplemente deslizando hacia\r\n              abajo desde tu pantalla y buscando el ícono del NFC.\r\n            </li>\r\n            <li role=\"presentation\" className=\"text-sm text-left mb-2 tracking-[0.15px]\">\r\n              Otra forma es ir hacia Ajustes\r\n              <span aria-hidden=\"true\">{\" > \"}</span>Conexiones o Redes\r\n              Inalámbricas<span aria-hidden=\"true\">{\" > \"}</span>Buscar &quot;NFC&quot;.\r\n            </li>\r\n          </ul>\r\n        </div>\r\n\r\n        {iconNfc1}\r\n\r\n        {/* iPhone section */}\r\n        <div className=\"w-full\">\r\n          <p className=\"text-sm text-justify mb-3\" tabIndex={0}>\r\n            <span className=\"mr-1\">2.</span>\r\n            Celular iPhone\r\n          </p>\r\n          <ul role=\"presentation\" className=\"list-disc pl-[26px] mt-2\">\r\n            <li role=\"presentation\" className=\"text-sm text-left mb-2 tracking-[0.15px]\">\r\n              Todos los modelos iPhone 7 en adelante ya cuentan con tecnología\r\n              NFC activa.\r\n            </li>\r\n          </ul>\r\n        </div>\r\n\r\n        {iconNfc2}\r\n\r\n        {/* How to use NFC */}\r\n        <h2 className=\"text-center text-onpe-blue font-bold my-5 text-base\" tabIndex={0}>\r\n          ¿Cómo usar el NFC correctamente?\r\n        </h2>\r\n\r\n        <div className=\"pl-3 w-full\">\r\n          <ol role=\"presentation\" className=\"text-sm text-justify list-decimal list-outside\">\r\n            <li role=\"presentation\" className=\"mb-2\">Activa el NFC en tu celular.</li>\r\n            <li role=\"presentation\" className=\"mb-2\">\r\n              Busca en internet dónde está el lector NFC según tu modelo.\r\n            </li>\r\n            <li role=\"presentation\" className=\"mb-2\">\r\n              Coloca tu DNIe sobre esa zona hasta que recibas la confirmación\r\n              del sistema.\r\n            </li>\r\n            <li role=\"presentation\" className=\"mb-2\">\r\n              Puedes consultar los videos &quot;Aprende como leer tu DNIe con NFC&quot;:\r\n            </li>\r\n          </ol>\r\n        </div>\r\n\r\n        {/* OS links */}\r\n        <div className=\"flex flex-row gap-5 justify-center items-center\">\r\n          <a\r\n            className=\"text-onpe-skyblue flex flex-row gap-2.5 justify-center items-center no-underline cursor-pointer rounded-lg px-2.5 py-1.5 transition-colors duration-120 focus-visible:outline-2 focus-visible:outline-onpe-blue focus-visible:outline-offset-2\"\r\n            href={ANDROID_VIDEO_URL}\r\n            target=\"_blank\"\r\n            rel=\"noopener noreferrer\"\r\n            aria-label=\"Ver video para Android en YouTube\"\r\n          >\r\n            <IconAndroid />\r\n            Android\r\n          </a>\r\n          <a\r\n            className=\"text-onpe-skyblue flex flex-row gap-2.5 justify-center items-center no-underline cursor-pointer rounded-lg px-2.5 py-1.5 transition-colors duration-120 focus-visible:outline-2 focus-visible:outline-onpe-blue focus-visible:outline-offset-2\"\r\n            href={IPHONE_VIDEO_URL}\r\n            target=\"_blank\"\r\n            rel=\"noopener noreferrer\"\r\n            aria-label=\"Ver video para iPhone en YouTube\"\r\n          >\r\n            <IconApple />\r\n            iPhone\r\n          </a>\r\n        </div>\r\n      </section>\r\n    </Modal>\r\n  );\r\n};\r\n\r\nexport default ModalNfc;\r\n"]}
+{"version":3,"sources":["../src/components/BrowserRecommended/BrowserRecommended.tsx","../src/components/Footer/Footer.tsx","../src/components/Overlay/Overlay.tsx","../src/components/Show/Show.tsx","../src/components/ErrorHandling/ModalBrowserIncompatible/ModalBrowserIncompatible.tsx","../src/components/ErrorHandling/ModalSystemIncompatible/ModalSystemIncompatible.tsx","../src/components/ErrorHandling/NotRecommended/NotRecommended.tsx","../src/components/Feedback/ModalDnieVersions/ModalDnieVersions.tsx","../src/components/Feedback/ModalNfc/ModalNfc.tsx"],"names":["jsxs","jsx","Fragment"],"mappings":"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","file":"chunk-73R3LRYP.mjs","sourcesContent":["import { IconChrome } from \"../../icons/Browsers/IconChrome\";\r\nimport { IconSafari } from \"../../icons/Browsers/IconSafari\";\r\nimport { IconEdge } from \"../../icons/Browsers/IconEdge\";\r\n\r\nexport const BrowserRecommended = () => {\r\n  return (\r\n    <div className=\"flex flex-col lg:flex-row lg:py-2 items-center justify-center gap-6 py-3 pb-6 text-xs text-center text-onpe-blue bg-onpe-skyblue-light/15\">\r\n      <p>Navegadores recomendados:</p>\r\n      <ul className=\"flex gap-6 lg:gap-8\">\r\n        <li className=\"flex items-center gap-2\">\r\n          <IconChrome aria-hidden=\"true\" />\r\n          <span className=\"sr-only\">Google Chrome</span>\r\n          <p className=\"hidden md:block text-left\" aria-hidden=\"true\">\r\n            Google Chrome\r\n          </p>\r\n        </li>\r\n        <li className=\"flex items-center gap-2\">\r\n          <IconSafari aria-hidden=\"true\" />\r\n          <span className=\"sr-only\">Safari</span>\r\n          <p className=\"hidden md:block text-left\" aria-hidden=\"true\">\r\n            Safari\r\n          </p>\r\n        </li>\r\n        <li className=\"flex items-center gap-2\">\r\n          <IconEdge aria-hidden=\"true\" />\r\n          <span className=\"sr-only\">Microsoft Edge</span>\r\n          <p className=\"hidden md:block text-left\" aria-hidden=\"true\">\r\n            Microsoft Edge\r\n          </p>\r\n        </li>\r\n      </ul>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default BrowserRecommended;\r\n","import { HTMLAttributes, ReactNode } from \"react\";\r\nimport { BrowserRecommended } from \"../BrowserRecommended/BrowserRecommended\";\r\nimport { FaceBookIcon } from \"../../icons/Redes/FaceBookIcon\";\r\nimport { XIcon } from \"../../icons/Redes/XIcon\";\r\nimport { TikTokIcon } from \"../../icons/Redes/TikTokIcon\";\r\nimport { YoutubeIcon } from \"../../icons/Redes/YoutubeIcon\";\r\nimport { InstagramIcon } from \"../../icons/Redes/InstagramIcon\";\r\n\r\nexport interface FooterProps extends HTMLAttributes<HTMLDivElement> {\r\n  showBrowserInfo?: boolean;\r\n  showContactInfo?: boolean;\r\n  children?: ReactNode;\r\n  isDevelopment?: boolean;\r\n  showFooterContent?: boolean;\r\n}\r\n\r\nexport const Footer = ({\r\n  showBrowserInfo = true,\r\n  showContactInfo = true,\r\n  children,\r\n  showFooterContent = true,\r\n  isDevelopment = true,\r\n  ...props\r\n}: FooterProps) => {\r\n  return (\r\n    <footer {...props} tabIndex={0} aria-label=\"\">\r\n      {showFooterContent && (\r\n        <>\r\n          {children && children}\r\n\r\n          {showBrowserInfo && <BrowserRecommended />}\r\n          {showContactInfo && (\r\n            <div className=\"relative z-10 flex w-full min-h-[100px] bg-onpe-blue\">\r\n              <div className=\"flex justify-between items-start w-full flex-col gap-6 mx-auto py-14 px-4 max-w-[1460px] md:py-5 md:px-4 lg:flex-row lg:items-center\">\r\n                <div tabIndex={0}>\r\n                  <p className=\"font-semibold text-onpe-yellow mb-1\">\r\n                    <span className=\"sr-only\">Oficina central</span>\r\n                    <span aria-hidden=\"true\">Oficina central:</span>\r\n                  </p>\r\n                  <p className=\"flex text-sm font-medium text-white\">\r\n                    <span className=\"sr-only\" lang=\"es-PE\">\r\n                      Dirección: jiroon Washington 1894, Cercado de Lima\r\n                    </span>\r\n                    <span aria-hidden=\"true\">\r\n                      Jr. Washington 1894, Cercado de Lima\r\n                    </span>\r\n                  </p>\r\n                  <p className=\"flex text-sm font-medium text-white\">\r\n                    <span className=\"sr-only\">\r\n                      Horario de atención: Lunes a viernes de 8:30 a. m. a 5:00\r\n                      p. m.\r\n                    </span>\r\n                    <span aria-hidden=\"true\">\r\n                      Lunes a viernes de 8:30 a. m. a 5:00 p. m.\r\n                    </span>\r\n                  </p>\r\n                </div>\r\n                <div tabIndex={0}>\r\n                  <p className=\"font-semibold text-onpe-yellow mb-1\">\r\n                    <span className=\"sr-only\">Contáctanos</span>\r\n                    <span aria-hidden=\"true\">Contáctanos:</span>\r\n                  </p>\r\n                  <p className=\"flex text-sm font-medium text-white\">\r\n                    <span className=\"sr-only\">\r\n                      Correo electrónico, informes@onpe punto goob punto pe,\r\n                    </span>\r\n                    <span aria-hidden=\"true\">informes@onpe.gob.pe</span>\r\n                  </p>\r\n                  <p className=\"flex text-sm font-medium text-white\">\r\n                    <span className=\"sr-only\">\r\n                      Número telefónico, (01)4170630,\r\n                    </span>\r\n                    <span aria-hidden=\"true\">(01)4170630</span>\r\n                  </p>\r\n                </div>\r\n                <div tabIndex={0}>\r\n                  <p className=\"font-semibold text-onpe-yellow mb-1\">\r\n                    <span className=\"sr-only\">\r\n                      Síguenos en nuestras redes sociales\r\n                    </span>\r\n                    <span aria-hidden=\"true\">Síguenos:</span>\r\n                  </p>\r\n                  <p className=\"flex text-sm font-medium text-white gap-4\">\r\n                    <a\r\n                      href=\"https://www.facebook.com/ONPEoficial\"\r\n                      target=\"_blank\"\r\n                      rel=\"noopener noreferrer\"\r\n                      aria-label=\"Facebook de ONPE,\"\r\n                      className=\"text-onpe-blue-dark\"\r\n                    >\r\n                      <span aria-hidden=\"true\">\r\n                        <FaceBookIcon />\r\n                      </span>\r\n                    </a>\r\n                    <a\r\n                      href=\"https://x.com/ONPE_oficial\"\r\n                      target=\"_blank\"\r\n                      rel=\"noopener noreferrer\"\r\n                      aria-label=\"X de ONPE (antes Twitter),\"\r\n                      className=\"text-onpe-blue-dark\"\r\n                    >\r\n                      <span aria-hidden=\"true\">\r\n                        <XIcon />\r\n                      </span>\r\n                    </a>\r\n                    <a\r\n                      href=\"https://www.tiktok.com/@onpe_oficial\"\r\n                      target=\"_blank\"\r\n                      rel=\"noopener noreferrer\"\r\n                      aria-label=\"TikTok de ONPE,\"\r\n                      className=\"text-onpe-blue-dark\"\r\n                    >\r\n                      <span aria-hidden=\"true\">\r\n                        <TikTokIcon />\r\n                      </span>\r\n                    </a>\r\n                    <a\r\n                      href=\"https://www.instagram.com/ONPE_oficial/\"\r\n                      target=\"_blank\"\r\n                      rel=\"noopener noreferrer\"\r\n                      aria-label=\"Instagram de ONPE,\"\r\n                      className=\"text-onpe-blue-dark\"\r\n                    >\r\n                      <span aria-hidden=\"true\">\r\n                        <InstagramIcon />\r\n                      </span>\r\n                    </a>\r\n                    <a\r\n                      href=\"https://www.youtube.com/@onpeprensa\"\r\n                      target=\"_blank\"\r\n                      rel=\"noopener noreferrer\"\r\n                      aria-label=\"YouTube de ONPE,\"\r\n                      className=\"text-onpe-blue-dark\"\r\n                    >\r\n                      <span aria-hidden=\"true\">\r\n                        <YoutubeIcon />\r\n                      </span>\r\n                    </a>\r\n                  </p>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          )}\r\n        </>\r\n      )}\r\n\r\n      {isDevelopment && (\r\n        <div className=\"h-[93px] w-full text-center flex items-center justify-center bg-onpe-yellow-light/75 fixed z-10 right-0 bottom-0 lg:h-[46px]\">\r\n          <p className=\"py-2 px-2 text-2xl text-onpe-blue font-[Consolas,monospace] font-black\">\r\n            Versión en Desarrollo - No Oficial\r\n          </p>\r\n        </div>\r\n      )}\r\n    </footer>\r\n  );\r\n};\r\n\r\nexport default Footer;\r\n","type OverlayColor =\r\n  | \"blue\"\r\n  | \"skyblue\"\r\n  | \"skyblue-light\"\r\n  | \"yellow\"\r\n  | \"light-skyblue\"\r\n  | \"gray\"\r\n  | \"gray-light\"\r\n  | \"gray-extra-light\"\r\n  | \"red\"\r\n  | \"dark-gray\"\r\n  | \"green\"\r\n  | \"yellow-light\"\r\n  | \"primary\";\r\n\r\nexport interface OverlayProps {\r\n  show?: boolean;\r\n  onClick?: () => void;\r\n  color?: OverlayColor;\r\n}\r\n\r\nconst colorClasses: Record<OverlayColor, string> = {\r\n  blue: \"bg-onpe-blue/80\",\r\n  skyblue: \"bg-onpe-skyblue/80\",\r\n  \"skyblue-light\": \"bg-onpe-skyblue-light/80\",\r\n  yellow: \"bg-onpe-yellow/80\",\r\n  \"light-skyblue\": \"bg-onpe-light-skyblue/80\",\r\n  gray: \"bg-onpe-gray/80\",\r\n  \"gray-light\": \"bg-onpe-gray-light/80\",\r\n  \"gray-extra-light\": \"bg-onpe-gray-extra-light/80\",\r\n  red: \"bg-onpe-red/80\",\r\n  \"dark-gray\": \"bg-onpe-dark-gray/80\",\r\n  green: \"bg-onpe-green/80\",\r\n  \"yellow-light\": \"bg-onpe-yellow-light/80\",\r\n  primary: \"bg-onpe-blue/80\",\r\n};\r\n\r\nexport const Overlay = ({ show, onClick, color = \"blue\" }: OverlayProps) => {\r\n  return (\r\n    <div\r\n      onClick={onClick}\r\n      className={[\r\n        \"absolute inset-0 w-full h-screen z-10 transition-all duration-500\",\r\n        show ? \"pointer-events-auto opacity-100\" : \"pointer-events-none opacity-0\",\r\n        colorClasses[color],\r\n      ].join(\" \")}\r\n    />\r\n  );\r\n};\r\n\r\nexport default Overlay;\r\n","import { ReactNode } from \"react\";\r\n\r\nexport interface ShowProps {\r\n  condition: boolean;\r\n  loadingComponent: ReactNode;\r\n  children: ReactNode;\r\n}\r\n\r\nexport const Show = ({ condition, loadingComponent, children }: ShowProps) => {\r\n  return (\r\n    <>\r\n      {condition && loadingComponent}\r\n      {!condition && children}\r\n    </>\r\n  );\r\n};\r\n\r\nexport default Show;\r\n","import { Modal } from \"../../Modal/Modal\";\r\nimport { IconWarning } from \"../../../icons/Actions/IconWarning\";\r\nimport { IconChromeColor } from \"../../../icons/Browsers/IconChromeColor\";\r\nimport { IconSafariColor } from \"../../../icons/Browsers/IconSafariColor\";\r\nimport { IconEdgeColor } from \"../../../icons/Browsers/IconEdgeColor\";\r\n\r\nexport interface ModalBrowserIncompatibleProps {\r\n  isOpen: boolean;\r\n  onClose: () => void;\r\n  className?: string;\r\n  zIndexLevel?: number;\r\n}\r\n\r\nexport const ModalBrowserIncompatible = ({\r\n  isOpen = false,\r\n  onClose = () => {},\r\n  className = \"\",\r\n  zIndexLevel = 100,\r\n}: ModalBrowserIncompatibleProps) => {\r\n  return (\r\n    <Modal\r\n      zIndexLevel={zIndexLevel}\r\n      isOpen={isOpen}\r\n      onClose={onClose}\r\n      className={`!max-w-[680px] ${className}`}\r\n      closeButton={true}\r\n    >\r\n      <div className=\"flex items-center justify-center\">\r\n        <IconWarning\r\n          className=\"w-16 h-16 sm:w-[84px] sm:h-[84px] text-onpe-skyblue\"\r\n          role=\"presentation\"\r\n        />\r\n      </div>\r\n\r\n      <p className=\"mt-1 text-base sm:text-2xl font-semibold text-center text-onpe-skyblue\">\r\n        Estás usando un navegador no recomendado\r\n      </p>\r\n\r\n      <p className=\"mt-6 text-base sm:text-lg text-center sm:px-2\">\r\n        Para una mejor experiencia y mayor seguridad, debes ingresar con los\r\n        siguientes navegadores:\r\n      </p>\r\n\r\n      <div className=\"flex items-center justify-center gap-8 mt-[47px] sm:gap-12\">\r\n        <IconChromeColor\r\n          role=\"img\"\r\n          aria-label=\"Google Chrome\"\r\n          className=\"w-7 h-7 sm:w-12 sm:h-12\"\r\n        />\r\n        <IconSafariColor\r\n          role=\"img\"\r\n          aria-label=\"Safari\"\r\n          className=\"w-7 h-7 sm:w-12 sm:h-12\"\r\n        />\r\n        <IconEdgeColor\r\n          role=\"img\"\r\n          aria-label=\"Microsoft Edge\"\r\n          className=\"w-7 h-7 sm:w-12 sm:h-12\"\r\n        />\r\n      </div>\r\n    </Modal>\r\n  );\r\n};\r\n\r\nexport default ModalBrowserIncompatible;\r\n","import { Modal } from \"../../Modal/Modal\";\r\nimport { IconWarning } from \"../../../icons/Actions/IconWarning\";\r\nimport { IconWindow } from \"../../../icons/OperatingSystems/IconWindow\";\r\nimport { IconAndroid } from \"../../../icons/OperatingSystems/IconAndroid\";\r\nimport { IconApple } from \"../../../icons/OperatingSystems/IconApple\";\r\n\r\nexport interface ModalSystemIncompatibleProps {\r\n  isOpen: boolean;\r\n  onClose: () => void;\r\n  className?: string;\r\n  zIndexLevel?: number;\r\n}\r\n\r\nexport const ModalSystemIncompatible = ({\r\n  isOpen = false,\r\n  onClose = () => {},\r\n  className = \"\",\r\n  zIndexLevel = 1000,\r\n}: ModalSystemIncompatibleProps) => {\r\n  return (\r\n    <Modal\r\n      zIndexLevel={zIndexLevel}\r\n      isOpen={isOpen}\r\n      onClose={onClose}\r\n      className={`!max-w-[680px] ${className}`}\r\n      closeButton={true}\r\n      closeDisabled\r\n    >\r\n      <div className=\"flex items-center justify-center\">\r\n        <IconWarning\r\n          className=\"w-16 h-16 sm:w-[84px] sm:h-[84px] text-onpe-skyblue\"\r\n          role=\"presentation\"\r\n        />\r\n      </div>\r\n\r\n      <p className=\"mt-1 text-base sm:text-2xl font-semibold text-center text-onpe-skyblue\">\r\n        Sistema Operativo no recomendado\r\n      </p>\r\n\r\n      <p className=\"mt-6 text-base sm:text-lg text-center sm:px-2\">\r\n        Para descargar e instalar el ONPEID utiliza un dispositivo con sistema\r\n        operativo Windows, macOS, Android o iOS.\r\n      </p>\r\n\r\n      <div className=\"flex items-center justify-center gap-8 mt-[47px] sm:gap-12\">\r\n        <IconWindow\r\n          role=\"img\"\r\n          aria-label=\"Windows 10 o superior\"\r\n          className=\"w-7 h-7 sm:w-12 sm:h-12 text-onpe-skyblue\"\r\n        />\r\n        <IconAndroid\r\n          role=\"img\"\r\n          aria-label=\"Android 7.0 o superior\"\r\n          className=\"w-7 h-7 sm:w-12 sm:h-12 text-onpe-skyblue\"\r\n        />\r\n        <IconApple\r\n          role=\"img\"\r\n          aria-label=\"macOS 10.12 o superior / iOS 11.0 o superior\"\r\n          className=\"w-7 h-7 sm:w-12 sm:h-12 text-onpe-skyblue\"\r\n        />\r\n      </div>\r\n    </Modal>\r\n  );\r\n};\r\n\r\nexport default ModalSystemIncompatible;\r\n","import { useState } from \"react\";\r\nimport { IconWarningNotRecommended } from \"../../../icons/Actions/IconWarningNotRecommended\";\r\nimport { IconCloseRadius } from \"../../../icons/Actions/IconCloseRadius\";\r\n\r\nexport interface NotRecommendedProps {\r\n  isOpenBrowserError?: boolean;\r\n  isOpenDeviceError?: boolean;\r\n  bottom?: number | string;\r\n  right?: number | string;\r\n}\r\n\r\nexport const NotRecommended = ({\r\n  isOpenBrowserError = false,\r\n  isOpenDeviceError = false,\r\n  bottom = 40,\r\n  right = 20,\r\n}: NotRecommendedProps) => {\r\n  const [isWarningClosed, setIsWarningClosed] = useState(false);\r\n\r\n  const handleOpenWarning = () => setIsWarningClosed(false);\r\n  const handleCloseWarning = () => setIsWarningClosed(true);\r\n\r\n  const getContainerWidth = () => {\r\n    if (isWarningClosed) return \"60px\";\r\n    if (isOpenDeviceError) return \"365px\";\r\n    return \"315px\";\r\n  };\r\n\r\n  const getMessageWidth = () => {\r\n    if (isWarningClosed) return \"0\";\r\n    if (isOpenDeviceError) return \"335px\";\r\n    return \"285px\";\r\n  };\r\n\r\n  const getBottomValue = () =>\r\n    typeof bottom === \"string\" ? bottom : `${bottom}px`;\r\n\r\n  const getRightValue = () =>\r\n    typeof right === \"string\" ? right : `${right}px`;\r\n\r\n  return (\r\n    <div\r\n      className=\"fixed z-[99]\"\r\n      style={{ bottom: getBottomValue(), right: getRightValue() }}\r\n    >\r\n      <div\r\n        className=\"relative h-[75px] transition-all duration-300\"\r\n        style={{ width: getContainerWidth() }}\r\n      >\r\n        {/* Warning icon */}\r\n        {isWarningClosed ? (\r\n          <button\r\n            onClick={handleOpenWarning}\r\n            className=\"absolute left-0 top-0 pb-2 h-[60px] w-[60px] flex items-center justify-center bg-onpe-yellow rounded-full z-10 cursor-pointer border-none transition-transform duration-200 hover:scale-110\"\r\n            aria-label=\"Abrir advertencia\"\r\n            type=\"button\"\r\n          >\r\n            <IconWarningNotRecommended className=\"w-10 h-[35px] text-black\" />\r\n          </button>\r\n        ) : (\r\n          <div className=\"absolute left-0 top-0 pb-2 h-[60px] w-[60px] flex items-center justify-center bg-onpe-yellow rounded-full z-10\">\r\n            <IconWarningNotRecommended className=\"w-10 h-[35px] text-black\" />\r\n          </div>\r\n        )}\r\n\r\n        {/* Message */}\r\n        <div\r\n          className={[\r\n            \"absolute bg-white left-[30px] top-0 flex flex-col justify-center items-center gap-2\",\r\n            \"border-2 border-onpe-yellow rounded-[10px] h-[60px] text-sm\",\r\n            \"transition-all duration-300 overflow-hidden\",\r\n            isWarningClosed ? \"opacity-0 border-0 pointer-events-none\" : \"opacity-100\",\r\n          ].join(\" \")}\r\n          style={{ width: getMessageWidth() }}\r\n        >\r\n          <div className=\"whitespace-nowrap pl-6\">\r\n            <p className=\"font-bold text-onpe-yellow m-0\">Estás usando un</p>\r\n            {isOpenDeviceError && (\r\n              <p className=\"m-0 text-onpe-dark-gray\">\r\n                sistema operativo no recomendado\r\n              </p>\r\n            )}\r\n            {isOpenBrowserError && !isOpenDeviceError && (\r\n              <p className=\"m-0 text-onpe-dark-gray\">navegador no recomendado</p>\r\n            )}\r\n          </div>\r\n        </div>\r\n\r\n        {/* Close button */}\r\n        {!isWarningClosed && (\r\n          <button\r\n            onClick={handleCloseWarning}\r\n            className=\"absolute -top-2 -right-2 z-20 rounded-full cursor-pointer border-none bg-transparent p-0 transition-opacity duration-200 hover:opacity-80\"\r\n            aria-label=\"Cerrar advertencia\"\r\n            type=\"button\"\r\n          >\r\n            <IconCloseRadius className=\"w-[23px] h-[23px] text-onpe-yellow bg-white rounded-full\" />\r\n          </button>\r\n        )}\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default NotRecommended;\r\n","import { ReactNode } from \"react\";\r\nimport { Modal } from \"../../Modal/Modal\";\r\n\r\nexport interface ModalDnieVersionsProps {\r\n  isOpen: boolean;\r\n  onClose: () => void;\r\n  className?: string;\r\n  iconDnie1: ReactNode;\r\n  iconDnie2: ReactNode;\r\n  iconDnie3?: ReactNode;\r\n  zIndexLevel?: number;\r\n}\r\n\r\nexport const ModalDnieVersions = ({\r\n  isOpen = false,\r\n  onClose = () => {},\r\n  className = \"\",\r\n  iconDnie1,\r\n  iconDnie2,\r\n  iconDnie3,\r\n  zIndexLevel = 100,\r\n}: ModalDnieVersionsProps) => {\r\n  return (\r\n    <Modal\r\n      zIndexLevel={zIndexLevel}\r\n      isOpen={isOpen}\r\n      onClose={onClose}\r\n      className={`max-w-[590px]! pt-[30px]! pb-[38px]! ${className}`}\r\n      closeButton={true}\r\n    >\r\n      <h2\r\n        className=\"text-center text-onpe-blue font-bold mb-2 text-lg sm:text-xl\"\r\n        tabIndex={0}\r\n      >\r\n        <span className=\"sr-only\">Versiones del DNI electrónico</span>\r\n        <span aria-hidden=\"true\">Versiones del DNIe</span>\r\n      </h2>\r\n\r\n      <section className=\"flex flex-col gap-5 sm:gap-8 items-center mt-[18px] sm:mt-6 text-sm\">\r\n        {/* DNIe versión 1 */}\r\n        <article className=\"flex flex-col sm:flex-row items-center sm:items-start gap-10 w-full\">\r\n          <div className=\"w-[233px]\">\r\n            <p className=\"flex-1 mb-4\" tabIndex={0}>\r\n              <span className=\"font-bold\">\r\n                <span className=\"sr-only\">DNI electrónico versión 1</span>\r\n                <span aria-hidden=\"true\">DNIe versión 1</span>\r\n              </span>\r\n            </p>\r\n            <ul role=\"none\" className=\"text-sm list-disc text-justify self-start pl-8\">\r\n              <li role=\"none\" className=\"mb-2\">\r\n                <p tabIndex={0}>\r\n                  <span className=\"sr-only\">Chip en la parte delantera del DNI electrónico.</span>\r\n                  <span aria-hidden=\"true\">Chip en la parte delantera del DNIe.</span>\r\n                </p>\r\n              </li>\r\n              <li role=\"none\" className=\"mb-2\">\r\n                <p tabIndex={0}>\r\n                  <span className=\"sr-only\">Compatible solo con el lector del DNI electrónico en PC, Mac o laptop.</span>\r\n                  <span aria-hidden=\"true\">Compatible solo con el lector del DNIe en <strong>PC, Mac o laptop</strong>.</span>\r\n                </p>\r\n              </li>\r\n            </ul>\r\n          </div>\r\n          <div className=\"w-[240px] sm:w-[200px] relative flex justify-center\">\r\n            {iconDnie1}\r\n          </div>\r\n        </article>\r\n\r\n        {/* DNIe versión 2 y 3 */}\r\n        <article className=\"flex flex-col sm:flex-row items-center sm:items-start gap-10 sm:gap-[52px] w-full\">\r\n          <div className=\"w-[233px]\">\r\n            <p className=\"flex-1 mb-4\" tabIndex={0}>\r\n              <span className=\"font-bold\">\r\n                <span className=\"sr-only\">DNI electrónico versión 2 y 3</span>\r\n                <span aria-hidden=\"true\">DNIe versión 2 y 3</span>\r\n              </span>\r\n            </p>\r\n            <ul role=\"none\" className=\"text-sm list-disc text-justify self-start pl-8\">\r\n              <li role=\"none\" className=\"mb-2\">\r\n                <p tabIndex={0}>\r\n                  <span className=\"sr-only\">Chip en la parte posterior del DNI electrónico.</span>\r\n                  <span aria-hidden=\"true\">Chip en la parte posterior del DNIe.</span>\r\n                </p>\r\n              </li>\r\n              <li role=\"none\" className=\"mb-2\">\r\n                <p tabIndex={0}>\r\n                  <span className=\"sr-only\">\r\n                    Compatibles con el lector del DNI electrónico en PC, Mac o laptop y tecnología NFC (ISO 14443-B) en móviles.\r\n                  </span>\r\n                  <span aria-hidden=\"true\">\r\n                    Compatibles con el lector del DNIe en <strong> PC, Mac o laptop y tecnología NFC (ISO 14443-B) en móviles</strong>.\r\n                  </span>\r\n                </p>\r\n              </li>\r\n            </ul>\r\n          </div>\r\n          <div className=\"w-[240px] sm:w-[200px] h-[181px] relative\">\r\n            {iconDnie2}\r\n            {iconDnie3}\r\n          </div>\r\n        </article>\r\n      </section>\r\n    </Modal>\r\n  );\r\n};\r\n\r\nexport default ModalDnieVersions;\r\n","import { ReactNode } from \"react\";\r\nimport { Modal } from \"../../Modal/Modal\";\r\nimport { IconAndroid } from \"../../../icons/OperatingSystems/IconAndroid\";\r\nimport { IconApple } from \"../../../icons/OperatingSystems/IconApple\";\r\n\r\nexport interface ModalNfcProps {\r\n  isOpen: boolean;\r\n  onClose: () => void;\r\n  className?: string;\r\n  iconNfc1: ReactNode;\r\n  iconNfc2: ReactNode;\r\n  zIndexLevel?: number;\r\n}\r\n\r\nexport const ModalNfc = ({\r\n  isOpen = false,\r\n  onClose = () => {},\r\n  className = \"\",\r\n  iconNfc1,\r\n  iconNfc2,\r\n  zIndexLevel = 100,\r\n}: ModalNfcProps) => {\r\n  const ANDROID_VIDEO_URL = \"https://www.youtube.com/watch?v=qlVVC9JHSro\";\r\n  const IPHONE_VIDEO_URL = \"https://www.youtube.com/watch?v=wjzh_FUVXRE\";\r\n\r\n  return (\r\n    <Modal\r\n      zIndexLevel={zIndexLevel}\r\n      isOpen={isOpen}\r\n      onClose={onClose}\r\n      className={`max-w-[600px]! pt-[46px]! pb-[46px]! px-[30px]! md:px-[50px]! ${className}`}\r\n      closeButton={true}\r\n    >\r\n      <h2 className=\"text-center text-onpe-blue font-bold text-base\" tabIndex={0}>\r\n        ¿Cómo saber si tu dispositivo móvil tiene NFC?\r\n      </h2>\r\n\r\n      <section className=\"flex flex-col gap-6 items-center mt-8 text-sm w-full\">\r\n        {/* Android section */}\r\n        <div className=\"w-full\">\r\n          <p className=\"text-sm text-justify mb-3\" tabIndex={0}>\r\n            <span className=\"mr-1\">1.</span>\r\n            Celular Android\r\n          </p>\r\n          <ul role=\"presentation\" className=\"list-disc pl-[26px] mt-2\">\r\n            <li role=\"presentation\" className=\"text-sm text-left mb-2 tracking-[0.15px]\">\r\n              Desde la barra de notificaciones, simplemente deslizando hacia\r\n              abajo desde tu pantalla y buscando el ícono del NFC.\r\n            </li>\r\n            <li role=\"presentation\" className=\"text-sm text-left mb-2 tracking-[0.15px]\">\r\n              Otra forma es ir hacia Ajustes\r\n              <span aria-hidden=\"true\">{\" > \"}</span>Conexiones o Redes\r\n              Inalámbricas<span aria-hidden=\"true\">{\" > \"}</span>Buscar &quot;NFC&quot;.\r\n            </li>\r\n          </ul>\r\n        </div>\r\n\r\n        {iconNfc1}\r\n\r\n        {/* iPhone section */}\r\n        <div className=\"w-full\">\r\n          <p className=\"text-sm text-justify mb-3\" tabIndex={0}>\r\n            <span className=\"mr-1\">2.</span>\r\n            Celular iPhone\r\n          </p>\r\n          <ul role=\"presentation\" className=\"list-disc pl-[26px] mt-2\">\r\n            <li role=\"presentation\" className=\"text-sm text-left mb-2 tracking-[0.15px]\">\r\n              Todos los modelos iPhone 7 en adelante ya cuentan con tecnología\r\n              NFC activa.\r\n            </li>\r\n          </ul>\r\n        </div>\r\n\r\n        {iconNfc2}\r\n\r\n        {/* How to use NFC */}\r\n        <h2 className=\"text-center text-onpe-blue font-bold my-5 text-base\" tabIndex={0}>\r\n          ¿Cómo usar el NFC correctamente?\r\n        </h2>\r\n\r\n        <div className=\"pl-3 w-full\">\r\n          <ol role=\"presentation\" className=\"text-sm text-justify list-decimal list-outside\">\r\n            <li role=\"presentation\" className=\"mb-2\">Activa el NFC en tu celular.</li>\r\n            <li role=\"presentation\" className=\"mb-2\">\r\n              Busca en internet dónde está el lector NFC según tu modelo.\r\n            </li>\r\n            <li role=\"presentation\" className=\"mb-2\">\r\n              Coloca tu DNIe sobre esa zona hasta que recibas la confirmación\r\n              del sistema.\r\n            </li>\r\n            <li role=\"presentation\" className=\"mb-2\">\r\n              Puedes consultar los videos &quot;Aprende como leer tu DNIe con NFC&quot;:\r\n            </li>\r\n          </ol>\r\n        </div>\r\n\r\n        {/* OS links */}\r\n        <div className=\"flex flex-row gap-5 justify-center items-center\">\r\n          <a\r\n            className=\"text-onpe-skyblue flex flex-row gap-2.5 justify-center items-center no-underline cursor-pointer rounded-lg px-2.5 py-1.5 transition-colors duration-120 focus-visible:outline-2 focus-visible:outline-onpe-blue focus-visible:outline-offset-2\"\r\n            href={ANDROID_VIDEO_URL}\r\n            target=\"_blank\"\r\n            rel=\"noopener noreferrer\"\r\n            aria-label=\"Ver video para Android en YouTube\"\r\n          >\r\n            <IconAndroid />\r\n            Android\r\n          </a>\r\n          <a\r\n            className=\"text-onpe-skyblue flex flex-row gap-2.5 justify-center items-center no-underline cursor-pointer rounded-lg px-2.5 py-1.5 transition-colors duration-120 focus-visible:outline-2 focus-visible:outline-onpe-blue focus-visible:outline-offset-2\"\r\n            href={IPHONE_VIDEO_URL}\r\n            target=\"_blank\"\r\n            rel=\"noopener noreferrer\"\r\n            aria-label=\"Ver video para iPhone en YouTube\"\r\n          >\r\n            <IconApple />\r\n            iPhone\r\n          </a>\r\n        </div>\r\n      </section>\r\n    </Modal>\r\n  );\r\n};\r\n\r\nexport default ModalNfc;\r\n"]}

package/dist/{chunk-QHN5HB7P.mjs → chunk-CPGE57WI.mjs}

@@ -1,4 +1,4 @@
-import { Modal } from './chunk-EZQGWVW2.mjs';
+import { Modal } from './chunk-NTNMIAQV.mjs';
 import { create } from 'zustand';
 import { useRef, useEffect, useCallback, useState } from 'react';
 import io from 'socket.io-client';
@@ -464,5 +464,5 @@ var OnpeIdModal = ({
 };
 
 export { OnpeIdModal, useIframeCommunication, useIframePreload, useModalIframePreload, useOnpeIdAuth, useSendMessageToIframe, useSocketConnection };
-//# sourceMappingURL=chunk-QHN5HB7P.mjs.map
-//# sourceMappingURL=chunk-QHN5HB7P.mjs.map
+//# sourceMappingURL=chunk-CPGE57WI.mjs.map
+//# sourceMappingURL=chunk-CPGE57WI.mjs.map