@spaceinvoices/react-ui 0.4.11 → 0.4.31

package/src/components/documents/view/use-document-download.ts

@@ -4,14 +4,16 @@ import {
   type DeliveryNote,
   downloadBlob,
   type Estimate,
+  eSlog,
   type Invoice,
+  invoices,
 } from "@spaceinvoices/js-sdk";
 import { useState } from "react";
 import { useEntities } from "@/ui/providers/entities-context";
-import { useSDK } from "@/ui/providers/sdk-provider";
 
 type Document = Invoice | Estimate | CreditNote | AdvanceInvoice | DeliveryNote;
 type DocumentType = "invoice" | "estimate" | "credit_note" | "advance_invoice" | "delivery_note";
+type ESlogDocumentType = "invoice" | "estimate" | "credit_note";
 
 // Document type labels for PDF filename
 const TYPE_LABELS: Record<string, string> = {
@@ -36,18 +38,17 @@ export function useDocumentDownload({
   onDownloadSuccess,
   onDownloadError,
 }: UseDocumentDownloadOptions = {}) {
-  const { sdk } = useSDK();
   const { activeEntity } = useEntities();
 
   const [isDownloadingPdf, setIsDownloadingPdf] = useState(false);
   const [isDownloadingEslog, setIsDownloadingEslog] = useState(false);
 
   /**
-   * Download PDF with optional locale override.
-   * When a locale is selected, it is sent as both the formatting locale and label language.
+   * Download PDF with an optional language override.
+   * Formatting locale always falls back to backend/entity defaults.
    */
-  const downloadPdf = async (document: Document, documentType: DocumentType, locale?: string) => {
-    if (!sdk || !activeEntity?.id) {
+  const downloadPdf = async (document: Document, documentType: DocumentType, language?: string) => {
+    if (!activeEntity?.id) {
       onDownloadError?.("Download failed");
       return;
     }
@@ -59,11 +60,14 @@ export function useDocumentDownload({
       // SDK signature: renderPdf(id, params?, SDKMethodOptions?)
       // entity_id goes in SDKMethodOptions (last arg), not params
       // Note: renderPdf is on invoices module but works with any document ID via /documents/{id}/pdf
-      const params = locale ? { locale, language: locale } : {};
-      const typeLabel = TYPE_LABELS[documentType] || "Document";
+      const typeLabel =
+        documentType === "estimate" && (document as Estimate).title_type === "proforma_invoice"
+          ? "Proforma Invoice"
+          : TYPE_LABELS[documentType] || "Document";
+      const params = language ? { language } : {};
       const fileName = `${typeLabel} ${document.number}.pdf`;
 
-      await sdk.invoices.downloadPdf(document.id, fileName, params, { entity_id: activeEntity.id });
+      await invoices.downloadPdf(document.id, fileName, params, { entity_id: activeEntity.id });
 
       onDownloadSuccess?.(fileName);
     } catch (error) {
@@ -78,7 +82,7 @@ export function useDocumentDownload({
    * Download e-SLOG XML
    */
   const downloadEslog = async (document: Document, documentType: DocumentType) => {
-    if (!sdk || !activeEntity?.id) {
+    if (!activeEntity?.id) {
       onDownloadError?.("Download failed");
       return;
     }
@@ -86,20 +90,17 @@ export function useDocumentDownload({
     setIsDownloadingEslog(true);
 
     try {
-      const typeMap: Record<DocumentType, string> = {
+      const typeMap: Partial<Record<DocumentType, ESlogDocumentType>> = {
         invoice: "invoice",
-        advance_invoice: "advance_invoice",
         credit_note: "credit_note",
         estimate: "estimate",
-        delivery_note: "delivery_note",
       };
+      const eslogType = typeMap[documentType];
 
-      // e-SLOG download - cast to any since the SDK structure may vary
-      const eSlogModule = (sdk as any).eSlog;
-      if (!eSlogModule?.download) {
+      if (!eslogType) {
         throw new Error("e-SLOG download not available");
       }
-      const xml = await eSlogModule.download(document.id, typeMap[documentType], { entity_id: activeEntity.id });
+      const xml = await eSlog.download(document.id, { type: eslogType }, { entity_id: activeEntity.id });
 
       const blob = new Blob([xml], { type: "application/xml" });
       downloadBlob(blob, `${document.number}.xml`);

package/src/components/entities/create-entity-form.tsx

@@ -23,6 +23,7 @@ export type CreateEntityFormProps = {
   defaultName?: string;
   countryCode?: string;
   locale?: string;
+  translationLocale?: string;
   defaultValues?: Partial<CreateEntitySchema>;
   onSuccess?: (data: Entity) => void;
   onError?: (error: unknown) => void;
@@ -47,17 +48,203 @@ const translations = {
 } as const;
 
 const ISO_COUNTRY_CODES = [
-  "AD", "AE", "AF", "AG", "AL", "AM", "AO", "AR", "AT", "AU", "AZ", "BA", "BB", "BD", "BE", "BF", "BG", "BH", "BI",
-  "BJ", "BN", "BO", "BR", "BS", "BT", "BW", "BY", "BZ", "CA", "CD", "CF", "CG", "CH", "CI", "CL", "CM", "CN", "CO",
-  "CR", "CU", "CV", "CY", "CZ", "DE", "DJ", "DK", "DM", "DO", "DZ", "EC", "EE", "EG", "ER", "ES", "ET", "FI", "FJ",
-  "FM", "FR", "GA", "GB", "GD", "GE", "GH", "GM", "GN", "GQ", "GR", "GT", "GW", "GY", "HK", "HN", "HR", "HT", "HU",
-  "ID", "IE", "IL", "IN", "IQ", "IR", "IS", "IT", "JM", "JO", "JP", "KE", "KG", "KH", "KI", "KM", "KN", "KP", "KR",
-  "KW", "KZ", "LA", "LB", "LC", "LI", "LK", "LR", "LS", "LT", "LU", "LV", "LY", "MA", "MC", "MD", "ME", "MG", "MH",
-  "MK", "ML", "MM", "MN", "MR", "MT", "MU", "MV", "MW", "MX", "MY", "MZ", "NA", "NE", "NG", "NI", "NL", "NO", "NP",
-  "NR", "NZ", "OM", "PA", "PE", "PG", "PH", "PK", "PL", "PT", "PW", "PY", "QA", "RO", "RS", "RU", "RW", "SA", "SB",
-  "SC", "SD", "SE", "SG", "SI", "SK", "SL", "SM", "SN", "SO", "SR", "SS", "ST", "SV", "SY", "SZ", "TD", "TG", "TH",
-  "TJ", "TL", "TM", "TN", "TO", "TR", "TT", "TV", "TW", "TZ", "UA", "UG", "US", "UY", "UZ", "VA", "VC", "VE", "VN",
-  "VU", "WS", "XK", "YE", "ZA", "ZM", "ZW",
+  "AD",
+  "AE",
+  "AF",
+  "AG",
+  "AL",
+  "AM",
+  "AO",
+  "AR",
+  "AT",
+  "AU",
+  "AZ",
+  "BA",
+  "BB",
+  "BD",
+  "BE",
+  "BF",
+  "BG",
+  "BH",
+  "BI",
+  "BJ",
+  "BN",
+  "BO",
+  "BR",
+  "BS",
+  "BT",
+  "BW",
+  "BY",
+  "BZ",
+  "CA",
+  "CD",
+  "CF",
+  "CG",
+  "CH",
+  "CI",
+  "CL",
+  "CM",
+  "CN",
+  "CO",
+  "CR",
+  "CU",
+  "CV",
+  "CY",
+  "CZ",
+  "DE",
+  "DJ",
+  "DK",
+  "DM",
+  "DO",
+  "DZ",
+  "EC",
+  "EE",
+  "EG",
+  "ER",
+  "ES",
+  "ET",
+  "FI",
+  "FJ",
+  "FM",
+  "FR",
+  "GA",
+  "GB",
+  "GD",
+  "GE",
+  "GH",
+  "GM",
+  "GN",
+  "GQ",
+  "GR",
+  "GT",
+  "GW",
+  "GY",
+  "HK",
+  "HN",
+  "HR",
+  "HT",
+  "HU",
+  "ID",
+  "IE",
+  "IL",
+  "IN",
+  "IQ",
+  "IR",
+  "IS",
+  "IT",
+  "JM",
+  "JO",
+  "JP",
+  "KE",
+  "KG",
+  "KH",
+  "KI",
+  "KM",
+  "KN",
+  "KP",
+  "KR",
+  "KW",
+  "KZ",
+  "LA",
+  "LB",
+  "LC",
+  "LI",
+  "LK",
+  "LR",
+  "LS",
+  "LT",
+  "LU",
+  "LV",
+  "LY",
+  "MA",
+  "MC",
+  "MD",
+  "ME",
+  "MG",
+  "MH",
+  "MK",
+  "ML",
+  "MM",
+  "MN",
+  "MR",
+  "MT",
+  "MU",
+  "MV",
+  "MW",
+  "MX",
+  "MY",
+  "MZ",
+  "NA",
+  "NE",
+  "NG",
+  "NI",
+  "NL",
+  "NO",
+  "NP",
+  "NR",
+  "NZ",
+  "OM",
+  "PA",
+  "PE",
+  "PG",
+  "PH",
+  "PK",
+  "PL",
+  "PT",
+  "PW",
+  "PY",
+  "QA",
+  "RO",
+  "RS",
+  "RU",
+  "RW",
+  "SA",
+  "SB",
+  "SC",
+  "SD",
+  "SE",
+  "SG",
+  "SI",
+  "SK",
+  "SL",
+  "SM",
+  "SN",
+  "SO",
+  "SR",
+  "SS",
+  "ST",
+  "SV",
+  "SY",
+  "SZ",
+  "TD",
+  "TG",
+  "TH",
+  "TJ",
+  "TL",
+  "TM",
+  "TN",
+  "TO",
+  "TR",
+  "TT",
+  "TV",
+  "TW",
+  "TZ",
+  "UA",
+  "UG",
+  "US",
+  "UY",
+  "UZ",
+  "VA",
+  "VC",
+  "VE",
+  "VN",
+  "VU",
+  "WS",
+  "XK",
+  "YE",
+  "ZA",
+  "ZM",
+  "ZW",
 ] as const;
 
 const COUNTRY_CODE_ALIASES: Record<string, string> = {
@@ -113,11 +300,12 @@ export function CreateEntityForm({
   defaultName,
   countryCode,
   locale = "en",
+  translationLocale,
   defaultValues: extraDefaults,
   onSuccess,
   onError,
 }: CreateEntityFormProps) {
-  const translate = createTranslation({ t, namespace, locale, translations });
+  const translate = createTranslation({ t, namespace, locale, translationLocale, translations });
 
   const countryName = countryCode ? new Intl.DisplayNames([locale], { type: "region" }).of(countryCode) : undefined;
 

package/src/components/entities/entities.hooks.ts

@@ -1,18 +1,28 @@
 import type { CreateEntityBody, Entity, PatchEntityBody } from "@spaceinvoices/js-sdk";
-
+import { entities } from "@spaceinvoices/js-sdk";
 import { useMutation, useQueryClient } from "@tanstack/react-query";
 import { createResourceHooks } from "@/ui/hooks/create-resource-hooks";
-import { useSDK } from "@/ui/providers/sdk-provider";
 
 // Cache key for entities queries
 export const ENTITIES_CACHE_KEY = "entities";
 
+const disableEntity = async (id: string): Promise<void> => {
+  await entities.disableEntity(id);
+};
+
 // Create hooks for entity operations (create and delete only)
 // Note: Update hook is custom because SDK uses "patchEntity" not "updateEntity"
 const { useCreateResource: useCreateEntity, useDeleteResource: useDeleteEntity } = createResourceHooks<
   Entity,
   CreateEntityBody
->("entities", ENTITIES_CACHE_KEY);
+>(
+  {
+    create: entities.create,
+    update: entities.update,
+    delete: disableEntity,
+  },
+  ENTITIES_CACHE_KEY,
+);
 
 // Custom update hook because entities API uses "patchEntity" with different param naming
 type UpdateEntityOptions = {
@@ -23,13 +33,11 @@ type UpdateEntityOptions = {
 };
 
 function useUpdateEntity(options: UpdateEntityOptions = {}) {
-  const { sdk } = useSDK();
   const queryClient = useQueryClient();
 
   return useMutation<Entity, Error, { id: string; data: PatchEntityBody }>({
     mutationFn: async (variables) => {
-      // SDK update expects: (id, body, options?)
-      return sdk.entities.update(variables.id, variables.data, {
+      return entities.update(variables.id, variables.data, {
         entity_id: options.entityId ?? undefined,
       });
     },
@@ -47,4 +55,4 @@ function useUpdateEntity(options: UpdateEntityOptions = {}) {
 // Export the type for the create entity data for convenience
 export type CreateEntityData = CreateEntityBody;
 
-export { useCreateEntity, useUpdateEntity, useDeleteEntity };
+export { useCreateEntity, useDeleteEntity, useUpdateEntity };