@spaceinvoices/react-ui 0.4.11 → 0.4.31

package/src/components/recurring-invoices/list/locales/cs.ts

@@ -0,0 +1,32 @@
+export default {
+  "Your list is empty": "Your recurring invoices list is empty",
+  "Get started by creating your first entry": "Get started by creating your first recurring schedule",
+  "No results found": "No recurring invoices found",
+  Name: "Jméno",
+  Frequency: "Frequency",
+  Status: "Stav",
+  "Next Run": "Next Run",
+  "Auto-send": "Automatické odeslání",
+  "Create as draft": "Vytvořit jako koncept",
+  Generated: "Generated",
+  Created: "Vytvořeno",
+  Every: "Every",
+  Actions: "Akce",
+  "Open menu": "Otevřít nabídku",
+  "View source invoice": "View source invoice",
+  Pause: "Pause",
+  Resume: "Resume",
+  "Processing...": "Processing...",
+  "Delete schedule": "Delete schedule",
+  "Deleting...": "Mazání...",
+  Yes: "Ano",
+  No: "Ne",
+  "frequency.daily": "frequency.daily",
+  "frequency.weekly": "frequency.weekly",
+  "frequency.monthly": "frequency.monthly",
+  "frequency.yearly": "frequency.yearly",
+  "status.active": "status.active",
+  "status.paused": "status.paused",
+  "status.completed": "status.completed",
+  "Clear all": "Clear all",
+} as const;

package/src/components/recurring-invoices/list/locales/de.ts

