@tesouro/embedded-components-react 0.2.324 → 0.2.326

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

@@ -1,33 +1,321 @@
+import { Scope as e } from "../../shared/data-access/dist/lib/scopes.js";
+import "../../shared/data-access/dist/index.js";
+import { useMoniteContext as t } from "./index47.js";
+import { useCounterpartById as n } from "./index48.js";
+import { getCounterpartEmail as r } from "./index53.js";
+import { useCounterpartAddresses as i } from "./index126.js";
+import { useMyEntity as a } from "./index133.js";
+import "./index138.js";
+import { useCreateCounterpart as o } from "./index71.js";
+import { LanguageCodeEnum as ee } from "./index110.js";
+import { useUserPermissions as s } from "./index112.js";
+import { useSelectableBankAccounts as c } from "./index121.js";
+import { useCreateReceivable as l } from "./index157.js";
+import { useUpdateReceivableLineItems as u } from "./index158.js";
+import { useUpdateReceivable as d } from "./index159.js";
+import { useCreateRecurrence as f } from "./index163.js";
+import { useGetInvoiceRequiredFields as p } from "./index166.js";
+import { useLineItemSubmitCleanup as m } from "./index171.js";
+import { rateMajorToMinor as h } from "./index213.js";
+import { buildRecurrenceCreationModePayload as te } from "./index218.js";
+import { willRecurrenceIssue as g } from "./index220.js";
+import { buildPaymentTermsPayload as _ } from "./index226.js";
+import { useUpdateRecurrence as v } from "./index451.js";
+import { useIssueReceivableById as y } from "./index452.js";
+import { useGetMeasureUnits as ne } from "./index453.js";
+import { useId as re, useMemo as ie, useRef as b, useState as x } from "react";
+import { format as S } from "date-fns";
+import { toast as C } from "react-hot-toast";
+import { useLingui as ae } from "@lingui/react";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index454.js
-function e(e) {
-	return e ? {
-		number_of_days: e.number_of_days ?? null,
-		discount: e.discount ?? null
-	} : null;
-}
-function t(t) {
-	return JSON.stringify({
-		name: t.name,
-		description: t.description ?? null,
-		term_final: { number_of_days: t.term_final?.number_of_days ?? null },
-		term_1: e(t.term_1),
-		term_2: e(t.term_2)
-	});
-}
-function n(e) {
-	let n = /* @__PURE__ */ new Map(), r = [], i = /* @__PURE__ */ new Map();
-	for (let a of e) {
-		let e = t(a), o = n.get(e);
-		if (!o) {
-			n.set(e, a.id), r.push(a);
-			continue;
-		}
-		i.set(a.id, o);
-	}
+var w = (e, t) => t ? e.find((e) => e.id === t)?.name || "" : void 0, oe = (e, t) => ({
+	type: e.type,
+	counterpart_id: t.resolvedCounterpartId,
+	counterpart_billing_address_id: t.billingAddressId,
+	counterpart_shipping_address_id: t.shippingAddressId,
+	bank_account_id: e.bank_account_id || void 0,
+	bank_account_type: e.bank_account_id ? e.bank_account_type : void 0,
+	..._({
+		paymentTermId: e.payment_terms_id,
+		customDueDate: e.payment_terms_custom_date
+	}),
+	line_items: e.line_items.filter((e) => !!e.product?.name?.trim()).map((n) => ({
+		quantity: n.quantity,
+		tax_status: n.taxable ? "taxable" : "non_taxable",
+		product: {
+			name: n.product.name,
+			price: {
+				currency: n.product.price.currency,
+				value: n.product.price.value
+			},
+			measure_unit: n.product.measure_unit_id ? { name: w(t.measureUnits, n.product.measure_unit_id) ?? "" } : void 0,
+			type: "product"
+		},
+		tax_rate_value: n.taxable ? h(Number(e.tax_rate) || 0) : void 0
+	})),
+	memo: e.memo,
+	footer: e.footer,
+	purchase_order: e.purchase_order || void 0,
+	currency: t.currency,
+	payment_reminder_id: e.payment_reminder_id || void 0,
+	overdue_reminder_id: e.overdue_reminder_id || void 0,
+	tag_ids: [],
+	tax_mode: e.tax_mode || "exclusive",
+	attachments: e.attachments.length ? e.attachments.map(({ id: e, include_in_email: t }) => ({
+		id: e,
+		include_in_email: t
+	})) : void 0
+}), se = (e, t) => ({ data: e.line_items.filter((e) => !!e.product?.name?.trim()).map((n) => {
+	let r = n, i;
+	return r.product.measure_unit_id ? i = w(t, r.product.measure_unit_id) : (r.product.measure_unit_name || r.measure_unit?.name) && (i = r.product.measure_unit_name || r.measure_unit?.name), {
+		quantity: n.quantity,
+		tax_status: n.taxable ? "taxable" : "non_taxable",
+		product: {
+			name: n.product.name,
+			type: n.product.type,
+			measure_unit: i ? { name: i } : void 0,
+			price: n.product.price ? {
+				currency: n.product.price.currency ?? "USD",
+				value: Math.round(n.product.price.value ?? 0)
+			} : void 0
+		},
+		tax_rate_value: n.taxable ? h(Number(e.tax_rate) || 0) : void 0
+	};
+}) }), ce = (e, t) => ({ invoice: {
+	counterpart_id: t.resolvedCounterpartId,
+	currency: t.currency,
+	memo: e.memo,
+	footer: e.footer,
+	counterpart_shipping_address_id: e?.default_shipping_address_id || null,
+	counterpart_billing_address_id: e?.default_billing_address_id || null,
+	bank_account_id: e.bank_account_id || void 0,
+	bank_account_type: e.bank_account_id ? e.bank_account_type : void 0,
+	..._({
+		paymentTermId: e.payment_terms_id,
+		customDueDate: e.payment_terms_custom_date
+	}),
+	payment_reminder_id: e.payment_reminder_id || null,
+	overdue_reminder_id: e.overdue_reminder_id || null,
+	attachments: e.attachments.length ? e.attachments.map(({ id: e, include_in_email: t }) => ({
+		id: e,
+		include_in_email: t
+	})) : null
+} }), T = ({ mode: h, methods: _, currency: w, invoice: T, existingRecurrence: E, hasStartedRecurrence: D = !1, onComplete: O, onClose: k, submitModeRef: le }) => {
+	let { i18n: A } = ae(), { api: j, apiUrl: ue, componentSettings: de, queryClient: M, requestFn: fe } = t(), pe = s().has(e.BankAccountWriteOrg), N = !!de?.receivables?.enableEntityBankAccount, { handleSubmit: me, watch: P, formState: he, setValue: F, clearErrors: ge, trigger: _e } = _, { isDirty: ve } = he, { data: ye, isLoading: be, isFetching: xe } = a(), { data: Se, isLoading: I } = ne(), { bankAccounts: Ce, isLoading: L } = c(N), we = Ce.length > 0, [R, Te] = x(!1), [Ee, z] = x(!1), De = b("draft"), B = le ?? De, Oe = `Monite-Form-receivablesDetailsForm-${re()}`, [V, H] = x(null), { registerLineItemCleanupFn: ke, runLineItemCleanup: Ae } = m(), { mutateAsync: je, isPending: Me } = l(), { mutateAsync: Ne, isPending: Pe } = o({ showSuccessToast: !1 }), U = T?.id ?? V?.id ?? "", { mutateAsync: W, isPending: Fe } = d(U), { mutateAsync: G, isPending: Ie } = u(U), { mutateAsync: Le, isPending: Re } = f(), { mutateAsync: ze, isPending: Be } = v(), { mutateAsync: Ve, isPending: He } = y(), K = Me || Pe || Fe || Ie || Re || Be || He, Ue = K || I || L, q = b(null), We = () => {
+		requestAnimationFrame(() => {
+			let e = q.current, t = e?.querySelector("[aria-invalid=\"true\"]");
+			if (!e || !t) return;
+			let n = t.getBoundingClientRect().top - e.getBoundingClientRect().top + e.scrollTop - e.clientHeight / 2 + t.offsetHeight / 2;
+			e.scrollTo({
+				top: Math.max(0, n),
+				behavior: "smooth"
+			});
+		});
+	}, Ge = () => {
+		B.current = "issue", _e().then(We);
+	}, J = P("counterpart_id"), Ke = P("frequency") !== "once", qe = g({
+		frequency: P("frequency"),
+		recurrence_automation_level: P("recurrence_automation_level")
+	}), Je = P("counterpart_email"), Y = P("default_billing_address_id"), Ye = P("bank_account_id"), { data: X, isLoading: Xe, isFetching: Z } = n(J), { data: Q, isLoading: Ze, isFetching: Qe } = i(J), $ = ie(() => Q?.data?.find((e) => e.id === Y), [Y, Q?.data]), $e = !!(Je?.trim() || r(X)), et = !!J && (Xe || Z), { data: tt, isLoading: nt, isFetching: rt } = p({
+		counterpart_billing_address_id: X?.id === J && Y || void 0,
+		counterpart_country: $?.id === Y && $?.country || void 0,
+		counterpart_id: J || void 0,
+		counterpart_type: X?.id === J && X?.type || void 0
+	}), it = tt?.entity?.tax_id?.required, at = be || xe || nt || rt || !!J && (Xe || Z || Ze || Qe), ot = (e) => {
+		F("counterpart_id", e), F("counterpart_name", ""), F("counterpart_email", ""), ge(["counterpart_id", "counterpart_email"]);
+	}, st = () => {
+		if (R) {
+			C.error(A._("Please wait for attachments to finish uploading."));
+			return;
+		}
+		ve ? z(!0) : k();
+	}, ct = async (e) => {
+		if (e.type !== "invoice") {
+			C.error(A._("`type` except `invoice` is not supported yet"));
+			return;
+		}
+		let t = qe && !D || B.current === "issue";
+		if (t && it && !ye?.tax_id) {
+			C.error(A._("Set your organization's Tax ID to issue invoice"));
+			return;
+		}
+		let n = !e.counterpart_id && !!e.counterpart_name?.trim(), r = X && "organization" in X ? X?.organization?.email : void 0, i = X && "individual" in X ? X?.individual?.email : void 0, a = r || i, o = n ? !0 : X?.reminders_enabled, s = n ? e.counterpart_email : a, c = !!(e.payment_reminder_id || e.overdue_reminder_id);
+		if (t && c) {
+			if (!o && s) {
+				C.error(A._("Payment reminders are disabled for this customer. Please enable them in the customer details or turn them off."));
+				return;
+			}
+			if (!s && o) {
+				C.error(A._("No email address is added for the selected customer. Please add it to the customer details or turn off the reminders."));
+				return;
+			}
+			if (!o && !s) {
+				C.error(A._("Reminders are disabled for this customer, and no email address has been added for it. Please update the details or turn off reminders."));
+				return;
+			}
+		}
+		let l = e.counterpart_id ?? "";
+		if (n) try {
+			l = (await Ne({
+				type: "organization",
+				is_customer: !0,
+				is_vendor: !1,
+				reminders_enabled: !0,
+				language: ee.find((e) => e === A.locale.split("-")[0]) ?? "en",
+				organization: {
+					legal_name: e?.counterpart_name?.trim() ?? "",
+					...e.counterpart_email ? { email: e.counterpart_email } : {}
+				}
+			})).id;
+		} catch {
+			return;
+		}
+		let u = e.default_shipping_address_id, d = Q?.data?.find((e) => e.id === u), f = e.line_items.filter((e) => !e.product_id && !!e.product?.name?.trim()), p = Se?.data ?? [], m, g, _ = null;
+		try {
+			if (h === "create") V ? (m = V.id, await G(se(e, p)), g = await W(ce(e, {
+				resolvedCounterpartId: l,
+				currency: w
+			}))) : (g = await je(oe(e, {
+				resolvedCounterpartId: l,
+				billingAddressId: $?.id,
+				shippingAddressId: d?.id,
+				measureUnits: p,
+				currency: w
+			}), { onSuccess: async () => {
+				await j.finops.getReceivables.invalidateQueries(M);
+			} }), m = g.id, _ = g, n && ot(l));
+			else {
+				if (!T) return;
+				await G(se(e, p)), g = await W(ce(e, {
+					resolvedCounterpartId: l,
+					currency: w
+				})), m = T.id;
+			}
+		} catch {
+			n && ot(l);
+			return;
+		}
+		let v = {
+			receivableId: m,
+			counterpartId: l,
+			inlineLineItems: f,
+			receivable: g,
+			hasCustomerEmail: $e
+		}, y = () => j.finops.getReceivablesId.fetchQuery({
+			parameters: { path: { receivable_id: m } },
+			requestFn: fe,
+			baseUrl: ue
+		}, M);
+		if (Ke) {
+			let t = e.frequency === "day" && e.recurrence_end_mode === "on" && !!e.recurrence_end_date, n = E ? null : void 0, r = {
+				frequency: e.frequency,
+				start_date: e.recurrence_start_date ? S(new Date(e.recurrence_start_date), "yyyy-MM-dd") : void 0,
+				max_occurrences: t ? n : e.recurrence_max_occurrences || void 0,
+				end_date: t && e.recurrence_end_date ? S(new Date(e.recurrence_end_date), "yyyy-MM-dd") : n
+			}, i = te(e);
+			try {
+				if (E) {
+					let e = E.scheduleLocked ? {
+						max_occurrences: r.max_occurrences,
+						end_date: r.end_date,
+						...i
+					} : {
+						...r,
+						...i
+					};
+					await ze({
+						path: { recurrence_id: E.id },
+						body: e
+					});
+				} else await Le({ body: {
+					...r,
+					...i,
+					invoice_id: m,
+					interval: 1
+				} });
+			} catch {
+				!V && _ && H(_);
+				return;
+			}
+			H(null);
+			try {
+				g = await y();
+			} catch {}
+			O({
+				mode: "recurrence",
+				...v,
+				receivable: g
+			});
+			return;
+		}
+		if (B.current === "issue") {
+			try {
+				g = await Ve({ path: { receivable_id: m } }), H(null), O({
+					mode: "issue",
+					...v,
+					receivable: g
+				});
+			} catch {
+				C.error(A._("The invoice was saved but could not be issued.")), H(null), O({
+					mode: h === "edit" ? "update" : "draft",
+					...v
+				});
+			}
+			return;
+		}
+		h === "create" ? C.success(A._("Invoice to {counterpartName} was created", { counterpartName: g?.counterpart_name ?? "" })) : C.success(A._("Invoice has been updated")), H(null), O({
+			mode: h === "edit" ? "update" : "draft",
+			...v
+		});
+	};
 	return {
-		dedupedTerms: r,
-		duplicateIdMap: i
+		formName: Oe,
+		onSubmit: async (e) => {
+			e.preventDefault(), Ae();
+			let t = qe && !D || B.current === "issue";
+			if (R) {
+				C.error(A._("Please wait for attachments to finish uploading."));
+				return;
+			}
+			if (I) {
+				C.error(A._("Please wait for invoice details to finish loading."));
+				return;
+			}
+			if (t && at) {
+				C.error(A._("Please wait for invoice checks to finish."));
+				return;
+			}
+			if (t && N && L) {
+				C.error(A._("Please wait for invoice checks to finish."));
+				return;
+			}
+			if (t && !pe && N && !Ye && !we) {
+				C.error(A._("Contact your company admin to set up a bank account before creating an invoice."));
+				return;
+			}
+			await me(ct, We)(e);
+		},
+		formScrollRef: q,
+		registerLineItemCleanupFn: ke,
+		onAttachmentsUploadingChange: Te,
+		isLoading: Ue,
+		isSaving: K,
+		attachmentsUploading: R,
+		submitModeRef: B,
+		isRecurrenceEnabled: Ke,
+		hasCustomerEmail: $e,
+		isCustomerEmailLoading: et,
+		isIssuePreflightLoading: at,
+		requestClose: st,
+		highlightForIssue: Ge,
+		discardModal: {
+			open: Ee,
+			onOpenChange: z,
+			onConfirm: () => {
+				z(!1), k();
+			}
+		}
 	};
-}
+};
 //#endregion
