@spaceinvoices/react-ui 0.4.11 → 0.4.31

package/src/components/documents/create/document-date-validation.ts

@@ -0,0 +1,111 @@
+import { z } from "zod";
+import { normalizeDateOnlyInput } from "../../../lib/date-only";
+
+type DocumentDateValues = {
+  date?: string | null;
+  date_due?: string | null;
+  date_valid_till?: string | null;
+  date_service?: string | null;
+  date_service_to?: string | null;
+};
+
+const messages = {
+  dateInFuture: "Document date cannot be in the future.",
+  serviceDateAfterIssueDate: "Service date cannot be later than the issue date.",
+  serviceDateToAfterIssueDate: "Service period end date cannot be later than the issue date.",
+  serviceDateToBeforeServiceDate: "Service period end date must be on or after the service start date.",
+  dueDateBeforeIssueDate: "Due date must be on or after the issue date.",
+  validTillBeforeIssueDate: "Valid until date must be on or after the issue date.",
+} as const;
+
+function compareDateOnly(left: string, right: string): number {
+  if (left === right) return 0;
+  return left < right ? -1 : 1;
+}
+
+function getTodayDateOnly(): string {
+  return normalizeDateOnlyInput(new Date().toISOString()) ?? "";
+}
+
+function addCustomIssue(
+  ctx: z.RefinementCtx,
+  path: string[],
+  message: string,
+  condition: boolean,
+) {
+  if (!condition) return;
+
+  ctx.addIssue({
+    code: z.ZodIssueCode.custom,
+    path,
+    message,
+  });
+}
+
+function applyBaseDocumentDateRules(value: DocumentDateValues, ctx: z.RefinementCtx) {
+  const date = normalizeDateOnlyInput(value.date ?? undefined);
+  addCustomIssue(ctx, ["date"], messages.dateInFuture, !!date && compareDateOnly(date, getTodayDateOnly()) > 0);
+}
+
+function applyInvoiceLikeServiceDateRules(value: DocumentDateValues, ctx: z.RefinementCtx) {
+  const date = normalizeDateOnlyInput(value.date ?? undefined);
+  const dateService = normalizeDateOnlyInput(value.date_service ?? undefined);
+  const dateServiceTo = normalizeDateOnlyInput(value.date_service_to ?? undefined);
+
+  addCustomIssue(
+    ctx,
+    ["date_service"],
+    messages.serviceDateAfterIssueDate,
+    !!date && !!dateService && compareDateOnly(dateService, date) > 0,
+  );
+  addCustomIssue(
+    ctx,
+    ["date_service_to"],
+    messages.serviceDateToAfterIssueDate,
+    !!date && !!dateServiceTo && compareDateOnly(dateServiceTo, date) > 0,
+  );
+  addCustomIssue(
+    ctx,
+    ["date_service_to"],
+    messages.serviceDateToBeforeServiceDate,
+    !!dateService && !!dateServiceTo && compareDateOnly(dateServiceTo, dateService) < 0,
+  );
+}
+
+export function withInvoiceIssueDateValidation<T extends z.ZodTypeAny>(schema: T) {
+  return schema.superRefine((value, ctx) => {
+    const document = value as DocumentDateValues;
+    applyBaseDocumentDateRules(document, ctx);
+    applyInvoiceLikeServiceDateRules(document, ctx);
+
+    const date = normalizeDateOnlyInput(document.date ?? undefined);
+    const dateDue = normalizeDateOnlyInput(document.date_due ?? undefined);
+
+    addCustomIssue(ctx, ["date_due"], messages.dueDateBeforeIssueDate, !!date && !!dateDue && compareDateOnly(dateDue, date) < 0);
+  });
+}
+
+export function withCreditNoteIssueDateValidation<T extends z.ZodTypeAny>(schema: T) {
+  return schema.superRefine((value, ctx) => {
+    const document = value as DocumentDateValues;
+    applyBaseDocumentDateRules(document, ctx);
+    applyInvoiceLikeServiceDateRules(document, ctx);
+  });
+}
+
+export function withEstimateIssueDateValidation<T extends z.ZodTypeAny>(schema: T) {
+  return schema.superRefine((value, ctx) => {
+    const document = value as DocumentDateValues;
+    applyBaseDocumentDateRules(document, ctx);
+
+    const date = normalizeDateOnlyInput(document.date ?? undefined);
+    const validTill = normalizeDateOnlyInput(document.date_valid_till ?? undefined);
+
+    addCustomIssue(
+      ctx,
+      ["date_valid_till"],
+      messages.validTillBeforeIssueDate,
+      !!date && !!validTill && compareDateOnly(validTill, date) < 0,
+    );
+  });
+}

