"use strict"; const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0]; const {useMDXComponents: _provideComponents} = arguments[0]; function _createMdxContent(props) { const _components = { code: "code", figcaption: "figcaption", figure: "figure", h2: "h2", pre: "pre", span: "span", ..._provideComponents(), ...props.components }, {Button, CommandBlock, ComponentPreview, Input, InstallTab, InstallTabs, Step, Steps} = _components; if (!Button) _missingMdxReference("Button", true); if (!CommandBlock) _missingMdxReference("CommandBlock", true); if (!ComponentPreview) _missingMdxReference("ComponentPreview", true); if (!Input) _missingMdxReference("Input", true); if (!InstallTab) _missingMdxReference("InstallTab", true); if (!InstallTabs) _missingMdxReference("InstallTabs", true); if (!Step) _missingMdxReference("Step", true); if (!Steps) _missingMdxReference("Steps", true); return _jsxs(_Fragment, { children: [_jsx(_components.h2, { id: "package-setup", children: "Package setup" }), "\n", _jsxs(InstallTabs, { children: [_jsx(InstallTab, { value: "cli", label: "CLI", children: _jsx(CommandBlock, { pnpm: "dotnet add package FluentValidation.DependencyInjectionExtensions", npm: "dotnet add package FluentValidation.DependencyInjectionExtensions", yarn: "dotnet add package FluentValidation.DependencyInjectionExtensions", bun: "dotnet add package FluentValidation.DependencyInjectionExtensions" }) }), _jsx(InstallTab, { value: "manual", label: "Manual", children: _jsxs(Steps, { children: [_jsx(Step, { children: "Add the package reference" }), _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "xml", "data-theme": "dracula", children: "TodoApi.csproj" }), _jsx(_components.pre, { tabIndex: "0", "data-language": "xml", "data-theme": "dracula", __rawstring__: "\n", children: _jsx(_components.code, { "data-line-numbers": "", "data-language": "xml", "data-theme": "dracula", style: { display: "grid" }, "data-line-numbers-max-digits": "1", children: _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#F8F8F2" }, children: "<" }), _jsx(_components.span, { style: { color: "#FF79C6" }, children: "PackageReference" }), _jsx(_components.span, { style: { color: "#50FA7B", fontStyle: "italic" }, children: " Include" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: "=" }), _jsx(_components.span, { style: { color: "#E9F284" }, children: "\"" }), _jsx(_components.span, { style: { color: "#F1FA8C" }, children: "FluentValidation.DependencyInjectionExtensions" }), _jsx(_components.span, { style: { color: "#E9F284" }, children: "\"" }), _jsx(_components.span, { style: { color: "#50FA7B", fontStyle: "italic" }, children: " Version" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: "=" }), _jsx(_components.span, { style: { color: "#E9F284" }, children: "\"" }), _jsx(_components.span, { style: { color: "#F1FA8C" }, children: "11.11.0" }), _jsx(_components.span, { style: { color: "#E9F284" }, children: "\"" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: " />" })] }) }) })] }), _jsx(Step, { children: "Register validators from the assembly" }), _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "csharp", "data-theme": "dracula", children: "Program.cs" }), _jsx(_components.pre, { tabIndex: "0", "data-language": "csharp", "data-theme": "dracula", __rawstring__: "builder.Services.AddValidatorsFromAssemblyContaining();\n", children: _jsx(_components.code, { "data-line-numbers": "", "data-language": "csharp", "data-theme": "dracula", style: { display: "grid" }, "data-line-numbers-max-digits": "1", children: _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#F8F8F2" }, children: "builder.Services." }), _jsx(_components.span, { style: { color: "#50FA7B" }, children: "AddValidatorsFromAssemblyContaining" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: "<" }), _jsx(_components.span, { style: { color: "#8BE9FD", fontStyle: "italic" }, children: "CreateTodoValidator" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: ">();" })] }) }) })] })] }) })] }), "\n", _jsx(_components.h2, { id: "validator-with-nested-rules", children: "Validator with nested rules" }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "csharp", "data-theme": "dracula", children: "Validators/TodoValidators.cs" }), _jsx(_components.pre, { tabIndex: "0", "data-language": "csharp", "data-theme": "dracula", __rawstring__: "using FluentValidation;\n\npublic sealed class CreateTodoValidator : AbstractValidator\n{\n public CreateTodoValidator()\n {\n RuleFor(x => x.Title)\n .NotEmpty()\n .MaximumLength(200)\n .Must(title => !title.Contains('\\n'))\n .WithMessage(\"Title cannot contain line breaks.\");\n\n RuleFor(x => x.DueDate)\n .GreaterThan(DateTimeOffset.UtcNow)\n .When(x => x.DueDate.HasValue)\n .WithMessage(\"Due date must be in the future.\");\n\n RuleForEach(x => x.Tags)\n .NotEmpty()\n .MaximumLength(32)\n .Matches(\"^[a-z0-9-]+$\")\n .WithMessage(\"Tags must be lowercase alphanumeric with hyphens.\");\n }\n}\n\npublic sealed class UpdateTodoValidator : AbstractValidator\n{\n public UpdateTodoValidator()\n {\n RuleFor(x => x.Title)\n .MaximumLength(200)\n .When(x => x.Title is not null);\n\n RuleFor(x => x)\n .Must(x => x.Title is not null || x.IsComplete is not null)\n .WithMessage(\"At least one field must be provided.\");\n }\n}\n", children: _jsxs(_components.code, { "data-line-numbers": "", "data-language": "csharp", "data-theme": "dracula", style: { display: "grid" }, "data-line-numbers-max-digits": "2", children: [_jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#FF79C6" }, children: "using" }), _jsx(_components.span, { style: { color: "#8BE9FD", fontStyle: "italic" }, children: " FluentValidation" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: ";" })] }), "\n", _jsx(_components.span, { "data-line": "", children: " " }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#FF79C6" }, children: "public" }), _jsx(_components.span, { style: { color: "#FF79C6" }, children: " sealed" }), _jsx(_components.span, { style: { color: "#FF79C6" }, children: " class" }), _jsx(_components.span, { style: { color: "#8BE9FD" }, children: " CreateTodoValidator" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: " : " }), _jsx(_components.span, { style: { color: "#8BE9FD", fontStyle: "italic" }, children: "AbstractValidator" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: "<" }), _jsx(_components.span, { style: { color: "#8BE9FD", fontStyle: "italic" }, children: "CreateTodoRequest" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: ">" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#F8F8F2" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#FF79C6" }, children: " public" }), _jsx(_components.span, { style: { color: "#50FA7B" }, children: " CreateTodoValidator" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: "()" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#F8F8F2" }, children: " {" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#50FA7B" }, children: " RuleFor" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: "(" }), _jsx(_components.span, { style: { color: "#FFB86C", fontStyle: "italic" }, children: "x" }), _jsx(_components.span, { style: { color: "#FF79C6" }, children: " =>" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: " x.Title)" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#F8F8F2" }, children: " ." }), _jsx(_components.span, { style: { color: "#50FA7B" }, children: "NotEmpty" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: "()" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#F8F8F2" }, children: " ." }), _jsx(_components.span, { style: { color: "#50FA7B" }, children: "MaximumLength" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: "(" }), _jsx(_components.span, { style: { color: "#BD93F9" }, children: "200" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: ")" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#F8F8F2" }, children: " ." }), _jsx(_components.span, { style: { color: "#50FA7B" }, children: "Must" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: "(" }), _jsx(_components.span, { style: { color: "#FFB86C", fontStyle: "italic" }, children: "title" }), _jsx(_components.span, { style: { color: "#FF79C6" }, children: " =>" }), _jsx(_components.span, { style: { color: "#FF79C6" }, children: " !" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: "title." }), _jsx(_components.span, { style: { color: "#50FA7B" }, children: "Contains" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: "(" }), _jsx(_components.span, { style: { color: "#F1FA8C" }, children: "'" }), _jsx(_components.span, { style: { color: "#FF79C6" }, children: "\\n" }), _jsx(_components.span, { style: { color: "#F1FA8C" }, children: "'" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: "))" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#F8F8F2" }, children: " ." }), _jsx(_components.span, { style: { color: "#50FA7B" }, children: "WithMessage" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: "(" }), _jsx(_components.span, { style: { color: "#E9F284" }, children: "\"" }), _jsx(_components.span, { style: { color: "#F1FA8C" }, children: "Title cannot contain line breaks." }), _jsx(_components.span, { style: { color: "#E9F284" }, children: "\"" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: ");" })] }), "\n", _jsx(_components.span, { "data-line": "", children: " " }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#50FA7B" }, children: " RuleFor" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: "(" }), _jsx(_components.span, { style: { color: "#FFB86C", fontStyle: "italic" }, children: "x" }), _jsx(_components.span, { style: { color: "#FF79C6" }, children: " =>" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: " x.DueDate)" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#F8F8F2" }, children: " ." }), _jsx(_components.span, { style: { color: "#50FA7B" }, children: "GreaterThan" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: "(DateTimeOffset.UtcNow)" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#F8F8F2" }, children: " ." }), _jsx(_components.span, { style: { color: "#50FA7B" }, children: "When" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: "(" }), _jsx(_components.span, { style: { color: "#FFB86C", fontStyle: "italic" }, children: "x" }), _jsx(_components.span, { style: { color: "#FF79C6" }, children: " =>" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: " x.DueDate.HasValue)" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#F8F8F2" }, children: " ." }), _jsx(_components.span, { style: { color: "#50FA7B" }, children: "WithMessage" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: "(" }), _jsx(_components.span, { style: { color: "#E9F284" }, children: "\"" }), _jsx(_components.span, { style: { color: "#F1FA8C" }, children: "Due date must be in the future." }), _jsx(_components.span, { style: { color: "#E9F284" }, children: "\"" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: ");" })] }), "\n", _jsx(_components.span, { "data-line": "", children: " " }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#50FA7B" }, children: " RuleForEach" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: "(" }), _jsx(_components.span, { style: { color: "#FFB86C", fontStyle: "italic" }, children: "x" }), _jsx(_components.span, { style: { color: "#FF79C6" }, children: " =>" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: " x.Tags)" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#F8F8F2" }, children: " ." }), _jsx(_components.span, { style: { color: "#50FA7B" }, children: "NotEmpty" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: "()" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#F8F8F2" }, children: " ." }), _jsx(_components.span, { style: { color: "#50FA7B" }, children: "MaximumLength" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: "(" }), _jsx(_components.span, { style: { color: "#BD93F9" }, children: "32" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: ")" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#F8F8F2" }, children: " ." }), _jsx(_components.span, { style: { color: "#50FA7B" }, children: "Matches" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: "(" }), _jsx(_components.span, { style: { color: "#E9F284" }, children: "\"" }), _jsx(_components.span, { style: { color: "#F1FA8C" }, children: "^[a-z0-9-]+$" }), _jsx(_components.span, { style: { color: "#E9F284" }, children: "\"" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: ")" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#F8F8F2" }, children: " ." }), _jsx(_components.span, { style: { color: "#50FA7B" }, children: "WithMessage" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: "(" }), _jsx(_components.span, { style: { color: "#E9F284" }, children: "\"" }), _jsx(_components.span, { style: { color: "#F1FA8C" }, children: "Tags must be lowercase alphanumeric with hyphens." }), _jsx(_components.span, { style: { color: "#E9F284" }, children: "\"" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: ");" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#F8F8F2" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#F8F8F2" }, children: "}" }) }), "\n", _jsx(_components.span, { "data-line": "", children: " " }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#FF79C6" }, children: "public" }), _jsx(_components.span, { style: { color: "#FF79C6" }, children: " sealed" }), _jsx(_components.span, { style: { color: "#FF79C6" }, children: " class" }), _jsx(_components.span, { style: { color: "#8BE9FD" }, children: " UpdateTodoValidator" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: " : " }), _jsx(_components.span, { style: { color: "#8BE9FD", fontStyle: "italic" }, children: "AbstractValidator" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: "<" }), _jsx(_components.span, { style: { color: "#8BE9FD", fontStyle: "italic" }, children: "UpdateTodoRequest" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: ">" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#F8F8F2" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#FF79C6" }, children: " public" }), _jsx(_components.span, { style: { color: "#50FA7B" }, children: " UpdateTodoValidator" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: "()" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#F8F8F2" }, children: " {" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#50FA7B" }, children: " RuleFor" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: "(" }), _jsx(_components.span, { style: { color: "#FFB86C", fontStyle: "italic" }, children: "x" }), _jsx(_components.span, { style: { color: "#FF79C6" }, children: " =>" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: " x.Title)" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#F8F8F2" }, children: " ." }), _jsx(_components.span, { style: { color: "#50FA7B" }, children: "MaximumLength" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: "(" }), _jsx(_components.span, { style: { color: "#BD93F9" }, children: "200" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: ")" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#F8F8F2" }, children: " ." }), _jsx(_components.span, { style: { color: "#50FA7B" }, children: "When" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: "(" }), _jsx(_components.span, { style: { color: "#FFB86C", fontStyle: "italic" }, children: "x" }), _jsx(_components.span, { style: { color: "#FF79C6" }, children: " =>" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: " x.Title " }), _jsx(_components.span, { style: { color: "#FF79C6" }, children: "is" }), _jsx(_components.span, { style: { color: "#FF79C6" }, children: " not" }), _jsx(_components.span, { style: { color: "#BD93F9" }, children: " null" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: ");" })] }), "\n", _jsx(_components.span, { "data-line": "", children: " " }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#50FA7B" }, children: " RuleFor" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: "(" }), _jsx(_components.span, { style: { color: "#FFB86C", fontStyle: "italic" }, children: "x" }), _jsx(_components.span, { style: { color: "#FF79C6" }, children: " =>" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: " x)" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#F8F8F2" }, children: " ." }), _jsx(_components.span, { style: { color: "#50FA7B" }, children: "Must" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: "(" }), _jsx(_components.span, { style: { color: "#FFB86C", fontStyle: "italic" }, children: "x" }), _jsx(_components.span, { style: { color: "#FF79C6" }, children: " =>" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: " x.Title " }), _jsx(_components.span, { style: { color: "#FF79C6" }, children: "is" }), _jsx(_components.span, { style: { color: "#FF79C6" }, children: " not" }), _jsx(_components.span, { style: { color: "#BD93F9" }, children: " null" }), _jsx(_components.span, { style: { color: "#FF79C6" }, children: " ||" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: " x.IsComplete " }), _jsx(_components.span, { style: { color: "#FF79C6" }, children: "is" }), _jsx(_components.span, { style: { color: "#FF79C6" }, children: " not" }), _jsx(_components.span, { style: { color: "#BD93F9" }, children: " null" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: ")" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#F8F8F2" }, children: " ." }), _jsx(_components.span, { style: { color: "#50FA7B" }, children: "WithMessage" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: "(" }), _jsx(_components.span, { style: { color: "#E9F284" }, children: "\"" }), _jsx(_components.span, { style: { color: "#F1FA8C" }, children: "At least one field must be provided." }), _jsx(_components.span, { style: { color: "#E9F284" }, children: "\"" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: ");" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#F8F8F2" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#F8F8F2" }, children: "}" }) })] }) })] }), "\n", _jsx(_components.h2, { id: "validation-filter-long-sample", children: "Validation filter (long sample)" }), "\n", _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "csharp", "data-theme": "dracula", children: "Filters/FluentValidationFilter.cs" }), _jsx(_components.pre, { tabIndex: "0", "data-language": "csharp", "data-theme": "dracula", __rawstring__: "using FluentValidation;\nusing Microsoft.AspNetCore.Mvc;\n\npublic sealed class FluentValidationFilter : IEndpointFilter\n{\n public async ValueTask InvokeAsync(\n EndpointFilterInvocationContext context,\n EndpointFilterDelegate next)\n {\n var request = context.Arguments.OfType().FirstOrDefault();\n if (request is null)\n return Results.BadRequest();\n\n var validator = context.HttpContext.RequestServices.GetService>();\n if (validator is null)\n return await next(context);\n\n var result = await validator.ValidateAsync(request, context.HttpContext.RequestAborted);\n if (result.IsValid)\n return await next(context);\n\n var errors = result.Errors\n .GroupBy(e => e.PropertyName)\n .ToDictionary(g => g.Key, g => g.Select(e => e.ErrorMessage).ToArray());\n\n return Results.ValidationProblem(errors);\n }\n}\n\npublic static class ValidationExtensions\n{\n public static RouteHandlerBuilder WithFluentValidation(this RouteHandlerBuilder builder) =>\n builder.AddEndpointFilter>();\n}\n", children: _jsxs(_components.code, { "data-line-numbers": "", "data-language": "csharp", "data-theme": "dracula", style: { display: "grid" }, "data-line-numbers-max-digits": "2", children: [_jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#FF79C6" }, children: "using" }), _jsx(_components.span, { style: { color: "#8BE9FD", fontStyle: "italic" }, children: " FluentValidation" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: ";" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#FF79C6" }, children: "using" }), _jsx(_components.span, { style: { color: "#8BE9FD", fontStyle: "italic" }, children: " Microsoft" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: "." }), _jsx(_components.span, { style: { color: "#8BE9FD", fontStyle: "italic" }, children: "AspNetCore" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: "." }), _jsx(_components.span, { style: { color: "#8BE9FD", fontStyle: "italic" }, children: "Mvc" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: ";" })] }), "\n", _jsx(_components.span, { "data-line": "", children: " " }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#FF79C6" }, children: "public" }), _jsx(_components.span, { style: { color: "#FF79C6" }, children: " sealed" }), _jsx(_components.span, { style: { color: "#FF79C6" }, children: " class" }), _jsx(_components.span, { style: { color: "#8BE9FD" }, children: " FluentValidationFilter" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: "<" }), _jsx(_components.span, { style: { color: "#FFB86C", fontStyle: "italic" }, children: "TRequest" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: "> : " }), _jsx(_components.span, { style: { color: "#8BE9FD", fontStyle: "italic" }, children: "IEndpointFilter" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#F8F8F2" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#FF79C6" }, children: " public" }), _jsx(_components.span, { style: { color: "#FF79C6" }, children: " async" }), _jsx(_components.span, { style: { color: "#8BE9FD", fontStyle: "italic" }, children: " ValueTask" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: "<" }), _jsx(_components.span, { style: { color: "#FF79C6" }, children: "object" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: "?> " }), _jsx(_components.span, { style: { color: "#50FA7B" }, children: "InvokeAsync" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: "(" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#8BE9FD", fontStyle: "italic" }, children: " EndpointFilterInvocationContext" }), _jsx(_components.span, { style: { color: "#FFB86C", fontStyle: "italic" }, children: " context" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: "," })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#8BE9FD", fontStyle: "italic" }, children: " EndpointFilterDelegate" }), _jsx(_components.span, { style: { color: "#FFB86C", fontStyle: "italic" }, children: " next" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: ")" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#F8F8F2" }, children: " {" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#FF79C6" }, children: " var" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: " request " }), _jsx(_components.span, { style: { color: "#FF79C6" }, children: "=" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: " context.Arguments." }), _jsx(_components.span, { style: { color: "#50FA7B" }, children: "OfType" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: "<" }), _jsx(_components.span, { style: { color: "#8BE9FD", fontStyle: "italic" }, children: "TRequest" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: ">()." }), _jsx(_components.span, { style: { color: "#50FA7B" }, children: "FirstOrDefault" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: "();" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#FF79C6" }, children: " if" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: " (request " }), _jsx(_components.span, { style: { color: "#FF79C6" }, children: "is" }), _jsx(_components.span, { style: { color: "#BD93F9" }, children: " null" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: ")" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#FF79C6" }, children: " return" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: " Results." }), _jsx(_components.span, { style: { color: "#50FA7B" }, children: "BadRequest" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: "();" })] }), "\n", _jsx(_components.span, { "data-line": "", children: " " }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#FF79C6" }, children: " var" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: " validator " }), _jsx(_components.span, { style: { color: "#FF79C6" }, children: "=" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: " context.HttpContext.RequestServices." }), _jsx(_components.span, { style: { color: "#50FA7B" }, children: "GetService" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: "<" }), _jsx(_components.span, { style: { color: "#8BE9FD", fontStyle: "italic" }, children: "IValidator" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: "<" }), _jsx(_components.span, { style: { color: "#8BE9FD", fontStyle: "italic" }, children: "TRequest" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: ">>();" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#FF79C6" }, children: " if" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: " (validator " }), _jsx(_components.span, { style: { color: "#FF79C6" }, children: "is" }), _jsx(_components.span, { style: { color: "#BD93F9" }, children: " null" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: ")" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#FF79C6" }, children: " return" }), _jsx(_components.span, { style: { color: "#FF79C6" }, children: " await" }), _jsx(_components.span, { style: { color: "#50FA7B" }, children: " next" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: "(context);" })] }), "\n", _jsx(_components.span, { "data-line": "", children: " " }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#FF79C6" }, children: " var" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: " result " }), _jsx(_components.span, { style: { color: "#FF79C6" }, children: "=" }), _jsx(_components.span, { style: { color: "#FF79C6" }, children: " await" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: " validator." }), _jsx(_components.span, { style: { color: "#50FA7B" }, children: "ValidateAsync" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: "(request, context.HttpContext.RequestAborted);" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#FF79C6" }, children: " if" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: " (result.IsValid)" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#FF79C6" }, children: " return" }), _jsx(_components.span, { style: { color: "#FF79C6" }, children: " await" }), _jsx(_components.span, { style: { color: "#50FA7B" }, children: " next" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: "(context);" })] }), "\n", _jsx(_components.span, { "data-line": "", children: " " }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#FF79C6" }, children: " var" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: " errors " }), _jsx(_components.span, { style: { color: "#FF79C6" }, children: "=" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: " result.Errors" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#F8F8F2" }, children: " ." }), _jsx(_components.span, { style: { color: "#50FA7B" }, children: "GroupBy" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: "(" }), _jsx(_components.span, { style: { color: "#FFB86C", fontStyle: "italic" }, children: "e" }), _jsx(_components.span, { style: { color: "#FF79C6" }, children: " =>" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: " e.PropertyName)" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#F8F8F2" }, children: " ." }), _jsx(_components.span, { style: { color: "#50FA7B" }, children: "ToDictionary" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: "(" }), _jsx(_components.span, { style: { color: "#FFB86C", fontStyle: "italic" }, children: "g" }), _jsx(_components.span, { style: { color: "#FF79C6" }, children: " =>" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: " g.Key, " }), _jsx(_components.span, { style: { color: "#FFB86C", fontStyle: "italic" }, children: "g" }), _jsx(_components.span, { style: { color: "#FF79C6" }, children: " =>" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: " g." }), _jsx(_components.span, { style: { color: "#50FA7B" }, children: "Select" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: "(" }), _jsx(_components.span, { style: { color: "#FFB86C", fontStyle: "italic" }, children: "e" }), _jsx(_components.span, { style: { color: "#FF79C6" }, children: " =>" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: " e.ErrorMessage)." }), _jsx(_components.span, { style: { color: "#50FA7B" }, children: "ToArray" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: "());" })] }), "\n", _jsx(_components.span, { "data-line": "", children: " " }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#FF79C6" }, children: " return" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: " Results." }), _jsx(_components.span, { style: { color: "#50FA7B" }, children: "ValidationProblem" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: "(errors);" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#F8F8F2" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#F8F8F2" }, children: "}" }) }), "\n", _jsx(_components.span, { "data-line": "", children: " " }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#FF79C6" }, children: "public" }), _jsx(_components.span, { style: { color: "#FF79C6" }, children: " static" }), _jsx(_components.span, { style: { color: "#FF79C6" }, children: " class" }), _jsx(_components.span, { style: { color: "#8BE9FD" }, children: " ValidationExtensions" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#F8F8F2" }, children: "{" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#FF79C6" }, children: " public" }), _jsx(_components.span, { style: { color: "#FF79C6" }, children: " static" }), _jsx(_components.span, { style: { color: "#8BE9FD", fontStyle: "italic" }, children: " RouteHandlerBuilder" }), _jsx(_components.span, { style: { color: "#50FA7B" }, children: " WithFluentValidation" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: "<" }), _jsx(_components.span, { style: { color: "#FFB86C", fontStyle: "italic" }, children: "T" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: ">(" }), _jsx(_components.span, { style: { color: "#FF79C6" }, children: "this" }), _jsx(_components.span, { style: { color: "#8BE9FD", fontStyle: "italic" }, children: " RouteHandlerBuilder" }), _jsx(_components.span, { style: { color: "#FFB86C", fontStyle: "italic" }, children: " builder" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: ") " }), _jsx(_components.span, { style: { color: "#FF79C6" }, children: "=>" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#F8F8F2" }, children: " builder." }), _jsx(_components.span, { style: { color: "#50FA7B" }, children: "AddEndpointFilter" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: "<" }), _jsx(_components.span, { style: { color: "#8BE9FD", fontStyle: "italic" }, children: "FluentValidationFilter" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: "<" }), _jsx(_components.span, { style: { color: "#8BE9FD", fontStyle: "italic" }, children: "T" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: ">>();" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#F8F8F2" }, children: "}" }) })] }) })] }), "\n", _jsx(_components.h2, { id: "ui-preview-form-validation-states", children: "UI preview: form validation states" }), "\n", _jsxs(ComponentPreview, { children: [_jsxs("div", { className: "grid w-full max-w-sm gap-3", children: [_jsx(Input, { placeholder: "Todo title", "aria-invalid": true }), _jsx("p", { className: "text-xs text-destructive", children: "Title is required." }), _jsx(Button, { className: "w-fit", children: "Create todo" })] }), _jsxs(_components.figure, { "data-rehype-pretty-code-figure": "", children: [_jsx(_components.figcaption, { "data-rehype-pretty-code-title": "", "data-language": "tsx", "data-theme": "dracula", children: "components/todo-form.tsx" }), _jsx(_components.pre, { tabIndex: "0", "data-language": "tsx", "data-theme": "dracula", __rawstring__: "import { Button } from '@/components/ui/button';\nimport { Input } from '@/components/ui/input';\n\nexport function TodoForm({ error }: { error?: string }) {\n return (\n \n );\n}\n", children: _jsxs(_components.code, { "data-line-numbers": "", "data-language": "tsx", "data-theme": "dracula", style: { display: "grid" }, "data-line-numbers-max-digits": "2", children: [_jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#FF79C6" }, children: "import" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: " { Button } " }), _jsx(_components.span, { style: { color: "#FF79C6" }, children: "from" }), _jsx(_components.span, { style: { color: "#E9F284" }, children: " '" }), _jsx(_components.span, { style: { color: "#F1FA8C" }, children: "@/components/ui/button" }), _jsx(_components.span, { style: { color: "#E9F284" }, children: "'" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: ";" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#FF79C6" }, children: "import" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: " { Input } " }), _jsx(_components.span, { style: { color: "#FF79C6" }, children: "from" }), _jsx(_components.span, { style: { color: "#E9F284" }, children: " '" }), _jsx(_components.span, { style: { color: "#F1FA8C" }, children: "@/components/ui/input" }), _jsx(_components.span, { style: { color: "#E9F284" }, children: "'" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: ";" })] }), "\n", _jsx(_components.span, { "data-line": "", children: " " }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#FF79C6" }, children: "export" }), _jsx(_components.span, { style: { color: "#FF79C6" }, children: " function" }), _jsx(_components.span, { style: { color: "#50FA7B" }, children: " TodoForm" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: "({ " }), _jsx(_components.span, { style: { color: "#FFB86C", fontStyle: "italic" }, children: "error" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: " }" }), _jsx(_components.span, { style: { color: "#FF79C6" }, children: ":" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: " { error" }), _jsx(_components.span, { style: { color: "#FF79C6" }, children: "?:" }), _jsx(_components.span, { style: { color: "#8BE9FD", fontStyle: "italic" }, children: " string" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: " }) {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#FF79C6" }, children: " return" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: " (" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#F8F8F2" }, children: " <" }), _jsx(_components.span, { style: { color: "#FF79C6" }, children: "form" }), _jsx(_components.span, { style: { color: "#50FA7B", fontStyle: "italic" }, children: " className" }), _jsx(_components.span, { style: { color: "#FF79C6" }, children: "=" }), _jsx(_components.span, { style: { color: "#E9F284" }, children: "\"" }), _jsx(_components.span, { style: { color: "#F1FA8C" }, children: "grid max-w-sm gap-3" }), _jsx(_components.span, { style: { color: "#E9F284" }, children: "\"" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: ">" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#F8F8F2" }, children: " <" }), _jsx(_components.span, { style: { color: "#8BE9FD", fontStyle: "italic" }, children: "Input" }), _jsx(_components.span, { style: { color: "#50FA7B", fontStyle: "italic" }, children: " placeholder" }), _jsx(_components.span, { style: { color: "#FF79C6" }, children: "=" }), _jsx(_components.span, { style: { color: "#E9F284" }, children: "\"" }), _jsx(_components.span, { style: { color: "#F1FA8C" }, children: "Todo title" }), _jsx(_components.span, { style: { color: "#E9F284" }, children: "\"" }), _jsx(_components.span, { style: { color: "#50FA7B", fontStyle: "italic" }, children: " aria-invalid" }), _jsx(_components.span, { style: { color: "#FF79C6" }, children: "=" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: "{" }), _jsx(_components.span, { style: { color: "#50FA7B" }, children: "Boolean" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: "(error)} />" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#F8F8F2" }, children: " {error " }), _jsx(_components.span, { style: { color: "#FF79C6" }, children: "&&" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: " <" }), _jsx(_components.span, { style: { color: "#FF79C6" }, children: "p" }), _jsx(_components.span, { style: { color: "#50FA7B", fontStyle: "italic" }, children: " className" }), _jsx(_components.span, { style: { color: "#FF79C6" }, children: "=" }), _jsx(_components.span, { style: { color: "#E9F284" }, children: "\"" }), _jsx(_components.span, { style: { color: "#F1FA8C" }, children: "text-xs text-destructive" }), _jsx(_components.span, { style: { color: "#E9F284" }, children: "\"" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: ">{error}}" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#F8F8F2" }, children: " <" }), _jsx(_components.span, { style: { color: "#8BE9FD", fontStyle: "italic" }, children: "Button" }), _jsx(_components.span, { style: { color: "#50FA7B", fontStyle: "italic" }, children: " type" }), _jsx(_components.span, { style: { color: "#FF79C6" }, children: "=" }), _jsx(_components.span, { style: { color: "#E9F284" }, children: "\"" }), _jsx(_components.span, { style: { color: "#F1FA8C" }, children: "submit" }), _jsx(_components.span, { style: { color: "#E9F284" }, children: "\"" }), _jsx(_components.span, { style: { color: "#50FA7B", fontStyle: "italic" }, children: " className" }), _jsx(_components.span, { style: { color: "#FF79C6" }, children: "=" }), _jsx(_components.span, { style: { color: "#E9F284" }, children: "\"" }), _jsx(_components.span, { style: { color: "#F1FA8C" }, children: "w-fit" }), _jsx(_components.span, { style: { color: "#E9F284" }, children: "\"" }), _jsx(_components.span, { style: { color: "#F8F8F2" }, children: ">" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#F8F8F2" }, children: " Create todo" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#F8F8F2" }, children: " " })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#F8F8F2" }, children: " " })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#F8F8F2" }, children: " );" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#F8F8F2" }, children: "}" }) })] }) })] })] })] }); } function MDXContent(props = {}) { const {wrapper: MDXLayout} = { ..._provideComponents(), ...props.components }; return MDXLayout ? _jsx(MDXLayout, { ...props, children: _jsx(_createMdxContent, { ...props }) }) : _createMdxContent(props); } return { default: MDXContent }; function _missingMdxReference(id, component) { throw new Error("Expected " + (component ? "component" : "object") + " `" + id + "` to be defined: you likely forgot to import, pass, or provide it."); }