@spaceinvoices/react-ui 0.1.1 → 0.4.0

package/src/components/items/create-item-form/locales/nl.ts

@@ -0,0 +1,14 @@
+export default {
+  Name: "Naam",
+  "Enter name": "Naam invoeren",
+  Description: "Beschrijving",
+  "Enter description": "Beschrijving invoeren",
+  Unit: "Eenheid",
+  Price: "Prijs",
+  "There was an error creating the item": "Er is een fout opgetreden bij het aanmaken van het artikel",
+  // Gross price support
+  "Gross price": "Brutoprijs",
+  "Net price": "Nettoprijs",
+  "Gross price (tax included)": "Brutoprijs (incl. BTW)",
+  "Net price (before tax)": "Nettoprijs (excl. BTW)",
+};

package/src/components/items/create-item-form/locales/pl.ts

@@ -0,0 +1,14 @@
+export default {
+  Name: "Nazwa",
+  "Enter name": "Wprowadź nazwę",
+  Description: "Opis",
+  "Enter description": "Wprowadź opis",
+  Unit: "Jednostka",
+  Price: "Cena",
+  "There was an error creating the item": "Wystąpił błąd podczas tworzenia pozycji",
+  // Gross price support
+  "Gross price": "Cena brutto",
+  "Net price": "Cena netto",
+  "Gross price (tax included)": "Cena brutto (z VAT)",
+  "Net price (before tax)": "Cena netto (bez VAT)",
+};

package/src/components/items/create-item-form/locales/pt.ts

@@ -0,0 +1,14 @@
+export default {
+  Name: "Nome",
+  "Enter name": "Introduzir nome",
+  Description: "Descrição",
+  "Enter description": "Introduzir descrição",
+  Unit: "Unidade",
+  Price: "Preço",
+  "There was an error creating the item": "Ocorreu um erro ao criar o artigo",
+  // Gross price support
+  "Gross price": "Preço bruto",
+  "Net price": "Preço líquido",
+  "Gross price (tax included)": "Preço bruto (com IVA)",
+  "Net price (before tax)": "Preço líquido (sem IVA)",
+};

package/src/components/items/edit-item-form/edit-item-form.tsx

