@votodigital-onpeui/react 0.1.29 → 0.1.31

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (32) hide show
  1. package/dist/{ModalConfirm-DsE7awHb.d.mts → ModalConfirm-CZJCfya3.d.mts} +17 -3
  2. package/dist/{ModalConfirm-DsE7awHb.d.ts → ModalConfirm-CZJCfya3.d.ts} +17 -3
  3. package/dist/{chunk-EZQGWVW2.mjs → chunk-4XHWFUHC.mjs} +14 -8
  4. package/dist/chunk-4XHWFUHC.mjs.map +1 -0
  5. package/dist/{chunk-QHN5HB7P.mjs → chunk-6RNDTVIJ.mjs} +3 -3
  6. package/dist/{chunk-QHN5HB7P.mjs.map → chunk-6RNDTVIJ.mjs.map} +1 -1
  7. package/dist/{chunk-SS5NPQU6.mjs → chunk-MFNWIYOJ.mjs} +3 -3
  8. package/dist/{chunk-SS5NPQU6.mjs.map → chunk-MFNWIYOJ.mjs.map} +1 -1
  9. package/dist/{chunk-PAX7TKG5.mjs → chunk-UGIZ3K3S.mjs} +47 -29
  10. package/dist/chunk-UGIZ3K3S.mjs.map +1 -0
  11. package/dist/components.d.mts +13 -3
  12. package/dist/components.d.ts +13 -3
  13. package/dist/components.js +55 -31
  14. package/dist/components.js.map +1 -1
  15. package/dist/components.mjs +3 -3
  16. package/dist/hooks.js +12 -6
  17. package/dist/hooks.js.map +1 -1
  18. package/dist/hooks.mjs +2 -2
  19. package/dist/index.d.mts +1 -1
  20. package/dist/index.d.ts +1 -1
  21. package/dist/index.js +55 -31
  22. package/dist/index.js.map +1 -1
  23. package/dist/index.mjs +4 -4
  24. package/dist/modal.d.mts +28 -5
  25. package/dist/modal.d.ts +28 -5
  26. package/dist/modal.js +84 -40
  27. package/dist/modal.js.map +1 -1
  28. package/dist/modal.mjs +31 -11
  29. package/dist/modal.mjs.map +1 -1
  30. package/package.json +1 -1
  31. package/dist/chunk-EZQGWVW2.mjs.map +0 -1
  32. package/dist/chunk-PAX7TKG5.mjs.map +0 -1
package/dist/{chunk-SS5NPQU6.mjs.map → chunk-MFNWIYOJ.mjs.map} RENAMED
@@ -1 +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"]}
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-MFNWIYOJ.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-PAX7TKG5.mjs → chunk-UGIZ3K3S.mjs} RENAMED
@@ -1,6 +1,6 @@
1
1
  import { IconSpinnerDesktop, IconSpinnerMobile, IconCheck, IconQuestion, IconInfo, IconWarningNotRecommended } from './chunk-M2KQXQLY.mjs';
2
- import { Modal } from './chunk-EZQGWVW2.mjs';
3
- import { jsx, jsxs } from 'react/jsx-runtime';
2
+ import { Modal } from './chunk-4XHWFUHC.mjs';
3
+ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
4
4
  import { useState, useEffect } from 'react';
5
5
 