package/src/components/documents/create/document-details-section.tsx

@@ -5,6 +5,7 @@
 import type { Entity, Estimate, Invoice, TransactionTypeCheckResponse } from "@spaceinvoices/js-sdk";
 import { CalendarIcon, ChevronDown, Globe, Info, Loader2 } from "lucide-react";
 import { useRef, useState } from "react";
+import { useWatch } from "react-hook-form";
 import { Badge } from "@/ui/components/ui/badge";
 import { Button } from "@/ui/components/ui/button";
 import { Calendar } from "@/ui/components/ui/calendar";
@@ -15,10 +16,11 @@ import { Popover, PopoverContent, PopoverTrigger } from "@/ui/components/ui/popo
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/ui/components/ui/select";
 import { Textarea } from "@/ui/components/ui/textarea";
 import { Tooltip, TooltipContent, TooltipTrigger } from "@/ui/components/ui/tooltip";
+import { normalizeDateOnlyInput, toLocalDateOnlyString } from "@/ui/lib/date-only";
 import { CURRENCY_CODES } from "@/ui/lib/constants";
 import { replaceTemplateVariablesForPreview } from "@/ui/lib/template-variables";
 import { cn } from "@/ui/lib/utils";
-import type { DocumentTypes } from "../types";
+import { getDocumentConfig, type DocumentTypes } from "../types";
 import type { AnyControl } from "./form-types";
 import { SmartCodeInsertButton } from "./smart-code-insert-button";
 
@@ -73,7 +75,21 @@ type DueDaysProps = {
   onDueDaysTypeChange: (type: number | "custom") => void;
 };
 
+type DateLockProps = {
+  isLocked: boolean;
+  reason: string;
+};
+
 const LABEL_WIDTH = "w-[6.5rem] shrink-0";