@@ -0,0 +1,170 @@
+import { zodResolver } from "@hookform/resolvers/zod";
+import type { CreateItemRequest, Item } from "@spaceinvoices/js-sdk";
+import { Minus, Plus } from "lucide-react";
+import { useState } from "react";
+import { useForm } from "react-hook-form";
+import { FormInput } from "@/ui/components/form";
+import { Button } from "@/ui/components/ui/button";
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuRadioGroup,
+  DropdownMenuRadioItem,
+  DropdownMenuTrigger,
+} from "@/ui/components/ui/dropdown-menu";
+import { Form, FormControl, FormField, FormItem, FormLabel, FormMessage } from "@/ui/components/ui/form";
+import { Input } from "@/ui/components/ui/input";
+import { Tooltip, TooltipContent, TooltipTrigger } from "@/ui/components/ui/tooltip";
+import type { CreateItemSchema } from "@/ui/generated/schemas";
+import { createItemSchema } from "@/ui/generated/schemas";
+import type { ComponentTranslationProps } from "@/ui/lib/translation";
+import { createTranslation } from "@/ui/lib/translation";
+
+import { useUpdateItem } from "../items.hooks";
+import de from "./locales/de";
+import es from "./locales/es";
+import fr from "./locales/fr";
+import hr from "./locales/hr";
+import it from "./locales/it";
+import nl from "./locales/nl";
+import pl from "./locales/pl";
+import pt from "./locales/pt";
+import sl from "./locales/sl";
+
+const translations = {
+  sl,
+  de,
+  it,
+  fr,
+  es,
+  pt,
+  nl,
+  pl,
+  hr,
+} as const;
+
+type EditItemFormProps = {
+  entityId: string;
+  item: Item;
+  onSuccess?: (item: Item) => void;
+  onError?: (error: Error) => void;
+  renderSubmitButton?: (props: { isSubmitting: boolean; submit: () => void }) => React.ReactNode;
+} & ComponentTranslationProps;
+
+export default function EditItemForm({
+  entityId,
+  item,
+  onSuccess,
+  onError,
+  renderSubmitButton,
+  ...i18nProps
+}: EditItemFormProps) {
+  const t = createTranslation({
+    ...i18nProps,
+    translations,
+  });
+
+  const [isGrossPrice, setIsGrossPrice] = useState(item.gross_price != null);
+
+  const form = useForm<CreateItemSchema>({
+    resolver: zodResolver(createItemSchema),
+    defaultValues: {
+      name: item.name ?? "",
+      description: item.description ?? "",
+      price: isGrossPrice ? (item.gross_price ?? 0) : item.price,
+    },
+  });
+
+  const setPriceMode = (mode: string) => {
+    setIsGrossPrice(mode === "gross");
+  };
+
+  const { mutate: updateItem, isPending } = useUpdateItem({
+    entityId,
+    onSuccess: (updatedItem, _variables, _context) => {
+      onSuccess?.(updatedItem);
+    },
+    onError: (error, _variables, _context) => {
+      form.setError("root", {
+        type: "submit",
+        message: t("There was an error updating the item"),
+      });
+      onError?.(error);
+    },
+  });
+
+  const onSubmit = async (values: CreateItemSchema) => {
+    const { price, ...rest } = values;
+
+    const payload = isGrossPrice ? { ...rest, gross_price: price } : { ...rest, price };
+
+    updateItem({
+      id: item.id,
+      data: payload as CreateItemRequest,
+    });
+  };
+
+  const handleSubmitClick = () => {
+    form.handleSubmit(onSubmit)();
+  };
+
+  return (
+    <Form {...form}>
+      <form onSubmit={form.handleSubmit(onSubmit)} className="space-y-4">
+        <FormInput control={form.control} name="name" label={t("Name")} placeholder={t("Enter name")} />
+
+        <FormInput
+          control={form.control}
+          name="description"
+          label={t("Description")}
+          placeholder={t("Enter description")}
+        />
+
+        <FormField
+          control={form.control}
+          name="price"
+          render={({ field }) => (
+            <FormItem>
+              <FormLabel>
+                {isGrossPrice ? t("Gross price") : t("Price")} <span className="text-red-500">*</span>
+              </FormLabel>
+              <div className="flex items-center gap-1">
+                <FormControl className="min-w-0 flex-1">
+                  <Input type="number" {...field} onChange={(e) => field.onChange(Number(e.target.value))} />
+                </FormControl>
+                <Tooltip>
+                  <TooltipTrigger asChild>
+                    <div>
+                      <DropdownMenu>
+                        <DropdownMenuTrigger asChild>
+                          <Button type="button" variant="ghost" size="icon" className="h-9 w-9 shrink-0">
+                            {isGrossPrice ? <Minus className="h-4 w-4" /> : <Plus className="h-4 w-4" />}
+                          </Button>
+                        </DropdownMenuTrigger>
+                        <DropdownMenuContent align="end">
+                          <DropdownMenuRadioGroup value={isGrossPrice ? "gross" : "net"} onValueChange={setPriceMode}>
+                            <DropdownMenuRadioItem value="net">{t("Net price")}</DropdownMenuRadioItem>
+                            <DropdownMenuRadioItem value="gross">{t("Gross price")}</DropdownMenuRadioItem>
+                          </DropdownMenuRadioGroup>
+                        </DropdownMenuContent>
+                      </DropdownMenu>
+                    </div>
+                  </TooltipTrigger>
+                  <TooltipContent>
+                    {isGrossPrice ? t("Gross price (tax included)") : t("Net price (before tax)")}
+                  </TooltipContent>
+                </Tooltip>
+              </div>
+              <FormMessage />
+            </FormItem>
+          )}
+        />
+
+        {renderSubmitButton?.({
+          isSubmitting: isPending || form.formState.isSubmitting,
+          submit: handleSubmitClick,
+        })}
+      </form>
+    </Form>
+  );
+}

package/src/components/items/edit-item-form/locales/de.ts

@@ -0,0 +1,12 @@
+export default {
+  Name: "Name",
+  "Enter name": "Namen eingeben",
+  Description: "Beschreibung",
+  "Enter description": "Beschreibung eingeben",
+  Price: "Preis",
+  "There was an error updating the item": "Beim Aktualisieren des Artikels ist ein Fehler aufgetreten",
+  "Gross price": "Bruttopreis",
+  "Net price": "Nettopreis",
+  "Gross price (tax included)": "Bruttopreis (inkl. MwSt.)",
+  "Net price (before tax)": "Nettopreis (exkl. MwSt.)",
+};

