@tesouro/embedded-components-react 0.2.324 → 0.2.326

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index594.js

@@ -1,80 +1,8 @@
-import { Typography as e } from "./index62.js";
-import { Switch as t } from "./index459.js";
-import { jsx as n, jsxs as r } from "@emotion/react/jsx-runtime";
-import { useLingui as i } from "@lingui/react";
-import { twMerge as a } from "tailwind-merge";
-import { Controller as o, useFormContext as s } from "react-hook-form";
+import { useMoniteContext as e } from "./index47.js";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index594.js
-var c = ({ control: c, isDialog: l }) => {
-	let { i18n: u } = i(), { watch: d, setValue: f } = s(), p = d("invoice_bank_display");
-	return /* @__PURE__ */ r("div", {
-		className: "ttw:flex ttw:flex-col ttw:gap-2.5",
-		children: [/* @__PURE__ */ r("div", {
-			className: "ttw:flex ttw:flex-col ttw:gap-1.5 ttw:pt-5 ttw:pb-2.5",
-			children: [/* @__PURE__ */ n(e, {
-				variant: "h3",
-				children: u._("PDF settings")
-			}), /* @__PURE__ */ n(e, {
-				variant: "body2",
-				color: "muted",
-				children: u._("Invoices are generated as PDFs")
-			})]
-		}), /* @__PURE__ */ r("div", {
-			className: a("ttw:flex ttw:flex-col ttw:gap-2.5 ttw:rounded-lg", l ? "ttw:bg-zinc-100 ttw:p-4" : ""),
-			children: [/* @__PURE__ */ r("section", {
-				className: "ttw:flex ttw:justify-between ttw:gap-4",
-				children: [/* @__PURE__ */ r("div", {
-					className: "ttw:flex ttw:flex-col ttw:gap-1",
-					children: [/* @__PURE__ */ n(e, {
-						variant: "body1",
-						className: "ttw:font-medium",
-						children: u._("Display your bank account details on the PDF")
-					}), /* @__PURE__ */ n(e, {
-						variant: "body2",
-						color: "muted",
-						children: u._("Shows your bank account number, routing number, and account holder name so that customers can pay using an ACH bank transfer. Should only be used with accounts that have a debit block.")
-					})]
-				}), /* @__PURE__ */ n(t, {
-					checked: p,
-					onCheckedChange: (e) => {
-						f("invoice_bank_display", e, { shouldDirty: !0 });
-					},
-					"aria-label": u._("Display bank display options")
-				})]
-			}), /* @__PURE__ */ r("section", {
-				className: "ttw:flex ttw:justify-between ttw:gap-4",
-				children: [/* @__PURE__ */ r("div", {
-					className: "ttw:flex ttw:flex-col ttw:gap-1",
-					children: [
-						/* @__PURE__ */ n(e, {
-							variant: "body1",
-							className: "ttw:font-medium",
-							children: u._("Update PDF files for paid invoices")
-						}),
-						/* @__PURE__ */ n(e, {
-							variant: "body2",
-							color: "muted",
-							children: u._("PDF invoice files will be regenerated to reflect payments made and any remaining amount due. Once a PDF has been updated, you won't be able to revert it.")
-						}),
-						/* @__PURE__ */ n(e, {
-							variant: "body2",
-							color: "muted",
-							className: "ttw:font-medium",
-							children: u._("Once updated, you won't be able to revert the PDFs.")
-						})
-					]
-				}), /* @__PURE__ */ n(o, {
-					name: "update_paid_invoices",
-					control: c,
-					render: ({ field: e }) => /* @__PURE__ */ n(t, {
-						checked: e.value,
-						onCheckedChange: e.onChange,
-						"aria-label": u._("Enable update paid invoices pdf")
-					})
-				})]
-			})]
-		})]
-	});
+var t = (t, n = !0) => {
+	let { api: r } = e();
+	return r.finops.getDocumentsIdNextNumbers.useQuery({ path: { entity_id: t } }, { enabled: n && !!t });
 };
 //#endregion
-export { c as PDFSettings };
+export { t as useGetEntityDocumentNumber };

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index595.js

@@ -1,146 +1,6 @@
-import { Input as e } from "./index89.js";
-import { Typography as t } from "./index62.js";
-import { Field as n, FieldContent as r, FieldError as i, FieldLabel as a } from "./index88.js";
-import { Checkbox as o } from "./index99.js";
-import { jsx as s, jsxs as c } from "@emotion/react/jsx-runtime";
-import { useLingui as l } from "@lingui/react";
-import { Controller as u, useFormContext as d } from "react-hook-form";
-//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index595.js
-var f = ({ control: f }) => {
-	let { i18n: p } = l(), { setValue: m, watch: h } = d(), g = h("min_digits"), _ = h("prefix"), v = h("separator"), y = h("include_date"), b = h("invoice"), x = h("invoice_number");
-	function S() {
-		return `${b}${v}${_ ? `${_}${v}` : ""}${y ? `${(/* @__PURE__ */ new Date()).getFullYear()}${v}` : ""}${x.toString().padStart(g, "0")}`;
-	}
-	let C = S();
-	return /* @__PURE__ */ c("div", {
-		className: "ttw:flex ttw:flex-col ttw:gap-2.5",
-		children: [
-			/* @__PURE__ */ c("div", {
-				className: "ttw:flex ttw:flex-col ttw:gap-1.5 ttw:pt-5 ttw:pb-2.5",
-				children: [/* @__PURE__ */ s(t, {
-					variant: "h3",
-					children: p._("Invoice numbering")
-				}), /* @__PURE__ */ s(t, {
-					variant: "body2",
-					color: "muted",
-					children: p._("Specify how you want your invoices to be numbered. Changes apply to new invoices only. Existing invoice numbers won't be updated.")
-				})]
-			}),
-			/* @__PURE__ */ c("div", {
-				className: "ttw:flex ttw:flex-col ttw:w-94 ttw:gap-0.5 ttw:p-4 ttw:bg-neutral-200 ttw:rounded-xl",
-				children: [/* @__PURE__ */ s(t, {
-					variant: "body2",
-					color: "muted",
-					children: p._("Preview")
-				}), /* @__PURE__ */ s(t, {
-					variant: "h4",
-					className: "ttw:font-medium",
-					children: C
-				})]
-			}),
-			/* @__PURE__ */ c("div", {
-				className: "ttw:flex ttw:w-min ttw:gap-2 ttw:p-2",
-				children: [
-					/* @__PURE__ */ s(u, {
-						name: "invoice",
-						control: f,
-						render: ({ field: t, fieldState: { error: o } }) => /* @__PURE__ */ s(n, { children: /* @__PURE__ */ c(r, {
-							className: "ttw:grow-0",
-							children: [
-								/* @__PURE__ */ s(a, {
-									htmlFor: t.name,
-									children: p._("Invoice prefix")
-								}),
-								/* @__PURE__ */ s(e, {
-									...t,
-									id: t.name,
-									maxLength: 25,
-									"aria-invalid": !!o || void 0,
-									className: "ttw:w-29 ttw:min-w-29 ttw:bg-white"
-								}),
-								/* @__PURE__ */ s(i, { errors: [o] })
-							]
-						}) })
-					}),
-					/* @__PURE__ */ s(u, {
-						name: "invoice_number",
-						control: f,
-						render: ({ field: t, fieldState: { error: o } }) => /* @__PURE__ */ s(n, { children: /* @__PURE__ */ c(r, {
-							className: "ttw:grow-0",
-							children: [
-								/* @__PURE__ */ s(a, {
-									htmlFor: t.name,
-									children: p._("Starting number")
-								}),
-								/* @__PURE__ */ s(e, {
-									...t,
-									id: t.name,
-									type: "number",
-									"aria-invalid": !!o || void 0,
-									onChange: (e) => {
-										let n = e.target.value.replace(/^0+(?=\d)/, "");
-										t.onChange(Number(n));
-									},
-									value: t.value.toString().padStart(g, "0"),
-									className: "ttw:w-29 ttw:min-w-29 ttw:bg-white"
-								}),
-								/* @__PURE__ */ s(i, { errors: [o] })
-							]
-						}) })
-					}),
-					/* @__PURE__ */ s(u, {
-						name: "min_digits",
-						control: f,
-						render: ({ field: t, fieldState: { error: o } }) => /* @__PURE__ */ s(n, { children: /* @__PURE__ */ c(r, {
-							className: "ttw:grow-0",
-							children: [
-								/* @__PURE__ */ s(a, {
-									htmlFor: t.name,
-									children: p._("Digit count")
-								}),
-								/* @__PURE__ */ s(e, {
-									...t,
-									id: t.name,
-									type: "number",
-									className: "ttw:bg-white ttw:w-29 ttw:max-w-29",
-									onChange: (e) => {
-										+e.target.value > 20 ? m("min_digits", 20, { shouldDirty: !0 }) : t.onChange(e);
-									},
-									"aria-invalid": !!o || void 0
-								}),
-								/* @__PURE__ */ s(i, { errors: [o] })
-							]
-						}) })
-					})
-				]
-			}),
-			/* @__PURE__ */ s("div", {
-				className: "ttw:bg-transparent ttw:w-full ttw:p-2",
-				children: /* @__PURE__ */ s(u, {
-					name: "include_date",
-					control: f,
-					render: ({ field: e }) => /* @__PURE__ */ s(n, {
-						orientation: "horizontal",
-						children: /* @__PURE__ */ c(r, {
-							className: "ttw:flex-row ttw:items-center",
-							children: [/* @__PURE__ */ s(o, {
-								id: e.name,
-								ref: e.ref,
-								checked: e.value ?? !1,
-								onCheckedChange: e.onChange,
-								onBlur: e.onBlur,
-								className: "ttw:bg-white"
-							}), /* @__PURE__ */ s(a, {
-								htmlFor: e.name,
-								className: "ttw:font-normal",
-								children: p._("Include the current year in the invoice number prefix")
-							})]
-						})
-					})
-				})
-			})
-		]
-	});
-};
-//#endregion
-export { f as InvoiceNumbering };
+import "./index592.js";
+import "./index594.js";
+import "./index590.js";
+import "./index591.js";
+import "./index589.js";
+import "./index593.js";

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index596.js

@@ -1,30 +1,22 @@
-import { z as e } from "zod";
+import { useEffect as e, useState as t } from "react";
+import { jsx as n } from "@emotion/react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index596.js
-var t = (t, n) => e.object({
-	min_digits: e.coerce.number().int().min(1, t._("Can't be less than 1")).max(20, t._("Can't be greater than 20")),
-	credit_note: e.string().min(1),
-	credit_note_number: e.coerce.number().int().min(n.credit_note, t._("Can't be less than {nextNumbersCredit_note}", { nextNumbersCredit_note: n.credit_note })),
-	delivery_note: e.string().min(1),
-	delivery_note_number: e.coerce.number().int().min(n.delivery_note, t._("Can't be less than {nextNumbersDelivery_note}", { nextNumbersDelivery_note: n.delivery_note })),
-	quote: e.string().min(1),
-	quote_number: e.coerce.number().int().min(n.quote, t._("Can't be less than {nextNumbersQuote}", { nextNumbersQuote: n.quote })),
-	invoice: e.string().min(1, t._("Invoice prefix is required")).max(25, t._("Invoice prefix should have at most 25 characters")),
-	invoice_number: e.coerce.number().int().min(n.invoice, t._("Can't be less than {nextNumbersInvoice}", { nextNumbersInvoice: n.invoice })),
-	purchase_order: e.string().min(1),
-	purchase_order_number: e.coerce.number().int().min(n.purchase_order, t._("Can't be less than {nextNumbersPurchase_order}", { nextNumbersPurchase_order: n.purchase_order })),
-	include_date: e.boolean(),
-	prefix: e.string().max(25, t._("Prefix should have at most 25 characters")),
-	separator: e.enum([
-		"/",
-		"-",
-		"|",
-		".",
-		""
-	]),
-	invoice_bank_display: e.boolean(),
-	update_paid_invoices: e.boolean(),
-	quote_signature_display: e.boolean(),
-	quote_electronic_signature: e.union([e.boolean(), e.string()])
-});
+var r = ({ shouldStartProgress: r, isError: i, isSuccess: a }) => {
+	let [o, s] = t(0);
+	return e(() => {
+		let e;
+		return r && (e = setInterval(() => {
+			s((e) => e < 98 ? e + 2 : e === 98 ? e + 1 : e);
+		}, 200)), () => {
+			clearInterval(e);
+		};
+	}, [r]), a ? /* @__PURE__ */ n("div", { className: "ttw:w-65.5 ttw:h-1.5 ttw:bg-success ttw:rounded-md" }) : i ? /* @__PURE__ */ n("div", { className: "ttw:w-65.5 ttw:h-1.5 ttw:bg-danger ttw:rounded-md" }) : /* @__PURE__ */ n("div", {
+		className: "ttw:w-65.5 ttw:h-1.5 ttw:bg-neutral ttw:rounded-md",
+		children: /* @__PURE__ */ n("div", {
+			className: "ttw:bg-primary ttw:h-full ttw:rounded-md",
+			style: { width: `${o}%` }
+		})
+	});
+};
 //#endregion
-export { t as getInvoiceSettingsFormSchema };
+export { r as UploadBar };

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index597.js

@@ -1,18 +1,73 @@
+import { LoadingSpinner as e } from "./index51.js";
+import "./index52.js";
+import { Typography as t } from "./index62.js";
+import { UploadBar as n } from "./index596.js";
+import { useEffect as r } from "react";
+import { AlertCircle as i, CheckCircle2 as a, CloudUpload as o, X as s } from "lucide-react";
+import { Fragment as c, jsx as l, jsxs as u } from "@emotion/react/jsx-runtime";
+import { useLingui as d } from "@lingui/react";
+import { twMerge as f } from "tailwind-merge";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index597.js
-var e = (e) => !!e && typeof e == "object" && "display_organization_bank_account" in e, t = (t, n) => e(t) ? !!(t.display_organization_bank_account ?? n) : n, n = (t, n) => {
-	let r = e(t?.invoice);
-	return {
-		...t,
-		display_organization_bank_account: n.invoice_bank_display,
-		quote: {
-			...t?.quote,
-			display_signature: n.quote_signature_display
+var p = ({ isUploading: p, isSuccess: m, isError: h, isDraggingOver: g, resetUpload: _, fileName: v, onClick: y }) => {
+	let { i18n: b } = d(), x = p || m || h;
+	function S() {
+		return h ? /* @__PURE__ */ l(i, { className: "ttw:size-5 ttw:text-danger" }) : m ? /* @__PURE__ */ l(a, { className: "ttw:size-5 ttw:text-success" }) : /* @__PURE__ */ l(e, { className: "ttw:w-5 ttw:h-5" });
+	}
+	return r(() => {
+		let e;
+		return m && (e = setTimeout(() => _(), 2e3)), () => clearTimeout(e);
+	}, [m, _]), /* @__PURE__ */ l("div", {
+		className: f("ttw:w-full ttw:h-38 ttw:bg-white ttw:box-border ttw:transition-all ttw:flex ttw:flex-col ttw:items-center ttw:justify-center ttw:text-center ttw:gap-2 ttw:rounded-lg ttw:border ttw:px-4 ttw:py-6", g ? "ttw:border-solid ttw:border-primary" : "ttw:border-dashed ttw:border-border"),
+		onClick: () => {
+			x || y();
 		},
-		...r ? { invoice: {
-			...t?.invoice,
-			display_organization_bank_account: n.invoice_bank_display
-		} } : {}
-	};
+		children: x ? /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ u("div", {
+			className: "ttw:flex ttw:gap-4 ttw:justify-center ttw:w-full",
+			children: [/* @__PURE__ */ u("div", {
+				className: "ttw:flex ttw:gap-2 ttw:w-1/2 ttw:items-center",
+				children: [S(), /* @__PURE__ */ l("span", {
+					className: "ttw:w-full ttw:text-sm ttw:leading-5 ttw:text-medium ttw:text-neutral ttw:truncate",
+					children: v
+				})]
+			}), /* @__PURE__ */ u("div", {
+				className: "ttw:flex ttw:gap-2 ttw:items-center",
+				children: [/* @__PURE__ */ l(n, {
+					shouldStartProgress: p,
+					isError: h,
+					isSuccess: m
+				}), h && /* @__PURE__ */ l("button", {
+					type: "button",
+					disabled: p,
+					onClick: _,
+					className: "ttw:border-none ttw:cursor-pointer",
+					children: /* @__PURE__ */ l(s, { className: "ttw:size-4" })
+				})]
+			})]
+		}), h && /* @__PURE__ */ l(t, {
+			variant: "body2",
+			color: "destructive",
+			className: "ttw:font-medium",
+			children: b._("Wrong file format. Please, upload the file in JPEG, PNG or GIF format.")
+		})] }) : /* @__PURE__ */ u(c, { children: [
+			/* @__PURE__ */ l("div", {
+				className: "ttw:p-3 ttw:bg-primary ttw:rounded-full",
+				children: /* @__PURE__ */ l(o, { className: "ttw:text-white ttw:size-5" })
+			}),
+			/* @__PURE__ */ u(t, {
+				variant: "body2",
+				className: "ttw:font-medium",
+				children: [b._("Drop your files here, or "), /* @__PURE__ */ l("span", {
+					className: "ttw:text-primary ttw:underline ttw:hover:cursor-pointer",
+					children: b._("click to browse")
+				})]
+			}),
+			/* @__PURE__ */ l(t, {
+				variant: "caption",
+				color: "muted",
+				children: b._("PNG, JPG or GIF (max. 10MB)")
+			})
+		] })
+	});
 };
 //#endregion