+const MIN_DOCUMENT_DATE = new Date("1900-01-01");
+
+function isAfterDateOnly(date: Date, maxDateOnly: string | undefined): boolean {
+  return !!maxDateOnly && toLocalDateOnlyString(date) > maxDateOnly;
+}
+
+function isBeforeDateOnly(date: Date, minDateOnly: string | undefined): boolean {
+  return !!minDateOnly && toLocalDateOnlyString(date) < minDateOnly;
+}
 
 function extractSequenceNumber(fullNumber: string, premise?: string, device?: string): string {
   if (!fullNumber || (!premise && !device)) return fullNumber;
@@ -86,35 +102,44 @@ type DocumentDetailsSectionProps = {
   control: AnyControl;
   documentType: DocumentTypes;
   t: (key: string) => string;
+  locale?: string;
   children?: React.ReactNode; // For document-specific additions (e.g., mark as paid for invoices)
   fursInline?: FursInlineProps; // FURS premise/device inline with number
   finaInline?: FinaInlineProps; // FINA premise/device inline with number
   serviceDate?: ServiceDateProps; // Service date section (invoice only)
   dueDays?: DueDaysProps; // Due days selector (invoice only)
+  dateLock?: DateLockProps;
 };
 
 export function DocumentDetailsSection({
   control,
   documentType,
   t,
+  locale = "en-US",
   children,
   fursInline,
   finaInline,
   serviceDate,
   dueDays,
+  dateLock,
 }: DocumentDetailsSectionProps) {
-  // Determine the date field name based on document type
-  // Delivery notes don't have a secondary date field
-  const hasSecondaryDate = documentType !== "delivery_note" && documentType !== "advance_invoice";
-  const dateFieldName = documentType === "invoice" ? "date_due" : "date_valid_till";
-  const dateFieldLabel = documentType === "invoice" ? t("Due Date") : t("Valid Until");
+  const documentConfig = getDocumentConfig(documentType);
+  const hasSecondaryDate = documentConfig.dateFieldName !== null;
+  const dateFieldName = documentConfig.dateFieldName;
+  const dateFieldLabel = documentConfig.dateFieldLabel ? t(documentConfig.dateFieldLabel) : "";
+  const watchedIssueDate = useWatch({ control, name: "date" });
+  const watchedServiceStartDate = useWatch({ control, name: "date_service" });
+  const issueDateOnly = normalizeDateOnlyInput(typeof watchedIssueDate === "string" ? watchedIssueDate : undefined);
+  const serviceStartDateOnly = normalizeDateOnlyInput(
+    typeof watchedServiceStartDate === "string" ? watchedServiceStartDate : undefined,
+  );
 
   // Check if FURS/FINA inline should show premise/device selects
   const showFursSelects = fursInline && !fursInline.isSkipped;
   const showFinaSelects = !!finaInline;
 
   return (
-    <div className="flex-1 space-y-3">
+    <div className="mt-6 flex-1 space-y-3 md:mt-0">
       <h2 className="font-bold text-xl">{t("Details")}</h2>
 
       {/* Number field - inline with optional FURS/FINA premise/device + sequence number */}
@@ -257,18 +282,18 @@ export function DocumentDetailsSection({
           <FormItem>
             <div className="flex items-center gap-3">
               <FormLabel className={LABEL_WIDTH}>{t("Date")} *</FormLabel>
-              {showFinaSelects ? (
+              {dateLock?.isLocked ? (
                 <Tooltip>
                   <TooltipTrigger asChild>
                     <FormControl>
                       <Button variant="outline" disabled className="flex-1 pl-3 text-left font-normal">
-                        {new Date().toLocaleDateString()}
+                        {new Date(field.value || new Date()).toLocaleDateString(locale)}
                         <CalendarIcon className="ml-auto h-4 w-4 opacity-50" />
                       </Button>
                     </FormControl>
                   </TooltipTrigger>
                   <TooltipContent>
-                    <p>{t("FINA fiscalized invoices always use the current date")}</p>
+                    <p>{dateLock.reason}</p>
                   </TooltipContent>
                 </Tooltip>
               ) : (
@@ -276,23 +301,28 @@ export function DocumentDetailsSection({
                   <PopoverTrigger asChild>
                     <FormControl>
                       <Button
+                        type="button"
                         variant="outline"
                         className={cn("flex-1 pl-3 text-left font-normal", !field.value && "text-muted-foreground")}
                       >
-                        {field.value ? new Date(field.value).toLocaleDateString() : <span>{t("Pick a date")}</span>}
+                        {field.value ? (
+                          new Date(field.value).toLocaleDateString(locale)
+                        ) : (
+                          <span>{t("Pick a date")}</span>
+                        )}
                         <CalendarIcon className="ml-auto h-4 w-4 opacity-50" />
                       </Button>
                     </FormControl>
                   </PopoverTrigger>
                   <PopoverContent className="w-auto p-0" align="start">
-                    <Calendar
-                      mode="single"
-                      selected={field.value ? new Date(field.value) : undefined}
-                      onSelect={(date) => field.onChange(date?.toISOString())}
-                      disabled={(date) => date > new Date() || date < new Date("1900-01-01")}
-                      initialFocus
-                    />
-                  </PopoverContent>
+                      <Calendar
+                        mode="single"
+                        selected={field.value ? new Date(field.value) : undefined}
+                        onSelect={(date) => field.onChange(date?.toISOString())}
+                        disabled={(date) => date > new Date() || date < MIN_DOCUMENT_DATE}
+                        initialFocus
+                      />
+                    </PopoverContent>
                 </Popover>
               )}
             </div>
@@ -319,11 +349,11 @@ export function DocumentDetailsSection({
                       "h-auto border-none p-0 font-medium text-sm shadow-none [&>svg]:ml-1 [&>svg]:size-3.5",
                     )}
                   >
-                    <SelectValue>{serviceDate.dateType === "single" ? t("Single Date") : t("Date Range")}</SelectValue>
+                    <SelectValue>{serviceDate.dateType === "single" ? t("Service Date") : t("Service Period")}</SelectValue>
                   </SelectTrigger>
                   <SelectContent>
-                    <SelectItem value="single">{t("Single Date")}</SelectItem>
-                    <SelectItem value="range">{t("Date Range")}</SelectItem>
+                    <SelectItem value="single">{t("Service Date")}</SelectItem>
+                    <SelectItem value="range">{t("Service Period")}</SelectItem>
                   </SelectContent>
                 </Select>
                 {serviceDate.dateType === "single" ? (
@@ -331,10 +361,15 @@ export function DocumentDetailsSection({
                     <PopoverTrigger asChild>
                       <FormControl>
                         <Button
+                          type="button"
                           variant="outline"
                           className={cn("flex-1 pl-3 text-left font-normal", !field.value && "text-muted-foreground")}
                         >
-                          {field.value ? new Date(field.value).toLocaleDateString() : <span>{t("Pick a date")}</span>}
+                          {field.value ? (
+                            new Date(field.value).toLocaleDateString(locale)
+                          ) : (
+                            <span>{t("Pick a date")}</span>
+                          )}
                           <CalendarIcon className="ml-auto h-4 w-4 opacity-50" />
                         </Button>
                       </FormControl>
@@ -344,6 +379,9 @@ export function DocumentDetailsSection({
                         mode="single"
                         selected={field.value ? new Date(field.value) : undefined}
                         onSelect={(date) => field.onChange(date?.toISOString())}
+                        disabled={(date) =>
+                          date > new Date() || date < MIN_DOCUMENT_DATE || isAfterDateOnly(date, issueDateOnly)
+                        }
                         initialFocus
                       />
                     </PopoverContent>
@@ -354,10 +392,11 @@ export function DocumentDetailsSection({
                       <PopoverTrigger asChild>
                         <FormControl>
                           <Button
+                            type="button"
                             variant="outline"
                             className={cn("w-full pl-3 text-left font-normal", !field.value && "text-muted-foreground")}
                           >
-                            {field.value ? new Date(field.value).toLocaleDateString() : <span>{t("From")}</span>}
+                            {field.value ? new Date(field.value).toLocaleDateString(locale) : <span>{t("From")}</span>}
                             <CalendarIcon className="ml-auto h-4 w-4 opacity-50" />
                           </Button>
                         </FormControl>
@@ -367,6 +406,9 @@ export function DocumentDetailsSection({
                           mode="single"
                           selected={field.value ? new Date(field.value) : undefined}
                           onSelect={(date) => field.onChange(date?.toISOString())}
+                          disabled={(date) =>
+                            date > new Date() || date < MIN_DOCUMENT_DATE || isAfterDateOnly(date, issueDateOnly)
+                          }
                           initialFocus
                         />
                       </PopoverContent>
@@ -376,28 +418,44 @@ export function DocumentDetailsSection({
                       control={control}
                       name="date_service_to"
                       render={({ field: toField }) => (
-                        <Popover>
-                          <PopoverTrigger asChild>
-                            <Button
-                              variant="outline"
-                              className={cn(
-                                "w-full pl-3 text-left font-normal",
-                                !toField.value && "text-muted-foreground",
-                              )}
-                            >
-                              {toField.value ? new Date(toField.value).toLocaleDateString() : <span>{t("To")}</span>}
-                              <CalendarIcon className="ml-auto h-4 w-4 opacity-50" />
-                            </Button>
-                          </PopoverTrigger>
-                          <PopoverContent className="w-auto p-0" align="start">
-                            <Calendar
-                              mode="single"
-                              selected={toField.value ? new Date(toField.value) : undefined}
-                              onSelect={(date) => toField.onChange(date?.toISOString())}
-                              initialFocus
-                            />
-                          </PopoverContent>
-                        </Popover>
+                        <FormItem>
+                          <Popover>
+                            <PopoverTrigger asChild>
+                              <FormControl>
+                                <Button
+                                  type="button"
+                                  variant="outline"
+                                  className={cn(
+                                    "w-full pl-3 text-left font-normal",
+                                    !toField.value && "text-muted-foreground",
+                                  )}
+                                >
+                                  {toField.value ? (
+                                    new Date(toField.value).toLocaleDateString(locale)
+                                  ) : (
+                                    <span>{t("To")}</span>
+                                  )}
+                                  <CalendarIcon className="ml-auto h-4 w-4 opacity-50" />
+                                </Button>
+                              </FormControl>
+                            </PopoverTrigger>
+                            <PopoverContent className="w-auto p-0" align="start">
+                              <Calendar
+                                mode="single"
+                                selected={toField.value ? new Date(toField.value) : undefined}
+                                onSelect={(date) => toField.onChange(date?.toISOString())}
+                                disabled={(date) =>
+                                  date > new Date() ||
+                                  date < MIN_DOCUMENT_DATE ||
+                                  isAfterDateOnly(date, issueDateOnly) ||
+                                  isBeforeDateOnly(date, serviceStartDateOnly)
+                                }
+                                initialFocus
+                              />
+                            </PopoverContent>
+                          </Popover>
+                          <FormMessage />
+                        </FormItem>
                       )}
                     />
                   </div>
@@ -412,7 +470,7 @@ export function DocumentDetailsSection({
       {hasSecondaryDate && (
         <FormField
           control={control}
-          name={dateFieldName}
+          name={dateFieldName!}
           render={({ field }) => (
             <FormItem>
               <div className="flex items-center gap-3">
@@ -445,10 +503,15 @@ export function DocumentDetailsSection({
                   <PopoverTrigger asChild>
                     <FormControl>
                       <Button
+                        type="button"
                         variant="outline"
                         className={cn("flex-1 pl-3 text-left font-normal", !field.value && "text-muted-foreground")}
                       >
-                        {field.value ? new Date(field.value).toLocaleDateString() : <span>{t("Pick a date")}</span>}
+                        {field.value ? (
+                          new Date(field.value).toLocaleDateString(locale)
+                        ) : (
+                          <span>{t("Pick a date")}</span>
+                        )}
                         <CalendarIcon className="ml-auto h-4 w-4 opacity-50" />
                       </Button>
                     </FormControl>
@@ -463,7 +526,7 @@ export function DocumentDetailsSection({
                           dueDays.onDueDaysTypeChange("custom");
                         }
                       }}
-                      disabled={(date) => date < new Date("1900-01-01")}
+                      disabled={(date) => date < MIN_DOCUMENT_DATE || isBeforeDateOnly(date, issueDateOnly)}
                       initialFocus
                     />
                   </PopoverContent>
@@ -549,7 +612,7 @@ export function DocumentNoteField({
       render={({ field }) => {
         const hasContent = field.value;
         const showPreview = !isFocused && hasContent && entity;
-        const preview = showPreview ? replaceTemplateVariablesForPreview(field.value || "", entity, document) : null;
+        const preview = showPreview ? replaceTemplateVariablesForPreview(field.value || "", entity, document, t) : null;
 
         return (
           <FormItem>
@@ -644,7 +707,7 @@ export function DocumentTaxClauseField({
       render={({ field }) => {
         const hasContent = field.value;
         const showPreview = !isFocused && hasContent && entity;
-        const preview = showPreview ? replaceTemplateVariablesForPreview(field.value || "", entity, document) : null;
+        const preview = showPreview ? replaceTemplateVariablesForPreview(field.value || "", entity, document, t) : null;
 
         return (
           <FormItem>
@@ -738,7 +801,7 @@ export function DocumentSignatureField({
       render={({ field }) => {
         const hasContent = field.value;
         const showPreview = !isFocused && hasContent && entity;
-        const preview = showPreview ? replaceTemplateVariablesForPreview(field.value || "", entity, document) : null;
+        const preview = showPreview ? replaceTemplateVariablesForPreview(field.value || "", entity, document, t) : null;
 
         return (
           <FormItem>
@@ -806,7 +869,7 @@ export function DocumentPaymentTermsField({
       render={({ field }) => {
         const hasContent = field.value;
         const showPreview = !isFocused && hasContent && entity;
-        const preview = showPreview ? replaceTemplateVariablesForPreview(field.value || "", entity, document) : null;
+        const preview = showPreview ? replaceTemplateVariablesForPreview(field.value || "", entity, document, t) : null;
 
         return (
           <FormItem>
@@ -874,7 +937,7 @@ export function DocumentFooterField({
       render={({ field }) => {
         const hasContent = field.value;
         const showPreview = !isFocused && hasContent && entity;
-        const preview = showPreview ? replaceTemplateVariablesForPreview(field.value || "", entity, document) : null;
+        const preview = showPreview ? replaceTemplateVariablesForPreview(field.value || "", entity, document, t) : null;
 
         return (
           <FormItem>

package/src/components/documents/create/document-form-item.ts

@@ -0,0 +1,67 @@
+type SourceDocumentTax = {
+  tax_id?: string | null;
+  rate?: number | null;
+  classification?: string | null;
+  reverse_charge?: boolean | null;
+  pt_exemption_code?: string | null;
+  pt_exemption_reason?: string | null;
+};
+
+type SourceDocumentDiscount = {
+  value: number;
+  type?: string | null;
+};
+
+type SourceDocumentItem = {
+  type?: string | null;
+  item_id?: string | null;
+  name?: string | null;
+  description?: string | null;
+  quantity?: number | null;
+  price?: number | null;
+  gross_price?: number | null;
+  unit?: string | null;
+  classification?: string | null;
+  taxes?: SourceDocumentTax[] | null;
+  discounts?: SourceDocumentDiscount[] | null;
+  metadata?: Record<string, unknown> | null;
+};
+
+export function toDocumentFormTaxes(taxes: SourceDocumentTax[] | null | undefined) {
+  return (taxes ?? []).map((tax) => ({
+    tax_id: tax?.tax_id ?? undefined,
+    rate: tax?.rate ?? undefined,
+    classification: tax?.classification ?? undefined,
+    reverse_charge: tax?.reverse_charge ?? undefined,
+    pt_exemption_code: tax?.pt_exemption_code ?? undefined,
+    pt_exemption_reason: tax?.pt_exemption_reason ?? undefined,
+  }));
+}
+
+export function toDocumentFormDiscounts(discounts: SourceDocumentDiscount[] | null | undefined) {
+  return (discounts ?? []).map((discount) => ({
+    value: discount.value,
+    type: discount.type ?? undefined,
+  }));
+}
+
+export function toDocumentFormItem(item: SourceDocumentItem) {
+  return {
+    type: item.type ?? undefined,
+    name: item.name ?? "",
+    description: item.description ?? undefined,
+    ...(item.type !== "separator"
+      ? {
+          item_id: item.item_id ?? undefined,
+          quantity: item.quantity ?? 1,
+          price: item.gross_price ?? item.price ?? undefined,
+          gross_price: item.gross_price ?? undefined,
+          unit: item.unit ?? undefined,
+          classification: item.classification ?? undefined,
+          taxes: toDocumentFormTaxes(item.taxes),
+          discounts: toDocumentFormDiscounts(item.discounts),
+          metadata: item.metadata ?? undefined,
+        }
+      : {}),
+  };
+}

package/src/components/documents/create/document-item-validation.ts

@@ -0,0 +1,54 @@
+import { z } from "zod";
+
+const ITEM_NAME_REQUIRED_MESSAGE = "Item name is required";
+const ITEM_QUANTITY_REQUIRED_MESSAGE = "Quantity is required";
+const ITEM_PRICE_REQUIRED_MESSAGE = "Price is required";
+
+export function withRequiredDocumentItemFields<T extends z.ZodTypeAny>(schema: T) {
+  return schema.superRefine((value, ctx) => {
+    const items = (value as { items?: Array<Record<string, unknown>> } | undefined)?.items;
+    if (!Array.isArray(items)) return;
+
+    items.forEach((item, index) => {
+      if (item?.type === "separator") return;
+
+      const name = typeof item?.name === "string" ? item.name.trim() : "";
+      const itemId = typeof item?.item_id === "string" ? item.item_id.trim() : "";
+      const quantity = item?.quantity;
+      const price = item?.price;
+      const grossPrice = item?.gross_price;
+      const hasPrice = !(price == null || Number.isNaN(price as number));
+      const hasGrossPrice = !(grossPrice == null || Number.isNaN(grossPrice as number));
+
+      if (!name && !itemId) {
+        ctx.addIssue({
+          code: z.ZodIssueCode.custom,
+          path: ["items", index, "name"],
+          message: ITEM_NAME_REQUIRED_MESSAGE,
+        });
+      }
+
+      if (quantity == null || Number.isNaN(quantity)) {
+        ctx.addIssue({
+          code: z.ZodIssueCode.custom,
+          path: ["items", index, "quantity"],
+          message: ITEM_QUANTITY_REQUIRED_MESSAGE,
+        });
+      }
+
+      if (!hasPrice && !hasGrossPrice) {
+        ctx.addIssue({
+          code: z.ZodIssueCode.custom,
+          path: ["items", index, "price"],
+          message: ITEM_PRICE_REQUIRED_MESSAGE,
+        });
+      }
+    });
+  });
+}
+
+export const documentItemValidationMessages = {
+  name: ITEM_NAME_REQUIRED_MESSAGE,
+  quantity: ITEM_QUANTITY_REQUIRED_MESSAGE,
+  price: ITEM_PRICE_REQUIRED_MESSAGE,
+} as const;