6
6
  var colorClasses = {
@@ -84,17 +84,25 @@ var ModalConfirm = ({
84
84
  },
85
85
  onCancel = () => {
86
86
  },
87
- textButtonConfirm = "Confirmar",
88
- textButtonCancel = "Cancelar",
87
+ textButtonConfirm,
88
+ textButtonCancel,
89
89
  className = "",
90
90
  zIndexLevel = 100,
91
- disableFocus = false
91
+ disableFocus = false,
92
+ closeButton = false,
93
+ alignJustify = false,
94
+ alignTop = false,
95
+ animated = true,
96
+ preventBodyScroll = true
92
97
  }) => {
93
98
  const titleId = "modal-confirm-title";
94
99
  const messageId = "modal-confirm-message";
95
100
  const effectiveMessage = message ?? content;
96
101
  const effectiveColorClass = color ? colorOverrideMap[color] ?? "text-onpe-skyblue" : "text-onpe-skyblue";
97
- const showTwoButtons = buttonMode === "double";
102
+ const isConfirmMode = buttonMode === "confirm";
103
+ const showTwoButtons = buttonMode === "double" || isConfirmMode;
104
+ const confirmLabel = textButtonConfirm ?? (isConfirmMode ? "S\xED" : "Confirmar");
105
+ const cancelLabel = textButtonCancel ?? (isConfirmMode ? "No" : "Cancelar");
98
106
  const handleConfirm = async () => {
99
107
  try {
100
108
  await onConfirm();
@@ -114,12 +122,15 @@ var ModalConfirm = ({
114
122
  isOpen,
115
123
  onClose,
116
124
  className: `max-w-[719px]! pt-[30px]! pb-[30px]! px-[30px]! ${className}`,
117
- closeButton: false,
125
+ closeButton,
118
126
  closeDisabled,
119
127
  zIndexLevel,
120
128
  "aria-labelledby": titleId,
121
129
  "aria-describedby": messageId,
122
130
  disableFocus,
131
+ alignTop,
132
+ animated,
133
+ preventBodyScroll,
123
134
  children: [
124
135
  /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center", children: renderIcon(type, effectiveColorClass) }),
125
136
  /* @__PURE__ */ jsx(
@@ -137,7 +148,7 @@ var ModalConfirm = ({
137
148
  "div",
138
149
  {
139
150
  id: messageId,
140
- className: "mt-7 text-sm md:text-lg text-center max-w-full text-black",
151
+ className: `mt-7 text-sm md:text-lg max-w-full text-black ${alignJustify ? "text-justify" : "text-center"}`,
141
152
  children: effectiveMessage
142
153
  }
143
154
  ),
@@ -147,7 +158,7 @@ var ModalConfirm = ({
147
158
  {
148
159
  className: "w-full max-w-[200px]",
149
160
  color: "red",
150
- title: textButtonConfirm,
161
+ title: confirmLabel,
151
162
  onClick: handleConfirm,
152
163
  disabled: disabledConfirmButton
153
164
  }
@@ -157,7 +168,7 @@ var ModalConfirm = ({
157
168
  {
158
169
  className: "w-full max-w-[200px]",
159
170
  color: "skyblue",
160
- title: textButtonCancel,
171
+ title: cancelLabel,
161
172
  onClick: handleCancel
162
173
  }
163
174
  )
@@ -168,7 +179,7 @@ var ModalConfirm = ({
168
179
  {
169
180
  className: "w-[200px]",
170
181
  color: "skyblue",
171
- title: textButtonCancel,
182
+ title: cancelLabel,
172
183
  onClick: handleCancel
173
184
  }
174
185
  ),
@@ -177,7 +188,7 @@ var ModalConfirm = ({
177
188
  {
178
189
  className: "w-[200px]",
179
190
  color: "red",
180
- title: textButtonConfirm,
191
+ title: confirmLabel,
181
192
  onClick: handleConfirm,
182
193
  disabled: disabledConfirmButton
183
194
  }
@@ -193,7 +204,10 @@ var ModalLoading = ({
193
204
  },
194
205
  message = "Cargando...",
195
206
  className = "",
196
- zIndexLevel = 100
207
+ zIndexLevel = 100,
208
+ animated = true,
209
+ preventBodyScroll = true,
210
+ spinner
197
211
  }) => {
198
212
  const [announceMessage, setAnnounceMessage] = useState("");
199
213
  useEffect(() => {
@@ -219,22 +233,26 @@ var ModalLoading = ({
219
233
  className,
220
234
  closeDisabled: true,
221
235
  whitoutBackground: true,
236
+ animated,
237
+ preventBodyScroll,
222
238
  children: [
223
239
  /* @__PURE__ */ jsx("div", { className: "sr-only", "aria-live": "assertive", "aria-atomic": "true", children: announceMessage }),
224
- /* @__PURE__ */ jsx(
225
- IconSpinnerDesktop,
226
- {
227
- className: "hidden md:block text-white animate-spin",
228
- "aria-hidden": "true"
229
- }
230
- ),
231
- /* @__PURE__ */ jsx(
232
- IconSpinnerMobile,
233
- {
234
- className: "block md:hidden text-white animate-spin",
235
- "aria-hidden": "true"
236
- }
237
- ),
240
+ spinner ?? /* @__PURE__ */ jsxs(Fragment, { children: [
241
+ /* @__PURE__ */ jsx(
242
+ IconSpinnerDesktop,
243
+ {
244
+ className: "hidden md:block text-white animate-spin",
245
+ "aria-hidden": "true"
246
+ }
247
+ ),
248
+ /* @__PURE__ */ jsx(
249
+ IconSpinnerMobile,
250
+ {
251
+ className: "block md:hidden text-white animate-spin",
252
+ "aria-hidden": "true"
253
+ }
254
+ )
255
+ ] }),
238
256
  /* @__PURE__ */ jsx("p", { className: "text-white leading-normal text-2xl md:text-[64px] text-center mt-10 md:mt-20", children: message })
239
257
  ]
240
258
  }
@@ -242,5 +260,5 @@ var ModalLoading = ({
242
260
  };
243
261
 
244
262
  export { Button, ModalConfirm, ModalLoading };
245
- //# sourceMappingURL=chunk-PAX7TKG5.mjs.map
246
- //# sourceMappingURL=chunk-PAX7TKG5.mjs.map
263
+ //# sourceMappingURL=chunk-UGIZ3K3S.mjs.map
264
+ //# sourceMappingURL=chunk-UGIZ3K3S.mjs.map
package/dist/chunk-UGIZ3K3S.mjs.map ADDED
@@ -0,0 +1 @@
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-UGIZ3K3S.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 /** Habilita animación de entrada/salida (default: true) */\r\n animated?: boolean;\r\n /** Bloquea el scroll del body mientras el modal está abierto (default: true) */\r\n preventBodyScroll?: 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 animated = true,\r\n preventBodyScroll = true,\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 animated={animated}\r\n preventBodyScroll={preventBodyScroll}\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 { type ReactNode, 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 animated?: boolean;\r\n preventBodyScroll?: boolean;\r\n /** Spinner personalizado. Si no se provee, se usa el spinner por defecto de la librería. */\r\n spinner?: ReactNode;\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 animated = true,\r\n preventBodyScroll = true,\r\n spinner,\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 animated={animated}\r\n preventBodyScroll={preventBodyScroll}\r\n >\r\n <div className=\"sr-only\" aria-live=\"assertive\" aria-atomic=\"true\">\r\n {announceMessage}\r\n </div>\r\n {spinner ?? (\r\n <>\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 </>\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/components.d.mts CHANGED
@@ -1,7 +1,7 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
2
  import * as react from 'react';
3
3
  import { HTMLAttributes, ReactNode } from 'react';
4
- export { M as ModalConfirm, a as ModalConfirmProps } from './ModalConfirm-DsE7awHb.mjs';
4
+ export { M as ModalConfirm, a as ModalConfirmProps } from './ModalConfirm-CZJCfya3.mjs';
5
5
 
6
6
  type ButtonColor = "blue" | "skyblue" | "skyblue-light" | "yellow" | "light-skyblue" | "gray" | "gray-light" | "gray-extra-light" | "red" | "dark-gray" | "green" | "yellow-light" | "primary";
7
7
  type ButtonSize = "small" | "normal" | "large";
@@ -57,9 +57,15 @@ interface ModalProps extends HTMLAttributes<HTMLDivElement> {
57
57
  existTabIndex?: boolean;
58
58
  zIndexLevel?: number;
59
59
  onCloseComplete?: () => void;
60
+ /** Alinea el modal al tope de la pantalla en vez de al centro */
61
+ alignTop?: boolean;
62
+ /** Habilita animación de entrada/salida (default: true) */
63
+ animated?: boolean;
64
+ /** Bloquea el scroll del body mientras el modal está abierto (default: true) */
65
+ preventBodyScroll?: boolean;
60
66
  overlayColor?: "blue" | "skyblue" | "skyblue-light" | "yellow" | "light-skyblue" | "gray" | "gray-light" | "gray-extra-light" | "red" | "dark-gray" | "green" | "yellow-light" | "primary";
61
67
  }
62
- declare const Modal: ({ isOpen, onClose, children, whitoutBackground, closeButton, closeDisabled, escapeToClose, disableFocus, disableFocusRestore, existTabIndex, zIndexLevel, onCloseComplete, overlayColor: _overlayColor, ...props }: ModalProps) => react_jsx_runtime.JSX.Element | null;
68
+ declare const Modal: ({ isOpen, onClose, children, whitoutBackground, closeButton, closeDisabled, escapeToClose, disableFocus, disableFocusRestore, existTabIndex, zIndexLevel, onCloseComplete, alignTop, animated, preventBodyScroll, overlayColor: _overlayColor, ...props }: ModalProps) => react_jsx_runtime.JSX.Element | null;
63
69
 
64
70
  interface ModalBrowserIncompatibleProps {
65
71
  isOpen: boolean;
@@ -91,8 +97,12 @@ interface ModalLoadingProps {
91
97
  message?: string;
92
98
  className?: string;
93
99
  zIndexLevel?: number;
100
+ animated?: boolean;
101
+ preventBodyScroll?: boolean;
102
+ /** Spinner personalizado. Si no se provee, se usa el spinner por defecto de la librería. */
103
+ spinner?: ReactNode;
94
104
  }
95
- declare const ModalLoading: ({ isOpen, onClose, message, className, zIndexLevel, }: ModalLoadingProps) => react_jsx_runtime.JSX.Element;
105
+ declare const ModalLoading: ({ isOpen, onClose, message, className, zIndexLevel, animated, preventBodyScroll, spinner, }: ModalLoadingProps) => react_jsx_runtime.JSX.Element;
96
106
 
97
107
  interface ModalDnieVersionsProps {
98
108
  isOpen: boolean;
package/dist/components.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
2
  import * as react from 'react';
3
3
  import { HTMLAttributes, ReactNode } from 'react';
4
- export { M as ModalConfirm, a as ModalConfirmProps } from './ModalConfirm-DsE7awHb.js';
4
+ export { M as ModalConfirm, a as ModalConfirmProps } from './ModalConfirm-CZJCfya3.js';
5
5
 
6
6
  type ButtonColor = "blue" | "skyblue" | "skyblue-light" | "yellow" | "light-skyblue" | "gray" | "gray-light" | "gray-extra-light" | "red" | "dark-gray" | "green" | "yellow-light" | "primary";
7
7
  type ButtonSize = "small" | "normal" | "large";
@@ -57,9 +57,15 @@ interface ModalProps extends HTMLAttributes<HTMLDivElement> {
57
57
  existTabIndex?: boolean;
58
58
  zIndexLevel?: number;
59
59
  onCloseComplete?: () => void;
60
+ /** Alinea el modal al tope de la pantalla en vez de al centro */
61
+ alignTop?: boolean;
62
+ /** Habilita animación de entrada/salida (default: true) */
63
+ animated?: boolean;
64
+ /** Bloquea el scroll del body mientras el modal está abierto (default: true) */
65
+ preventBodyScroll?: boolean;
60
66
  overlayColor?: "blue" | "skyblue" | "skyblue-light" | "yellow" | "light-skyblue" | "gray" | "gray-light" | "gray-extra-light" | "red" | "dark-gray" | "green" | "yellow-light" | "primary";
61
67
  }
62
- declare const Modal: ({ isOpen, onClose, children, whitoutBackground, closeButton, closeDisabled, escapeToClose, disableFocus, disableFocusRestore, existTabIndex, zIndexLevel, onCloseComplete, overlayColor: _overlayColor, ...props }: ModalProps) => react_jsx_runtime.JSX.Element | null;
68
+ declare const Modal: ({ isOpen, onClose, children, whitoutBackground, closeButton, closeDisabled, escapeToClose, disableFocus, disableFocusRestore, existTabIndex, zIndexLevel, onCloseComplete, alignTop, animated, preventBodyScroll, overlayColor: _overlayColor, ...props }: ModalProps) => react_jsx_runtime.JSX.Element | null;
63
69
 
64
70
  interface ModalBrowserIncompatibleProps {
65
71
  isOpen: boolean;
@@ -91,8 +97,12 @@ interface ModalLoadingProps {
91
97
  message?: string;
92
98
  className?: string;
93
99
  zIndexLevel?: number;
100
+ animated?: boolean;
101
+ preventBodyScroll?: boolean;
102
+ /** Spinner personalizado. Si no se provee, se usa el spinner por defecto de la librería. */
103
+ spinner?: ReactNode;
94
104
  }
95
- declare const ModalLoading: ({ isOpen, onClose, message, className, zIndexLevel, }: ModalLoadingProps) => react_jsx_runtime.JSX.Element;
105
+ declare const ModalLoading: ({ isOpen, onClose, message, className, zIndexLevel, animated, preventBodyScroll, spinner, }: ModalLoadingProps) => react_jsx_runtime.JSX.Element;
96
106
 
97
107
  interface ModalDnieVersionsProps {
98
108
  isOpen: boolean;