@@ -3,6 +3,8 @@ export default {
   Frequency: "Häufigkeit",
   Status: "Status",
   "Next Run": "Nächste Ausführung",
+  "Auto-send": "Automatisch senden",
+  "Create as draft": "Als Entwurf erstellen",
   Generated: "Erstellt",
   Created: "Erstellt",
   Every: "Alle",
@@ -14,6 +16,8 @@ export default {
   "Processing...": "Verarbeitung...",
   "Delete schedule": "Plan löschen",
   "Deleting...": "Lösche...",
+  Yes: "Ja",
+  No: "Nein",
   "frequency.daily": "Täglich",
   "frequency.weekly": "Wöchentlich",
   "frequency.monthly": "Monatlich",

package/src/components/recurring-invoices/list/locales/en.ts

@@ -2,4 +2,31 @@ export default {
   "Your list is empty": "Your recurring invoices list is empty",
   "Get started by creating your first entry": "Get started by creating your first recurring schedule",
   "No results found": "No recurring invoices found",
+  Name: "Name",
+  Frequency: "Frequency",
+  Status: "Status",
+  "Next Run": "Next Run",
+  "Auto-send": "Auto-send",
+  "Create as draft": "Create as draft",
+  Generated: "Generated",
+  Created: "Created",
+  Every: "Every",
+  Actions: "Actions",
+  "Open menu": "Open menu",
+  "View source invoice": "View source invoice",
+  Pause: "Pause",
+  Resume: "Resume",
+  "Processing...": "Processing...",
+  "Delete schedule": "Delete schedule",
+  "Deleting...": "Deleting...",
+  Yes: "Yes",
+  No: "No",
+  "frequency.daily": "frequency.daily",
+  "frequency.weekly": "frequency.weekly",
+  "frequency.monthly": "frequency.monthly",
+  "frequency.yearly": "frequency.yearly",
+  "status.active": "status.active",
+  "status.paused": "status.paused",
+  "status.completed": "status.completed",
+  "Clear all": "Clear all",
 } as const;

package/src/components/recurring-invoices/list/locales/es.ts

@@ -3,6 +3,8 @@ export default {
   Frequency: "Frecuencia",
   Status: "Estado",
   "Next Run": "Próxima ejecución",
+  "Auto-send": "Envío automático",
+  "Create as draft": "Crear como borrador",
   Generated: "Generadas",
   Created: "Creado",
   Every: "Cada",
@@ -14,6 +16,8 @@ export default {
   "Processing...": "Procesando...",
   "Delete schedule": "Eliminar programa",
   "Deleting...": "Eliminando...",
+  Yes: "Sí",
+  No: "No",
   "frequency.daily": "Diario",
   "frequency.weekly": "Semanal",
   "frequency.monthly": "Mensual",

package/src/components/recurring-invoices/list/locales/et.ts

@@ -0,0 +1,32 @@
+export default {
+  "Your list is empty": "Your recurring invoices list is empty",
+  "Get started by creating your first entry": "Get started by creating your first recurring schedule",
+  "No results found": "No recurring invoices found",
+  Name: "Nimi",
+  Frequency: "Frequency",
+  Status: "Olek",
+  "Next Run": "Next Run",
+  "Auto-send": "Automaatne saatmine",
+  "Create as draft": "Loo mustandina",
+  Generated: "Generated",
+  Created: "Loodud",
+  Every: "Every",
+  Actions: "Tegevused",
+  "Open menu": "Ava menüü",
+  "View source invoice": "View source invoice",
+  Pause: "Pause",
+  Resume: "Resume",
+  "Processing...": "Processing...",
+  "Delete schedule": "Delete schedule",
+  "Deleting...": "Kustutamine...",
+  Yes: "Jah",
+  No: "Ei",
+  "frequency.daily": "frequency.daily",
+  "frequency.weekly": "frequency.weekly",
+  "frequency.monthly": "frequency.monthly",
+  "frequency.yearly": "frequency.yearly",
+  "status.active": "status.active",
+  "status.paused": "status.paused",
+  "status.completed": "status.completed",
+  "Clear all": "Clear all",
+} as const;

package/src/components/recurring-invoices/list/locales/fi.ts

@@ -0,0 +1,32 @@
+export default {
+  "Your list is empty": "Your recurring invoices list is empty",
+  "Get started by creating your first entry": "Get started by creating your first recurring schedule",
+  "No results found": "No recurring invoices found",
+  Name: "Nimi",
+  Frequency: "Frequency",
+  Status: "Tila",
+  "Next Run": "Next Run",
+  "Auto-send": "Lähetä automaattisesti",
+  "Create as draft": "Luo luonnoksena",
+  Generated: "Generated",
+  Created: "Luotu",
+  Every: "Every",
+  Actions: "Toiminnot",
+  "Open menu": "Avaa valikko",
+  "View source invoice": "View source invoice",
+  Pause: "Pause",
+  Resume: "Resume",
+  "Processing...": "Processing...",
+  "Delete schedule": "Delete schedule",
+  "Deleting...": "Poistetaan...",
+  Yes: "Kyllä",
+  No: "Ei",
+  "frequency.daily": "frequency.daily",
+  "frequency.weekly": "frequency.weekly",
+  "frequency.monthly": "frequency.monthly",
+  "frequency.yearly": "frequency.yearly",
+  "status.active": "status.active",
+  "status.paused": "status.paused",
+  "status.completed": "status.completed",
+  "Clear all": "Clear all",
+} as const;

package/src/components/recurring-invoices/list/locales/fr.ts

@@ -3,6 +3,8 @@ export default {
   Frequency: "Fréquence",
   Status: "Statut",
   "Next Run": "Prochaine exécution",
+  "Auto-send": "Envoi automatique",
+  "Create as draft": "Créer comme brouillon",
   Generated: "Générées",
   Created: "Créé",
   Every: "Tous les",
@@ -14,6 +16,8 @@ export default {
   "Processing...": "Traitement...",
   "Delete schedule": "Supprimer le programme",
   "Deleting...": "Suppression...",
+  Yes: "Oui",
+  No: "Non",
   "frequency.daily": "Quotidien",
   "frequency.weekly": "Hebdomadaire",
   "frequency.monthly": "Mensuel",

package/src/components/recurring-invoices/list/locales/hr.ts

@@ -3,6 +3,8 @@ export default {
   Frequency: "Učestalost",
   Status: "Status",
   "Next Run": "Sljedeće pokretanje",
+  "Auto-send": "Automatsko slanje",
+  "Create as draft": "Izradi kao nacrt",
   Generated: "Generirano",
   Created: "Kreirano",
   Every: "Svaki",
@@ -14,6 +16,8 @@ export default {
   "Processing...": "Obrađujem...",
   "Delete schedule": "Obriši raspored",
   "Deleting...": "Brišem...",
+  Yes: "Da",
+  No: "Ne",
   "frequency.daily": "Dnevno",
   "frequency.weekly": "Tjedno",
   "frequency.monthly": "Mjesečno",

package/src/components/recurring-invoices/list/locales/is.ts

@@ -0,0 +1,32 @@
+export default {
+  "Your list is empty": "Your recurring invoices list is empty",
+  "Get started by creating your first entry": "Get started by creating your first recurring schedule",
+  "No results found": "No recurring invoices found",
+  Name: "Nafn",
+  Frequency: "Frequency",
+  Status: "Staða",
+  "Next Run": "Next Run",
+  "Auto-send": "Senda sjálfkrafa",
+  "Create as draft": "Vista sem uppkast",
+  Generated: "Generated",
+  Created: "Búið til",
+  Every: "Every",
+  Actions: "Aðgerðir",
+  "Open menu": "Opna valmynd",
+  "View source invoice": "View source invoice",
+  Pause: "Pause",
+  Resume: "Resume",
+  "Processing...": "Processing...",
+  "Delete schedule": "Delete schedule",
+  "Deleting...": "Eyðir...",
+  Yes: "Já",
+  No: "Nei",
+  "frequency.daily": "frequency.daily",
+  "frequency.weekly": "frequency.weekly",
+  "frequency.monthly": "frequency.monthly",
+  "frequency.yearly": "frequency.yearly",
+  "status.active": "status.active",
+  "status.paused": "status.paused",
+  "status.completed": "status.completed",
+  "Clear all": "Clear all",
+} as const;

package/src/components/recurring-invoices/list/locales/it.ts

@@ -3,6 +3,8 @@ export default {
   Frequency: "Frequenza",
   Status: "Stato",
   "Next Run": "Prossima esecuzione",
+  "Auto-send": "Invio automatico",
+  "Create as draft": "Crea come bozza",
   Generated: "Generate",
   Created: "Creato",
   Every: "Ogni",
@@ -14,6 +16,8 @@ export default {
   "Processing...": "Elaborazione...",
   "Delete schedule": "Elimina programma",
   "Deleting...": "Eliminazione...",
+  Yes: "Sì",
+  No: "No",
   "frequency.daily": "Giornaliero",
   "frequency.weekly": "Settimanale",
   "frequency.monthly": "Mensile",

package/src/components/recurring-invoices/list/locales/nb.ts

@@ -0,0 +1,32 @@
+export default {
+  "Your list is empty": "Your recurring invoices list is empty",
+  "Get started by creating your first entry": "Get started by creating your first recurring schedule",
+  "No results found": "No recurring invoices found",
+  Name: "Navn",
+  Frequency: "Frequency",
+  Status: "Status",
+  "Next Run": "Next Run",
+  "Auto-send": "Send automatisk",
+  "Create as draft": "Opprett som utkast",
+  Generated: "Generated",
+  Created: "Opprettet",
+  Every: "Every",
+  Actions: "Handlinger",
+  "Open menu": "Åpne menyen",
+  "View source invoice": "View source invoice",
+  Pause: "Pause",
+  Resume: "Resume",
+  "Processing...": "Processing...",
+  "Delete schedule": "Delete schedule",
+  "Deleting...": "Sletter …",
+  Yes: "Ja",
+  No: "Nei",
+  "frequency.daily": "frequency.daily",
+  "frequency.weekly": "frequency.weekly",
+  "frequency.monthly": "frequency.monthly",
+  "frequency.yearly": "frequency.yearly",
+  "status.active": "status.active",
+  "status.paused": "status.paused",
+  "status.completed": "status.completed",
+  "Clear all": "Clear all",
+} as const;

package/src/components/recurring-invoices/list/locales/nl.ts

@@ -3,6 +3,8 @@ export default {
   Frequency: "Frequentie",
   Status: "Status",
   "Next Run": "Volgende uitvoering",
+  "Auto-send": "Automatisch verzenden",
+  "Create as draft": "Aanmaken als concept",
   Generated: "Gegenereerd",
   Created: "Aangemaakt",
   Every: "Elke",
@@ -14,6 +16,8 @@ export default {
   "Processing...": "Verwerking...",
   "Delete schedule": "Schema verwijderen",
   "Deleting...": "Verwijderen...",
+  Yes: "Ja",
+  No: "Nee",
   "frequency.daily": "Dagelijks",
   "frequency.weekly": "Wekelijks",
   "frequency.monthly": "Maandelijks",

package/src/components/recurring-invoices/list/locales/pl.ts

@@ -3,6 +3,8 @@ export default {
   Frequency: "Częstotliwość",
   Status: "Status",
   "Next Run": "Następne uruchomienie",
+  "Auto-send": "Automatyczne wysyłanie",
+  "Create as draft": "Utwórz jako wersję roboczą",
   Generated: "Wygenerowane",
   Created: "Utworzono",
   Every: "Co",
@@ -14,6 +16,8 @@ export default {
   "Processing...": "Przetwarzanie...",
   "Delete schedule": "Usuń harmonogram",
   "Deleting...": "Usuwanie...",
+  Yes: "Tak",
+  No: "Nie",
   "frequency.daily": "Codziennie",
   "frequency.weekly": "Tygodniowo",
   "frequency.monthly": "Miesięcznie",

package/src/components/recurring-invoices/list/locales/pt.ts

@@ -3,6 +3,8 @@ export default {
   Frequency: "Frequência",
   Status: "Estado",
   "Next Run": "Próxima execução",
+  "Auto-send": "Envio automático",
+  "Create as draft": "Criar como rascunho",
   Generated: "Geradas",
   Created: "Criado",
   Every: "A cada",
@@ -14,6 +16,8 @@ export default {
   "Processing...": "Processando...",
   "Delete schedule": "Eliminar agendamento",
   "Deleting...": "Eliminando...",
+  Yes: "Sim",
+  No: "Não",
   "frequency.daily": "Diário",
   "frequency.weekly": "Semanal",
   "frequency.monthly": "Mensal",

package/src/components/recurring-invoices/list/locales/sk.ts

@@ -0,0 +1,32 @@
+export default {
+  "Your list is empty": "Your recurring invoices list is empty",
+  "Get started by creating your first entry": "Get started by creating your first recurring schedule",
+  "No results found": "No recurring invoices found",
+  Name: "Meno",
+  Frequency: "Frequency",
+  Status: "Stav",
+  "Next Run": "Next Run",
+  "Auto-send": "Automatické odoslanie",
+  "Create as draft": "Vytvoriť ako návrh",
+  Generated: "Generated",
+  Created: "Vytvorené",
+  Every: "Every",
+  Actions: "Akcie",
+  "Open menu": "Otvoriť menu",
+  "View source invoice": "View source invoice",
+  Pause: "Pause",
+  Resume: "Resume",
+  "Processing...": "Processing...",
+  "Delete schedule": "Delete schedule",
+  "Deleting...": "Odstraňuje sa...",
+  Yes: "Áno",
+  No: "Nie",
+  "frequency.daily": "frequency.daily",
+  "frequency.weekly": "frequency.weekly",
+  "frequency.monthly": "frequency.monthly",
+  "frequency.yearly": "frequency.yearly",
+  "status.active": "status.active",
+  "status.paused": "status.paused",
+  "status.completed": "status.completed",
+  "Clear all": "Clear all",
+} as const;

package/src/components/recurring-invoices/list/locales/sl.ts

@@ -3,6 +3,8 @@ export default {
   Frequency: "Pogostost",
   Status: "Status",
   "Next Run": "Naslednje izvajanje",
+  "Auto-send": "Samodejno pošlji",
+  "Create as draft": "Ustvari kot osnutek",
   Generated: "Ustvarjeno",
   Created: "Ustvarjeno",
   Every: "Vsak",
@@ -14,6 +16,8 @@ export default {
   "Processing...": "Obdelujem...",
   "Delete schedule": "Izbriši urnik",
   "Deleting...": "Brišem...",
+  Yes: "Da",
+  No: "Ne",
   "frequency.daily": "Dnevno",
   "frequency.weekly": "Tedensko",
   "frequency.monthly": "Mesečno",

package/src/components/recurring-invoices/list/locales/sv.ts

@@ -0,0 +1,32 @@
+export default {
+  "Your list is empty": "Your recurring invoices list is empty",
+  "Get started by creating your first entry": "Get started by creating your first recurring schedule",
+  "No results found": "No recurring invoices found",
+  Name: "Namn",
+  Frequency: "Frequency",
+  Status: "Status",
+  "Next Run": "Next Run",
+  "Auto-send": "Skicka automatiskt",
+  "Create as draft": "Skapa som utkast",
+  Generated: "Generated",
+  Created: "Skapad",
+  Every: "Every",
+  Actions: "Åtgärder",
+  "Open menu": "Öppna menyn",
+  "View source invoice": "View source invoice",
+  Pause: "Pause",
+  Resume: "Resume",
+  "Processing...": "Processing...",
+  "Delete schedule": "Delete schedule",
+  "Deleting...": "Tar bort...",
+  Yes: "Ja",
+  No: "Nej",
+  "frequency.daily": "frequency.daily",
+  "frequency.weekly": "frequency.weekly",
+  "frequency.monthly": "frequency.monthly",
+  "frequency.yearly": "frequency.yearly",
+  "status.active": "status.active",
+  "status.paused": "status.paused",
+  "status.completed": "status.completed",
+  "Clear all": "Clear all",
+} as const;

package/src/components/recurring-invoices/recurring-invoices.hooks.ts

@@ -1,4 +1,5 @@
-import type { CreateRecurringInvoiceBody, RecurringInvoice } from "@spaceinvoices/js-sdk";
+import type { CreateRecurringInvoiceBody, RecurringInvoice, UpdateRecurringInvoiceBody } from "@spaceinvoices/js-sdk";
+import { recurringInvoices } from "@spaceinvoices/js-sdk";
 
 import { createResourceHooks } from "@/ui/hooks/create-resource-hooks";
 
@@ -10,19 +11,21 @@ const {
   useDeleteResource: useDeleteRecurringInvoice,
   useRestoreResource: useRestoreRecurringInvoice,
   usePermanentDeleteResource: usePermanentDeleteRecurringInvoice,
-} = createResourceHooks<RecurringInvoice, CreateRecurringInvoiceBody>(
-  "recurringInvoices",
-  RECURRING_INVOICES_CACHE_KEY,
+} = createResourceHooks<RecurringInvoice, CreateRecurringInvoiceBody, UpdateRecurringInvoiceBody>(
   {
-    restoreMethodName: "restoreRecurringInvoice",
-    permanentDeleteMethodName: "permanentDeleteRecurringInvoice",
+    create: recurringInvoices.create,
+    update: recurringInvoices.update,
+    delete: recurringInvoices.delete,
+    restore: recurringInvoices.restoreRecurringInvoice,
+    permanentDelete: recurringInvoices.permanentDeleteRecurringInvoice,
   },
+  RECURRING_INVOICES_CACHE_KEY,
 );
 
 export {
   useCreateRecurringInvoice,
-  useUpdateRecurringInvoice,
   useDeleteRecurringInvoice,
-  useRestoreRecurringInvoice,
   usePermanentDeleteRecurringInvoice,
+  useRestoreRecurringInvoice,
+  useUpdateRecurringInvoice,
 };

package/src/components/request-logs/request-log-detail.tsx

@@ -87,8 +87,14 @@ function JsonViewer({ data, noDataLabel, t }: { data: unknown; noDataLabel: stri
 
 function JsonHighlight({ json }: { json: string }) {
   // Parse JSON into tokens for safe rendering
-  const tokens: { type: string; value: string }[] = [];
+  const tokens: { key: string; type: string; value: string }[] = [];
   const lines = json.split("\n");
+  let tokenKey = 0;
+
+  const pushToken = (type: string, value: string) => {
+    tokens.push({ key: `${type}:${tokenKey}`, type, value });
+    tokenKey += 1;
+  };
 
   for (const line of lines) {
     // Match key-value patterns
@@ -96,32 +102,32 @@ function JsonHighlight({ json }: { json: string }) {
     if (keyMatch) {
       const [, indent, key] = keyMatch;
       const rest = line.slice(keyMatch[0].length);
-      tokens.push({ type: "indent", value: indent });
-      tokens.push({ type: "key", value: `"${key}"` });
-      tokens.push({ type: "punctuation", value: ":" });
+      pushToken("indent", indent);
+      pushToken("key", `"${key}"`);
+      pushToken("punctuation", ":");
 
       // Parse value
       const valueMatch = rest.match(/^\s*(.+?)(,?)$/);
       if (valueMatch) {
         const [, value, comma] = valueMatch;
-        tokens.push({ type: "space", value: " " });
+        pushToken("space", " ");
         if (value.startsWith('"')) {
-          tokens.push({ type: "string", value: value.replace(/,$/, "") });
+          pushToken("string", value.replace(/,$/, ""));
         } else if (value === "true" || value === "false") {
-          tokens.push({ type: "boolean", value });
+          pushToken("boolean", value);
         } else if (value === "null") {
-          tokens.push({ type: "null", value });
+          pushToken("null", value);
         } else if (!Number.isNaN(Number(value.replace(/,$/, "")))) {
-          tokens.push({ type: "number", value: value.replace(/,$/, "") });
+          pushToken("number", value.replace(/,$/, ""));
         } else {
-          tokens.push({ type: "other", value: value.replace(/,$/, "") });
+          pushToken("other", value.replace(/,$/, ""));
         }
-        if (comma) tokens.push({ type: "punctuation", value: comma });
+        if (comma) pushToken("punctuation", comma);
       }
     } else {
-      tokens.push({ type: "other", value: line });
+      pushToken("other", line);
     }
-    tokens.push({ type: "newline", value: "\n" });
+    pushToken("newline", "\n");
   }
 
   const colorMap: Record<string, string> = {
@@ -134,8 +140,8 @@ function JsonHighlight({ json }: { json: string }) {
 
   return (
     <code>
-      {tokens.map((token, i) => (
-        <span key={`${i}-${token.type}`} className={colorMap[token.type] || ""}>
+      {tokens.map((token) => (
+        <span key={token.key} className={colorMap[token.type] || ""}>
           {token.value}
         </span>
       ))}
@@ -163,6 +169,8 @@ export function RequestLogDetail({ log, t = defaultT, locale }: RequestLogDetail
 
   return (
     <div className="space-y-6 p-4 pt-6">
+      <RequestIdDisplay requestId={log.request_id} t={t} />
+
       {/* Summary */}
       <div className="flex flex-wrap items-center gap-4">
         <span className={cn("rounded-md px-2.5 py-1 font-medium font-mono text-sm", statusBg, statusColor)}>
@@ -224,9 +232,6 @@ export function RequestLogDetail({ log, t = defaultT, locale }: RequestLogDetail
           <JsonViewer data={log.headers} noDataLabel="No headers data" t={t} />
         </TabsContent>
       </Tabs>
-
-      {/* Request ID */}
-      <RequestIdDisplay requestId={log.request_id} t={t} />
     </div>
   );
 }
@@ -241,17 +246,19 @@ function RequestIdDisplay({ requestId, t }: { requestId: string; t: TranslationF
   };
 
   return (
-    <div className="flex items-center gap-2 border-t pt-4 text-muted-foreground text-xs">
-      <span>{t("Request ID")}:</span>
-      <code className="font-mono">{requestId}</code>
+    <div className="flex flex-col gap-3 rounded-lg border bg-muted/20 p-4 sm:flex-row sm:items-center sm:justify-between">
+      <div className="space-y-1">
+        <div className="text-muted-foreground text-xs uppercase tracking-wide">{t("Request ID")}</div>
+        <code className="block break-all font-mono text-sm">{requestId}</code>
+      </div>
       <Button
         variant="ghost"
         size="sm"
-        className="h-6 w-6 p-0"
+        className="h-8 w-8 self-start p-0 sm:self-center"
         onClick={handleCopy}
         title={t("Copy to clipboard")}
       >
-        {copied ? <Check className="h-3 w-3 text-green-500" /> : <Copy className="h-3 w-3" />}
+        {copied ? <Check className="h-4 w-4 text-green-500" /> : <Copy className="h-4 w-4" />}
       </Button>
     </div>
   );