package/src/components/items/edit-item-form/locales/es.ts

@@ -0,0 +1,12 @@
+export default {
+  Name: "Nombre",
+  "Enter name": "Introducir nombre",
+  Description: "Descripción",
+  "Enter description": "Introducir descripción",
+  Price: "Precio",
+  "There was an error updating the item": "Se produjo un error al actualizar el artículo",
+  "Gross price": "Precio bruto",
+  "Net price": "Precio neto",
+  "Gross price (tax included)": "Precio bruto (IVA incluido)",
+  "Net price (before tax)": "Precio neto (sin IVA)",
+};

package/src/components/items/edit-item-form/locales/fr.ts

@@ -0,0 +1,12 @@
+export default {
+  Name: "Nom",
+  "Enter name": "Saisir le nom",
+  Description: "Description",
+  "Enter description": "Saisir la description",
+  Price: "Prix",
+  "There was an error updating the item": "Une erreur est survenue lors de la mise à jour de l'article",
+  "Gross price": "Prix brut",
+  "Net price": "Prix net",
+  "Gross price (tax included)": "Prix brut (TTC)",
+  "Net price (before tax)": "Prix net (HT)",
+};

package/src/components/items/edit-item-form/locales/hr.ts

@@ -0,0 +1,12 @@
+export default {
+  Name: "Naziv",
+  "Enter name": "Unesite naziv",
+  Description: "Opis",
+  "Enter description": "Unesite opis",
+  Price: "Cijena",
+  "There was an error updating the item": "Došlo je do greške pri ažuriranju artikla",
+  "Gross price": "Bruto cijena",
+  "Net price": "Neto cijena",
+  "Gross price (tax included)": "Bruto cijena (s porezom)",
+  "Net price (before tax)": "Neto cijena (bez poreza)",
+};

package/src/components/items/edit-item-form/locales/it.ts

@@ -0,0 +1,12 @@
+export default {
+  Name: "Nome",
+  "Enter name": "Inserisci nome",
+  Description: "Descrizione",
+  "Enter description": "Inserisci descrizione",
+  Price: "Prezzo",
+  "There was an error updating the item": "Si è verificato un errore durante l'aggiornamento dell'articolo",
+  "Gross price": "Prezzo lordo",
+  "Net price": "Prezzo netto",
+  "Gross price (tax included)": "Prezzo lordo (IVA inclusa)",
+  "Net price (before tax)": "Prezzo netto (IVA esclusa)",
+};

package/src/components/items/edit-item-form/locales/nl.ts

@@ -0,0 +1,12 @@
+export default {
+  Name: "Naam",
+  "Enter name": "Naam invoeren",
+  Description: "Beschrijving",
+  "Enter description": "Beschrijving invoeren",
+  Price: "Prijs",
+  "There was an error updating the item": "Er is een fout opgetreden bij het bijwerken van het artikel",
+  "Gross price": "Brutoprijs",
+  "Net price": "Nettoprijs",
+  "Gross price (tax included)": "Brutoprijs (incl. BTW)",
+  "Net price (before tax)": "Nettoprijs (excl. BTW)",
+};

package/src/components/items/edit-item-form/locales/pl.ts

@@ -0,0 +1,12 @@
+export default {
+  Name: "Nazwa",
+  "Enter name": "Wprowadź nazwę",
+  Description: "Opis",
+  "Enter description": "Wprowadź opis",
+  Price: "Cena",
+  "There was an error updating the item": "Wystąpił błąd podczas aktualizacji pozycji",
+  "Gross price": "Cena brutto",
+  "Net price": "Cena netto",
+  "Gross price (tax included)": "Cena brutto (z VAT)",
+  "Net price (before tax)": "Cena netto (bez VAT)",
+};

package/src/components/items/edit-item-form/locales/pt.ts

@@ -0,0 +1,12 @@
+export default {
+  Name: "Nome",
+  "Enter name": "Introduzir nome",
+  Description: "Descrição",
+  "Enter description": "Introduzir descrição",
+  Price: "Preço",
+  "There was an error updating the item": "Ocorreu um erro ao atualizar o artigo",
+  "Gross price": "Preço bruto",
+  "Net price": "Preço líquido",
+  "Gross price (tax included)": "Preço bruto (com IVA)",
+  "Net price (before tax)": "Preço líquido (sem IVA)",
+};

