@tesouro/embedded-components-react 0.2.288 → 0.2.292

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

@@ -1,33 +1,316 @@
+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 ee } from "./index133.js";
+import "./index138.js";
+import { useCreateCounterpart as a } from "./index71.js";
+import { LanguageCodeEnum as te } from "./index110.js";
+import { useUserPermissions as o } from "./index112.js";
+import { useSelectableBankAccounts as s } from "./index121.js";
+import { useCreateReceivable as c } from "./index157.js";
+import { useUpdateReceivableLineItems as l } from "./index158.js";
+import { useUpdateReceivable as u } from "./index159.js";
+import { useCreateRecurrence as d } from "./index163.js";
+import { useGetInvoiceRequiredFields as f } from "./index166.js";
+import { useLineItemSubmitCleanup as p } from "./index171.js";
+import { rateMajorToMinor as m } from "./index213.js";
+import { buildPaymentTermsPayload as h } from "./index222.js";
+import { useUpdateRecurrence as g } from "./index448.js";
+import { useIssueReceivableById as _ } from "./index449.js";
+import { useGetMeasureUnits as v } from "./index450.js";
+import { useId as ne, useMemo as re, useRef as y, useState as b } from "react";
+import { format as ie } from "date-fns";
+import { toast as x } from "react-hot-toast";
+import { useLingui as ae } from "@lingui/react";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index451.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 S = (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,
+	...h({
+		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: S(t.measureUnits, n.product.measure_unit_id) ?? "" } : void 0,
+			type: "product"
+		},
+		tax_rate_value: n.taxable ? m(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
+}), C = (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 = S(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 ? m(Number(e.tax_rate) || 0) : void 0
+	};
+}) }), w = (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,
+	...h({
+		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: m, methods: h, currency: S, invoice: T, existingRecurrence: E, hasStartedRecurrence: D = !1, onComplete: O, onClose: k, submitModeRef: se }) => {
+	let { i18n: A } = ae(), { api: j, apiUrl: ce, componentSettings: le, queryClient: ue, requestFn: de } = t(), fe = o().has(e.BankAccountWriteOrg), M = !!le?.receivables?.enableEntityBankAccount, { handleSubmit: pe, watch: N, formState: me, setValue: P, clearErrors: he, trigger: ge } = h, { isDirty: _e } = me, { data: ve, isLoading: ye, isFetching: be } = ee(), { data: xe, isLoading: F } = v(), { bankAccounts: Se, isLoading: I } = s(M), Ce = Se.length > 0, [L, we] = b(!1), [Te, R] = b(!1), Ee = y("draft"), z = se ?? Ee, De = `Monite-Form-receivablesDetailsForm-${ne()}`, [B, V] = b(null), { registerLineItemCleanupFn: Oe, runLineItemCleanup: ke } = p(), { mutateAsync: Ae, isPending: je } = c(), { mutateAsync: Me, isPending: Ne } = a({ showSuccessToast: !1 }), H = T?.id ?? B?.id ?? "", { mutateAsync: U, isPending: Pe } = u(H), { mutateAsync: W, isPending: Fe } = l(H), { mutateAsync: Ie, isPending: Le } = d(), { mutateAsync: Re, isPending: ze } = g(), { mutateAsync: Be, isPending: Ve } = _(), G = je || Ne || Pe || Fe || Le || ze || Ve, He = G || F || I, K = y(null), q = () => {
+		requestAnimationFrame(() => {
+			let e = K.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"
+			});
+		});
+	}, Ue = () => {
+		z.current = "issue", ge().then(q);
+	}, J = N("counterpart_id"), Y = N("frequency") !== "once", We = N("counterpart_email"), X = N("default_billing_address_id"), Ge = N("bank_account_id"), { data: Z, isLoading: Ke, isFetching: qe } = n(J), { data: Q, isLoading: Je, isFetching: Ye } = i(J), $ = re(() => Q?.data?.find((e) => e.id === X), [X, Q?.data]), Xe = !!(We?.trim() || r(Z)), Ze = !!J && (Ke || qe), { data: Qe, isLoading: $e, isFetching: et } = f({
+		counterpart_billing_address_id: Z?.id === J && X || void 0,
+		counterpart_country: $?.id === X && $?.country || void 0,
+		counterpart_id: J || void 0,
+		counterpart_type: Z?.id === J && Z?.type || void 0
+	}), tt = Qe?.entity?.tax_id?.required, nt = ye || be || $e || et || !!J && (Ke || qe || Je || Ye), rt = (e) => {
+		P("counterpart_id", e), P("counterpart_name", ""), P("counterpart_email", ""), he(["counterpart_id", "counterpart_email"]);
+	}, it = () => {
+		if (L) {
+			x.error(A._("Please wait for attachments to finish uploading."));
+			return;
+		}
+		_e ? R(!0) : k();
+	}, at = async (e) => {
+		if (e.type !== "invoice") {
+			x.error(A._("`type` except `invoice` is not supported yet"));
+			return;
+		}
+		let t = Y && !D || z.current === "issue";
+		if (t && tt && !ve?.tax_id) {
+			x.error(A._("Set your organization's Tax ID to issue invoice"));
+			return;
+		}
+		let n = !e.counterpart_id && !!e.counterpart_name?.trim(), r = Z && "organization" in Z ? Z?.organization?.email : void 0, i = Z && "individual" in Z ? Z?.individual?.email : void 0, ee = r || i, a = n ? !0 : Z?.reminders_enabled, o = n ? e.counterpart_email : ee, s = !!(e.payment_reminder_id || e.overdue_reminder_id);
+		if (t && s) {
+			if (!a && o) {
+				x.error(A._("Payment reminders are disabled for this customer. Please enable them in the customer details or turn them off."));
+				return;
+			}
+			if (!o && a) {
+				x.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 (!a && !o) {
+				x.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 c = e.counterpart_id ?? "";
+		if (n) try {
+			c = (await Me({
+				type: "organization",
+				is_customer: !0,
+				is_vendor: !1,
+				reminders_enabled: !0,
+				language: te.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 l = e.default_shipping_address_id, u = Q?.data?.find((e) => e.id === l), d = e.line_items.filter((e) => !e.product_id && !!e.product?.name?.trim()), f = xe?.data ?? [], p, h, g = null;
+		try {
+			if (m === "create") B ? (p = B.id, await W(C(e, f)), h = await U(w(e, {
+				resolvedCounterpartId: c,
+				currency: S
+			}))) : (h = await Ae(oe(e, {
+				resolvedCounterpartId: c,
+				billingAddressId: $?.id,
+				shippingAddressId: u?.id,
+				measureUnits: f,
+				currency: S
+			}), { onSuccess: async () => {
+				await j.finops.getReceivables.invalidateQueries(ue);
+			} }), p = h.id, g = h, n && rt(c));
+			else {
+				if (!T) return;
+				await W(C(e, f)), h = await U(w(e, {
+					resolvedCounterpartId: c,
+					currency: S
+				})), p = T.id;
+			}
+		} catch {
+			n && rt(c);
+			return;
+		}
+		let _ = {
+			receivableId: p,
+			counterpartId: c,
+			inlineLineItems: d,
+			receivable: h,
+			hasCustomerEmail: Xe
+		}, v = () => j.finops.getReceivablesId.fetchQuery({
+			parameters: { path: { receivable_id: p } },
+			requestFn: de,
+			baseUrl: ce
+		}, ue);
+		if (Y) {
+			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 ? ie(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 ? ie(new Date(e.recurrence_end_date), "yyyy-MM-dd") : n,
+				subject_text: e.recurrence_subject_text || void 0,
+				body_text: e.recurrence_body_text || void 0
+			};
+			try {
+				if (E) {
+					let e = E.scheduleLocked ? {
+						max_occurrences: r.max_occurrences,
+						end_date: r.end_date,
+						subject_text: r.subject_text,
+						body_text: r.body_text
+					} : r;
+					await Re({
+						path: { recurrence_id: E.id },
+						body: e
+					});
+				} else await Ie({ body: {
+					...r,
+					invoice_id: p,
+					interval: 1,
+					automation_level: "issue"
+				} });
+			} catch {
+				!B && g && V(g);
+				return;
+			}
+			V(null);
+			try {
+				h = await v();
+			} catch {}
+			O({
+				mode: "recurrence",
+				..._,
+				receivable: h
+			});
+			return;
+		}
+		if (z.current === "issue") {
+			try {
+				h = await Be({ path: { receivable_id: p } }), V(null), O({
+					mode: "issue",
+					..._,
+					receivable: h
+				});
+			} catch {
+				x.error(A._("The invoice was saved but could not be issued.")), V(null), O({
+					mode: m === "edit" ? "update" : "draft",
+					..._
+				});
+			}
+			return;
+		}
+		m === "create" ? x.success(A._("Invoice to {counterpartName} was created", { counterpartName: h?.counterpart_name ?? "" })) : x.success(A._("Invoice has been updated")), V(null), O({
+			mode: m === "edit" ? "update" : "draft",
+			..._
+		});
+	};
 	return {
-		dedupedTerms: r,
-		duplicateIdMap: i
+		formName: De,
+		onSubmit: async (e) => {
+			e.preventDefault(), ke();
+			let t = Y && !D || z.current === "issue";
+			if (L) {
+				x.error(A._("Please wait for attachments to finish uploading."));
+				return;
+			}
+			if (F) {
+				x.error(A._("Please wait for invoice details to finish loading."));
+				return;
+			}
+			if (t && nt) {
+				x.error(A._("Please wait for invoice checks to finish."));
+				return;
+			}
+			if (t && M && I) {
+				x.error(A._("Please wait for invoice checks to finish."));
+				return;
+			}
+			if (t && !fe && M && !Ge && !Ce) {
+				x.error(A._("Contact your company admin to set up a bank account before creating an invoice."));
+				return;
+			}
+			await pe(at, q)(e);
+		},
+		formScrollRef: K,
+		registerLineItemCleanupFn: Oe,
+		onAttachmentsUploadingChange: we,
+		isLoading: He,
+		isSaving: G,
+		attachmentsUploading: L,
+		submitModeRef: z,
+		isRecurrenceEnabled: Y,
+		hasCustomerEmail: Xe,
+		isCustomerEmailLoading: Ze,
+		isIssuePreflightLoading: nt,
+		requestClose: it,
+		highlightForIssue: Ue,
+		discardModal: {
+			open: Te,
+			onOpenChange: R,
+			onConfirm: () => {
+				R(!1), k();
+			}
+		}
 	};
-}
+};
 //#endregion
-export { n as dedupePaymentTermsByContent };
+export { T as useReceivableSubmit };

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index452.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/index452.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 };