-export { n as buildDocumentRendering, t as getBankDisplayValue, e as hasBankDisplay };
+export { p as DragAndDropBox };

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index598.js

@@ -1,91 +1,120 @@
 import { Button as e } from "./index56.js";
-import { safeZodResolver as t } from "./index382.js";
-import { useDiscardChangesContext as n } from "./index583.js";
-import { usePatchEntitySettings as r } from "./index588.js";
-import { PDFSettings as i } from "./index594.js";
-import { InvoiceNumbering as a } from "./index595.js";
-import { getInvoiceSettingsFormSchema as o } from "./index596.js";
-import { buildDocumentRendering as s, getBankDisplayValue as c } from "./index597.js";
-import { useEffect as l } from "react";
-import { jsx as u, jsxs as d } from "@emotion/react/jsx-runtime";
-import { useLingui as f } from "@lingui/react";
-import { FormProvider as p, useForm as m } from "react-hook-form";
+import { useMyEntity as t } from "./index133.js";
+import "./index138.js";
+import { LOGO_SUPPORTED_FORMATS as n, useFileInput as r } from "./index181.js";
+import "./index189.js";
+import { Skeleton as i } from "./index54.js";
+import { Typography as a } from "./index62.js";
+import { useUploadEntityLogo as o } from "./index590.js";
+import { useDeleteEntityLogo as s } from "./index591.js";
+import "./index595.js";
+import { DragAndDropBox as c } from "./index597.js";
+import { useState as l } from "react";
+import { SquarePen as u, Trash2 as d } from "lucide-react";
+import { Fragment as f, jsx as p, jsxs as m } from "@emotion/react/jsx-runtime";
+import { toast as h } from "react-hot-toast";
+import { useLingui as g } from "@lingui/react";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index598.js
-var h = ({ entityId: h, entitySettings: g, nextNumbers: _, isDialog: v }) => {
-	let { i18n: y } = f(), { handleShowModal: b } = n(), { mutate: x, isPending: S } = r(h), C = m({
-		resolver: t(o(y, _)),
-		defaultValues: {
-			credit_note: g?.document_ids?.document_type_prefix?.credit_note ?? "CN",
-			credit_note_number: _?.credit_note ?? 1,
-			delivery_note: g?.document_ids?.document_type_prefix?.delivery_note ?? "DN",
-			delivery_note_number: _?.delivery_note ?? 1,
-			invoice: g?.document_ids?.document_type_prefix?.invoice ?? "INV",
-			invoice_number: _?.invoice ?? 1,
-			purchase_order: g?.document_ids?.document_type_prefix?.purchase_order ?? "PO",
-			purchase_order_number: _?.purchase_order ?? 1,
-			quote: g?.document_ids?.document_type_prefix?.quote ?? "Q",
-			quote_number: _?.quote ?? 1,
-			include_date: g?.document_ids?.include_date ?? !1,
-			min_digits: g?.document_ids?.min_digits ?? 5,
-			prefix: g?.document_ids?.prefix ?? "",
-			separator: g?.document_ids?.separator ?? "-",
-			invoice_bank_display: c(g?.document_rendering?.invoice, !!(g?.document_rendering?.display_organization_bank_account ?? !1)),
-			credit_note_bank_display: c(g?.document_rendering?.credit_note, !!(g?.document_rendering?.display_organization_bank_account ?? !1)),
-			quote_bank_display: c(g?.document_rendering?.quote, !!(g?.document_rendering?.display_organization_bank_account ?? !1)),
-			update_paid_invoices: g?.generate_paid_invoice_pdf ?? !1,
-			quote_signature_display: g?.document_rendering?.quote?.display_signature ?? !1,
-			quote_electronic_signature: g?.quote_signature_required ?? !1
-		}
-	}), { control: w, handleSubmit: T, formState: E, reset: D } = C, O = (e) => {
-		let { dirtyFields: t } = E, n = s(g?.document_rendering, e), r = t.invoice_number;
-		x({
-			path: { entity_id: h },
-			body: {
-				...g,
-				document_ids: {
-					document_type_prefix: {
-						invoice: e.invoice,
-						credit_note: e.credit_note,
-						delivery_note: e.delivery_note,
-						purchase_order: e.purchase_order,
-						quote: e.quote
-					},
-					...r && { next_number: { invoice: e.invoice_number } },
-					min_digits: e.min_digits,
-					separator: e.separator,
-					include_date: e.include_date,
-					prefix: e.prefix || null
-				},
-				document_rendering: n,
-				generate_paid_invoice_pdf: e.update_paid_invoices,
-				quote_signature_required: e.quote_electronic_signature === !0 || e.quote_electronic_signature === "true"
+var _ = () => {
+	let { i18n: _ } = g(), { data: v, isLoading: y } = t(), b = v?.id ?? "", { FileInput: x, openFileInput: S, checkFileError: C, resetInput: w } = r({
+		acceptedFormats: n,
+		maxFileSizeInMB: 10
+	}), [T, E] = l(!1), [D, O] = l(""), { mutateAsync: k, isSuccess: A, isError: j, isPending: M, reset: N } = o(), { mutate: P, isPending: F } = s(b);
+	async function I(e) {
+		if (e) {
+			let t = C(e);
+			if (t) {
+				h.error(t);
+				return;
 			}
-		}, { onSuccess: () => {
-			D(C.getValues());
-		} });
-	};
-	return l(() => {
-		b(E?.isDirty);
-	}, [E?.isDirty, b]), /* @__PURE__ */ u(p, {
-		...C,
-		children: /* @__PURE__ */ d("form", {
-			className: "ttw:flex ttw:flex-col ttw:gap-6",
-			onSubmit: T(O),
+			O(e.name), await k({
+				body: { file: e },
+				path: { entity_id: b }
+			}), w(), O("");
+		}
+	}
+	let L = M || j, R = !!v?.logo && !D && !L && !y;
+	return /* @__PURE__ */ m("div", {
+		className: "ttw:flex ttw:flex-col ttw:gap-2.5",
+		children: [/* @__PURE__ */ m("div", {
+			className: "ttw:pt-5 ttw:pb-2.5 ttw:flex ttw:flex-col ttw:gap-1.5",
+			children: [/* @__PURE__ */ p(a, {
+				variant: "h3",
+				children: _._("Branding")
+			}), /* @__PURE__ */ p(a, {
+				variant: "body2",
+				color: "muted",
+				children: _._("Control how your invoices will appear to your customers by adding your company's logo. Changes apply to new invoices only.")
+			})]
+		}), /* @__PURE__ */ m("div", {
+			className: "ttw:flex ttw:flex-col ttw:gap-4",
+			onDragEnter: (e) => {
+				e.preventDefault(), E(!0);
+			},
+			onDragLeave: (e) => {
+				e.preventDefault(), E(!1);
+			},
+			onDragOver: (e) => e.preventDefault(),
+			onDrop: (e) => {
+				e.preventDefault(), E(!1), I(e.dataTransfer?.files ? e.dataTransfer?.files?.[0] : null);
+			},
 			children: [
-				/* @__PURE__ */ u(a, { control: w }),
-				/* @__PURE__ */ u(i, {
-					control: w,
-					isDialog: v
+				/* @__PURE__ */ m("div", {
+					className: "ttw:flex ttw:flex-col ttw:gap-0.5",
+					children: [/* @__PURE__ */ p(a, {
+						variant: "body1",
+						className: "ttw:font-medium",
+						children: _._("Upload your company logo")
+					}), /* @__PURE__ */ p(a, {
+						variant: "body2",
+						className: "ttw:leading-5",
+						color: "muted",
+						children: _._("Proudly display your logo on all your invoices.")
+					})]
+				}),
+				/* @__PURE__ */ m("div", {
+					className: "ttw:flex ttw:flex-col ttw:items-end ttw:gap-2",
+					children: [y ? /* @__PURE__ */ p(i, { className: "ttw:w-full ttw:h-38 ttw:bg-zinc-200" }) : /* @__PURE__ */ p(f, { children: R ? /* @__PURE__ */ p("div", {
+						className: "ttw:flex ttw:w-full ttw:h-38 ttw:box-border",
+						children: /* @__PURE__ */ p("img", {
+							src: v?.logo?.url,
+							className: "ttw:w-auto ttw:max-w-full ttw:object-contain ttw:max-h-38",
+							alt: _._("Organization logo")
+						})
+					}) : /* @__PURE__ */ p(c, {
+						isUploading: M,
+						isSuccess: A,
+						isError: j,
+						isDraggingOver: T,
+						fileName: D,
+						resetUpload: () => {
+							w(), N(), O("");
+						},
+						onClick: S
+					}) }), !T && R && /* @__PURE__ */ m("div", {
+						className: "ttw:flex ttw:gap-4",
+						children: [/* @__PURE__ */ p(e, {
+							variant: "ghost",
+							size: "sm",
+							onClick: S,
+							"aria-label": _._("Edit logo"),
+							children: /* @__PURE__ */ p(u, { className: "ttw:size-4 ttw:w-fit" })
+						}), v?.logo && /* @__PURE__ */ p(e, {
+							variant: "ghost",
+							size: "sm",
+							disabled: F,
+							"aria-label": _._("Delete logo"),
+							onClick: () => P(),
+							children: /* @__PURE__ */ p(d, { className: "ttw:size-4" })
+						})]
+					})]
 				}),
-				/* @__PURE__ */ u(e, {
-					type: "submit",
-					className: "ttw:w-fit",
-					disabled: S || !E?.isDirty,
-					children: y._("Save changes")
-				})
+				/* @__PURE__ */ p(x, { onChange: (e) => {
+					I(e.target.files ? e.target.files[0] : null);
+				} })
 			]
-		})
+		})]
 	});
 };
 //#endregion
-export { h as TemplateSettingsContent };
+export { _ as LogoSection };