package/src/components/items/edit-item-form/locales/sl.ts

@@ -0,0 +1,12 @@
+export default {
+  Name: "Naziv",
+  "Enter name": "Vnesite naziv",
+  Description: "Opis",
+  "Enter description": "Vnesite opis",
+  Price: "Cena",
+  "There was an error updating the item": "Prišlo je do napake pri posodabljanju izdelka",
+  "Gross price": "Bruto cena",
+  "Net price": "Neto cena",
+  "Gross price (tax included)": "Bruto cena (z davkom)",
+  "Net price (before tax)": "Neto cena (brez davka)",
+};

package/src/components/items/item-list-table/item-list-table.tsx

@@ -9,11 +9,27 @@ import { ITEMS_CACHE_KEY } from "../items.hooks";
 import ItemListHeader from "./item-list-header";
 import ItemListRow from "./item-list-row";
 import de from "./locales/de";
+import en from "./locales/en";
+import es from "./locales/es";
+import fr from "./locales/fr";
+import hr from "./locales/hr";
+import it from "./locales/it";
+import nl from "./locales/nl";
+import pl from "./locales/pl";
+import pt from "./locales/pt";
 import sl from "./locales/sl";
 
 const translations = {
+  en,
   sl,
   de,
+  it,
+  fr,
+  es,
+  pt,
+  nl,
+  pl,
+  hr,
 } as const;
 
 type ItemListTableProps = {
@@ -37,20 +53,9 @@ export default function ItemListTable({
   });
   const { sdk } = useSDK();
 
-  const handleFetch = useTableFetch(async (params: TableQueryParams) => {
+  const handleFetch = useTableFetch((params: TableQueryParams) => {
     if (!sdk) throw new Error("SDK not initialized");
-    if (!params.entity_id) throw new Error("Entity ID required");
-
-    const response = await sdk.items.list({
-      entity_id: params.entity_id,
-      limit: params.limit,
-      next_cursor: params.next_cursor,
-      prev_cursor: params.prev_cursor,
-      order_by: params.order_by,
-      search: params.search,
-      query: params.query,
-    });
-    return response as unknown;
+    return sdk.items.list(params as any);
   }, entityId);
 
   return (
@@ -71,6 +76,8 @@ export default function ItemListTable({
       onFetch={handleFetch}
       onChangeParams={onChangeParams}
       entityId={entityId}
+      t={t}
+      locale={i18nProps.locale}
     />
   );
 }

package/src/components/items/item-list-table/locales/de.ts

@@ -7,4 +7,10 @@ export default {
   Actions: "Aktionen",
   "Copy item ID": "Artikel-ID kopieren",
   "View item": "Artikel anzeigen",
+  // Empty state translations
+  "Your list is empty": "Ihre Artikelliste ist leer",
+  "Get started by creating your first entry": "Erstellen Sie Ihren ersten Artikel",
+  "No results found": "Keine Artikel gefunden",
+  "Try adjusting your search criteria": "Versuchen Sie, Ihre Suchkriterien anzupassen",
+  "Clear search": "Suche zurücksetzen",
 };

package/src/components/items/item-list-table/locales/en.ts

@@ -7,4 +7,9 @@ export default {
   Actions: "Actions",
   "Copy item ID": "Copy item ID",
   "View item": "View item",
+  // Empty state translations
+  "Your list is empty": "Your item list is empty",
+  "Get started by creating your first entry": "Get started by creating your first item",
+  // No results translations
+  "No results found": "No items found",
 };

package/src/components/items/item-list-table/locales/es.ts

@@ -0,0 +1,16 @@
+export default {
+  Name: "Nombre",
+  Description: "Descripción",
+  Unit: "Unidad",
+  Price: "Precio",
+  "Open menu": "Abrir menú",
+  Actions: "Acciones",
+  "Copy item ID": "Copiar ID del artículo",
+  "View item": "Ver artículo",
+  // Empty state translations
+  "Your list is empty": "Su lista de artículos está vacía",
+  "Get started by creating your first entry": "Comience creando su primer artículo",
+  "No results found": "No se encontraron artículos",
+  "Try adjusting your search criteria": "Intente ajustar sus criterios de búsqueda",
+  "Clear search": "Limpiar búsqueda",
+};

package/src/components/items/item-list-table/locales/fr.ts

@@ -0,0 +1,16 @@
+export default {
+  Name: "Nom",
+  Description: "Description",
+  Unit: "Unité",
+  Price: "Prix",
+  "Open menu": "Ouvrir le menu",
+  Actions: "Actions",
+  "Copy item ID": "Copier l'ID de l'article",
+  "View item": "Voir l'article",
+  // Empty state translations
+  "Your list is empty": "Votre liste d'articles est vide",
+  "Get started by creating your first entry": "Commencez par créer votre premier article",
+  "No results found": "Aucun article trouvé",
+  "Try adjusting your search criteria": "Essayez de modifier vos critères de recherche",
+  "Clear search": "Effacer la recherche",
+};

package/src/components/items/item-list-table/locales/hr.ts

@@ -0,0 +1,16 @@
+export default {
+  Name: "Naziv",
+  Description: "Opis",
+  Unit: "Jedinica",
+  Price: "Cijena",
+  "Open menu": "Otvori izbornik",
+  Actions: "Akcije",
+  "Copy item ID": "Kopiraj ID artikla",
+  "View item": "Pogledaj artikl",
+  // Empty state translations
+  "Your list is empty": "Vaš popis artikala je prazan",
+  "Get started by creating your first entry": "Započnite izradom prvog artikla",
+  "No results found": "Nisu pronađeni artikli",
+  "Try adjusting your search criteria": "Pokušajte prilagoditi kriterije pretrage",
+  "Clear search": "Očisti pretragu",
+};

package/src/components/items/item-list-table/locales/it.ts

@@ -0,0 +1,16 @@
+export default {
+  Name: "Nome",
+  Description: "Descrizione",
+  Unit: "Unità",
+  Price: "Prezzo",
+  "Open menu": "Apri menu",
+  Actions: "Azioni",
+  "Copy item ID": "Copia ID articolo",
+  "View item": "Visualizza articolo",
+  // Empty state translations
+  "Your list is empty": "La lista degli articoli è vuota",
+  "Get started by creating your first entry": "Inizia creando il tuo primo articolo",
+  "No results found": "Nessun articolo trovato",
+  "Try adjusting your search criteria": "Prova a modificare i criteri di ricerca",
+  "Clear search": "Cancella ricerca",
+};

package/src/components/items/item-list-table/locales/nl.ts

@@ -0,0 +1,16 @@
+export default {
+  Name: "Naam",
+  Description: "Beschrijving",
+  Unit: "Eenheid",
+  Price: "Prijs",
+  "Open menu": "Menu openen",
+  Actions: "Acties",
+  "Copy item ID": "Artikel-ID kopiëren",
+  "View item": "Artikel bekijken",
+  // Empty state translations
+  "Your list is empty": "Uw artikelenlijst is leeg",
+  "Get started by creating your first entry": "Begin met het aanmaken van uw eerste artikel",
+  "No results found": "Geen artikelen gevonden",
+  "Try adjusting your search criteria": "Probeer uw zoekcriteria aan te passen",
+  "Clear search": "Zoekopdracht wissen",
+};

package/src/components/items/item-list-table/locales/pl.ts

@@ -0,0 +1,16 @@
+export default {
+  Name: "Nazwa",
+  Description: "Opis",
+  Unit: "Jednostka",
+  Price: "Cena",
+  "Open menu": "Otwórz menu",
+  Actions: "Akcje",
+  "Copy item ID": "Kopiuj ID pozycji",
+  "View item": "Pokaż pozycję",
+  // Empty state translations
+  "Your list is empty": "Lista pozycji jest pusta",
+  "Get started by creating your first entry": "Zacznij od utworzenia pierwszej pozycji",
+  "No results found": "Nie znaleziono pozycji",
+  "Try adjusting your search criteria": "Spróbuj dostosować kryteria wyszukiwania",
+  "Clear search": "Wyczyść wyszukiwanie",
+};

package/src/components/items/item-list-table/locales/pt.ts

@@ -0,0 +1,16 @@
+export default {
+  Name: "Nome",
+  Description: "Descrição",
+  Unit: "Unidade",
+  Price: "Preço",
+  "Open menu": "Abrir menu",
+  Actions: "Ações",
+  "Copy item ID": "Copiar ID do artigo",
+  "View item": "Ver artigo",
+  // Empty state translations
+  "Your list is empty": "A sua lista de artigos está vazia",
+  "Get started by creating your first entry": "Comece por criar o seu primeiro artigo",
+  "No results found": "Nenhum artigo encontrado",
+  "Try adjusting your search criteria": "Tente ajustar os seus critérios de pesquisa",
+  "Clear search": "Limpar pesquisa",
+};

package/src/components/items/item-list-table/locales/sl.ts

@@ -7,4 +7,10 @@ export default {
   Actions: "Akcije",
   "Copy item ID": "Kopiraj ID izdelka",
   "View item": "Poglej izdelek",
+  // Empty state translations
+  "Your list is empty": "Vaš seznam izdelkov je prazen",
+  "Get started by creating your first entry": "Začnite z ustvarjanjem prvega izdelka",
+  "No results found": "Ni najdenih izdelkov",
+  "Try adjusting your search criteria": "Poskusite prilagoditi iskalne kriterije",
+  "Clear search": "Počisti iskanje",
 };

package/src/components/items/items.hooks.ts

@@ -13,9 +13,14 @@ const {
   useCreateResource: useCreateItem,
   useUpdateResource: useUpdateItem,
   useDeleteResource: useDeleteItem,
-} = createResourceHooks<Item, CreateItemRequest>("items", ITEMS_CACHE_KEY);
+  useRestoreResource: useRestoreItem,
+  usePermanentDeleteResource: usePermanentDeleteItem,
+} = createResourceHooks<Item, CreateItemRequest>("items", ITEMS_CACHE_KEY, {
+  restoreMethodName: "restoreItem",
+  permanentDeleteMethodName: "permanentDeleteItem",
+});
 
-export { useCreateItem, useDeleteItem, useUpdateItem };
+export { useCreateItem, useDeleteItem, useUpdateItem, useRestoreItem, usePermanentDeleteItem };
 
 /**
  * Hook to search items by name

package/src/components/payments/create-payment-form/create-payment-form.tsx

@@ -17,11 +17,25 @@ import { cn } from "@/ui/lib/utils";
 
 import { useCreatePayment } from "../payments.hooks";
 import de from "./locales/de";
+import es from "./locales/es";
+import fr from "./locales/fr";
+import hr from "./locales/hr";
+import it from "./locales/it";
+import nl from "./locales/nl";
+import pl from "./locales/pl";
+import pt from "./locales/pt";
 import sl from "./locales/sl";
 
 const translations = {
   sl,
   de,
+  it,
+  fr,
+  es,
+  pt,
+  nl,
+  pl,
+  hr,
 } as const;
 
 // Labels for payment types (used for translations)

package/src/components/payments/create-payment-form/locales/es.ts

@@ -0,0 +1,20 @@
+export default {
+  Amount: "Importe",
+  "Enter amount": "Introducir importe",
+  "Payment Type": "Tipo de pago",
+  "Select payment type": "Seleccionar tipo de pago",
+  Cash: "Efectivo",
+  "Bank Transfer": "Transferencia bancaria",
+  Card: "Tarjeta",
+  Check: "Cheque",
+  "Credit Note": "Nota de crédito",
+  Advance: "Anticipo",
+  Other: "Otro",
+  "Payment Date": "Fecha de pago",
+  "Pick a date": "Seleccionar una fecha",
+  Reference: "Referencia",
+  "Enter reference number": "Introducir número de referencia",
+  Note: "Nota",
+  "Enter payment notes": "Introducir notas de pago",
+  "There was an error creating the payment": "Se produjo un error al crear el pago",
+} as const;

package/src/components/payments/create-payment-form/locales/fr.ts

@@ -0,0 +1,20 @@
+export default {
+  Amount: "Montant",
+  "Enter amount": "Saisir le montant",
+  "Payment Type": "Type de paiement",
+  "Select payment type": "Sélectionner le type de paiement",
+  Cash: "Espèces",
+  "Bank Transfer": "Virement bancaire",
+  Card: "Carte",
+  Check: "Chèque",
+  "Credit Note": "Avoir",
+  Advance: "Acompte",
+  Other: "Autre",
+  "Payment Date": "Date de paiement",
+  "Pick a date": "Choisir une date",
+  Reference: "Référence",
+  "Enter reference number": "Saisir le numéro de référence",
+  Note: "Note",
+  "Enter payment notes": "Saisir les notes de paiement",
+  "There was an error creating the payment": "Une erreur est survenue lors de la création du paiement",
+} as const;