@spaceinvoices/react-ui 0.4.4 → 0.4.5

package/src/components/invoices/create/locales/sl.ts

@@ -17,7 +17,7 @@ export default {
   Price: "Cena",
   Unit: "Enota",
   Discount: "Popust",
-  Tax: "Davek",
+  Tax: "DDV",
   "Tax rate": "Davčna stopnja",
   "Add tax": "Dodaj davek",
   "Select tax...": "Izberi davek...",
@@ -121,4 +121,19 @@ export default {
   "Date Range": "Obdobje",
   From: "Od",
   To: "Do",
+  // Separator items
+  "Add separator": "Dodaj ločilnik",
+  "Section header": "Naslov razdelka",
+  "Section title...": "Naslov razdelka...",
+  // Transaction type
+  "Transaction type": "Vrsta transakcije",
+  Domestic: "Domača",
+  "EU B2B": "EU B2B",
+  "EU B2C": "EU B2C",
+  Export: "Izvoz",
+  "Determining transaction type...": "Določanje vrste transakcije...",
+  "This invoice will not be fiscalized (non-domestic transaction)":
+    "Ta račun ne bo fiskaliziran (nedomača transakcija)",
+  "Tax Clause": "Davčna klavzula",
+  "Add tax clause...": "Dodajte davčno klavzulo...",
 } as const;

package/src/components/invoices/view/fiscalization-status-card.tsx

@@ -91,10 +91,16 @@ export function FiscalizationStatusCard({
 
   const bodyContent = (
     <>
-      <div className="text-muted-foreground text-sm">
-        {label} &middot;{" "}
-        {fiscalizationData.fiscalized_at && new Date(fiscalizationData.fiscalized_at).toLocaleString(locale)}
-      </div>
+      {fiscalizationData.status === "skipped" ? (
+        <div className="text-muted-foreground text-sm">
+          {label} &middot; {t("Skipped by user")}
+        </div>
+      ) : (
+        <div className="text-muted-foreground text-sm">
+          {label} &middot;{" "}
+          {fiscalizationData.fiscalized_at && new Date(fiscalizationData.fiscalized_at).toLocaleString(locale)}
+        </div>
+      )}
 
       {fiscalizationData.status === "failed" && fiscalizationData.error && (
         <Alert variant="destructive">
@@ -103,10 +109,6 @@ export function FiscalizationStatusCard({
         </Alert>
       )}
 
-      {fiscalizationData.status === "skipped" && (fiscalizationData as any).data?.reason && (
-        <div className="text-muted-foreground text-sm">{(fiscalizationData as any).data.reason}</div>
-      )}
-
       {fiscalizationData.status === "failed" && onRetry && (
         <Button variant="outline" size="sm" onClick={onRetry} disabled={isRetrying}>
           {isRetrying ? <Loader2 className="mr-2 h-4 w-4 animate-spin" /> : <RefreshCw className="mr-2 h-4 w-4" />}

package/src/components/table/search-input.tsx

@@ -16,6 +16,7 @@ type SearchInputProps = {
  */
 export function SearchInput({ initialValue = "", onSearch, placeholder = "Search...", debounceMs }: SearchInputProps) {
   const [value, setValue] = useState(initialValue);
+  const [isFocused, setIsFocused] = useState(false);
 
   // Use ref to keep onSearch stable in useEffect
   const onSearchRef = useRef(onSearch);
@@ -56,6 +57,9 @@ export function SearchInput({ initialValue = "", onSearch, placeholder = "Search
     onSearchRef.current(null);
   }, []);
 
+  // Show "Enter ↵" hint when input requires Enter to search (no debounce) and user is typing
+  const showEnterHint = debounceMs === undefined && value && isFocused;
+
   return (
     <form onSubmit={handleSubmit} className="relative inline-block" data-testid="search-form">
       <Search className="pointer-events-none absolute top-1/2 left-2.5 z-10 h-3 w-3 -translate-y-1/2 text-muted-foreground" />
@@ -66,8 +70,21 @@ export function SearchInput({ initialValue = "", onSearch, placeholder = "Search
         placeholder={placeholder}
         value={value}
         onChange={handleChange}
+        onFocus={() => setIsFocused(true)}
+        onBlur={() => setIsFocused(false)}
         className="h-8 w-[150px] pr-8 pl-8 lg:w-[250px] [&::-webkit-search-cancel-button]:hidden [&::-webkit-search-decoration]:hidden"
       />
+      {/* Overlay that mirrors input padding to position hint right after typed text */}
+      {showEnterHint && (
+        <span
+          aria-hidden="true"
+          className="pointer-events-none absolute inset-0 flex items-center overflow-hidden pl-8 text-sm"
+        >
+          {/* Invisible text matching input value to push hint to the right */}
+          <span className="invisible whitespace-pre">{value}</span>
+          <span className="ml-1.5 shrink-0 text-muted-foreground/50 text-xs">Enter &crarr;</span>
+        </span>
+      )}
       {value && (
         <Button
           type="button"

package/src/generated/schemas/advanceinvoice.ts

@@ -104,11 +104,12 @@ const createAdvanceInvoiceSchemaDefinition = z.object({
   items: z
     .array(
       z.object({
+        type: z.enum(["separator"]).optional(),
         name: z.string().min(1).optional(),
         description: z.union([z.string().max(4000, "Description must not exceed 4000 characters"), z.null()]).optional(),
         price: z.number().optional(),
         gross_price: z.number().optional(),
-        quantity: z.number().gte(-140737488355328).lte(140737488355327),
+        quantity: z.number().gte(-140737488355328).lte(140737488355327).optional(),
         unit: z.union([z.string(), z.null()]).optional(),
         taxes: z.array(DocumentItemTax).optional(),
         discounts: z.array(LineDiscount).max(5).optional(),
@@ -202,11 +203,12 @@ const updateAdvanceInvoiceSchemaDefinition = z
     items: z
       .array(
         z.object({
+          type: z.enum(["separator"]).optional(),
           name: z.string().min(1).optional(),
           description: z.union([z.string().max(4000, "Description must not exceed 4000 characters"), z.null()]).optional(),
           price: z.number().optional(),
           gross_price: z.number().optional(),
-          quantity: z.number().gte(-140737488355328).lte(140737488355327),
+          quantity: z.number().gte(-140737488355328).lte(140737488355327).optional(),
           unit: z.union([z.string(), z.null()]).optional(),
           taxes: z.array(DocumentItemTax).optional(),
           discounts: z.array(LineDiscount).max(5).optional(),

package/src/generated/schemas/creditnote.ts

@@ -85,11 +85,12 @@ const updateCreditNoteSchemaDefinition = z
     items: z
       .array(
         z.object({
+          type: z.enum(["separator"]).optional(),
           name: z.string().min(1).optional(),
           description: z.union([z.string().max(4000, "Description must not exceed 4000 characters"), z.null()]).optional(),
           price: z.number().optional(),
           gross_price: z.number().optional(),
-          quantity: z.number().gte(-140737488355328).lte(140737488355327),
+          quantity: z.number().gte(-140737488355328).lte(140737488355327).optional(),
           unit: z.union([z.string(), z.null()]).optional(),
           taxes: z.array(DocumentItemTax).optional(),
           discounts: z.array(LineDiscount).max(5).optional(),

package/src/generated/schemas/deliverynote.ts

@@ -93,11 +93,12 @@ const createDeliveryNoteSchemaDefinition = z.object({
   items: z
     .array(
       z.object({
+        type: z.enum(["separator"]).optional(),
         name: z.string().min(1).optional(),
         description: z.union([z.string().max(4000, "Description must not exceed 4000 characters"), z.null()]).optional(),
         price: z.number().optional(),
         gross_price: z.number().optional(),
-        quantity: z.number().gte(-140737488355328).lte(140737488355327),
+        quantity: z.number().gte(-140737488355328).lte(140737488355327).optional(),
         unit: z.union([z.string(), z.null()]).optional(),
         taxes: z.array(DocumentItemTax).optional(),
         discounts: z.array(LineDiscount).max(5).optional(),

package/src/generated/schemas/estimate.ts

@@ -96,11 +96,12 @@ const createEstimateSchemaDefinition = z.object({
   items: z
     .array(
       z.object({
+        type: z.enum(["separator"]).optional(),
         name: z.string().min(1).optional(),
         description: z.union([z.string().max(4000, "Description must not exceed 4000 characters"), z.null()]).optional(),
         price: z.number().optional(),
         gross_price: z.number().optional(),
-        quantity: z.number().gte(-140737488355328).lte(140737488355327),
+        quantity: z.number().gte(-140737488355328).lte(140737488355327).optional(),
         unit: z.union([z.string(), z.null()]).optional(),
         taxes: z.array(DocumentItemTax).optional(),
         discounts: z.array(LineDiscount).max(5).optional(),
@@ -155,11 +156,12 @@ const updateEstimateSchemaDefinition = z
     items: z
       .array(
         z.object({
+          type: z.enum(["separator"]).optional(),
           name: z.string().min(1).optional(),
           description: z.union([z.string().max(4000, "Description must not exceed 4000 characters"), z.null()]).optional(),
           price: z.number().optional(),
           gross_price: z.number().optional(),
-          quantity: z.number().gte(-140737488355328).lte(140737488355327),
+          quantity: z.number().gte(-140737488355328).lte(140737488355327).optional(),
           unit: z.union([z.string(), z.null()]).optional(),
           taxes: z.array(DocumentItemTax).optional(),
           discounts: z.array(LineDiscount).max(5).optional(),

package/src/generated/schemas/invoice.ts

@@ -105,11 +105,12 @@ const createInvoiceSchemaDefinition = z.object({
   items: z
     .array(
       z.object({
+        type: z.enum(["separator"]).optional(),
         name: z.string().min(1).optional(),
         description: z.union([z.string().max(4000, "Description must not exceed 4000 characters"), z.null()]).optional(),
         price: z.number().optional(),
         gross_price: z.number().optional(),
-        quantity: z.number().gte(-140737488355328).lte(140737488355327),
+        quantity: z.number().gte(-140737488355328).lte(140737488355327).optional(),
         unit: z.union([z.string(), z.null()]).optional(),
         taxes: z.array(DocumentItemTax).optional(),
         discounts: z.array(LineDiscount).max(5).optional(),

package/src/generated/schemas/renderadvanceinvoicepreview_body.ts

@@ -112,6 +112,7 @@ const PartialAdvanceInvoicePreview = z.object({
     .array(
       z
         .object({
+          type: z.literal("separator"),
           name: z.string(),
           quantity: z.number(),
           price: z.number(),
@@ -154,29 +155,22 @@ const LineDiscount = z.object({
 
 
 // Dependency schema for renderadvanceinvoicepreview_body
-const CreateDocumentItem = z.object({
-  name: z.string().min(1).optional(),
-  description: z.union([z.string(), z.null()]).optional(),
-  price: z.number().optional(),
-  gross_price: z.number().optional(),
-  quantity: z.number().gte(-140737488355328).lte(140737488355327),
-  unit: z.union([z.string(), z.null()]).optional(),
-  taxes: z.array(DocumentItemTax).optional(),
-  discounts: z.array(LineDiscount).max(5).optional(),
-  delivery_note_id: z.union([z.string(), z.null()]).optional(),
-  metadata: z
-    .union([
-      z.string(),
-      z.number(),
-      z.boolean(),
-      z.null(),
-      z.object({}).partial().passthrough(),
-      z.array(z.unknown()),
-      z.null(),
-    ])
-    .optional(),
-  item_id: z.string().optional(),
-});
+const CreateDocumentItem = z
+  .object({
+    type: z.literal("separator"),
+    name: z.string().min(1),
+    description: z.union([z.string(), z.null()]),
+    price: z.number(),
+    gross_price: z.number(),
+    quantity: z.union([z.number(), z.null()]),
+    unit: z.union([z.string(), z.null()]),
+    taxes: z.array(DocumentItemTax),
+    discounts: z.array(LineDiscount).max(5),
+    item_id: z.string(),
+    metadata: z.union([z.record(z.string(), z.any()), z.null()]),
+    save_item: z.boolean().default(true),
+  })
+  .partial();
 
 
 // Dependency schema for renderadvanceinvoicepreview_body

package/src/generated/schemas/rendercreditnotepreview_body.ts

@@ -113,6 +113,7 @@ const PartialCreditNotePreview = z.object({
     .array(
       z
         .object({
+          type: z.literal("separator"),
           name: z.string(),
           quantity: z.number(),
           price: z.number(),
@@ -155,29 +156,22 @@ const LineDiscount = z.object({
 
 
 // Dependency schema for rendercreditnotepreview_body
-const CreateDocumentItem = z.object({
-  name: z.string().min(1).optional(),
-  description: z.union([z.string(), z.null()]).optional(),
-  price: z.number().optional(),
-  gross_price: z.number().optional(),
-  quantity: z.number().gte(-140737488355328).lte(140737488355327),
-  unit: z.union([z.string(), z.null()]).optional(),
-  taxes: z.array(DocumentItemTax).optional(),
-  discounts: z.array(LineDiscount).max(5).optional(),
-  delivery_note_id: z.union([z.string(), z.null()]).optional(),
-  metadata: z
-    .union([
-      z.string(),
-      z.number(),
-      z.boolean(),
-      z.null(),
-      z.object({}).partial().passthrough(),
-      z.array(z.unknown()),
-      z.null(),
-    ])
-    .optional(),
-  item_id: z.string().optional(),
-});
+const CreateDocumentItem = z
+  .object({
+    type: z.literal("separator"),
+    name: z.string().min(1),
+    description: z.union([z.string(), z.null()]),
+    price: z.number(),
+    gross_price: z.number(),
+    quantity: z.union([z.number(), z.null()]),
+    unit: z.union([z.string(), z.null()]),
+    taxes: z.array(DocumentItemTax),
+    discounts: z.array(LineDiscount).max(5),
+    item_id: z.string(),
+    metadata: z.union([z.record(z.string(), z.any()), z.null()]),
+    save_item: z.boolean().default(true),
+  })
+  .partial();
 
 
 // Dependency schema for rendercreditnotepreview_body

package/src/generated/schemas/renderdeliverynotepreview_body.ts

@@ -81,6 +81,7 @@ const PartialDeliveryNotePreview = z.object({
     .array(
       z
         .object({
+          type: z.literal("separator"),
           name: z.string(),
           quantity: z.number(),
           price: z.number(),
@@ -123,29 +124,22 @@ const LineDiscount = z.object({
 
 
 // Dependency schema for renderdeliverynotepreview_body
-const CreateDocumentItem = z.object({
-  name: z.string().min(1).optional(),
-  description: z.union([z.string(), z.null()]).optional(),
-  price: z.number().optional(),
-  gross_price: z.number().optional(),
-  quantity: z.number().gte(-140737488355328).lte(140737488355327),
-  unit: z.union([z.string(), z.null()]).optional(),
-  taxes: z.array(DocumentItemTax).optional(),
-  discounts: z.array(LineDiscount).max(5).optional(),
-  delivery_note_id: z.union([z.string(), z.null()]).optional(),
-  metadata: z
-    .union([
-      z.string(),
-      z.number(),
-      z.boolean(),
-      z.null(),
-      z.object({}).partial().passthrough(),
-      z.array(z.unknown()),
-      z.null(),
-    ])
-    .optional(),
-  item_id: z.string().optional(),
-});
+const CreateDocumentItem = z
+  .object({
+    type: z.literal("separator"),
+    name: z.string().min(1),
+    description: z.union([z.string(), z.null()]),
+    price: z.number(),
+    gross_price: z.number(),
+    quantity: z.union([z.number(), z.null()]),
+    unit: z.union([z.string(), z.null()]),
+    taxes: z.array(DocumentItemTax),
+    discounts: z.array(LineDiscount).max(5),
+    item_id: z.string(),
+    metadata: z.union([z.record(z.string(), z.any()), z.null()]),
+    save_item: z.boolean().default(true),
+  })
+  .partial();
 
 
 // Dependency schema for renderdeliverynotepreview_body

package/src/generated/schemas/renderestimatepreview_body.ts

@@ -82,6 +82,7 @@ const PartialEstimatePreview = z.object({
     .array(
       z
         .object({
+          type: z.literal("separator"),
           name: z.string(),
           quantity: z.number(),
           price: z.number(),
@@ -123,29 +124,22 @@ const LineDiscount = z.object({
 
 
 // Dependency schema for renderestimatepreview_body
-const CreateDocumentItem = z.object({
-  name: z.string().min(1).optional(),
-  description: z.union([z.string(), z.null()]).optional(),
-  price: z.number().optional(),
-  gross_price: z.number().optional(),
-  quantity: z.number().gte(-140737488355328).lte(140737488355327),
-  unit: z.union([z.string(), z.null()]).optional(),
-  taxes: z.array(DocumentItemTax).optional(),
-  discounts: z.array(LineDiscount).max(5).optional(),
-  delivery_note_id: z.union([z.string(), z.null()]).optional(),
-  metadata: z
-    .union([
-      z.string(),
-      z.number(),
-      z.boolean(),
-      z.null(),
-      z.object({}).partial().passthrough(),
-      z.array(z.unknown()),
-      z.null(),
-    ])
-    .optional(),
-  item_id: z.string().optional(),
-});
+const CreateDocumentItem = z
+  .object({
+    type: z.literal("separator"),
+    name: z.string().min(1),
+    description: z.union([z.string(), z.null()]),
+    price: z.number(),
+    gross_price: z.number(),
+    quantity: z.union([z.number(), z.null()]),
+    unit: z.union([z.string(), z.null()]),
+    taxes: z.array(DocumentItemTax),
+    discounts: z.array(LineDiscount).max(5),
+    item_id: z.string(),
+    metadata: z.union([z.record(z.string(), z.any()), z.null()]),
+    save_item: z.boolean().default(true),
+  })
+  .partial();
 
 
 // Dependency schema for renderestimatepreview_body

package/src/generated/schemas/renderinvoicepreview_body.ts

@@ -113,6 +113,7 @@ const PartialInvoicePreview = z.object({
     .array(
       z
         .object({
+          type: z.literal("separator"),
           name: z.string(),
           quantity: z.number(),
           price: z.number(),
@@ -132,6 +133,7 @@ const PartialInvoicePreview = z.object({
     .min(1),
   fina: CreateFinaInvoiceData.optional(),
   expected_total_with_tax: z.number().gt(0).optional(),
+  force_linked_documents: z.boolean().optional(),
 });
 
 
@@ -155,29 +157,22 @@ const LineDiscount = z.object({
 
 
 // Dependency schema for renderinvoicepreview_body
-const CreateDocumentItem = z.object({
-  name: z.string().min(1).optional(),
-  description: z.union([z.string(), z.null()]).optional(),
-  price: z.number().optional(),
-  gross_price: z.number().optional(),
-  quantity: z.number().gte(-140737488355328).lte(140737488355327),
-  unit: z.union([z.string(), z.null()]).optional(),
-  taxes: z.array(DocumentItemTax).optional(),
-  discounts: z.array(LineDiscount).max(5).optional(),
-  delivery_note_id: z.union([z.string(), z.null()]).optional(),
-  metadata: z
-    .union([
-      z.string(),
-      z.number(),
-      z.boolean(),
-      z.null(),
-      z.object({}).partial().passthrough(),
-      z.array(z.unknown()),
-      z.null(),
-    ])
-    .optional(),
-  item_id: z.string().optional(),
-});
+const CreateDocumentItem = z
+  .object({
+    type: z.literal("separator"),
+    name: z.string().min(1),
+    description: z.union([z.string(), z.null()]),
+    price: z.number(),
+    gross_price: z.number(),
+    quantity: z.union([z.number(), z.null()]),
+    unit: z.union([z.string(), z.null()]),
+    taxes: z.array(DocumentItemTax),
+    discounts: z.array(LineDiscount).max(5),
+    item_id: z.string(),
+    metadata: z.union([z.record(z.string(), z.any()), z.null()]),
+    save_item: z.boolean().default(true),
+  })
+  .partial();
 
 
 // Dependency schema for renderinvoicepreview_body
@@ -201,6 +196,7 @@ const CompleteInvoicePreview = z.object({
   items: z.array(CreateDocumentItem).min(1),
   fina: CreateFinaInvoiceData.optional(),
   expected_total_with_tax: z.number().gt(0).optional(),
+  force_linked_documents: z.boolean().optional(),
 });
 
 

package/src/hooks/use-duplicate-document.ts

@@ -64,6 +64,7 @@ function transformDocumentForDuplication(source: Document, targetType: DocumentT
   // Transform items - copy only the fields needed for creation
   // Use type assertion for items since all document item types share the same shape
   const sourceItems = source.items as Array<{
+    type?: string | null;
     name: string;
     description: string | null;
     quantity: number;
@@ -72,15 +73,21 @@ function transformDocumentForDuplication(source: Document, targetType: DocumentT
     taxes: Array<{ tax_id?: string }>;
   }>;
   const items = sourceItems?.map((item) => ({
+    type: item.type ?? undefined,
     name: item.name,
     description: item.description,
-    quantity: item.quantity,
-    // Use gross_price if set, otherwise use price. The form uses is_gross_price as a UI toggle.
-    price: item.gross_price ?? item.price,
-    // Copy tax references (tax_id), not computed tax data
-    taxes: item.taxes?.map((tax) => ({ tax_id: tax.tax_id })),
-    // Derive is_gross_price from whether gross_price is set
-    gross_price: item.gross_price ?? undefined,
+    // Separator items skip financial fields
+    ...(item.type !== "separator"
+      ? {
+          quantity: item.quantity,
+          // Use gross_price if set, otherwise use price. The form uses is_gross_price as a UI toggle.
+          price: item.gross_price ?? item.price,
+          // Copy tax references (tax_id), not computed tax data
+          taxes: item.taxes?.map((tax) => ({ tax_id: tax.tax_id })),
+          // Derive is_gross_price from whether gross_price is set
+          gross_price: item.gross_price ?? undefined,
+        }
+      : {}),
   }));
 
   // Build customer data - always copy if available (form needs this for display)
@@ -108,8 +115,8 @@ function transformDocumentForDuplication(source: Document, targetType: DocumentT
     // The form needs customer data for display, even when customer_id is set
     ...(source.customer_id ? { customer_id: source.customer_id } : {}),
     ...(customerData ? { customer: customerData } : {}),
-    // Items
-    items,
+    // Items (cast needed: separator items omit financial fields like quantity)
+    items: items as any,
     // Currency
     currency_code: source.currency_code,
     // Notes

package/src/hooks/use-vies-check.ts

@@ -42,6 +42,8 @@ export interface UseViesCheckResult {
   reverseChargeApplies: boolean;
   /** Transaction type determined by VIES check */
   transactionType: ViesCheckResponse["transaction_type"] | undefined;
+  /** Customer country code returned by VIES check */
+  customerCountryCode: string | null;
   /** Warning message from VIES validation */
   warning: string | null;
   /** Whether VIES validation was successful */
@@ -124,6 +126,7 @@ export function useViesCheck({
     error: query.error,
     reverseChargeApplies: query.data?.reverse_charge_applies ?? false,
     transactionType: query.data?.transaction_type,
+    customerCountryCode: query.data?.customer_country_code ?? null,
     warning: query.data?.warning ?? null,
     viesValid: query.data?.vies_valid ?? null,
   };