@spaceinvoices/react-ui 0.4.11 → 0.4.31

package/src/components/estimates/create/create-estimate-form.tsx

@@ -1,7 +1,7 @@
 import { zodResolver } from "@hookform/resolvers/zod";
-import type { CreateEstimateRequest, Estimate } from "@spaceinvoices/js-sdk";
+import type { CreateEstimateRequest, Estimate, UpdateEstimate } from "@spaceinvoices/js-sdk";
 import { useQueryClient } from "@tanstack/react-query";
-import { RefreshCw } from "lucide-react";
+import { ArrowUpDown } from "lucide-react";
 import type { ReactNode } from "react";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import type { Resolver } from "react-hook-form";
@@ -12,11 +12,18 @@ import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "@/ui/c
 import { createEstimateSchema } from "@/ui/generated/schemas";
 import { useNextDocumentNumber } from "@/ui/hooks/use-next-document-number";
 import { useTransactionTypeCheck } from "@/ui/hooks/use-transaction-type-check";
+import {
+  normalizePtDocumentInput,
+  type PtDocumentInputForm,
+  ptDocumentInputFormSchema,
+} from "@/ui/lib/pt-document-input";
+import { normalizeLineItemDiscountsForForm } from "@/ui/lib/schemas/shared";
 import type { ComponentTranslationProps } from "@/ui/lib/translation";
 import { createTranslation } from "@/ui/lib/translation";
 import { useEntities } from "@/ui/providers/entities-context";
 import { useFormFooterRegistration } from "@/ui/providers/form-footer-context";
 import { CUSTOMERS_CACHE_KEY } from "../../customers/customers.hooks";