-export { n as dedupePaymentTermsByContent };
+export { T as useReceivableSubmit };

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

@@ -1,88 +1,93 @@
-import { cn as e } from "./index49.js";
-import { Button as t, buttonVariants as n } from "./index56.js";
-import * as r from "react";
-import { ChevronDownIcon as i, ChevronLeftIcon as a, ChevronRightIcon as o } from "lucide-react";
-import { jsx as s } from "@emotion/react/jsx-runtime";
-import { DayPicker as c, getDefaultClassNames as l } from "react-day-picker";
+import { getCounterpartEmail as e, getCounterpartName as t } from "./index53.js";
+import { InputGroupAddon as n } from "./index103.js";
+import { Combobox as r, ComboboxContent as i, ComboboxEmpty as a, ComboboxInput as o, ComboboxItem as s, ComboboxList as c } from "./index104.js";
+import { useCounterpartList as l } from "./index125.js";
+import "./index138.js";
+import { useRootElements as u } from "./index178.js";
+import "./index179.js";
+import { Field as d, FieldContent as f, FieldDescription as p, FieldError as m, FieldLabel as h } from "./index88.js";
+import { useMemo as g, useState as _ } from "react";
+import { Loader2 as v, Search as y } from "lucide-react";
+import { jsx as b, jsxs as x } from "@emotion/react/jsx-runtime";
+import { useLingui as S } from "@lingui/react";
+import { Controller as C, useFormContext as w } from "react-hook-form";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index455.js
-function u({ className: t, classNames: r, showOutsideDays: u = !0, captionLayout: f = "label", buttonVariant: p = "ghost", formatters: m, components: h, ...g }) {
-	let _ = l();
-	return /* @__PURE__ */ s(c, {
-		showOutsideDays: u,
-		className: e("ttw:bg-background ttw:group/calendar ttw:p-3 ttw:[--cell-size:--spacing(8)] ttw:[[data-slot=card-content]_&]:bg-transparent ttw:[[data-slot=popover-content]_&]:bg-transparent", String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`, String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`, t),
-		captionLayout: f,
-		formatters: {
-			formatMonthDropdown: (e) => e.toLocaleString("default", { month: "short" }),
-			...m
-		},
-		classNames: {
-			root: e("ttw:w-fit", _.root),
-			months: e("ttw:flex ttw:gap-4 ttw:flex-col ttw:md:flex-row ttw:relative", _.months),
-			month: e("ttw:flex ttw:flex-col ttw:w-full ttw:gap-4", _.month),
-			nav: e("ttw:flex ttw:items-center ttw:gap-1 ttw:w-full ttw:absolute ttw:top-0 ttw:inset-x-0 ttw:justify-between", _.nav),
-			button_previous: e(n({ variant: p }), "ttw:size-(--cell-size) ttw:aria-disabled:opacity-50 ttw:p-0 ttw:select-none", _.button_previous),
-			button_next: e(n({ variant: p }), "ttw:size-(--cell-size) ttw:aria-disabled:opacity-50 ttw:p-0 ttw:select-none", _.button_next),
-			month_caption: e("ttw:flex ttw:items-center ttw:justify-center ttw:h-(--cell-size) ttw:w-full ttw:px-(--cell-size)", _.month_caption),
-			dropdowns: e("ttw:w-full ttw:flex ttw:items-center ttw:text-sm ttw:font-medium ttw:justify-center ttw:h-(--cell-size) ttw:gap-1.5", _.dropdowns),
-			dropdown_root: e("ttw:relative ttw:has-focus:border-ring ttw:border ttw:border-input ttw:shadow-xs ttw:has-focus:ring-ring/50 ttw:has-focus:ring-[3px] ttw:rounded-md", _.dropdown_root),
-			dropdown: e("ttw:absolute ttw:bg-popover ttw:inset-0 ttw:opacity-0", _.dropdown),
-			caption_label: e("ttw:select-none ttw:font-medium", f === "label" ? "ttw:text-sm" : "ttw:rounded-md ttw:pl-2 ttw:pr-1 ttw:flex ttw:items-center ttw:gap-1 ttw:text-sm ttw:h-8 ttw:[&>svg]:text-muted-foreground ttw:[&>svg]:size-3.5", _.caption_label),
-			table: "ttw:w-full ttw:border-collapse",
-			weekdays: e("ttw:flex", _.weekdays),
-			weekday: e("ttw:text-muted-foreground ttw:rounded-md ttw:flex-1 ttw:font-normal ttw:text-[0.8rem] ttw:select-none", _.weekday),
-			week: e("ttw:flex ttw:w-full ttw:mt-2", _.week),
-			week_number_header: e("ttw:select-none ttw:w-(--cell-size)", _.week_number_header),
-			week_number: e("ttw:text-[0.8rem] ttw:select-none ttw:text-muted-foreground", _.week_number),
-			day: e("ttw:relative ttw:w-full ttw:h-full ttw:p-0 ttw:text-center ttw:[&:first-child[data-selected=true]_button]:rounded-l-md ttw:[&:last-child[data-selected=true]_button]:rounded-r-md ttw:group/day ttw:aspect-square ttw:select-none", _.day),
-			range_start: e("ttw:rounded-l-md ttw:bg-accent", _.range_start),
-			range_middle: e("ttw:rounded-none", _.range_middle),
-			range_end: e("ttw:rounded-r-md ttw:bg-accent", _.range_end),
-			today: e("ttw:bg-accent ttw:text-accent-foreground ttw:rounded-md ttw:data-[selected=true]:rounded-none", _.today),
-			outside: e("ttw:text-muted-foreground ttw:aria-selected:text-muted-foreground", _.outside),
-			disabled: e("ttw:text-muted-foreground ttw:opacity-50", _.disabled),
-			hidden: e("ttw:invisible", _.hidden),
-			...r
-		},
-		components: {
-			Root: ({ className: t, rootRef: n, ...r }) => /* @__PURE__ */ s("div", {
-				"data-slot": "calendar",
-				ref: n,
-				className: e(t),
-				...r
-			}),
-			Chevron: ({ className: t, orientation: n, ...r }) => s(n === "left" ? a : n === "right" ? o : i, {
-				className: e("ttw:size-4", t),
-				...r
-			}),
-			DayButton: d,
-			WeekNumber: ({ children: e, ...t }) => /* @__PURE__ */ s("td", {
-				...t,
-				children: /* @__PURE__ */ s("div", {
-					className: "ttw:flex ttw:size-(--cell-size) ttw:items-center ttw:justify-center ttw:text-center",
-					children: e
-				})
-			}),
-			...h
-		},
-		...g
+var T = ({ disabled: T, canCreateCounterpart: E = !0 }) => {
+	let { i18n: D } = S(), { root: O } = u(), { control: k, setValue: A, watch: j, clearErrors: M } = w(), { data: N, isLoading: P } = l({ query: { is_customer: !0 } }), [F, I] = _(!1), L = j("counterpart_name") ?? "", R = g(() => N ? N.data.map((n) => ({
+		id: n.id,
+		name: t(n),
+		email: e(n)
+	})) : [], [N]), z = g(() => {
+		let e = L.toLowerCase().trim();
+		return e ? R.filter((t) => t.name.toLowerCase().includes(e) || t.email.toLowerCase().includes(e)) : R;
+	}, [R, L]), B = g(() => z.map((e) => e.id), [z]);
+	return /* @__PURE__ */ b(C, {
+		name: "counterpart_id",
+		control: k,
+		render: ({ field: e, fieldState: { error: t } }) => {
+			let l = (t) => {
+				A("counterpart_name", ""), A("counterpart_email", ""), M(["counterpart_id", "counterpart_email"]), e.onChange(t ?? "");
+			};
+			return /* @__PURE__ */ b(d, { children: /* @__PURE__ */ x(f, { children: [
+				/* @__PURE__ */ b(h, {
+					htmlFor: "counterpart_id",
+					children: D._("Name")
+				}),
+				/* @__PURE__ */ x(r, {
+					value: e.value || null,
+					onValueChange: l,
+					inputValue: L,
+					onInputValueChange: (t, n) => {
+						if (n.reason !== "input-change") {
+							E || A("counterpart_name", "");
+							return;
+						}
+						A("counterpart_name", t), e.value && e.onChange(""), E && t.trim() && M("counterpart_id");
+					},
+					items: B,
+					filter: () => !0,
+					disabled: T,
+					open: F,
+					onOpenChange: I,
+					children: [/* @__PURE__ */ b(o, {
+						id: "counterpart_id",
+						placeholder: E ? D._("Search or type to add a customer") : D._("Search for a customer"),
+						"aria-invalid": !!t,
+						onKeyDown: (e) => {
+							if (e.key === "Enter") {
+								e.preventDefault();
+								return;
+							}
+							if (e.key === "Tab" && F) {
+								let e = L.toLowerCase().trim();
+								if (!e) return;
+								let t = z.find((t) => t.name.toLowerCase() === e) ?? (z.length === 1 ? z[0] : void 0);
+								t && (l(t.id), I(!1));
+							}
+						},
+						children: /* @__PURE__ */ b(n, {
+							align: "inline-start",
+							children: P ? /* @__PURE__ */ b(v, { className: "ttw:size-4 ttw:animate-spin ttw:text-muted-foreground" }) : /* @__PURE__ */ b(y, { className: "ttw:size-4 ttw:text-muted-foreground" })
+						})
+					}), /* @__PURE__ */ b(i, {
+						container: O,
+						children: /* @__PURE__ */ x(c, { children: [/* @__PURE__ */ b(a, { children: E ? D._("No customers found - type to add a customer") : D._("No customers found") }), z.map((e) => /* @__PURE__ */ b(s, {
+							value: e.id,
+							children: /* @__PURE__ */ x("div", {
+								className: "ttw:flex ttw:w-full ttw:items-center ttw:justify-between ttw:gap-2",
+								children: [/* @__PURE__ */ b("span", { children: e.name }), /* @__PURE__ */ b("span", {
+									className: "ttw:text-muted-foreground",
+									children: e.email
+								})]
+							})
+						}, e.id))] })
+					})]
+				}),
+				/* @__PURE__ */ b(p, { children: E ? D._("Search by customer name or email. New customers will be saved when saving the invoice.") : D._("Search by customer name or email.") }),
+				/* @__PURE__ */ b(m, { errors: t ? [t] : [] })
+			] }) });
+		}
 	});
-}
-function d({ className: n, day: i, modifiers: a, ...o }) {
-	let c = l(), u = r.useRef(null);
-	return r.useEffect(() => {
-		a.focused && u.current?.focus();
-	}, [a.focused]), /* @__PURE__ */ s(t, {
-		ref: u,
-		variant: "ghost",
-		size: "icon",
-		"data-day": i.date.toLocaleDateString(),
-		"data-selected-single": a.selected && !a.range_start && !a.range_end && !a.range_middle,
-		"data-range-start": a.range_start,
-		"data-range-end": a.range_end,
-		"data-range-middle": a.range_middle,
-		className: e("ttw:data-[selected-single=true]:bg-primary ttw:data-[selected-single=true]:text-primary-foreground ttw:data-[range-middle=true]:bg-accent ttw:data-[range-middle=true]:text-accent-foreground ttw:data-[range-start=true]:bg-primary ttw:data-[range-start=true]:text-primary-foreground ttw:data-[range-end=true]:bg-primary ttw:data-[range-end=true]:text-primary-foreground ttw:group-data-[focused=true]/day:border-ring ttw:group-data-[focused=true]/day:ring-ring/50 ttw:dark:hover:text-accent-foreground ttw:flex ttw:aspect-square ttw:size-auto ttw:w-full ttw:min-w-(--cell-size) ttw:flex-col ttw:gap-1 ttw:leading-none ttw:font-normal ttw:group-data-[focused=true]/day:relative ttw:group-data-[focused=true]/day:z-1300 ttw:group-data-[focused=true]/day:ring-[3px] ttw:data-[range-end=true]:rounded-md ttw:data-[range-end=true]:rounded-r-md ttw:data-[range-middle=true]:rounded-none ttw:data-[range-start=true]:rounded-md ttw:data-[range-start=true]:rounded-l-md ttw:[&>span]:text-xs ttw:[&>span]:opacity-70", c.day, n),
-		...o
-	});
-}
+};
 //#endregion
-export { u as Calendar, d as CalendarDayButton };
+export { T as CounterpartSelector };