@spaceinvoices/react-ui 0.4.11 → 0.4.12

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

@@ -51,8 +51,8 @@ const PAYMENT_TYPE_LABELS: Record<string, string> = {
 
 type CreatePaymentFormProps = {
   entityId: string;
-  invoiceId: string;
-  invoiceTotal: number;
+  documentId: string;
+  documentTotal: number;
   onSuccess?: (payment: Payment) => void;
   onError?: (error: Error) => void;
   renderSubmitButton?: (props: { isSubmitting: boolean; submit: () => void }) => React.ReactNode;
@@ -60,8 +60,8 @@ type CreatePaymentFormProps = {
 
 export default function CreatePaymentForm({
   entityId,
-  invoiceId,
-  invoiceTotal,
+  documentId,
+  documentTotal,
   onSuccess,
   onError,
   renderSubmitButton,
@@ -75,8 +75,8 @@ export default function CreatePaymentForm({
   const form = useForm<CreatePaymentSchema>({
     resolver: zodResolver(createPaymentSchema),
     defaultValues: {
-      invoice_id: invoiceId,
-      amount: invoiceTotal,
+      document_id: documentId,
+      amount: documentTotal,
       type: "cash",
       date: new Date().toISOString(),
       reference: "",
@@ -178,7 +178,11 @@ export default function CreatePaymentForm({
                       variant="outline"
                       className={cn("w-full pl-3 text-left font-normal", !field.value && "text-muted-foreground")}
                     >
-                      {field.value ? new Date(field.value).toLocaleDateString() : <span>{t("Pick a date")}</span>}
+                      {field.value ? (
+                        new Date(field.value).toLocaleDateString(i18nProps.locale)
+                      ) : (
+                        <span>{t("Pick a date")}</span>
+                      )}
                       <CalendarIcon className="ml-auto h-4 w-4 opacity-50" />
                     </Button>
                   </FormControl>

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

@@ -0,0 +1,20 @@
+export default {
+  Amount: "Сума",
+  "Enter amount": "Enter amount",
+  "Payment Type": "Payment Type",
+  "Select payment type": "Изберете тип плащане",
+  Cash: "В брой",
+  "Bank Transfer": "Банков превод",
+  Card: "Карта",
+  Check: "Чек",
+  "Credit Note": "Кредитно известие",
+  Advance: "Advance",
+  Other: "Друго",
+  "Payment Date": "Payment Date",
+  "Pick a date": "Pick a date",
+  Reference: "Референция",
+  "Enter reference number": "Enter reference number",
+  Note: "Note",
+  "Enter payment notes": "Enter payment notes",
+  "There was an error creating the payment": "There was an error creating the payment",
+} as const;

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

@@ -0,0 +1,20 @@
+export default {
+  Amount: "Částka",
+  "Enter amount": "Enter amount",
+  "Payment Type": "Payment Type",
+  "Select payment type": "Vyberte typ platby",
+  Cash: "Hotovost",
+  "Bank Transfer": "Bankovní převod",
+  Card: "Karta",
+  Check: "Šek",
+  "Credit Note": "Dobropis",
+  Advance: "Advance",
+  Other: "Jiné",
+  "Payment Date": "Payment Date",
+  "Pick a date": "Pick a date",
+  Reference: "Reference",
+  "Enter reference number": "Enter reference number",
+  Note: "Note",
+  "Enter payment notes": "Enter payment notes",
+  "There was an error creating the payment": "There was an error creating the payment",
+} as const;

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

@@ -0,0 +1,20 @@
+export default {
+  Amount: "Amount",
+  "Enter amount": "Enter amount",
+  "Payment Type": "Payment Type",
+  "Select payment type": "Select payment type",
+  Cash: "Cash",
+  "Bank Transfer": "Bank Transfer",
+  Card: "Card",
+  Check: "Check",
+  "Credit Note": "Credit Note",
+  Advance: "Advance",
+  Other: "Other",
+  "Payment Date": "Payment Date",
+  "Pick a date": "Pick a date",
+  Reference: "Reference",
+  "Enter reference number": "Enter reference number",
+  Note: "Note",
+  "Enter payment notes": "Enter payment notes",
+  "There was an error creating the payment": "There was an error creating the payment",
+} as const;

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

@@ -0,0 +1,20 @@
+export default {
+  Amount: "Summa",
+  "Enter amount": "Enter amount",
+  "Payment Type": "Payment Type",
+  "Select payment type": "Vali makse tüüp",
+  Cash: "Sularaha",
+  "Bank Transfer": "Pangaülekanne",
+  Card: "Kaart",
+  Check: "Tšekk",
+  "Credit Note": "Kreeditarve",
+  Advance: "Advance",
+  Other: "Muu",
+  "Payment Date": "Payment Date",
+  "Pick a date": "Pick a date",
+  Reference: "Viide",
+  "Enter reference number": "Enter reference number",
+  Note: "Note",
+  "Enter payment notes": "Enter payment notes",
+  "There was an error creating the payment": "There was an error creating the payment",
+} as const;

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

@@ -0,0 +1,20 @@
+export default {
+  Amount: "Amount",
+  "Enter amount": "Enter amount",
+  "Payment Type": "Payment Type",
+  "Select payment type": "Valitse maksutapa",
+  Cash: "Cash",
+  "Bank Transfer": "Bank Transfer",
+  Card: "Card",
+  Check: "Check",
+  "Credit Note": "Hyvityslasku",
+  Advance: "Advance",
+  Other: "Other",
+  "Payment Date": "Payment Date",
+  "Pick a date": "Pick a date",
+  Reference: "Reference",
+  "Enter reference number": "Enter reference number",
+  Note: "Note",
+  "Enter payment notes": "Enter payment notes",
+  "There was an error creating the payment": "There was an error creating the payment",
+} as const;

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

@@ -2,7 +2,7 @@ export default {
   Amount: "Iznos",
   "Enter amount": "Unesite iznos",
   "Payment Type": "Vrsta plaćanja",
-  "Select payment type": "Odaberite vrstu plaćanja",
+  "Select payment type": "Odaberi vrstu plaćanja",
   Cash: "Gotovina",
   "Bank Transfer": "Bankovni prijenos",
   Card: "Kartica",
@@ -11,7 +11,7 @@ export default {
   Advance: "Predujam",
   Other: "Ostalo",
   "Payment Date": "Datum plaćanja",
-  "Pick a date": "Odaberite datum",
+  "Pick a date": "Odaberi datum",
   Reference: "Referenca",
   "Enter reference number": "Unesite referentni broj",
   Note: "Napomena",

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

@@ -0,0 +1,20 @@
+export default {
+  Amount: "Upphæð",
+  "Enter amount": "Enter amount",
+  "Payment Type": "Payment Type",
+  "Select payment type": "Veldu greiðslutegund",
+  Cash: "Reiðufé",
+  "Bank Transfer": "Bankamillifærsla",
+  Card: "Kort",
+  Check: "Ávísun",
+  "Credit Note": "Kreditreikningur",
+  Advance: "Advance",
+  Other: "Annað",
+  "Payment Date": "Payment Date",
+  "Pick a date": "Pick a date",
+  Reference: "Tilvísun",
+  "Enter reference number": "Enter reference number",
+  Note: "Note",
+  "Enter payment notes": "Enter payment notes",
+  "There was an error creating the payment": "There was an error creating the payment",
+} as const;

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

@@ -0,0 +1,20 @@
+export default {
+  Amount: "Beløp",
+  "Enter amount": "Enter amount",
+  "Payment Type": "Payment Type",
+  "Select payment type": "Velg betalingstype",
+  Cash: "Kontant",
+  "Bank Transfer": "Bankoverføring",
+  Card: "Kort",
+  Check: "Sjekk",
+  "Credit Note": "Kreditnota",
+  Advance: "Advance",
+  Other: "Annet",
+  "Payment Date": "Payment Date",
+  "Pick a date": "Pick a date",
+  Reference: "Referanse",
+  "Enter reference number": "Enter reference number",
+  Note: "Note",
+  "Enter payment notes": "Enter payment notes",
+  "There was an error creating the payment": "There was an error creating the payment",
+} as const;

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

@@ -0,0 +1,20 @@
+export default {
+  Amount: "Suma",
+  "Enter amount": "Enter amount",
+  "Payment Type": "Payment Type",
+  "Select payment type": "Vyberte typ platby",
+  Cash: "Hotovosť",
+  "Bank Transfer": "Bankový prevod",
+  Card: "Karta",
+  Check: "Šek",
+  "Credit Note": "Dobropis",
+  Advance: "Advance",
+  Other: "Iné",
+  "Payment Date": "Payment Date",
+  "Pick a date": "Pick a date",
+  Reference: "Referencia",
+  "Enter reference number": "Enter reference number",
+  Note: "Note",
+  "Enter payment notes": "Enter payment notes",
+  "There was an error creating the payment": "There was an error creating the payment",
+} as const;

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

@@ -2,7 +2,7 @@ export default {
   Amount: "Znesek",
   "Enter amount": "Vnesite znesek",
   "Payment Type": "Vrsta plačila",
-  "Select payment type": "Izberite vrsto plačila",
+  "Select payment type": "Izberi vrsto plačila",
   Cash: "Gotovina",
   "Bank Transfer": "Bančno nakazilo",
   Card: "Kartica",
@@ -11,10 +11,10 @@ export default {
   Advance: "Avans",
   Other: "Drugo",
   "Payment Date": "Datum plačila",
-  "Pick a date": "Izberite datum",
+  "Pick a date": "Izberi datum",
   Reference: "Referenca",
   "Enter reference number": "Vnesite referenčno številko",
-  Note: "Opomba",
-  "Enter payment notes": "Vnesite opombe plačila",
+  Note: "Pripis",
+  "Enter payment notes": "Vnesite pripis plačila",
   "There was an error creating the payment": "Prišlo je do napake pri ustvarjanju plačila",
 } as const;

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

@@ -0,0 +1,20 @@
+export default {
+  Amount: "Belopp",
+  "Enter amount": "Enter amount",
+  "Payment Type": "Payment Type",
+  "Select payment type": "Välj betalningstyp",
+  Cash: "Kontant",
+  "Bank Transfer": "Banköverföring",
+  Card: "Kort",
+  Check: "Check",
+  "Credit Note": "Kreditnota",
+  Advance: "Advance",
+  Other: "Övrigt",
+  "Payment Date": "Payment Date",
+  "Pick a date": "Pick a date",
+  Reference: "Referens",
+  "Enter reference number": "Enter reference number",
+  Note: "Note",
+  "Enter payment notes": "Enter payment notes",
+  "There was an error creating the payment": "There was an error creating the payment",
+} as const;

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

@@ -188,7 +188,11 @@ export default function EditPaymentForm({
                       variant="outline"
                       className={cn("w-full pl-3 text-left font-normal", !field.value && "text-muted-foreground")}
                     >
-                      {field.value ? new Date(field.value).toLocaleDateString() : <span>{t("Pick a date")}</span>}
+                      {field.value ? (
+                        new Date(field.value).toLocaleDateString(i18nProps.locale)
+                      ) : (
+                        <span>{t("Pick a date")}</span>
+                      )}
                       <CalendarIcon className="ml-auto h-4 w-4 opacity-50" />
                     </Button>
                   </FormControl>

package/src/components/payments/edit-payment-form/locales/bg.ts

@@ -0,0 +1,20 @@
+export default {
+  Amount: "Сума",
+  "Enter amount": "Enter amount",
+  "Payment Type": "Payment Type",
+  "Select payment type": "Изберете тип плащане",
+  Cash: "В брой",
+  "Bank Transfer": "Банков превод",
+  Card: "Карта",
+  Check: "Чек",
+  "Credit Note": "Кредитно известие",
+  Advance: "Advance",
+  Other: "Друго",
+  "Payment Date": "Payment Date",
+  "Pick a date": "Pick a date",
+  Reference: "Референция",
+  "Enter reference number": "Enter reference number",
+  Note: "Note",
+  "Enter payment notes": "Enter payment notes",
+  "There was an error updating the payment": "There was an error updating the payment",
+} as const;

package/src/components/payments/edit-payment-form/locales/cs.ts

@@ -0,0 +1,20 @@
+export default {
+  Amount: "Částka",
+  "Enter amount": "Enter amount",
+  "Payment Type": "Payment Type",
+  "Select payment type": "Vyberte typ platby",
+  Cash: "Hotovost",
+  "Bank Transfer": "Bankovní převod",
+  Card: "Karta",
+  Check: "Šek",
+  "Credit Note": "Dobropis",
+  Advance: "Advance",
+  Other: "Jiné",
+  "Payment Date": "Payment Date",
+  "Pick a date": "Pick a date",
+  Reference: "Reference",
+  "Enter reference number": "Enter reference number",
+  Note: "Note",
+  "Enter payment notes": "Enter payment notes",
+  "There was an error updating the payment": "There was an error updating the payment",
+} as const;

package/src/components/payments/edit-payment-form/locales/en.ts

@@ -0,0 +1,20 @@
+export default {
+  Amount: "Amount",
+  "Enter amount": "Enter amount",
+  "Payment Type": "Payment Type",
+  "Select payment type": "Select payment type",
+  Cash: "Cash",
+  "Bank Transfer": "Bank Transfer",
+  Card: "Card",
+  Check: "Check",
+  "Credit Note": "Credit Note",
+  Advance: "Advance",
+  Other: "Other",
+  "Payment Date": "Payment Date",
+  "Pick a date": "Pick a date",
+  Reference: "Reference",
+  "Enter reference number": "Enter reference number",
+  Note: "Note",
+  "Enter payment notes": "Enter payment notes",
+  "There was an error updating the payment": "There was an error updating the payment",
+} as const;

package/src/components/payments/edit-payment-form/locales/et.ts

@@ -0,0 +1,20 @@
+export default {
+  Amount: "Summa",
+  "Enter amount": "Enter amount",
+  "Payment Type": "Payment Type",
+  "Select payment type": "Vali makse tüüp",
+  Cash: "Sularaha",
+  "Bank Transfer": "Pangaülekanne",
+  Card: "Kaart",
+  Check: "Tšekk",
+  "Credit Note": "Kreeditarve",
+  Advance: "Advance",
+  Other: "Muu",
+  "Payment Date": "Payment Date",
+  "Pick a date": "Pick a date",
+  Reference: "Viide",
+  "Enter reference number": "Enter reference number",
+  Note: "Note",
+  "Enter payment notes": "Enter payment notes",
+  "There was an error updating the payment": "There was an error updating the payment",
+} as const;

package/src/components/payments/edit-payment-form/locales/fi.ts

@@ -0,0 +1,20 @@
+export default {
+  Amount: "Amount",
+  "Enter amount": "Enter amount",
+  "Payment Type": "Payment Type",
+  "Select payment type": "Valitse maksutapa",
+  Cash: "Cash",
+  "Bank Transfer": "Bank Transfer",
+  Card: "Card",
+  Check: "Check",
+  "Credit Note": "Hyvityslasku",
+  Advance: "Advance",
+  Other: "Other",
+  "Payment Date": "Payment Date",
+  "Pick a date": "Pick a date",
+  Reference: "Reference",
+  "Enter reference number": "Enter reference number",
+  Note: "Note",
+  "Enter payment notes": "Enter payment notes",
+  "There was an error updating the payment": "There was an error updating the payment",
+} as const;

package/src/components/payments/edit-payment-form/locales/hr.ts

@@ -2,7 +2,7 @@ export default {
   Amount: "Iznos",
   "Enter amount": "Unesite iznos",
   "Payment Type": "Vrsta plaćanja",
-  "Select payment type": "Odaberite vrstu plaćanja",
+  "Select payment type": "Odaberi vrstu plaćanja",
   Cash: "Gotovina",
   "Bank Transfer": "Bankovni prijenos",
   Card: "Kartica",
@@ -11,7 +11,7 @@ export default {
   Advance: "Predujam",
   Other: "Ostalo",
   "Payment Date": "Datum plaćanja",
-  "Pick a date": "Odaberite datum",
+  "Pick a date": "Odaberi datum",
   Reference: "Referenca",
   "Enter reference number": "Unesite referentni broj",
   Note: "Napomena",

package/src/components/payments/edit-payment-form/locales/is.ts

@@ -0,0 +1,20 @@
+export default {
+  Amount: "Upphæð",
+  "Enter amount": "Enter amount",
+  "Payment Type": "Payment Type",
+  "Select payment type": "Veldu greiðslutegund",
+  Cash: "Reiðufé",
+  "Bank Transfer": "Bankamillifærsla",
+  Card: "Kort",
+  Check: "Ávísun",
+  "Credit Note": "Kreditreikningur",
+  Advance: "Advance",
+  Other: "Annað",
+  "Payment Date": "Payment Date",
+  "Pick a date": "Pick a date",
+  Reference: "Tilvísun",
+  "Enter reference number": "Enter reference number",
+  Note: "Note",
+  "Enter payment notes": "Enter payment notes",
+  "There was an error updating the payment": "There was an error updating the payment",
+} as const;

package/src/components/payments/edit-payment-form/locales/nb.ts

@@ -0,0 +1,20 @@
+export default {
+  Amount: "Beløp",
+  "Enter amount": "Enter amount",
+  "Payment Type": "Payment Type",
+  "Select payment type": "Velg betalingstype",
+  Cash: "Kontant",
+  "Bank Transfer": "Bankoverføring",
+  Card: "Kort",
+  Check: "Sjekk",
+  "Credit Note": "Kreditnota",
+  Advance: "Advance",
+  Other: "Annet",
+  "Payment Date": "Payment Date",
+  "Pick a date": "Pick a date",
+  Reference: "Referanse",
+  "Enter reference number": "Enter reference number",
+  Note: "Note",
+  "Enter payment notes": "Enter payment notes",
+  "There was an error updating the payment": "There was an error updating the payment",
+} as const;

package/src/components/payments/edit-payment-form/locales/sk.ts

@@ -0,0 +1,20 @@
+export default {
+  Amount: "Suma",
+  "Enter amount": "Enter amount",
+  "Payment Type": "Payment Type",
+  "Select payment type": "Vyberte typ platby",
+  Cash: "Hotovosť",
+  "Bank Transfer": "Bankový prevod",
+  Card: "Karta",
+  Check: "Šek",
+  "Credit Note": "Dobropis",
+  Advance: "Advance",
+  Other: "Iné",
+  "Payment Date": "Payment Date",
+  "Pick a date": "Pick a date",
+  Reference: "Referencia",
+  "Enter reference number": "Enter reference number",
+  Note: "Note",
+  "Enter payment notes": "Enter payment notes",
+  "There was an error updating the payment": "There was an error updating the payment",
+} as const;

package/src/components/payments/edit-payment-form/locales/sl.ts

@@ -2,7 +2,7 @@ export default {
   Amount: "Znesek",
   "Enter amount": "Vnesite znesek",
   "Payment Type": "Vrsta plačila",
-  "Select payment type": "Izberite vrsto plačila",
+  "Select payment type": "Izberi vrsto plačila",
   Cash: "Gotovina",
   "Bank Transfer": "Bančno nakazilo",
   Card: "Kartica",
@@ -11,10 +11,10 @@ export default {
   Advance: "Avans",
   Other: "Drugo",
   "Payment Date": "Datum plačila",
-  "Pick a date": "Izberite datum",
+  "Pick a date": "Izberi datum",
   Reference: "Referenca",
   "Enter reference number": "Vnesite referenčno številko",
-  Note: "Opomba",
-  "Enter payment notes": "Vnesite opombe plačila",
+  Note: "Pripis",
+  "Enter payment notes": "Vnesite pripis plačila",
   "There was an error updating the payment": "Prišlo je do napake pri posodabljanju plačila",
 } as const;

package/src/components/payments/edit-payment-form/locales/sv.ts

@@ -0,0 +1,20 @@
+export default {
+  Amount: "Belopp",
+  "Enter amount": "Enter amount",
+  "Payment Type": "Payment Type",
+  "Select payment type": "Välj betalningstyp",
+  Cash: "Kontant",
+  "Bank Transfer": "Banköverföring",
+  Card: "Kort",
+  Check: "Check",
+  "Credit Note": "Kreditnota",
+  Advance: "Advance",
+  Other: "Övrigt",
+  "Payment Date": "Payment Date",
+  "Pick a date": "Pick a date",
+  Reference: "Referens",
+  "Enter reference number": "Enter reference number",
+  Note: "Note",
+  "Enter payment notes": "Enter payment notes",
+  "There was an error updating the payment": "There was an error updating the payment",
+} as const;

package/src/components/payments/list/list-row-actions.tsx

@@ -73,6 +73,10 @@ export default function PaymentListRowActions({
     deletePayment({ id: payment.id });
   };
 
+  const isAppliedAdvancePayment = payment.type === "advance" && !!payment.invoice_id && !!payment.advance_invoice_id;
+  const isAppliedCreditNotePayment = payment.type === "credit_note" && !!payment.invoice_id && !!payment.credit_note_id;
+  const isManagedSettlementPayment = isAppliedAdvancePayment || isAppliedCreditNotePayment;
+
   return (
     <DropdownMenu>
       <DropdownMenuTrigger asChild>
@@ -84,7 +88,11 @@ export default function PaymentListRowActions({
       <DropdownMenuContent align="end">
         <DropdownMenuLabel>{t("Actions")}</DropdownMenuLabel>
         <DropdownMenuGroup>
-          <DropdownMenuItem className="cursor-pointer" onClick={() => onEditPayment?.(payment)}>
+          <DropdownMenuItem
+            className="cursor-pointer"
+            onClick={() => onEditPayment?.(payment)}
+            disabled={isManagedSettlementPayment}
+          >
             <Pencil className="h-4 w-4" />
             {t("Edit payment")}
           </DropdownMenuItem>
@@ -100,7 +108,7 @@ export default function PaymentListRowActions({
           <DropdownMenuItem
             className="cursor-pointer text-destructive focus:text-destructive"
             onClick={handleDelete}
-            disabled={isDeleting}
+            disabled={isDeleting || isManagedSettlementPayment}
           >
             <Trash2 className="h-4 w-4" />
             {isDeleting ? t("Deleting...") : t("Delete payment")}