+import { withEstimateIssueDateValidation } from "../../documents/create/document-date-validation";
 import {
   DocumentDetailsSection,
   DocumentFooterField,
@@ -25,10 +32,14 @@ import {
   DocumentSignatureField,
   DocumentTaxClauseField,
 } from "../../documents/create/document-details-section";
+import { withRequiredDocumentItemFields } from "../../documents/create/document-item-validation";
 import { DocumentItemsSection, type PriceModesMap } from "../../documents/create/document-items-section";
 import { DocumentRecipientSection } from "../../documents/create/document-recipient-section";
+import { prepareDocumentItems } from "../../documents/create/prepare-document-submission";
+import { applyCustomCreateTemplate } from "../../documents/create/custom-create-template";
+import { financialInputsMatchInitial, resolvePreservedExpectedTotal } from "../../documents/create/preserved-expected-total";
 import type { DocumentTypes } from "../../documents/types";
-import { useCreateEstimate } from "../estimates.hooks";
+import { useCreateCustomEstimate, useCreateEstimate, useUpdateEstimate } from "../estimates.hooks";
 import de from "./locales/de";
 import es from "./locales/es";
 import fr from "./locales/fr";
@@ -38,7 +49,7 @@ import nl from "./locales/nl";
 import pl from "./locales/pl";
 import pt from "./locales/pt";
 import sl from "./locales/sl";
-import { prepareEstimateSubmission } from "./prepare-estimate-submission";
+import { prepareEstimateSubmission, prepareEstimateUpdateSubmission } from "./prepare-estimate-submission";
 import { useEstimateCustomerForm } from "./use-estimate-customer-form";
 
 function calculateDueDate(dateIso: string, days: number): string {
@@ -58,14 +69,21 @@ const translations = {
   pl,
   hr,
 } as const;
+const createEstimateFormSchema = withEstimateIssueDateValidation(
+  withRequiredDocumentItemFields(
+    createEstimateSchema.extend({
+      pt: ptDocumentInputFormSchema.optional(),
+    }),
+  ),
+);
 
 // Form values: extend schema with local-only fields (number is for display, not sent to API)
-type CreateEstimateFormValues = z.infer<typeof createEstimateSchema> & {
+type CreateEstimateFormValues = z.infer<typeof createEstimateFormSchema> & {
   number?: string;
 };
 
 /** Preview payload extends request with display-only fields */
-type EstimatePreviewPayload = Partial<CreateEstimateRequest> & { number?: string };
+type EstimatePreviewPayload = Partial<CreateEstimateRequest> & { number?: string; pt?: PtDocumentInputForm };
 
 type CreateEstimateFormProps = {
   type: DocumentTypes;
@@ -77,7 +95,17 @@ type CreateEstimateFormProps = {
   /** Callback to update header action (title toggle) */
   onHeaderActionChange?: (action: ReactNode) => void;
   /** Initial values for form fields (used for document duplication) */
-  initialValues?: Partial<CreateEstimateRequest>;
+  initialValues?: Partial<CreateEstimateRequest> & {
+    number?: string;
+    title_type?: "estimate" | "proforma_invoice" | null;
+  };
+  mode?: "create" | "edit";
+  documentId?: string;
+  /** Whether draft actions should be available in the UI */
+  allowDrafts?: boolean;
+  /** Optional app-level content rendered inside the details section. */
+  detailsExtras?: ReactNode;
+  translationLocale?: string;
 } & ComponentTranslationProps;
 
 export default function CreateEstimateForm({
@@ -89,6 +117,11 @@ export default function CreateEstimateForm({
   onAddNewTax,
   onHeaderActionChange,
   initialValues,
+  mode = "create",
+  documentId,
+  allowDrafts = true,
+  detailsExtras,
+  translationLocale,
   t: translateProp,
   namespace,
   locale,
@@ -97,14 +130,18 @@ export default function CreateEstimateForm({
     t: translateProp,
     namespace,
     locale,
+    translationLocale,
     translations,
   });
 
   const { activeEntity } = useEntities();
   const queryClient = useQueryClient();
+  const isEditMode = mode === "edit";
 
-  // Title type state: "estimate" (default) or "quote"
-  const [titleType, setTitleType] = useState<"estimate" | "quote">((initialValues as any)?.title_type || "estimate");
+  // Title type state: "estimate" (default) or "proforma_invoice"
+  const [titleType, setTitleType] = useState<"estimate" | "proforma_invoice">(
+    (initialValues as any)?.title_type || "estimate",
+  );
 
   // Draft submission state
   const [isDraftPending, setIsDraftPending] = useState(false);
@@ -115,7 +152,7 @@ export default function CreateEstimateForm({
 
   // Fetch next estimate number
   const { data: nextNumberData } = useNextDocumentNumber(entityId, "estimate", {
-    enabled: !!entityId,
+    enabled: !!entityId && !isEditMode,
   });
 
   // Get default payment terms and footer from entity settings
@@ -123,24 +160,30 @@ export default function CreateEstimateForm({
   const defaultFooter = (activeEntity?.settings as any)?.document_footer || "";
 
   const form = useForm<CreateEstimateFormValues>({
-    resolver: zodResolver(createEstimateSchema) as Resolver<CreateEstimateFormValues>,
+    resolver: zodResolver(createEstimateFormSchema) as Resolver<CreateEstimateFormValues>,
     defaultValues: {
-      number: "",
+      number: initialValues?.number ?? "",
+      calculation_mode: (initialValues as any)?.calculation_mode ?? undefined,
       date: initialValues?.date || new Date().toISOString(),
       customer_id: initialValues?.customer_id ?? undefined,
       // Cast customer to form schema type (API type may have additional fields)
       customer: (initialValues?.customer as CreateEstimateFormValues["customer"]) ?? undefined,
       items: initialValues?.items?.length
         ? initialValues.items.map((item: any) => ({
-            type: item.type,
+            type: item.type ?? undefined,
             name: item.name || "",
             description: item.description || "",
             ...(item.type !== "separator"
               ? {
+                  item_id: item.item_id ?? undefined,
+                  classification: item.classification ?? undefined,
+                  unit: item.unit ?? undefined,
                   quantity: item.quantity ?? 1,
                   // Use gross_price if set, otherwise use price
                   price: item.gross_price ?? item.price,
+                  gross_price: item.gross_price ?? undefined,
                   taxes: item.taxes || [],
+                  discounts: normalizeLineItemDiscountsForForm(item.discounts),
                 }
               : {}),
           }))
@@ -155,19 +198,24 @@ export default function CreateEstimateForm({
           ],
       currency_code: initialValues?.currency_code || activeEntity?.currency_code || "EUR",
       reference: (initialValues as any)?.reference ?? "",
-      note: initialValues?.note ?? defaultEstimateNote,
+      note: initialValues?.note ?? (isEditMode ? "" : defaultEstimateNote),
       tax_clause: (initialValues as any)?.tax_clause ?? "",
-      payment_terms: initialValues?.payment_terms ?? defaultPaymentTerms,
-      footer: (initialValues as any)?.footer ?? defaultFooter,
+      payment_terms: initialValues?.payment_terms ?? (isEditMode ? "" : defaultPaymentTerms),
+      signature: (initialValues as any)?.signature ?? "",
+      footer: (initialValues as any)?.footer ?? (isEditMode ? "" : defaultFooter),
       date_valid_till:
         initialValues?.date_valid_till ||
-        calculateDueDate(initialValues?.date || new Date().toISOString(), defaultEstimateValidDays),
+        (isEditMode
+          ? undefined
+          : calculateDueDate(initialValues?.date || new Date().toISOString(), defaultEstimateValidDays)),
+      pt: ((initialValues as any)?.pt as PtDocumentInputForm | undefined) ?? undefined,
     },
   });
 
   // Price modes per item (gross vs net) - collected from component state at submit
   const onHeaderActionChangeRef = useRef(onHeaderActionChange);
   onHeaderActionChangeRef.current = onHeaderActionChange;
+  const headerActionSignatureRef = useRef<string | null>(null);
 
   const onChangeRef = useRef(onChange);
   onChangeRef.current = onChange;
@@ -180,16 +228,48 @@ export default function CreateEstimateForm({
     }, {} as PriceModesMap);
   }, [initialValues?.items]);
   const priceModesRef = useRef<PriceModesMap>(initialPriceModes);
+  const customCreateTemplate = (initialValues as any)?._custom_create_template;
+  const financialInputsMatchSource = useCallback(
+    (values: { items?: any[]; currency_code?: string; calculation_mode?: string | null }) =>
+      financialInputsMatchInitial({
+        initialItems: initialValues?.items,
+        currentItems: values.items,
+        initialCurrencyCode: initialValues?.currency_code,
+        currentCurrencyCode: values.currency_code,
+        initialCalculationMode: (initialValues as any)?.calculation_mode ?? null,
+        currentCalculationMode: values.calculation_mode ?? null,
+        initialPriceModes,
+        currentPriceModes: priceModesRef.current,
+      }),
+    [initialPriceModes, initialValues],
+  );
+  const getPreservedExpectedTotalWithTax = useCallback(
+    (values: { items?: any[]; currency_code?: string; calculation_mode?: string | null }) =>
+      resolvePreservedExpectedTotal({
+        initialExpectedTotalWithTax: (initialValues as any)?._preserved_expected_total_with_tax,
+        initialItems: initialValues?.items,
+        currentItems: values.items,
+        initialCurrencyCode: initialValues?.currency_code,
+        currentCurrencyCode: values.currency_code,
+        initialCalculationMode: (initialValues as any)?.calculation_mode ?? null,
+        currentCalculationMode: values.calculation_mode ?? null,
+        initialPriceModes,
+        currentPriceModes: priceModesRef.current,
+      }),
+    [initialPriceModes, initialValues],
+  );
 
   // Update number when fetched
   useEffect(() => {
+    if (isEditMode) return;
     if (nextNumberData?.number) {
       form.setValue("number", nextNumberData.number);
     }
-  }, [nextNumberData?.number, form]);
+  }, [form, isEditMode, nextNumberData?.number]);
 
   // Update default note and valid-till date when entity loads
   useEffect(() => {
+    if (isEditMode) return;
     const entityDefaultNote = (activeEntity?.settings as any)?.default_estimate_note;
     if (entityDefaultNote && !form.getValues("note")) {
       form.setValue("note", entityDefaultNote);
@@ -205,7 +285,7 @@ export default function CreateEstimateForm({
         form.setValue("date_valid_till", calculateDueDate(currentDate, validDays));
       }
     }
-  }, [activeEntity, form, initialValues?.date_valid_till]);
+  }, [activeEntity, form, initialValues?.date_valid_till, isEditMode]);
 
   // Auto-add tax field for tax subject entities
   useEffect(() => {
@@ -220,12 +300,39 @@ export default function CreateEstimateForm({
   // Update header with clickable title toggle
   useEffect(() => {
     const callback = onHeaderActionChangeRef.current;
-    if (!callback) return;
+    if (!callback) {
+      headerActionSignatureRef.current = null;
+      return;
+    }
 
     const toggleTitle = () => {
-      setTitleType((prev) => (prev === "estimate" ? "quote" : "estimate"));
+      setTitleType((prev) => (prev === "estimate" ? "proforma_invoice" : "estimate"));
     };
 
+    const titleLabel = isEditMode
+      ? titleType === "estimate"
+        ? t("Estimate")
+        : t("Proforma invoice")
+      : titleType === "estimate"
+        ? t("Create Estimate")
+        : t("Create Proforma invoice");
+    const tooltipLabel = isEditMode
+      ? titleType === "estimate"
+        ? t("Click to switch to Proforma invoice")
+        : t("Click to switch to Estimate")
+      : titleType === "estimate"
+        ? t("Click to switch to Proforma invoice")
+        : t("Click to switch to Estimate");
+    const headerActionSignature = JSON.stringify({
+      titleLabel,
+      tooltipLabel,
+      isEditMode,
+      titleType,
+    });
+
+    if (headerActionSignatureRef.current === headerActionSignature) return;
+    headerActionSignatureRef.current = headerActionSignature;
+
     callback(
       <TooltipProvider>
         <Tooltip>
@@ -235,17 +342,24 @@ export default function CreateEstimateForm({
               onClick={toggleTitle}
               className="flex cursor-pointer items-center gap-2 font-bold text-2xl hover:text-primary"
             >
-              {titleType === "estimate" ? t("Create Estimate") : t("Create Quote")}
-              <RefreshCw className="size-4 text-muted-foreground" />
+              {titleLabel}
+              <ArrowUpDown className="size-4 text-muted-foreground" />
             </button>
           </TooltipTrigger>
-          <TooltipContent side="bottom">
-            {titleType === "estimate" ? t("Click to switch to Quote") : t("Click to switch to Estimate")}
-          </TooltipContent>
+          <TooltipContent side="bottom">{tooltipLabel}</TooltipContent>
         </Tooltip>
       </TooltipProvider>,
     );
-  }, [titleType, t]);
+  }, [isEditMode, t, titleType]);
+
+  useEffect(() => {
+    const callback = onHeaderActionChangeRef.current;
+    return () => {
+      if (!callback || headerActionSignatureRef.current === null) return;
+      headerActionSignatureRef.current = null;
+      callback(null);
+    };
+  }, []);
 
   const formValues = useWatch({
     control: form.control,
@@ -276,13 +390,14 @@ export default function CreateEstimateForm({
   useEffect(() => {
     if (effectiveTransactionType === prevTransactionTypeRef.current) return;
     prevTransactionTypeRef.current = effectiveTransactionType;
+    if (isEditMode) return;
 
     const taxClauseDefaults = (activeEntity?.settings as any)?.tax_clause_defaults;
     if (!taxClauseDefaults) return;
 
     const clause = taxClauseDefaults[effectiveTransactionType] ?? "";
     form.setValue("tax_clause", clause);
-  }, [effectiveTransactionType, activeEntity, form]);
+  }, [effectiveTransactionType, activeEntity, form, isEditMode]);
 
   // Extract customer management logic into a custom hook
   const {
@@ -306,18 +421,59 @@ export default function CreateEstimateForm({
     },
     onError,
   });
+  const { mutate: createCustomEstimate, isPending: isCreateCustomPending } = useCreateCustomEstimate({
+    entityId,
+    onSuccess: (data) => {
+      if (data.customer_id) {
+        queryClient.invalidateQueries({ queryKey: [CUSTOMERS_CACHE_KEY] });
+      }
+      onSuccess?.(data);
+    },
+    onError,
+  });
+  const { mutate: updateEstimate, isPending: isUpdatePending } = useUpdateEstimate({
+    entityId,
+    onSuccess,
+    onError,
+  });
 
   // Shared submit logic for both regular save and save as draft
   const submitEstimate = useCallback(
     (values: CreateEstimateFormValues, isDraft: boolean) => {
       try {
+        if (isEditMode) {
+          if (!documentId) {
+            throw new Error("Estimate edit mode requires a documentId");
+          }
+
+          const submission = prepareEstimateUpdateSubmission(values as any, {
+            originalCustomer,
+            priceModes: priceModesRef.current,
+            titleType,
+          }) as UpdateEstimate;
+
+          updateEstimate({ id: documentId, data: submission });
+          return;
+        }
+
         const submission = prepareEstimateSubmission(values, {
           originalCustomer,
           priceModes: priceModesRef.current,
           titleType,
           isDraft,
         });
-        createEstimate(submission);
+        const preservedExpectedTotalWithTax = getPreservedExpectedTotalWithTax(values);
+        if (preservedExpectedTotalWithTax !== undefined) {
+          (submission as any).expected_total_with_tax = preservedExpectedTotalWithTax;
+        } else {
+          delete (submission as any).expected_total_with_tax;
+        }
+        if (customCreateTemplate && financialInputsMatchSource(values)) {
+          delete (submission as any).expected_total_with_tax;
+          createCustomEstimate(applyCustomCreateTemplate(submission as any, customCreateTemplate));
+        } else {
+          createEstimate(submission);
+        }
       } catch (error) {
         console.error("Estimate submission error:", error);
         if (onError) {
@@ -325,7 +481,19 @@ export default function CreateEstimateForm({
         }
       }
     },
-    [createEstimate, onError, originalCustomer, titleType],
+    [
+      createEstimate,
+      createCustomEstimate,
+      customCreateTemplate,
+      documentId,
+      financialInputsMatchSource,
+      getPreservedExpectedTotalWithTax,
+      isEditMode,
+      onError,
+      originalCustomer,
+      titleType,
+      updateEstimate,
+    ],
   );
 
   // Handle save as draft
@@ -343,24 +511,28 @@ export default function CreateEstimateForm({
   }, [form, submitEstimate]);
 
   const secondaryAction = useMemo(
-    () => ({
-      label: t("Save as Draft"),
-      onClick: handleSaveAsDraft,
-      isPending: isDraftPending,
-    }),
-    [t, handleSaveAsDraft, isDraftPending],
+    () =>
+      allowDrafts && !isEditMode
+        ? {
+            label: t("Save as Draft"),
+            onClick: handleSaveAsDraft,
+            isPending: isDraftPending,
+          }
+        : undefined,
+    [allowDrafts, t, handleSaveAsDraft, isDraftPending, isEditMode],
   );
 
   useFormFooterRegistration({
     formId: "create-estimate-form",
-    isPending,
+    isPending: isPending || isCreateCustomPending || isUpdatePending,
     isDirty: form.formState.isDirty || !!initialValues,
-    label: titleType === "estimate" ? t("Create Estimate") : t("Create Quote"),
+    label: isEditMode ? t("Update") : titleType === "estimate" ? t("Create Estimate") : t("Create Proforma invoice"),
     secondaryAction,
   });
 
   // Set default payment terms and footer from entity settings when entity data is available
   useEffect(() => {
+    if (isEditMode) return;
     const entityDefaultPaymentTerms = (activeEntity?.settings as any)?.default_estimate_payment_terms;
     if (entityDefaultPaymentTerms && !form.getValues("payment_terms")) {
       form.setValue("payment_terms", entityDefaultPaymentTerms);
@@ -369,41 +541,45 @@ export default function CreateEstimateForm({
     if (entityDefaultFooter && !form.getValues("footer")) {
       form.setValue("footer", entityDefaultFooter);
     }
-  }, [activeEntity, form]);
+  }, [activeEntity, form, isEditMode]);
 
   // Recalculate valid-till date when document date changes
   const prevDateRef = useRef(form.getValues("date"));
   useEffect(() => {
+    if (isEditMode) return;
     const currentDate = formValues.date;
     if (!currentDate || currentDate === prevDateRef.current) return;
     prevDateRef.current = currentDate;
     const validDays = (activeEntity?.settings as any)?.default_estimate_valid_days ?? 30;
     form.setValue("date_valid_till", calculateDueDate(currentDate, validDays));
-  }, [formValues.date, activeEntity, form]);
-
-  const buildPreviewPayload = useCallback((values: CreateEstimateFormValues): EstimatePreviewPayload => {
-    const currentItems = values.items || [];
-
-    const transformedItems = currentItems.map((item: any, index: number) => {
-      const { price, ...rest } = item;
-      const isGross = priceModesRef.current[index] ?? false;
-      return isGross ? { ...rest, gross_price: price } : { ...rest, price };
-    });
-
-    return {
-      number: values.number,
-      date: values.date,
-      customer_id: values.customer_id,
-      customer: values.customer,
-      items: transformedItems,
-      currency_code: values.currency_code,
-      reference: values.reference,
-      note: values.note,
-      payment_terms: values.payment_terms,
-      signature: values.signature,
-      title_type: titleType,
-    };
-  }, [titleType]);
+  }, [formValues.date, activeEntity, form, isEditMode]);
+
+  const buildPreviewPayload = useCallback(
+    (values: CreateEstimateFormValues): EstimatePreviewPayload => {
+      const preservedExpectedTotalWithTax = getPreservedExpectedTotalWithTax(values);
+      return {
+        number: values.number,
+        date: values.date,
+        customer_id: values.customer_id,
+        customer: values.customer,
+        items: prepareDocumentItems(values.items, priceModesRef.current),
+        currency_code: values.currency_code,
+        reference: values.reference,
+        note: values.note,
+        tax_clause: values.tax_clause,
+        payment_terms: values.payment_terms,
+        signature: values.signature,
+        footer: values.footer,
+        date_valid_till: values.date_valid_till,
+        title_type: titleType,
+        ...(preservedExpectedTotalWithTax !== undefined
+          ? { expected_total_with_tax: preservedExpectedTotalWithTax }
+          : {}),
+        ...(normalizePtDocumentInput(values.pt) ? { pt: normalizePtDocumentInput(values.pt) } : {}),
+      };
+    },
+    [getPreservedExpectedTotalWithTax, titleType],
+  );
 
   const emitPreviewPayload = useCallback((payload: EstimatePreviewPayload) => {
     const callback = onChangeRef.current;
@@ -431,7 +607,7 @@ export default function CreateEstimateForm({
   return (
     <Form {...form}>
       <form id="create-estimate-form" onSubmit={form.handleSubmit(onSubmit)} className="space-y-8">
-        <div className="flex w-full flex-col md:flex-row md:gap-6">
+        <div className="flex w-full flex-col gap-8 md:flex-row md:gap-6">
           <DocumentRecipientSection
             control={form.control}
             entityId={entityId}
@@ -442,20 +618,28 @@ export default function CreateEstimateForm({
             selectedCustomerId={selectedCustomerId}
             initialCustomerName={initialCustomerName}
             t={t}
+            locale={locale}
           />
 
-          <DocumentDetailsSection control={form.control} documentType={type} t={t} />
+          <DocumentDetailsSection control={form.control} documentType={type} t={t} locale={locale}>
+            {detailsExtras}
+          </DocumentDetailsSection>
         </div>
 
         <DocumentItemsSection
           control={form.control}
+          documentType={type}
           watch={form.watch}
           setValue={form.setValue}
+          clearErrors={form.clearErrors}
+          trigger={form.trigger}
+          isSubmitted={form.formState.isSubmitted}
           getValues={form.getValues}
           entityId={entityId}
           currencyCode={activeEntity?.currency_code ?? undefined}
           onAddNewTax={onAddNewTax}
           t={t}
+          locale={locale}
           maxTaxesPerItem={activeEntity?.country_rules?.max_taxes_per_item}
           priceModesRef={priceModesRef}
           initialPriceModes={initialPriceModes}

package/src/components/estimates/create/locales/bg.ts

@@ -0,0 +1,77 @@
+export default {
+  "Create Estimate": "Създай оферта",
+  "Create Proforma invoice": "Създай проформа фактура",
+  Estimate: "Оферта",
+  "Proforma invoice": "Проформа фактура",
+  "Click to switch to Proforma invoice": "Натиснете, за да превключите към проформа фактура",
+  "Click to switch to Estimate": "Натиснете, за да превключите към оферта",
+  Details: "Детайли",
+  Number: "Номер",
+  Date: "Дата",
+  "Due Date": "Краен срок",
+  "Valid Until": "Валидна до",
+  Recipient: "Recipient",
+  "Search or create customer...": "Search or create customer...",
+  Clear: "Clear",
+  Name: "Име",
+  Address: "Адрес",
+  "Address 2": "Адрес 2",
+  "Post Code": "Пощенски код",
+  City: "Град",
+  State: "Област",
+  Country: "Държава",
+  "Tax Number": "ДДС номер",
+  Items: "Артикули",
+  "Add item": "Add item",
+  Tax: "Tax",
+  "Tax rate": "Tax rate",
+  "Add tax": "Add tax",
+  "Select tax...": "Select tax...",
+  "Loading...": "Зареждане...",
+  "No taxes found": "No taxes found",
+  "Add new tax...": "Add new tax...",
+  Note: "Note",
+  "Insert variable": "Insert variable",
+  "Add payment instructions, terms, or other notes...": "Add payment instructions, terms, or other notes...",
+  Signature: "Подпис",
+  "Add signature text...": "Добавете текст за подпис...",
+  "Payment Terms": "Payment Terms",
+  "Add payment terms...": "Add payment terms...",
+  Quantity: "Quantity",
+  Price: "Цена",
+  Unit: "Unit",
+  Discount: "Discount",
+  Description: "Описание",
+  Save: "Запази",
+  Update: "Актуализирай",
+  "Save as Draft": "Save as Draft",
+  "Pick a date": "Pick a date",
+  Currency: "Валута",
+  "Select currency": "Изберете валута",
+  "Percentage discount": "Percentage discount",
+  "Fixed amount discount": "Fixed amount discount",
+  Percentage: "Percentage",
+  "Fixed amount": "Fixed amount",
+  "Taxes disabled": "Taxes disabled",
+  "Gross price": "Gross price",
+  "Net price": "Net price",
+  "Gross price (tax included)": "Gross price (tax included)",
+  "Net price (before tax)": "Net price (before tax)",
+  "Add separator": "Add separator",
+  "Section header": "Section header",
+  "Section title...": "Section title...",
+  "Transaction type": "Transaction type",
+  Domestic: "Domestic",
+  "EU B2B": "EU B2B",
+  "EU B2C": "EU B2C",
+  "3W B2B": "3W B2B",
+  "3W B2C": "3W B2C",
+  "Determining transaction type...": "Determining transaction type...",
+  "This invoice will not be fiscalized (non-domestic transaction)":
+    "This invoice will not be fiscalized (non-domestic transaction)",
+  "Tax Clause": "Tax Clause",
+  "Add tax clause...": "Add tax clause...",
+  Footer: "Footer",
+  "Add document footer...": "Add document footer...",
+  "Reverse charge - tax exempt EU B2B sale": "Reverse charge - tax exempt EU B2B sale",
+} as const;