feat: add settings infrastructure, enhanced line items, i18n, and bug fixes

app/components/index.ts

@@ -4,6 +4,11 @@
 import BaseNavbar from "./layout/BaseNavbar";
 import BaseFooter from "./layout/BaseFooter";
 
+/* =========================
+   * Settings
+   ========================= */
+import { SettingsPanel } from "./settings/SettingsPanel";
+
 /* =========================
    * Invoice
    ========================= */
@@ -44,6 +49,7 @@ import FinalPdf from "./invoice/actions/FinalPdf";
 import CurrencySelector from "./reusables/form-fields/CurrencySelector";
 import FormInput from "./reusables/form-fields/FormInput";
 import FormTextarea from "./reusables/form-fields/FormTextarea";
+import FormSelect from "./reusables/form-fields/FormSelect";
 import DatePickerFormField from "./reusables/form-fields/DatePickerFormField";
 import FormFile from "./reusables/form-fields/FormFile";
 import ChargeInput from "./reusables/form-fields/ChargeInput";
@@ -101,6 +107,7 @@ import DevDebug from "./dev/DevDebug";
 export {
     BaseNavbar,
     BaseFooter,
+    SettingsPanel,
     InvoiceMain,
     InvoiceForm,
     InvoiceActions,
@@ -123,6 +130,7 @@ export {
     FinalPdf,
     FormInput,
     FormTextarea,
+    FormSelect,
     DatePickerFormField,
     FormFile,
     ChargeInput,

app/components/invoice/actions/PdfViewer.tsx

@@ -11,22 +11,44 @@ import { FinalPdf, LivePreview } from "@/app/components";
 
 // Contexts
 import { useInvoiceContext } from "@/contexts/InvoiceContext";
+import { useSettings } from "@/contexts/SettingsContext";
 
 // Types
 import { InvoiceType } from "@/types";
 
 const PdfViewer = () => {
     const { invoicePdf } = useInvoiceContext();
+    const { settings } = useSettings();
 
     const { watch } = useFormContext<InvoiceType>();
 
     const [debouncedWatch] = useDebounce(watch, 1000);
     const formValues = debouncedWatch();
 
+    // Clean data based on settings - remove discount/tax if settings are disabled
+    const cleanedData = {
+        ...formValues,
+        details: {
+            ...formValues.details,
+            items: formValues.details.items.map(item => {
+                const cleanedItem = { ...item };
+                if (!settings.discountPerItem.enabled) {
+                    cleanedItem.discount = undefined;
+                    cleanedItem.discountType = undefined;
+                }
+                if (!settings.taxPerItem.enabled) {
+                    cleanedItem.tax = undefined;
+                    cleanedItem.taxType = undefined;
+                }
+                return cleanedItem;
+            })
+        }
+    };
+
     return (
         <div className="my-3">
             {invoicePdf.size == 0 ? (
-                <LivePreview data={formValues} />
+                <LivePreview data={cleanedData} />
             ) : (
                 <FinalPdf />
             )}

app/components/invoice/form/Charges.tsx

@@ -13,6 +13,7 @@ import { ChargeInput } from "@/app/components";
 // Contexts
 import { useChargesContext } from "@/contexts/ChargesContext";
 import { useTranslationContext } from "@/contexts/TranslationContext";
+import { useSettings } from "@/contexts/SettingsContext";
 
 // Helpers
 import { formatNumberWithCommas } from "@/lib/helpers";
@@ -26,6 +27,7 @@ const Charges = () => {
     } = useFormContext<InvoiceType>();
 
     const { _t } = useTranslationContext();
+    const { settings } = useSettings();
 
     const {
         discountSwitch,
@@ -63,35 +65,39 @@ const Charges = () => {
             <div className="flex flex-col gap-3 min-w-[20rem]">
                 {/* Switches */}
                 <div className="flex justify-evenly pb-6">
-                    <div>
-                        <Label>{_t("form.steps.summary.discount")}</Label>
-
+                    {!settings.discountPerItem.enabled && (
                         <div>
+                            <Label>{_t("form.steps.summary.discount")}</Label>
+
                             <div>
-                                <Switch
-                                    checked={discountSwitch}
-                                    onCheckedChange={(value) => {
-                                        setDiscountSwitch(value);
-                                    }}
-                                />
+                                <div>
+                                    <Switch
+                                        checked={discountSwitch}
+                                        onCheckedChange={(value) => {
+                                            setDiscountSwitch(value);
+                                        }}
+                                    />
+                                </div>
                             </div>
                         </div>
-                    </div>
-
-                    <div>
-                        <Label>{_t("form.steps.summary.tax")}</Label>
+                    )}
 
+                    {!settings.taxPerItem.enabled && (
                         <div>
+                            <Label>{_t("form.steps.summary.tax")}</Label>
+
                             <div>
-                                <Switch
-                                    checked={taxSwitch}
-                                    onCheckedChange={(value) => {
-                                        setTaxSwitch(value);
-                                    }}
-                                />
+                                <div>
+                                    <Switch
+                                        checked={taxSwitch}
+                                        onCheckedChange={(value) => {
+                                            setTaxSwitch(value);
+                                        }}
+                                    />
+                                </div>
                             </div>
                         </div>
-                    </div>
+                    )}
 
                     <div>
                         <Label>{_t("form.steps.summary.shipping")}</Label>