@stackcraftmx/calcita 0.0.0-stage → 0.23.0

package/dist/forms/security/TwoStepVerificationCard.js

@@ -0,0 +1,336 @@
+"use client";
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { useState } from "react";
+import { Formik, Form } from "formik";
+import Alert from "@mui/material/Alert";
+import Box from "@mui/material/Box";
+import Button from "@mui/material/Button";
+import Dialog from "@mui/material/Dialog";
+import DialogActions from "@mui/material/DialogActions";
+import DialogContent from "@mui/material/DialogContent";
+import DialogContentText from "@mui/material/DialogContentText";
+import DialogTitle from "@mui/material/DialogTitle";
+import Divider from "@mui/material/Divider";
+import IconButton from "@mui/material/IconButton";
+import List from "@mui/material/List";
+import ListItem from "@mui/material/ListItem";
+import ListItemIcon from "@mui/material/ListItemIcon";
+import ListItemText from "@mui/material/ListItemText";
+import Stack from "@mui/material/Stack";
+import Tooltip from "@mui/material/Tooltip";
+import Typography from "@mui/material/Typography";
+import DeleteOutlineOutlinedIcon from "@mui/icons-material/DeleteOutlineOutlined";
+import FingerprintOutlinedIcon from "@mui/icons-material/FingerprintOutlined";
+import PhonelinkLockOutlinedIcon from "@mui/icons-material/PhonelinkLockOutlined";
+import VpnKeyOutlinedIcon from "@mui/icons-material/VpnKeyOutlined";
+import { toastSuccess } from "../../feedback/toast.js";
+import FormProblemAlert from "../FormProblemAlert.js";
+import FormTextField from "../FormTextField.js";
+import SubmitButton from "../SubmitButton.js";
+import { applyServerProblem } from "../applyServerProblem.js";
+import * as Yup from "yup";
+import { PASSKEY_NAME_MAX_LENGTH, TOTP_CODE_MIN_LENGTH, TOTP_CODE_MAX_LENGTH, TOTP_CODE_PATTERN, normalizeTotpCode, CURRENT_PASSWORD_MAX_LENGTH } from "./securityRules.js";
+import { formatDateTime } from "../../formatting.js";
+import RecoveryCodesDialog from "../../security/RecoveryCodesDialog.js";
+import { useToolkitTranslation } from "../../toolkit/useToolkitTranslation.js";
+import CopyButton from "../../ui/actions/CopyButton.js";
+import Tag from "../../ui/labels/Tag.js";
+import SectionCard from "../../ui/layout/SectionCard.js";
+const FEW_CODES_LEFT = 2;
+const QR_SIZE_PIXELS = 200;
+const CODE_FONT = "ui-monospace, SFMono-Regular, Menlo, monospace";
+function showFormError(error, formikHelpers, values) {
+  if (error?.cancelled) {
+    return;
+  }
+  if (error?.status === void 0) {
+    formikHelpers.setStatus(error?.message);
+    return;
+  }
+  applyServerProblem(error, { ...formikHelpers, values });
+}
+function PasswordDialog({ open, title, description, confirmLabel, onConfirm, onClose }) {
+  const { t } = useToolkitTranslation("security");
+  const passwordSchema = Yup.object({ password: Yup.string().max(CURRENT_PASSWORD_MAX_LENGTH).required(t("twoStep.passwordRequired")) });
+  return /* @__PURE__ */ jsx(Dialog, { open, onClose, maxWidth: "xs", fullWidth: true, children: /* @__PURE__ */ jsx(
+    Formik,
+    {
+      initialValues: { password: "" },
+      validationSchema: passwordSchema,
+      enableReinitialize: true,
+      onSubmit: async (values, helpers) => {
+        try {
+          await onConfirm(values.password);
+        } catch (error) {
+          showFormError(error, helpers, values);
+        }
+      },
+      children: () => /* @__PURE__ */ jsxs(Form, { noValidate: true, children: [
+        /* @__PURE__ */ jsx(DialogTitle, { children: title }),
+        /* @__PURE__ */ jsx(DialogContent, { children: /* @__PURE__ */ jsxs(Stack, { spacing: 2, children: [
+          /* @__PURE__ */ jsx(DialogContentText, { children: description }),
+          /* @__PURE__ */ jsx(FormProblemAlert, {}),
+          /* @__PURE__ */ jsx(FormTextField, { name: "password", label: t("twoStep.passwordLabel"), type: "password", autoComplete: "current-password", autoFocus: true })
+        ] }) }),
+        /* @__PURE__ */ jsxs(DialogActions, { children: [
+          /* @__PURE__ */ jsx(Button, { onClick: onClose, children: t("common:actions.cancel") }),
+          /* @__PURE__ */ jsx(SubmitButton, { size: "medium", color: "error", children: confirmLabel })
+        ] })
+      ] })
+    }
+  ) });
+}
+function TotpDialog({ setup, onConfirm, onClose }) {
+  const { t } = useToolkitTranslation("security");
+  const codeSchema = Yup.object({
+    code: Yup.string().trim().required(t("twoStep.codeRequired")).min(TOTP_CODE_MIN_LENGTH).max(TOTP_CODE_MAX_LENGTH).matches(TOTP_CODE_PATTERN, t("twoStep.codeFormat"))
+  });
+  return /* @__PURE__ */ jsx(Dialog, { open: Boolean(setup), onClose, maxWidth: "xs", fullWidth: true, children: /* @__PURE__ */ jsx(
+    Formik,
+    {
+      initialValues: { code: "" },
+      validationSchema: codeSchema,
+      onSubmit: async (values, helpers) => {
+        try {
+          await onConfirm(normalizeTotpCode(values.code));
+        } catch (error) {
+          showFormError(error, helpers, values);
+        }
+      },
+      children: () => /* @__PURE__ */ jsxs(Form, { noValidate: true, children: [
+        /* @__PURE__ */ jsx(DialogTitle, { children: t("twoStep.totpDialogTitle") }),
+        /* @__PURE__ */ jsx(DialogContent, { children: /* @__PURE__ */ jsxs(Stack, { spacing: 2, children: [
+          /* @__PURE__ */ jsx(Typography, { variant: "body2", children: t("twoStep.totpStep1") }),
+          setup?.qrImageUrl && /* @__PURE__ */ jsx(
+            Box,
+            {
+              component: "img",
+              src: setup.qrImageUrl,
+              alt: t("twoStep.totpQrAlt"),
+              sx: { width: QR_SIZE_PIXELS, height: QR_SIZE_PIXELS, alignSelf: "center", borderRadius: 1, bgcolor: "common.white" }
+            }
+          ),
+          /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "text.secondary", children: t("twoStep.totpCantScan") }),
+          /* @__PURE__ */ jsxs(Stack, { direction: "row", spacing: 1, sx: { alignItems: "center" }, children: [
+            /* @__PURE__ */ jsx(Box, { component: "code", sx: { fontFamily: CODE_FONT, fontSize: 13, wordBreak: "break-all" }, children: setup?.secret }),
+            /* @__PURE__ */ jsx(CopyButton, { value: setup?.secret ?? "" })
+          ] }),
+          /* @__PURE__ */ jsx(Typography, { variant: "body2", children: t("twoStep.totpStep2") }),
+          /* @__PURE__ */ jsx(FormProblemAlert, {}),
+          /* @__PURE__ */ jsx(
+            FormTextField,
+            {
+              name: "code",
+              label: t("twoStep.codeLabel"),
+              autoComplete: "one-time-code",
+              clearable: false,
+              slotProps: { htmlInput: { inputMode: "numeric", maxLength: TOTP_CODE_MAX_LENGTH } }
+            }
+          ),
+          setup?.extra
+        ] }) }),
+        /* @__PURE__ */ jsxs(DialogActions, { children: [
+          /* @__PURE__ */ jsx(Button, { onClick: onClose, children: t("common:actions.cancel") }),
+          /* @__PURE__ */ jsx(SubmitButton, { size: "medium", children: t("twoStep.activate") })
+        ] })
+      ] })
+    }
+  ) });
+}
+function PasskeyDialog({ open, onAdd, onClose, notice }) {
+  const { t } = useToolkitTranslation("security");
+  const nameSchema = Yup.object({ name: Yup.string().trim().max(PASSKEY_NAME_MAX_LENGTH) });
+  return /* @__PURE__ */ jsx(Dialog, { open, onClose, maxWidth: "xs", fullWidth: true, children: /* @__PURE__ */ jsx(
+    Formik,
+    {
+      initialValues: { name: "" },
+      validationSchema: nameSchema,
+      onSubmit: async (values, helpers) => {
+        try {
+          await onAdd(values.name.trim());
+        } catch (error) {
+          showFormError(error, helpers, values);
+        }
+      },
+      children: () => /* @__PURE__ */ jsxs(Form, { noValidate: true, children: [
+        /* @__PURE__ */ jsx(DialogTitle, { children: t("twoStep.passkeyDialogTitle") }),
+        /* @__PURE__ */ jsx(DialogContent, { children: /* @__PURE__ */ jsxs(Stack, { spacing: 2, children: [
+          /* @__PURE__ */ jsx(DialogContentText, { children: t("twoStep.passkeyDialogText") }),
+          notice && /* @__PURE__ */ jsx(Alert, { severity: "info", children: notice }),
+          /* @__PURE__ */ jsx(FormProblemAlert, {}),
+          /* @__PURE__ */ jsx(
+            FormTextField,
+            {
+              name: "name",
+              label: t("twoStep.passkeyName"),
+              placeholder: t("twoStep.passkeyNamePlaceholder"),
+              autoFocus: true,
+              slotProps: { htmlInput: { maxLength: PASSKEY_NAME_MAX_LENGTH } }
+            }
+          )
+        ] }) }),
+        /* @__PURE__ */ jsxs(DialogActions, { children: [
+          /* @__PURE__ */ jsx(Button, { onClick: onClose, children: t("common:actions.cancel") }),
+          /* @__PURE__ */ jsx(SubmitButton, { size: "medium", startIcon: /* @__PURE__ */ jsx(FingerprintOutlinedIcon, {}), children: t("twoStep.createPasskey") })
+        ] })
+      ] })
+    }
+  ) });
+}
+function SettingRow({ Icon, title, caption, captionColor = "text.secondary", action }) {
+  return /* @__PURE__ */ jsxs(Stack, { direction: "row", spacing: 1, sx: { alignItems: "center", justifyContent: "space-between" }, children: [
+    /* @__PURE__ */ jsxs(Stack, { direction: "row", spacing: 1.5, sx: { alignItems: "center", minWidth: 0 }, children: [
+      /* @__PURE__ */ jsx(Icon, { color: "action" }),
+      /* @__PURE__ */ jsxs(Box, { sx: { minWidth: 0 }, children: [
+        /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", children: title }),
+        caption && /* @__PURE__ */ jsx(Typography, { variant: "caption", color: captionColor, component: "p", children: caption })
+      ] })
+    ] }),
+    action
+  ] });
+}
+function TwoStepVerificationCard({ security, onSecurityChange, actions, canUsePasskeys = false, account, passkeyNotice }) {
+  const { t } = useToolkitTranslation("security");
+  const [dialog, setDialog] = useState(null);
+  const [totpSetup, setTotpSetup] = useState(null);
+  const [recoveryCodes, setRecoveryCodes] = useState(null);
+  const [error, setError] = useState(null);
+  const close = () => setDialog(null);
+  const apply = (result, message) => {
+    onSecurityChange(result.security);
+    if (result.recoveryCodes?.length) {
+      setRecoveryCodes(result.recoveryCodes);
+    }
+    if (message) {
+      toastSuccess(message);
+    }
+    close();
+  };
+  const startTotp = async () => {
+    setError(null);
+    try {
+      setTotpSetup(await actions.startTotp());
+    } catch (caught) {
+      setError(caught.message);
+    }
+  };
+  const passkeyBeingRemoved = dialog?.passkey;
+  const codesLeft = security.recoveryCodesRemaining;
+  return /* @__PURE__ */ jsxs(SectionCard, { title: t("twoStep.title"), children: [
+    /* @__PURE__ */ jsxs(Stack, { spacing: 2, children: [
+      /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "text.secondary", children: t("twoStep.description") }),
+      /* @__PURE__ */ jsx(Box, { children: security.isEnabled ? /* @__PURE__ */ jsx(Tag, { label: t("twoStep.active"), color: "success", tooltip: t("twoStep.activeSince", { date: formatDateTime(security.enabledAt) }) }) : /* @__PURE__ */ jsx(Tag, { label: t("twoStep.inactive"), color: "warning", tooltip: t("twoStep.inactiveTooltip") }) }),
+      error && /* @__PURE__ */ jsx(Alert, { severity: "error", onClose: () => setError(null), children: error }),
+      /* @__PURE__ */ jsx(Divider, {}),
+      /* @__PURE__ */ jsx(
+        SettingRow,
+        {
+          Icon: FingerprintOutlinedIcon,
+          title: t("twoStep.passkeysTitle"),
+          caption: security.passkeys.length === 0 ? canUsePasskeys ? t("twoStep.passkeysEmpty") : t("passkeys.unsupported") : null,
+          action: canUsePasskeys && /* @__PURE__ */ jsx(Button, { size: "small", onClick: () => setDialog({ kind: "passkey" }), children: t("twoStep.add") })
+        }
+      ),
+      security.passkeys.length > 0 && /* @__PURE__ */ jsx(List, { dense: true, disablePadding: true, children: security.passkeys.map((passkey) => /* @__PURE__ */ jsxs(ListItem, { disableGutters: true, secondaryAction: /* @__PURE__ */ jsx(Tooltip, { title: t("twoStep.removePasskeyTooltip"), children: /* @__PURE__ */ jsx(
+        IconButton,
+        {
+          edge: "end",
+          "aria-label": t("twoStep.removePasskey", { name: passkey.name }),
+          onClick: () => setDialog({ kind: "removePasskey", passkey }),
+          children: /* @__PURE__ */ jsx(DeleteOutlineOutlinedIcon, { fontSize: "small" })
+        }
+      ) }), children: [
+        /* @__PURE__ */ jsx(ListItemIcon, { sx: { minWidth: 32 }, children: /* @__PURE__ */ jsx(VpnKeyOutlinedIcon, { fontSize: "small" }) }),
+        /* @__PURE__ */ jsx(
+          ListItemText,
+          {
+            primary: passkey.name,
+            secondary: passkey.lastUsedAt ? t("twoStep.passkeyUsed", { date: formatDateTime(passkey.lastUsedAt) }) : t("twoStep.passkeyCreated", { date: formatDateTime(passkey.createdAt) })
+          }
+        )
+      ] }, passkey.id)) }),
+      /* @__PURE__ */ jsx(Divider, {}),
+      /* @__PURE__ */ jsx(
+        SettingRow,
+        {
+          Icon: PhonelinkLockOutlinedIcon,
+          title: t("twoStep.appTitle"),
+          caption: security.totp.isEnabled ? t("twoStep.appActiveSince", { date: formatDateTime(security.totp.enabledAt) }) : t("twoStep.appDescription"),
+          action: security.totp.isEnabled ? /* @__PURE__ */ jsx(Button, { size: "small", color: "error", onClick: () => setDialog({ kind: "disableTotp" }), children: t("twoStep.deactivate") }) : /* @__PURE__ */ jsx(Button, { size: "small", onClick: startTotp, children: t("twoStep.activate") })
+        }
+      ),
+      security.isEnabled && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(Divider, {}),
+        /* @__PURE__ */ jsx(
+          SettingRow,
+          {
+            Icon: VpnKeyOutlinedIcon,
+            title: t("twoStep.codesTitle"),
+            caption: codesLeft ? t("twoStep.codesRemaining", { count: codesLeft }) : t("twoStep.codesNone"),
+            captionColor: codesLeft <= FEW_CODES_LEFT ? "warning.main" : "text.secondary",
+            action: /* @__PURE__ */ jsx(Button, { size: "small", onClick: () => setDialog({ kind: "regenerateCodes" }), children: t("twoStep.regenerate") })
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(
+      PasskeyDialog,
+      {
+        open: dialog?.kind === "passkey",
+        onClose: close,
+        notice: passkeyNotice,
+        onAdd: async (name) => apply(await actions.addPasskey(name), t("twoStep.passkeyAdded"))
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      TotpDialog,
+      {
+        setup: totpSetup,
+        onClose: () => setTotpSetup(null),
+        onConfirm: async (code) => {
+          const result = await actions.confirmTotp(code);
+          setTotpSetup(null);
+          apply(result, t("twoStep.appActivated"));
+        }
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      PasswordDialog,
+      {
+        open: dialog?.kind === "disableTotp",
+        onClose: close,
+        title: t("twoStep.disableTitle"),
+        description: t("twoStep.disableText"),
+        confirmLabel: t("twoStep.deactivate"),
+        onConfirm: async (password) => apply(await actions.disableTotp(password), t("twoStep.appDeactivated"))
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      PasswordDialog,
+      {
+        open: dialog?.kind === "removePasskey",
+        onClose: close,
+        title: t("twoStep.removeTitle", { name: passkeyBeingRemoved?.name ?? "" }),
+        description: t("twoStep.removeText"),
+        confirmLabel: t("twoStep.remove"),
+        onConfirm: async (password) => apply(await actions.removePasskey(passkeyBeingRemoved, password), t("twoStep.passkeyRemoved"))
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      PasswordDialog,
+      {
+        open: dialog?.kind === "regenerateCodes",
+        onClose: close,
+        title: t("twoStep.regenerateTitle"),
+        description: t("twoStep.regenerateText"),
+        confirmLabel: t("twoStep.generate"),
+        onConfirm: async (password) => apply(await actions.regenerateRecoveryCodes(password))
+      }
+    ),
+    /* @__PURE__ */ jsx(RecoveryCodesDialog, { codes: recoveryCodes, account, onClose: () => setRecoveryCodes(null) })
+  ] });
+}
+export {
+  TwoStepVerificationCard as default
+};
+//# sourceMappingURL=TwoStepVerificationCard.js.map

package/dist/forms/security/TwoStepVerificationCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TwoStepVerificationCard.js","sources":["../../../src/forms/security/TwoStepVerificationCard.jsx"],"sourcesContent":["// «Verificación en dos pasos» de «Mi perfil»: las llaves de acceso, la app autenticadora y los códigos de recuperación.\n//\n// Lo que QUITA protección (desactivar la app, quitar una llave, generar códigos nuevos) pide la contraseña: una sesión que\n// alguien dejó abierta no debe bastar para desarmar la cuenta. Activar no la pide.\n//\n// La tarjeta no sabe del servidor: el proyecto le pasa el estado (security) y qué hacer en cada caso (actions); cada\n// acción regresa {security, recoveryCodes?} y la tarjeta avisa el estado nuevo con onSecurityChange. Las llaves de acceso\n// las crea el proyecto con createPasskey (@stackcraftmx/calcita/passkeys) dentro de actions.addPasskey: así esta puerta no\n// carga la librería de llaves.\n//\n//   <TwoStepVerificationCard security={security} onSecurityChange={setSecurity} account={session.email}\n//                            canUsePasskeys={passkeysSupported()} actions={securityActions} />\n//\n// Genérico del paquete: function (regla de la casa).\nimport {useState} from 'react';\nimport {Form, Formik} from 'formik';\nimport Alert from '@mui/material/Alert';\nimport Box from '@mui/material/Box';\nimport Button from '@mui/material/Button';\nimport Dialog from '@mui/material/Dialog';\nimport DialogActions from '@mui/material/DialogActions';\nimport DialogContent from '@mui/material/DialogContent';\nimport DialogContentText from '@mui/material/DialogContentText';\nimport DialogTitle from '@mui/material/DialogTitle';\nimport Divider from '@mui/material/Divider';\nimport IconButton from '@mui/material/IconButton';\nimport List from '@mui/material/List';\nimport ListItem from '@mui/material/ListItem';\nimport ListItemIcon from '@mui/material/ListItemIcon';\nimport ListItemText from '@mui/material/ListItemText';\nimport Stack from '@mui/material/Stack';\nimport Tooltip from '@mui/material/Tooltip';\nimport Typography from '@mui/material/Typography';\nimport DeleteOutlineOutlinedIcon from '@mui/icons-material/DeleteOutlineOutlined';\nimport FingerprintOutlinedIcon from '@mui/icons-material/FingerprintOutlined';\nimport PhonelinkLockOutlinedIcon from '@mui/icons-material/PhonelinkLockOutlined';\nimport VpnKeyOutlinedIcon from '@mui/icons-material/VpnKeyOutlined';\n\nimport {toastSuccess} from '@/feedback/toast.jsx';\nimport FormProblemAlert from '@/forms/FormProblemAlert.jsx';\nimport FormTextField from '@/forms/FormTextField.jsx';\nimport SubmitButton from '@/forms/SubmitButton.jsx';\nimport {applyServerProblem} from '@/forms/applyServerProblem.js';\nimport {Yup} from '@/forms/validation.js';\nimport {\n    CURRENT_PASSWORD_MAX_LENGTH, PASSKEY_NAME_MAX_LENGTH, TOTP_CODE_MAX_LENGTH, TOTP_CODE_MIN_LENGTH, TOTP_CODE_PATTERN, normalizeTotpCode,\n} from '@/forms/security/securityRules.js';\nimport {formatDateTime} from '@/formatting.js';\nimport RecoveryCodesDialog from '@/security/RecoveryCodesDialog.jsx';\nimport {useToolkitTranslation} from '@/toolkit/useToolkitTranslation.js';\nimport CopyButton from '@/ui/actions/CopyButton.jsx';\nimport Tag from '@/ui/labels/Tag.jsx';\nimport SectionCard from '@/ui/layout/SectionCard.jsx';\n\n// los códigos que quedan desde donde se avisa en ámbar que ya son pocos\nconst FEW_CODES_LEFT = 2;\nconst QR_SIZE_PIXELS = 200;\nconst CODE_FONT = 'ui-monospace, SFMono-Regular, Menlo, monospace';\n\n/**\n * Lo que hace un formulario de la tarjeta con un error: un ApiError va a su campo o arriba (applyServerProblem); un\n * error del navegador (la llave de acceso) va arriba; si la persona solo canceló, nada.\n *\n * @param {Error & {cancelled?: boolean, status?: number}} error\n * @param {object} formikHelpers\n * @param {object} values\n */\nfunction showFormError(error, formikHelpers, values) {\n    if (error?.cancelled) {\n        return;\n    }\n    if (error?.status === undefined) {\n        formikHelpers.setStatus(error?.message);\n        return;\n    }\n    applyServerProblem(error, {...formikHelpers, values});\n}\n\n/** Confirmar con la contraseña antes de quitar protección. */\nfunction PasswordDialog({open, title, description, confirmLabel, onConfirm, onClose}) {\n    const {t} = useToolkitTranslation('security');\n    const passwordSchema = Yup.object({password: Yup.string().max(CURRENT_PASSWORD_MAX_LENGTH).required(t('twoStep.passwordRequired'))});\n\n    return (\n        <Dialog open={open} onClose={onClose} maxWidth=\"xs\" fullWidth>\n            <Formik initialValues={{password: ''}} validationSchema={passwordSchema} enableReinitialize\n                    onSubmit={async (values, helpers) => {\n                        try {\n                            await onConfirm(values.password);\n                        } catch (error) {\n                            showFormError(error, helpers, values);\n                        }\n                    }}>\n                {() => (\n                    <Form noValidate>\n                        <DialogTitle>{title}</DialogTitle>\n                        <DialogContent>\n                            <Stack spacing={2}>\n                                <DialogContentText>{description}</DialogContentText>\n                                <FormProblemAlert />\n                                <FormTextField name=\"password\" label={t('twoStep.passwordLabel')} type=\"password\" autoComplete=\"current-password\" autoFocus />\n                            </Stack>\n                        </DialogContent>\n                        <DialogActions>\n                            <Button onClick={onClose}>{t('common:actions.cancel')}</Button>\n                            <SubmitButton size=\"medium\" color=\"error\">{confirmLabel}</SubmitButton>\n                        </DialogActions>\n                    </Form>\n                )}\n            </Formik>\n        </Dialog>\n    );\n}\n\n/** Activar la app: escanear el QR (o teclear la clave) y confirmar con un código. */\nfunction TotpDialog({setup, onConfirm, onClose}) {\n    const {t} = useToolkitTranslation('security');\n    const codeSchema = Yup.object({\n        code: Yup.string().trim().required(t('twoStep.codeRequired')).min(TOTP_CODE_MIN_LENGTH).max(TOTP_CODE_MAX_LENGTH)\n            .matches(TOTP_CODE_PATTERN, t('twoStep.codeFormat')),\n    });\n\n    return (\n        <Dialog open={Boolean(setup)} onClose={onClose} maxWidth=\"xs\" fullWidth>\n            <Formik initialValues={{code: ''}} validationSchema={codeSchema}\n                    onSubmit={async (values, helpers) => {\n                        try {\n                            await onConfirm(normalizeTotpCode(values.code));\n                        } catch (error) {\n                            showFormError(error, helpers, values);\n                        }\n                    }}>\n                {() => (\n                    <Form noValidate>\n                        <DialogTitle>{t('twoStep.totpDialogTitle')}</DialogTitle>\n                        <DialogContent>\n                            <Stack spacing={2}>\n                                <Typography variant=\"body2\">{t('twoStep.totpStep1')}</Typography>\n                                {setup?.qrImageUrl && (\n                                    <Box component=\"img\" src={setup.qrImageUrl} alt={t('twoStep.totpQrAlt')}\n                                         sx={{width: QR_SIZE_PIXELS, height: QR_SIZE_PIXELS, alignSelf: 'center', borderRadius: 1, bgcolor: 'common.white'}} />\n                                )}\n                                <Typography variant=\"caption\" color=\"text.secondary\">{t('twoStep.totpCantScan')}</Typography>\n                                <Stack direction=\"row\" spacing={1} sx={{alignItems: 'center'}}>\n                                    <Box component=\"code\" sx={{fontFamily: CODE_FONT, fontSize: 13, wordBreak: 'break-all'}}>{setup?.secret}</Box>\n                                    <CopyButton value={setup?.secret ?? ''} />\n                                </Stack>\n                                <Typography variant=\"body2\">{t('twoStep.totpStep2')}</Typography>\n                                <FormProblemAlert />\n                                <FormTextField name=\"code\" label={t('twoStep.codeLabel')} autoComplete=\"one-time-code\" clearable={false}\n                                               slotProps={{htmlInput: {inputMode: 'numeric', maxLength: TOTP_CODE_MAX_LENGTH}}} />\n                                {setup?.extra}\n                            </Stack>\n                        </DialogContent>\n                        <DialogActions>\n                            <Button onClick={onClose}>{t('common:actions.cancel')}</Button>\n                            <SubmitButton size=\"medium\">{t('twoStep.activate')}</SubmitButton>\n                        </DialogActions>\n                    </Form>\n                )}\n            </Formik>\n        </Dialog>\n    );\n}\n\n/** Nombrar y crear una llave nueva (el navegador pide la huella, el rostro o el PIN); notice va arriba del nombre. */\nfunction PasskeyDialog({open, onAdd, onClose, notice}) {\n    const {t} = useToolkitTranslation('security');\n    const nameSchema = Yup.object({name: Yup.string().trim().max(PASSKEY_NAME_MAX_LENGTH)});\n\n    return (\n        <Dialog open={open} onClose={onClose} maxWidth=\"xs\" fullWidth>\n            <Formik initialValues={{name: ''}} validationSchema={nameSchema}\n                    onSubmit={async (values, helpers) => {\n                        try {\n                            await onAdd(values.name.trim());\n                        } catch (error) {\n                            showFormError(error, helpers, values);\n                        }\n                    }}>\n                {() => (\n                    <Form noValidate>\n                        <DialogTitle>{t('twoStep.passkeyDialogTitle')}</DialogTitle>\n                        <DialogContent>\n                            <Stack spacing={2}>\n                                <DialogContentText>{t('twoStep.passkeyDialogText')}</DialogContentText>\n                                {notice && <Alert severity=\"info\">{notice}</Alert>}\n                                <FormProblemAlert />\n                                <FormTextField name=\"name\" label={t('twoStep.passkeyName')} placeholder={t('twoStep.passkeyNamePlaceholder')} autoFocus\n                                               slotProps={{htmlInput: {maxLength: PASSKEY_NAME_MAX_LENGTH}}} />\n                            </Stack>\n                        </DialogContent>\n                        <DialogActions>\n                            <Button onClick={onClose}>{t('common:actions.cancel')}</Button>\n                            <SubmitButton size=\"medium\" startIcon={<FingerprintOutlinedIcon />}>{t('twoStep.createPasskey')}</SubmitButton>\n                        </DialogActions>\n                    </Form>\n                )}\n            </Formik>\n        </Dialog>\n    );\n}\n\n/**\n * Un renglón de la tarjeta: ícono, nombre, explicación chica y su botón a la derecha.\n *\n * @param {{Icon: import('react').ElementType, title: string, caption?: import('react').ReactNode, captionColor?: string, action?: import('react').ReactNode}} props\n */\nfunction SettingRow({Icon, title, caption, captionColor = 'text.secondary', action}) {\n    return (\n        <Stack direction=\"row\" spacing={1} sx={{alignItems: 'center', justifyContent: 'space-between'}}>\n            <Stack direction=\"row\" spacing={1.5} sx={{alignItems: 'center', minWidth: 0}}>\n                <Icon color=\"action\" />\n                <Box sx={{minWidth: 0}}>\n                    <Typography variant=\"subtitle2\">{title}</Typography>\n                    {caption && <Typography variant=\"caption\" color={captionColor} component=\"p\">{caption}</Typography>}\n                </Box>\n            </Stack>\n            {action}\n        </Stack>\n    );\n}\n\n/**\n * @param {object} props\n * @param {{isEnabled: boolean, enabledAt?: string|null, passkeys: Array<{id: string, name: string, createdAt: string, lastUsedAt?: string|null}>, totp: {isEnabled: boolean, enabledAt?: string|null}, recoveryCodesRemaining: number}} props.security\n * @param {(security: {isEnabled: boolean, enabledAt?: string|null, passkeys: Array<{id: string, name: string, createdAt: string, lastUsedAt?: string|null}>, totp: {isEnabled: boolean, enabledAt?: string|null}, recoveryCodesRemaining: number}) => void} props.onSecurityChange\n * @param {object} props.actions lo que hace el proyecto en cada caso; cada una regresa {security, recoveryCodes?}\n * @param {(name: string) => Promise<{security: object, recoveryCodes?: string[]}>} props.actions.addPasskey crea la llave\n *     (createPasskey) y la guarda en el servidor\n * @param {(passkey: {id: string, name: string}, password: string) => Promise<{security: object}>} props.actions.removePasskey\n * @param {() => Promise<{secret: string, qrImageUrl: string, extra?: import('react').ReactNode}>} props.actions.startTotp\n *     la clave y su QR; extra va abajo del campo (p. ej. un atajo de los ejemplos)\n * @param {(code: string) => Promise<{security: object, recoveryCodes?: string[]}>} props.actions.confirmTotp\n * @param {(password: string) => Promise<{security: object}>} props.actions.disableTotp\n * @param {(password: string) => Promise<{security: object, recoveryCodes: string[]}>} props.actions.regenerateRecoveryCodes\n * @param {boolean} [props.canUsePasskeys] passkeysSupported() de /passkeys; sin él no se ofrece agregar llaves\n * @param {string} [props.account] la cuenta (el correo), para el archivo de los códigos\n * @param {import('react').ReactNode} [props.passkeyNotice] un aviso en el diálogo de crear la llave, antes de que el\n *     navegador la guarde (p. ej. el de la demostración: la llave queda de verdad en el llavero de la persona)\n */\nexport default function TwoStepVerificationCard({security, onSecurityChange, actions, canUsePasskeys = false, account, passkeyNotice}) {\n    const {t} = useToolkitTranslation('security');\n    // qué diálogo está abierto: uno a la vez\n    const [dialog, setDialog] = useState(null);\n    const [totpSetup, setTotpSetup] = useState(null);\n    const [recoveryCodes, setRecoveryCodes] = useState(null);\n    const [error, setError] = useState(null);\n\n    const close = () => setDialog(null);\n    // lo que regresa cada acción: el estado nuevo, los códigos si hubo, el aviso y cerrar el diálogo\n    const apply = (result, message) => {\n        onSecurityChange(result.security);\n        if (result.recoveryCodes?.length) {\n            setRecoveryCodes(result.recoveryCodes);\n        }\n        if (message) {\n            toastSuccess(message);\n        }\n        close();\n    };\n\n    const startTotp = async () => {\n        setError(null);\n        try {\n            setTotpSetup(await actions.startTotp());\n        } catch (caught) {\n            setError(caught.message);\n        }\n    };\n\n    const passkeyBeingRemoved = dialog?.passkey;\n    const codesLeft = security.recoveryCodesRemaining;\n\n    return (\n        <SectionCard title={t('twoStep.title')}>\n            <Stack spacing={2}>\n                <Typography variant=\"body2\" color=\"text.secondary\">{t('twoStep.description')}</Typography>\n                <Box>\n                    {security.isEnabled\n                        ? <Tag label={t('twoStep.active')} color=\"success\" tooltip={t('twoStep.activeSince', {date: formatDateTime(security.enabledAt)})} />\n                        : <Tag label={t('twoStep.inactive')} color=\"warning\" tooltip={t('twoStep.inactiveTooltip')} />}\n                </Box>\n                {error && <Alert severity=\"error\" onClose={() => setError(null)}>{error}</Alert>}\n\n                <Divider />\n                <SettingRow Icon={FingerprintOutlinedIcon} title={t('twoStep.passkeysTitle')}\n                            caption={security.passkeys.length === 0 ? (canUsePasskeys ? t('twoStep.passkeysEmpty') : t('passkeys.unsupported')) : null}\n                            action={canUsePasskeys && <Button size=\"small\" onClick={() => setDialog({kind: 'passkey'})}>{t('twoStep.add')}</Button>} />\n                {security.passkeys.length > 0 && (\n                    <List dense disablePadding>\n                        {security.passkeys.map((passkey) => (\n                            <ListItem key={passkey.id} disableGutters secondaryAction={(\n                                <Tooltip title={t('twoStep.removePasskeyTooltip')}>\n                                    <IconButton edge=\"end\" aria-label={t('twoStep.removePasskey', {name: passkey.name})}\n                                                onClick={() => setDialog({kind: 'removePasskey', passkey})}>\n                                        <DeleteOutlineOutlinedIcon fontSize=\"small\" />\n                                    </IconButton>\n                                </Tooltip>\n                            )}>\n                                <ListItemIcon sx={{minWidth: 32}}><VpnKeyOutlinedIcon fontSize=\"small\" /></ListItemIcon>\n                                <ListItemText primary={passkey.name}\n                                              secondary={passkey.lastUsedAt\n                                                  ? t('twoStep.passkeyUsed', {date: formatDateTime(passkey.lastUsedAt)})\n                                                  : t('twoStep.passkeyCreated', {date: formatDateTime(passkey.createdAt)})} />\n                            </ListItem>\n                        ))}\n                    </List>\n                )}\n\n                <Divider />\n                <SettingRow Icon={PhonelinkLockOutlinedIcon} title={t('twoStep.appTitle')}\n                            caption={security.totp.isEnabled ? t('twoStep.appActiveSince', {date: formatDateTime(security.totp.enabledAt)}) : t('twoStep.appDescription')}\n                            action={security.totp.isEnabled\n                                ? <Button size=\"small\" color=\"error\" onClick={() => setDialog({kind: 'disableTotp'})}>{t('twoStep.deactivate')}</Button>\n                                : <Button size=\"small\" onClick={startTotp}>{t('twoStep.activate')}</Button>} />\n\n                {/* los códigos de recuperación solo existen con la verificación activa */}\n                {security.isEnabled && (\n                    <>\n                        <Divider />\n                        <SettingRow Icon={VpnKeyOutlinedIcon} title={t('twoStep.codesTitle')}\n                                    caption={codesLeft ? t('twoStep.codesRemaining', {count: codesLeft}) : t('twoStep.codesNone')}\n                                    captionColor={codesLeft <= FEW_CODES_LEFT ? 'warning.main' : 'text.secondary'}\n                                    action={<Button size=\"small\" onClick={() => setDialog({kind: 'regenerateCodes'})}>{t('twoStep.regenerate')}</Button>} />\n                    </>\n                )}\n            </Stack>\n\n            <PasskeyDialog open={dialog?.kind === 'passkey'} onClose={close} notice={passkeyNotice}\n                           onAdd={async (name) => apply(await actions.addPasskey(name), t('twoStep.passkeyAdded'))} />\n            <TotpDialog setup={totpSetup} onClose={() => setTotpSetup(null)}\n                        onConfirm={async (code) => {\n                            const result = await actions.confirmTotp(code);\n                            setTotpSetup(null);\n                            apply(result, t('twoStep.appActivated'));\n                        }} />\n            <PasswordDialog open={dialog?.kind === 'disableTotp'} onClose={close} title={t('twoStep.disableTitle')}\n                            description={t('twoStep.disableText')} confirmLabel={t('twoStep.deactivate')}\n                            onConfirm={async (password) => apply(await actions.disableTotp(password), t('twoStep.appDeactivated'))} />\n            <PasswordDialog open={dialog?.kind === 'removePasskey'} onClose={close}\n                            title={t('twoStep.removeTitle', {name: passkeyBeingRemoved?.name ?? ''})} description={t('twoStep.removeText')}\n                            confirmLabel={t('twoStep.remove')}\n                            onConfirm={async (password) => apply(await actions.removePasskey(passkeyBeingRemoved, password), t('twoStep.passkeyRemoved'))} />\n            <PasswordDialog open={dialog?.kind === 'regenerateCodes'} onClose={close} title={t('twoStep.regenerateTitle')}\n                            description={t('twoStep.regenerateText')} confirmLabel={t('twoStep.generate')}\n                            onConfirm={async (password) => apply(await actions.regenerateRecoveryCodes(password))} />\n            <RecoveryCodesDialog codes={recoveryCodes} account={account} onClose={() => setRecoveryCodes(null)} />\n        </SectionCard>\n    );\n}\n"],"names":[],"mappings":"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"}

package/dist/forms/security/securityRules.js

@@ -0,0 +1,28 @@
+const TOTP_CODE_MIN_LENGTH = 6;
+const TOTP_CODE_MAX_LENGTH = 7;
+const RECOVERY_CODE_MIN_LENGTH = 10;
+const RECOVERY_CODE_MAX_LENGTH = 11;
+const PASSKEY_NAME_MAX_LENGTH = 60;
+const CURRENT_PASSWORD_MAX_LENGTH = 128;
+const TOTP_CODE_PATTERN = /^\d{3}\s?\d{3}$/;
+const RECOVERY_CODE_PATTERN = /^[A-Za-z0-9]{5}-?[A-Za-z0-9]{5}$/;
+function normalizeTotpCode(code) {
+  return String(code ?? "").replace(/\s/g, "");
+}
+function normalizeRecoveryCode(code) {
+  const compact = String(code ?? "").replace(/[\s-]/g, "").toUpperCase();
+  return compact.length === RECOVERY_CODE_MIN_LENGTH ? `${compact.slice(0, 5)}-${compact.slice(5)}` : compact;
+}
+export {
+  CURRENT_PASSWORD_MAX_LENGTH,
+  PASSKEY_NAME_MAX_LENGTH,
+  RECOVERY_CODE_MAX_LENGTH,
+  RECOVERY_CODE_MIN_LENGTH,
+  RECOVERY_CODE_PATTERN,
+  TOTP_CODE_MAX_LENGTH,
+  TOTP_CODE_MIN_LENGTH,
+  TOTP_CODE_PATTERN,
+  normalizeRecoveryCode,
+  normalizeTotpCode
+};
+//# sourceMappingURL=securityRules.js.map

package/dist/forms/security/securityRules.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"securityRules.js","sources":["../../../src/forms/security/securityRules.js"],"sourcesContent":["// Las reglas de los códigos y la contraseña de la verificación en dos pasos, aparte para probarlas sin navegador.\n//\n// Los topes son la forma del código con su separador: «123 456» son 7 y «ABCDE-FGHJK» son 11. Antes de mandarlo al\n// servidor se le quitan los espacios (el de la app) y se deja en mayúsculas (el de recuperación).\n//\n// Funciones puras, no renderizan: function (regla de la casa).\n\nexport const TOTP_CODE_MIN_LENGTH = 6;\nexport const TOTP_CODE_MAX_LENGTH = 7;\nexport const RECOVERY_CODE_MIN_LENGTH = 10;\nexport const RECOVERY_CODE_MAX_LENGTH = 11;\nexport const PASSKEY_NAME_MAX_LENGTH = 60;\n// la contraseña actual no lleva mínimo: es la que ya tiene; solo el tope para no mandar textos enormes\nexport const CURRENT_PASSWORD_MAX_LENGTH = 128;\n\n/** «123456» o «123 456». */\nexport const TOTP_CODE_PATTERN = /^\\d{3}\\s?\\d{3}$/;\n/** «ABCDE-FGHJK» o «ABCDEFGHJK». */\nexport const RECOVERY_CODE_PATTERN = /^[A-Za-z0-9]{5}-?[A-Za-z0-9]{5}$/;\n\n/**\n * El código de la app como lo espera el servidor: los 6 dígitos sin espacios.\n *\n * @param {string} code\n * @returns {string}\n */\nexport function normalizeTotpCode(code) {\n    return String(code ?? '').replace(/\\s/g, '');\n}\n\n/**\n * El código de recuperación como lo espera el servidor: en mayúsculas y con su guion (ABCDE-FGHJK).\n *\n * @param {string} code\n * @returns {string}\n */\nexport function normalizeRecoveryCode(code) {\n    const compact = String(code ?? '').replace(/[\\s-]/g, '').toUpperCase();\n    return compact.length === RECOVERY_CODE_MIN_LENGTH ? `${compact.slice(0, 5)}-${compact.slice(5)}` : compact;\n}\n"],"names":[],"mappings":"AAOY,MAAC,uBAAuB;AACxB,MAAC,uBAAuB;AACxB,MAAC,2BAA2B;AAC5B,MAAC,2BAA2B;AAC5B,MAAC,0BAA0B;AAE3B,MAAC,8BAA8B;AAG/B,MAAC,oBAAoB;AAErB,MAAC,wBAAwB;AAQ9B,SAAS,kBAAkB,MAAM;AACpC,SAAO,OAAO,QAAQ,EAAE,EAAE,QAAQ,OAAO,EAAE;AAC/C;AAQO,SAAS,sBAAsB,MAAM;AACxC,QAAM,UAAU,OAAO,QAAQ,EAAE,EAAE,QAAQ,UAAU,EAAE,EAAE,YAAW;AACpE,SAAO,QAAQ,WAAW,2BAA2B,GAAG,QAAQ,MAAM,GAAG,CAAC,CAAC,IAAI,QAAQ,MAAM,CAAC,CAAC,KAAK;AACxG;"}

package/dist/forms/serverProblemFields.js

@@ -0,0 +1,25 @@
+function splitServerFieldErrors(errorsByField, formFieldNames) {
+  const fieldErrors = {};
+  const unassignedMessages = [];
+  for (const [fieldName, messages] of Object.entries(errorsByField ?? {})) {
+    if (formFieldNames.includes(fieldName)) {
+      fieldErrors[fieldName] = messages.join(" ");
+    } else {
+      unassignedMessages.push(...messages);
+    }
+  }
+  return { fieldErrors, unassignedMessages };
+}
+function formLevelMessageOf(errorsByField, formFieldNames, generalMessage) {
+  const { unassignedMessages } = splitServerFieldErrors(errorsByField, formFieldNames);
+  if (unassignedMessages.length > 0) {
+    return unassignedMessages.join(" ");
+  }
+  const hasFieldErrors = Object.keys(errorsByField ?? {}).length > 0;
+  return hasFieldErrors ? null : generalMessage || null;
+}
+export {
+  formLevelMessageOf,
+  splitServerFieldErrors
+};
+//# sourceMappingURL=serverProblemFields.js.map

package/dist/forms/serverProblemFields.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"serverProblemFields.js","sources":["../../src/forms/serverProblemFields.js"],"sourcesContent":["// Reparte los errores por campo de un 422 entre los campos que EXISTEN en el formulario y los que no.\n//\n// Lo que no tiene campo no se pierde: va al aviso de arriba del formulario. Un error invisible es peor que uno mal\n// colocado.\n//\n// Función pura sin imports (se prueba con node --test en serverProblemFields.test.js); la usan applyServerProblem y\n// las pantallas que pintan el aviso desde su máquina de estados.\n\n/**\n * @param {Record<string, string[]>} errorsByField lo que regresa fieldErrorsOf(problem)\n * @param {string[]} formFieldNames campos del formulario (Object.keys de sus valores iniciales)\n * @returns {{fieldErrors: Record<string, string>, unassignedMessages: string[]}}\n */\nexport function splitServerFieldErrors(errorsByField, formFieldNames) {\n    const fieldErrors = {};\n    const unassignedMessages = [];\n\n    for (const [fieldName, messages] of Object.entries(errorsByField ?? {})) {\n        if (formFieldNames.includes(fieldName)) {\n            fieldErrors[fieldName] = messages.join(' ');\n        } else {\n            unassignedMessages.push(...messages);\n        }\n    }\n\n    return {fieldErrors, unassignedMessages};\n}\n\n/**\n * Mensaje del aviso de arriba: lo que quedó sin campo, o el mensaje general si el error no trae errores por campo.\n * Si todo cayó en sus campos, no se repite arriba (null).\n *\n * @param {Record<string, string[]>} errorsByField\n * @param {string[]} formFieldNames\n * @param {string|null|undefined} generalMessage el message del ApiError (ya traducido)\n * @returns {string|null}\n */\nexport function formLevelMessageOf(errorsByField, formFieldNames, generalMessage) {\n    const {unassignedMessages} = splitServerFieldErrors(errorsByField, formFieldNames);\n    if (unassignedMessages.length > 0) {\n        return unassignedMessages.join(' ');\n    }\n    const hasFieldErrors = Object.keys(errorsByField ?? {}).length > 0;\n    return hasFieldErrors ? null : (generalMessage || null);\n}\n"],"names":[],"mappings":"AAaO,SAAS,uBAAuB,eAAe,gBAAgB;AAClE,QAAM,cAAc,CAAA;AACpB,QAAM,qBAAqB,CAAA;AAE3B,aAAW,CAAC,WAAW,QAAQ,KAAK,OAAO,QAAQ,iBAAiB,CAAA,CAAE,GAAG;AACrE,QAAI,eAAe,SAAS,SAAS,GAAG;AACpC,kBAAY,SAAS,IAAI,SAAS,KAAK,GAAG;AAAA,IAC9C,OAAO;AACH,yBAAmB,KAAK,GAAG,QAAQ;AAAA,IACvC;AAAA,EACJ;AAEA,SAAO,EAAC,aAAa,mBAAkB;AAC3C;AAWO,SAAS,mBAAmB,eAAe,gBAAgB,gBAAgB;AAC9E,QAAM,EAAC,mBAAkB,IAAI,uBAAuB,eAAe,cAAc;AACjF,MAAI,mBAAmB,SAAS,GAAG;AAC/B,WAAO,mBAAmB,KAAK,GAAG;AAAA,EACtC;AACA,QAAM,iBAAiB,OAAO,KAAK,iBAAiB,CAAA,CAAE,EAAE,SAAS;AACjE,SAAO,iBAAiB,OAAQ,kBAAkB;AACtD;"}

package/dist/forms/useFormikField.js

@@ -0,0 +1,16 @@
+"use client";
+import { useField } from "formik";
+function useFormikField(name) {
+  const [field, meta, helpers] = useField(name);
+  return {
+    name,
+    value: field.value,
+    onChange: (value) => helpers.setValue(value),
+    onBlur: () => helpers.setTouched(true),
+    error: meta.touched ? meta.error : void 0
+  };
+}
+export {
+  useFormikField
+};
+//# sourceMappingURL=useFormikField.js.map

package/dist/forms/useFormikField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFormikField.js","sources":["../../src/forms/useFormikField.js"],"sourcesContent":["// La conexión de un campo suelto (inputs/) con formik: lo que la vista necesita, sacado del campo de formik.\n//\n// Una sola regla vive aquí: el error se enseña cuando el campo ya se tocó (o ya se intentó enviar, que formik marca como\n// tocados todos). Marcar en rojo lo que nadie ha llenado regaña a alguien por no adivinar.\n//\n// Hook genérico del paquete: function (regla de la casa).\nimport {useField} from 'formik';\n\n/**\n * @param {string} name el campo del formulario\n * @returns {{name: string, value: unknown, onChange: (value: unknown) => void, onBlur: () => void, error: unknown}}\n */\nexport function useFormikField(name) {\n    const [field, meta, helpers] = useField(name);\n\n    return {\n        name,\n        value: field.value,\n        onChange: (value) => helpers.setValue(value),\n        onBlur: () => helpers.setTouched(true),\n        error: meta.touched ? meta.error : undefined,\n    };\n}\n"],"names":[],"mappings":";;AAYO,SAAS,eAAe,MAAM;AACjC,QAAM,CAAC,OAAO,MAAM,OAAO,IAAI,SAAS,IAAI;AAE5C,SAAO;AAAA,IACH;AAAA,IACA,OAAO,MAAM;AAAA,IACb,UAAU,CAAC,UAAU,QAAQ,SAAS,KAAK;AAAA,IAC3C,QAAQ,MAAM,QAAQ,WAAW,IAAI;AAAA,IACrC,OAAO,KAAK,UAAU,KAAK,QAAQ;AAAA,EAC3C;AACA;"}

package/dist/forms/validation.js

@@ -0,0 +1,55 @@
+import * as Yup from "yup";
+const NAMESPACE = "validation";
+function messageKey(name, values) {
+  return values === void 0 ? { key: `${NAMESPACE}:${name}` } : { key: `${NAMESPACE}:${name}`, values };
+}
+const YUP_LOCALE = Object.freeze({
+  mixed: {
+    default: messageKey("default"),
+    required: messageKey("required"),
+    defined: messageKey("required"),
+    notNull: messageKey("required"),
+    notType: messageKey("notType"),
+    oneOf: ({ values }) => messageKey("oneOf", { values: String(values) }),
+    notOneOf: ({ values }) => messageKey("notOneOf", { values: String(values) })
+  },
+  string: {
+    length: ({ length }) => messageKey("stringLength", { count: length }),
+    min: ({ min }) => messageKey("stringMin", { count: min }),
+    max: ({ max }) => messageKey("stringMax", { count: max }),
+    matches: messageKey("matches"),
+    email: messageKey("email"),
+    url: messageKey("url"),
+    uuid: messageKey("uuid"),
+    trim: messageKey("trim"),
+    lowercase: messageKey("lowercase"),
+    uppercase: messageKey("uppercase")
+  },
+  number: {
+    min: ({ min }) => messageKey("numberMin", { min }),
+    max: ({ max }) => messageKey("numberMax", { max }),
+    lessThan: ({ less }) => messageKey("lessThan", { less }),
+    moreThan: ({ more }) => messageKey("moreThan", { more }),
+    positive: messageKey("positive"),
+    negative: messageKey("negative"),
+    integer: messageKey("integer")
+  },
+  date: {
+    min: ({ min }) => messageKey("dateMin", { min: String(min) }),
+    max: ({ max }) => messageKey("dateMax", { max: String(max) })
+  },
+  array: {
+    min: ({ min }) => messageKey("arrayMin", { count: min }),
+    max: ({ max }) => messageKey("arrayMax", { count: max }),
+    length: ({ length }) => messageKey("arrayLength", { count: length })
+  }
+});
+function buildYupLocale() {
+  Yup.setLocale(YUP_LOCALE);
+}
+export {
+  YUP_LOCALE,
+  Yup,
+  buildYupLocale
+};
+//# sourceMappingURL=validation.js.map

package/dist/forms/validation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"validation.js","sources":["../../src/forms/validation.js"],"sourcesContent":["// Mensajes por defecto de yup como LLAVES de i18n y no como texto.\n//\n// Por qué llaves: setLocale es global y se llama una sola vez. Con el texto en español, al cambiar a inglés los\n// errores seguirían en español hasta recargar. Con {key, values} el esquema no cambia y el texto se traduce al\n// PINTARLO (translateValidationMessage, lo usa FormTextField) en el idioma que esté activo en ese momento.\n//\n// Uso en un esquema: Yup.string().required().email()  → sin textos pegados.\n// Mensaje propio de un campo: .required({key: 'auth:login.emailRequired'}) o .test('x', {key: 'modulo:llave'}, fn).\n//\n// IMPORTANTE: toda llave de aquí existe en los textos del paquete, namespace validation de locales/{es,en}.js (lo revisa\n// validation.test.js). La validación de aquí es para no gastar un viaje al servidor en lo obvio; la que protege es la\n// del backend.\n//\n// buildYupLocale() se llama UNA vez en la entrada de la aplicación, antes del primer esquema.\n//\n// Funciones puras, no renderizan: function (regla de la casa). Solo importa yup (se prueba con node --test).\nimport * as Yup from 'yup';\n\nconst NAMESPACE = 'validation';\n\n/** {key: 'validation:<nombre>', values} */\nfunction messageKey(name, values) {\n    return values === undefined ? {key: `${NAMESPACE}:${name}`} : {key: `${NAMESPACE}:${name}`, values};\n}\n\n/** El locale de yup: cada mensaje por defecto es una llave del namespace validation. */\nexport const YUP_LOCALE = Object.freeze({\n    mixed: {\n        default: messageKey('default'),\n        required: messageKey('required'),\n        defined: messageKey('required'),\n        notNull: messageKey('required'),\n        notType: messageKey('notType'),\n        oneOf: ({values}) => messageKey('oneOf', {values: String(values)}),\n        notOneOf: ({values}) => messageKey('notOneOf', {values: String(values)}),\n    },\n    string: {\n        length: ({length}) => messageKey('stringLength', {count: length}),\n        min: ({min}) => messageKey('stringMin', {count: min}),\n        max: ({max}) => messageKey('stringMax', {count: max}),\n        matches: messageKey('matches'),\n        email: messageKey('email'),\n        url: messageKey('url'),\n        uuid: messageKey('uuid'),\n        trim: messageKey('trim'),\n        lowercase: messageKey('lowercase'),\n        uppercase: messageKey('uppercase'),\n    },\n    number: {\n        min: ({min}) => messageKey('numberMin', {min}),\n        max: ({max}) => messageKey('numberMax', {max}),\n        lessThan: ({less}) => messageKey('lessThan', {less}),\n        moreThan: ({more}) => messageKey('moreThan', {more}),\n        positive: messageKey('positive'),\n        negative: messageKey('negative'),\n        integer: messageKey('integer'),\n    },\n    date: {\n        min: ({min}) => messageKey('dateMin', {min: String(min)}),\n        max: ({max}) => messageKey('dateMax', {max: String(max)}),\n    },\n    array: {\n        min: ({min}) => messageKey('arrayMin', {count: min}),\n        max: ({max}) => messageKey('arrayMax', {count: max}),\n        length: ({length}) => messageKey('arrayLength', {count: length}),\n    },\n});\n\n/**\n * Instala el locale de llaves en yup. Se llama una vez en la entrada de la aplicación, antes del primer esquema.\n */\nexport function buildYupLocale() {\n    Yup.setLocale(YUP_LOCALE);\n}\n\nexport {Yup};\n\n// el texto de un error en el idioma activo vive aparte (sin yup) para los campos sueltos; aquí se re-exporta\nexport {translateValidationMessage} from '@/forms/validationMessages.js';\n"],"names":[],"mappings":";AAkBA,MAAM,YAAY;AAGlB,SAAS,WAAW,MAAM,QAAQ;AAC9B,SAAO,WAAW,SAAY,EAAC,KAAK,GAAG,SAAS,IAAI,IAAI,GAAE,IAAI,EAAC,KAAK,GAAG,SAAS,IAAI,IAAI,IAAI,OAAM;AACtG;AAGY,MAAC,aAAa,OAAO,OAAO;AAAA,EACpC,OAAO;AAAA,IACH,SAAS,WAAW,SAAS;AAAA,IAC7B,UAAU,WAAW,UAAU;AAAA,IAC/B,SAAS,WAAW,UAAU;AAAA,IAC9B,SAAS,WAAW,UAAU;AAAA,IAC9B,SAAS,WAAW,SAAS;AAAA,IAC7B,OAAO,CAAC,EAAC,OAAM,MAAM,WAAW,SAAS,EAAC,QAAQ,OAAO,MAAM,EAAC,CAAC;AAAA,IACjE,UAAU,CAAC,EAAC,OAAM,MAAM,WAAW,YAAY,EAAC,QAAQ,OAAO,MAAM,EAAC,CAAC;AAAA,EAC/E;AAAA,EACI,QAAQ;AAAA,IACJ,QAAQ,CAAC,EAAC,OAAM,MAAM,WAAW,gBAAgB,EAAC,OAAO,OAAM,CAAC;AAAA,IAChE,KAAK,CAAC,EAAC,IAAG,MAAM,WAAW,aAAa,EAAC,OAAO,IAAG,CAAC;AAAA,IACpD,KAAK,CAAC,EAAC,IAAG,MAAM,WAAW,aAAa,EAAC,OAAO,IAAG,CAAC;AAAA,IACpD,SAAS,WAAW,SAAS;AAAA,IAC7B,OAAO,WAAW,OAAO;AAAA,IACzB,KAAK,WAAW,KAAK;AAAA,IACrB,MAAM,WAAW,MAAM;AAAA,IACvB,MAAM,WAAW,MAAM;AAAA,IACvB,WAAW,WAAW,WAAW;AAAA,IACjC,WAAW,WAAW,WAAW;AAAA,EACzC;AAAA,EACI,QAAQ;AAAA,IACJ,KAAK,CAAC,EAAC,IAAG,MAAM,WAAW,aAAa,EAAC,IAAG,CAAC;AAAA,IAC7C,KAAK,CAAC,EAAC,IAAG,MAAM,WAAW,aAAa,EAAC,IAAG,CAAC;AAAA,IAC7C,UAAU,CAAC,EAAC,KAAI,MAAM,WAAW,YAAY,EAAC,KAAI,CAAC;AAAA,IACnD,UAAU,CAAC,EAAC,KAAI,MAAM,WAAW,YAAY,EAAC,KAAI,CAAC;AAAA,IACnD,UAAU,WAAW,UAAU;AAAA,IAC/B,UAAU,WAAW,UAAU;AAAA,IAC/B,SAAS,WAAW,SAAS;AAAA,EACrC;AAAA,EACI,MAAM;AAAA,IACF,KAAK,CAAC,EAAC,IAAG,MAAM,WAAW,WAAW,EAAC,KAAK,OAAO,GAAG,EAAC,CAAC;AAAA,IACxD,KAAK,CAAC,EAAC,IAAG,MAAM,WAAW,WAAW,EAAC,KAAK,OAAO,GAAG,EAAC,CAAC;AAAA,EAChE;AAAA,EACI,OAAO;AAAA,IACH,KAAK,CAAC,EAAC,IAAG,MAAM,WAAW,YAAY,EAAC,OAAO,IAAG,CAAC;AAAA,IACnD,KAAK,CAAC,EAAC,IAAG,MAAM,WAAW,YAAY,EAAC,OAAO,IAAG,CAAC;AAAA,IACnD,QAAQ,CAAC,EAAC,OAAM,MAAM,WAAW,eAAe,EAAC,OAAO,OAAM,CAAC;AAAA,EACvE;AACA,CAAC;AAKM,SAAS,iBAAiB;AAC7B,MAAI,UAAU,UAAU;AAC5B;"}

package/dist/forms/validationMessages.js

@@ -0,0 +1,16 @@
+function translateValidationMessage(translate, error) {
+  if (!error) {
+    return void 0;
+  }
+  if (typeof error === "string") {
+    return error;
+  }
+  if (typeof error === "object" && error.key) {
+    return translate(error.key, error.values);
+  }
+  return String(error);
+}
+export {
+  translateValidationMessage
+};
+//# sourceMappingURL=validationMessages.js.map

package/dist/forms/validationMessages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"validationMessages.js","sources":["../../src/forms/validationMessages.js"],"sourcesContent":["// El texto de un error de validación en el idioma activo. Aparte de validation.js a propósito: no importa yup, así lo usan\n// los campos sueltos de la puerta principal (inputs/) sin cargar yup en un proyecto que no valida con él.\n//\n// Función pura, no renderiza: function (regla de la casa).\n\n/**\n * Texto de un error de validación en el idioma activo.\n * Acepta las dos formas que llegan: {key, values} de yup (buildYupLocale), o un texto ya traducido (los del backend).\n *\n * @param {(key: string, values?: object) => string} translate el t de useToolkitTranslation\n * @param {string|{key: string, values?: object}|undefined|null} error\n * @returns {string|undefined}\n */\nexport function translateValidationMessage(translate, error) {\n    if (!error) {\n        return undefined;\n    }\n    if (typeof error === 'string') {\n        return error;\n    }\n    if (typeof error === 'object' && error.key) {\n        return translate(error.key, error.values);\n    }\n    return String(error);\n}\n"],"names":[],"mappings":"AAaO,SAAS,2BAA2B,WAAW,OAAO;AACzD,MAAI,CAAC,OAAO;AACR,WAAO;AAAA,EACX;AACA,MAAI,OAAO,UAAU,UAAU;AAC3B,WAAO;AAAA,EACX;AACA,MAAI,OAAO,UAAU,YAAY,MAAM,KAAK;AACxC,WAAO,UAAU,MAAM,KAAK,MAAM,MAAM;AAAA,EAC5C;AACA,SAAO,OAAO,KAAK;AACvB;"}