@spaceinvoices/react-ui 0.3.0 → 0.4.1

package/src/generated/schemas/renderinvoicepreview_body.ts

@@ -15,6 +15,56 @@ const LineDiscount = z.object({
 });
 
 
+// Dependency schema for renderinvoicepreview_body
+const DocumentItemTax = z
+  .object({
+    rate: z.number(),
+    tax_id: z.string(),
+    classification: z.string(),
+    reverse_charge: z.boolean(),
+    amount: z.number(),
+  })
+  .partial();
+
+
+// Dependency schema for renderinvoicepreview_body
+const DocumentEntity = z
+  .object({
+    name: z.union([z.string(), z.null()]),
+    email: z.union([z.string(), z.null()]),
+    address: z.union([z.string(), z.null()]),
+    address_2: z.union([z.string(), z.null()]),
+    post_code: z.union([z.string(), z.null()]),
+    city: z.union([z.string(), z.null()]),
+    state: z.union([z.string(), z.null()]),
+    country: z.union([z.string(), z.null()]),
+    country_code: z.union([z.string(), z.null()]),
+    tax_number: z.union([z.string(), z.null()]),
+    tax_number_2: z.union([z.string(), z.null()]),
+    company_number: z.union([z.string(), z.null()]),
+    bank_account: z.union([
+      z
+        .object({
+          type: z
+            .enum(["iban", "us_domestic", "uk_domestic", "other"])
+            .default("iban"),
+          name: z.string(),
+          bank_name: z.string(),
+          iban: z.string(),
+          account_number: z.string(),
+          bic: z.string(),
+          routing_number: z.string(),
+          sort_code: z.string(),
+        })
+        .partial()
+        .passthrough(),
+      z.null(),
+    ]),
+  })
+  .partial()
+  .passthrough();
+
+
 // Dependency schema for renderinvoicepreview_body
 const CompleteInvoicePreview = z.object({
   is_draft: z.boolean().optional(),
@@ -22,84 +72,17 @@ const CompleteInvoicePreview = z.object({
     .string()
     .regex(/^\d{4}-\d{2}-\d{2}(T\d{2}:\d{2}:\d{2}(\.\d{3})?Z?)?$/)
     .optional(),
-  issuer: z
-    .object({
-      name: z.union([z.string(), z.null()]),
-      email: z.union([z.string(), z.null()]),
-      address: z.union([z.string(), z.null()]),
-      address_2: z.union([z.string(), z.null()]),
-      post_code: z.union([z.string(), z.null()]),
-      city: z.union([z.string(), z.null()]),
-      state: z.union([z.string(), z.null()]),
-      country: z.union([z.string(), z.null()]),
-      country_code: z.union([z.string(), z.null()]),
-      tax_number: z.union([z.string(), z.null()]),
-      tax_number_2: z.union([z.string(), z.null()]),
-      company_number: z.union([z.string(), z.null()]),
-      bank_account: z.union([
-        z
-          .object({
-            type: z
-              .enum(["iban", "us_domestic", "uk_domestic", "other"])
-              .default("iban"),
-            name: z.string(),
-            bank_name: z.string(),
-            iban: z.string(),
-            account_number: z.string(),
-            bic: z.string(),
-            routing_number: z.string(),
-            sort_code: z.string(),
-          })
-          .partial()
-          .passthrough(),
-        z.null(),
-      ]),
-    })
-    .partial()
-    .passthrough()
-    .optional(),
+  issuer: DocumentEntity.optional(),
   customer_id: z.union([z.string(), z.null()]).optional(),
-  customer: z
-    .union([
+  customer: DocumentEntity.and(
+    z.union([
       z
-        .object({
-          name: z.union([z.string(), z.null()]),
-          email: z.union([z.string(), z.null()]),
-          address: z.union([z.string(), z.null()]),
-          address_2: z.union([z.string(), z.null()]),
-          post_code: z.union([z.string(), z.null()]),
-          city: z.union([z.string(), z.null()]),
-          state: z.union([z.string(), z.null()]),
-          country: z.union([z.string(), z.null()]),
-          country_code: z.union([z.string(), z.null()]),
-          tax_number: z.union([z.string(), z.null()]),
-          tax_number_2: z.union([z.string(), z.null()]),
-          company_number: z.union([z.string(), z.null()]),
-          bank_account: z.union([
-            z
-              .object({
-                type: z
-                  .enum(["iban", "us_domestic", "uk_domestic", "other"])
-                  .default("iban"),
-                name: z.string(),
-                bank_name: z.string(),
-                iban: z.string(),
-                account_number: z.string(),
-                bic: z.string(),
-                routing_number: z.string(),
-                sort_code: z.string(),
-              })
-              .partial()
-              .passthrough(),
-            z.null(),
-          ]),
-          save_customer: z.boolean().default(true),
-        })
+        .object({ save_customer: z.boolean().default(true) })
         .partial()
         .passthrough(),
       z.null(),
     ])
-    .optional(),
+  ).optional(),
   note: z.union([z.string(), z.null()]).optional(),
   payment_terms: z.union([z.string(), z.null()]).optional(),
   tax_clause: z.union([z.string(), z.null()]).optional(),
@@ -117,19 +100,7 @@ const CompleteInvoicePreview = z.object({
         gross_price: z.number().optional(),
         quantity: z.number().gte(-140737488355328).lte(140737488355327),
         unit: z.union([z.string(), z.null()]).optional(),
-        taxes: z
-          .array(
-            z
-              .object({
-                rate: z.number(),
-                tax_id: z.string(),
-                classification: z.string(),
-                reverse_charge: z.boolean(),
-                amount: z.number(),
-              })
-              .partial()
-          )
-          .optional(),
+        taxes: z.array(DocumentItemTax).optional(),
         discounts: z.array(LineDiscount).max(5).optional(),
         metadata: z
           .union([
@@ -189,84 +160,17 @@ const PartialInvoicePreview = z.object({
     .string()
     .regex(/^\d{4}-\d{2}-\d{2}(T\d{2}:\d{2}:\d{2}(\.\d{3})?Z?)?$/)
     .optional(),
-  issuer: z
-    .object({
-      name: z.union([z.string(), z.null()]),
-      email: z.union([z.string(), z.null()]),
-      address: z.union([z.string(), z.null()]),
-      address_2: z.union([z.string(), z.null()]),
-      post_code: z.union([z.string(), z.null()]),
-      city: z.union([z.string(), z.null()]),
-      state: z.union([z.string(), z.null()]),
-      country: z.union([z.string(), z.null()]),
-      country_code: z.union([z.string(), z.null()]),
-      tax_number: z.union([z.string(), z.null()]),
-      tax_number_2: z.union([z.string(), z.null()]),
-      company_number: z.union([z.string(), z.null()]),
-      bank_account: z.union([
-        z
-          .object({
-            type: z
-              .enum(["iban", "us_domestic", "uk_domestic", "other"])
-              .default("iban"),
-            name: z.string(),
-            bank_name: z.string(),
-            iban: z.string(),
-            account_number: z.string(),
-            bic: z.string(),
-            routing_number: z.string(),
-            sort_code: z.string(),
-          })
-          .partial()
-          .passthrough(),
-        z.null(),
-      ]),
-    })
-    .partial()
-    .passthrough()
-    .optional(),
+  issuer: DocumentEntity.optional(),
   customer_id: z.union([z.string(), z.null()]).optional(),
-  customer: z
-    .union([
+  customer: DocumentEntity.and(
+    z.union([
       z
-        .object({
-          name: z.union([z.string(), z.null()]),
-          email: z.union([z.string(), z.null()]),
-          address: z.union([z.string(), z.null()]),
-          address_2: z.union([z.string(), z.null()]),
-          post_code: z.union([z.string(), z.null()]),
-          city: z.union([z.string(), z.null()]),
-          state: z.union([z.string(), z.null()]),
-          country: z.union([z.string(), z.null()]),
-          country_code: z.union([z.string(), z.null()]),
-          tax_number: z.union([z.string(), z.null()]),
-          tax_number_2: z.union([z.string(), z.null()]),
-          company_number: z.union([z.string(), z.null()]),
-          bank_account: z.union([
-            z
-              .object({
-                type: z
-                  .enum(["iban", "us_domestic", "uk_domestic", "other"])
-                  .default("iban"),
-                name: z.string(),
-                bank_name: z.string(),
-                iban: z.string(),
-                account_number: z.string(),
-                bic: z.string(),
-                routing_number: z.string(),
-                sort_code: z.string(),
-              })
-              .partial()
-              .passthrough(),
-            z.null(),
-          ]),
-          save_customer: z.boolean().default(true),
-        })
+        .object({ save_customer: z.boolean().default(true) })
         .partial()
         .passthrough(),
       z.null(),
     ])
-    .optional(),
+  ).optional(),
   note: z.union([z.string(), z.null()]).optional(),
   payment_terms: z.union([z.string(), z.null()]).optional(),
   tax_clause: z.union([z.string(), z.null()]).optional(),

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

@@ -1,12 +1,12 @@
 import type {
-  AdvanceInvoiceWithItems,
+  AdvanceInvoice,
   CreateAdvanceInvoiceRequest,
   CreateCreditNoteRequest,
   CreateEstimateRequest,
   CreateInvoiceRequest,
-  CreditNoteWithItems,
-  EstimateWithItems,
-  InvoiceWithItems,
+  CreditNote,
+  Estimate,
+  Invoice,
 } from "@spaceinvoices/js-sdk";
 import { useQuery } from "@tanstack/react-query";
 
@@ -14,7 +14,7 @@ import { useEntities } from "@/ui/providers/entities-context";
 import { useSDK } from "@/ui/providers/sdk-provider";
 
 export type DocumentType = "invoice" | "estimate" | "credit_note" | "advance_invoice";
-type Document = InvoiceWithItems | EstimateWithItems | CreditNoteWithItems | AdvanceInvoiceWithItems;
+type Document = Invoice | Estimate | CreditNote | AdvanceInvoice;
 type CreateRequest =
   | CreateInvoiceRequest
   | CreateEstimateRequest
@@ -56,16 +56,25 @@ export function getAllowedDuplicateTargets(sourceType: DocumentType): DocumentTy
  */
 function transformDocumentForDuplication(source: Document, _targetType: DocumentType): Partial<CreateRequest> {
   // Transform items - copy only the fields needed for creation
-  const items = source.items?.map((item: (typeof source.items)[number]) => ({
+  // Use type assertion for items since all document item types share the same shape
+  const sourceItems = source.items as Array<{
+    name: string;
+    description: string | null;
+    quantity: number;
+    price: number;
+    gross_price?: number | null;
+    taxes: Array<{ tax_id?: string }>;
+  }>;
+  const items = sourceItems?.map((item) => ({
     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 as { gross_price?: number }).gross_price ?? item.price,
+    price: item.gross_price ?? item.price,
     // Copy tax references (tax_id), not computed tax data
-    taxes: item.taxes?.map((tax: { tax_id?: string }) => ({ tax_id: tax.tax_id })),
+    taxes: item.taxes?.map((tax) => ({ tax_id: tax.tax_id })),
     // Derive is_gross_price from whether gross_price is set
-    gross_price: (item as { gross_price?: number }).gross_price,
+    gross_price: item.gross_price ?? undefined,
   }));
 
   // Build customer data - always copy if available (form needs this for display)
@@ -158,8 +167,7 @@ export function useDuplicateDocument({
       if (sourceType === "invoice") {
         source = await sdk.invoices.get(sourceId, undefined, { entity_id: activeEntity.id });
       } else if (sourceType === "estimate") {
-        // estimates.get only takes 2 args (no params)
-        source = await sdk.estimates.get(sourceId, { entity_id: activeEntity.id });
+        source = await sdk.estimates.get(sourceId, undefined, { entity_id: activeEntity.id });
       } else if (sourceType === "advance_invoice") {
         source = await sdk.advanceInvoices.get(sourceId, undefined, { entity_id: activeEntity.id });
       } else {

package/src/providers/entities-provider.tsx

@@ -180,6 +180,27 @@ export function EntitiesProvider({
     }
   }, [memoizedEntities, urlEntityId]); // Re-run when URL entity changes
 
+  // When urlEntityId is provided but not found in current environment, auto-switch
+  const urlEntityFallbackAttempted = useRef<string | null>(null);
+  useEffect(() => {
+    if (!urlEntityId || isLoading) return;
+    if (memoizedEntities.length === 0) return;
+
+    const found = memoizedEntities.some((e) => e.id === urlEntityId);
+    if (found) {
+      urlEntityFallbackAttempted.current = null;
+      return;
+    }
+
+    // Prevent infinite switching between environments
+    if (urlEntityFallbackAttempted.current === urlEntityId) return;
+    urlEntityFallbackAttempted.current = urlEntityId;
+
+    // URL entity not in current environment — try the other
+    const altEnv: EntityEnvironment = environment === "live" ? "sandbox" : "live";
+    setEnvironmentState(altEnv);
+  }, [urlEntityId, memoizedEntities, isLoading, environment]);
+
   const cookieOpts = useMemo(
     () => ({
       path: "/",

package/src/components/invoices/view/fina-info-display.tsx

@@ -1,196 +0,0 @@
-import type { Invoice } from "@spaceinvoices/js-sdk";
-import { AlertCircle, Check, CheckCircle2, Clock, Copy, ExternalLink, XCircle } from "lucide-react";
-import { useState } from "react";
-import { Alert, AlertDescription, AlertTitle } from "@/ui/components/ui/alert";
-import { Badge } from "@/ui/components/ui/badge";
-import { Button } from "@/ui/components/ui/button";
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/ui/components/ui/card";
-import type { ComponentTranslationProps } from "@/ui/lib/translation";
-import { createTranslation } from "@/ui/lib/translation";
-import de from "../../entities/fina-settings-form/locales/de";
-import en from "../../entities/fina-settings-form/locales/en";
-import sl from "../../entities/fina-settings-form/locales/sl";
-
-const translations = { de, sl, en } as const;
-
-type FinaData = {
-  status?: "success" | "pending" | "failed";
-  error?: string;
-  fiscalized_at?: string;
-  data?: {
-    zki?: string;
-    jir?: string;
-    premise_id?: string;
-    device_id?: string;
-    invoice_number?: string;
-    qr_code_url?: string;
-  };
-};
-
-interface FinaInfoDisplayProps extends ComponentTranslationProps {
-  invoice: Invoice;
-}
-
-export function FinaInfoDisplay({ invoice, t: translateFn, namespace, locale }: FinaInfoDisplayProps) {
-  const [copiedField, setCopiedField] = useState<string | null>(null);
-
-  const t = createTranslation({
-    t: translateFn,
-    namespace,
-    locale,
-    translations,
-  });
-
-  const fina = (invoice as any).fina as FinaData | undefined;
-
-  if (!fina) {
-    return null;
-  }
-
-  const copyToClipboard = async (text: string, fieldName: string) => {
-    try {
-      await navigator.clipboard.writeText(text);
-      setCopiedField(fieldName);
-      setTimeout(() => setCopiedField(null), 2000);
-    } catch (err) {
-      console.error("Failed to copy:", err);
-    }
-  };
-
-  const getStatusBadge = () => {
-    switch (fina.status) {
-      case "success":
-        return (
-          <Badge className="bg-green-100 text-green-800 dark:bg-green-900 dark:text-green-100">
-            <CheckCircle2 className="mr-1 h-3 w-3" />
-            {t("Fiscalized")}
-          </Badge>
-        );
-      case "pending":
-        return (
-          <Badge className="bg-yellow-100 text-yellow-800 dark:bg-yellow-900 dark:text-yellow-100">
-            <Clock className="mr-1 h-3 w-3" />
-            {t("Pending")}
-          </Badge>
-        );
-      case "failed":
-        return (
-          <Badge className="bg-red-100 text-red-800 dark:bg-red-900 dark:text-red-100">
-            <XCircle className="mr-1 h-3 w-3" />
-            {t("Failed")}
-          </Badge>
-        );
-      default:
-        return null;
-    }
-  };
-
-  return (
-    <Card>
-      <CardHeader>
-        <CardTitle className="flex items-center gap-2">
-          {t("FINA Fiscalization")}
-          {getStatusBadge()}
-        </CardTitle>
-        <CardDescription>{t("Croatian tax authority fiscalization details")}</CardDescription>
-      </CardHeader>
-      <CardContent className="space-y-4">
-        {/* Error Message */}
-        {fina.status === "failed" && fina.error && (
-          <Alert variant="destructive">
-            <AlertCircle className="h-4 w-4" />
-            <AlertTitle>{t("Fiscalization Error")}</AlertTitle>
-            <AlertDescription>{fina.error}</AlertDescription>
-          </Alert>
-        )}
-
-        {/* FINA Data */}
-        {fina.data && (
-          <div className="space-y-3">
-            {/* ZKI Code */}
-            {fina.data.zki && (
-              <div className="flex items-center justify-between rounded-lg border p-3">
-                <div className="space-y-1">
-                  <p className="font-medium text-sm">{t("ZKI")}</p>
-                  <p className="font-mono text-muted-foreground text-xs">{fina.data.zki}</p>
-                </div>
-                <Button variant="ghost" size="sm" onClick={() => copyToClipboard(fina.data!.zki!, "zki")}>
-                  {copiedField === "zki" ? <Check className="h-4 w-4 text-green-600" /> : <Copy className="h-4 w-4" />}
-                </Button>
-              </div>
-            )}
-
-            {/* JIR Code */}
-            {fina.data.jir && (
-              <div className="flex items-center justify-between rounded-lg border p-3">
-                <div className="space-y-1">
-                  <p className="font-medium text-sm">{t("JIR")}</p>
-                  <p className="font-mono text-muted-foreground text-xs">{fina.data.jir}</p>
-                </div>
-                <Button variant="ghost" size="sm" onClick={() => copyToClipboard(fina.data!.jir!, "jir")}>
-                  {copiedField === "jir" ? <Check className="h-4 w-4 text-green-600" /> : <Copy className="h-4 w-4" />}
-                </Button>
-              </div>
-            )}
-
-            {/* Business Premise & Device */}
-            <div className="grid grid-cols-2 gap-3">
-              {fina.data.premise_id && (
-                <div className="space-y-1">
-                  <p className="font-medium text-sm">{t("Business Premise")}</p>
-                  <p className="text-muted-foreground text-sm">{fina.data.premise_id}</p>
-                </div>
-              )}
-              {fina.data.device_id && (
-                <div className="space-y-1">
-                  <p className="font-medium text-sm">{t("Electronic Device")}</p>
-                  <p className="text-muted-foreground text-sm">{fina.data.device_id}</p>
-                </div>
-              )}
-            </div>
-
-            {/* Invoice Number */}
-            {fina.data.invoice_number && (
-              <div className="space-y-1">
-                <p className="font-medium text-sm">{t("Invoice Number")}</p>
-                <p className="text-muted-foreground text-sm">{fina.data.invoice_number}</p>
-              </div>
-            )}
-
-            {/* QR Code URL */}
-            {fina.data.qr_code_url && (
-              <div className="flex items-center justify-between rounded-lg border p-3">
-                <div className="space-y-1">
-                  <p className="font-medium text-sm">{t("QR Code")}</p>
-                  <a
-                    href={fina.data.qr_code_url}
-                    target="_blank"
-                    rel="noopener noreferrer"
-                    className="flex items-center gap-1 text-primary text-xs hover:underline"
-                  >
-                    {t("QR Code")}
-                    <ExternalLink className="h-3 w-3" />
-                  </a>
-                </div>
-                <Button variant="ghost" size="sm" onClick={() => copyToClipboard(fina.data!.qr_code_url!, "qr_url")}>
-                  {copiedField === "qr_url" ? (
-                    <Check className="h-4 w-4 text-green-600" />
-                  ) : (
-                    <Copy className="h-4 w-4" />
-                  )}
-                </Button>
-              </div>
-            )}
-          </div>
-        )}
-
-        {/* Fiscalized Timestamp */}
-        {fina.fiscalized_at && (
-          <div className="pt-2 text-muted-foreground text-sm">
-            {t("Fiscalized at")}: {new Date(fina.fiscalized_at).toLocaleString()}
-          </div>
-        )}
-      </CardContent>
-    </Card>
-  );
-}