@tesouro/embedded-components-react 0.3.0 → 0.3.2

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

@@ -1,136 +1,323 @@
-import { calculateDueDate as e } from "./index53.js";
-import { cn as t } from "./index49.js";
-import { Skeleton as n } from "./index54.js";
-import { Field as r, FieldContent as i, FieldDescription as a, FieldError as o, FieldLabel as s } from "./index88.js";
-import { Select as c, SelectContent as l, SelectItem as u, SelectSeparator as d, SelectTrigger as f, SelectValue as p } from "./index101.js";
-import "./index217.js";
-import { RECEIPT_DUE_PAYMENT_TERM as m } from "./index226.js";
-import { Popover as h, PopoverAnchor as g, PopoverContent as _ } from "./index435.js";
-import { dedupePaymentTermsByContent as v } from "./index457.js";
-import { Calendar as y } from "./index458.js";
-import { useMemo as b, useState as x } from "react";
-import { Calendar as S } from "lucide-react";
-import { addYears as C, format as w, max as T, min as E } from "date-fns";
-import { Fragment as D, jsx as O, jsxs as k } from "@emotion/react/jsx-runtime";
-import { useLingui as A } from "@lingui/react";
-import { Controller as j, useFormContext as M } from "react-hook-form";
+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 "./index130.js";
+import { useMyEntity as a } from "./index137.js";
+import "./index142.js";
+import { useCreateCounterpart as o } from "./index71.js";
+import { LanguageCodeEnum as ee } from "./index114.js";
+import { useUserPermissions as s } from "./index116.js";
+import { useSelectableBankAccounts as c } from "./index125.js";
+import { useCreateReceivable as l } from "./index161.js";
+import { useUpdateReceivableLineItems as u } from "./index162.js";
+import { useUpdateReceivable as d } from "./index163.js";
+import { useCreateRecurrence as f } from "./index167.js";
+import { useGetInvoiceRequiredFields as p } from "./index170.js";
+import { useLineItemSubmitCleanup as m } from "./index175.js";
+import { rateMajorToMinor as h } from "./index180.js";
+import { buildRecurrenceCreationModePayload as te } from "./index188.js";
+import { willRecurrenceIssue as g } from "./index190.js";
+import { buildPaymentTermsPayload as _ } from "./index196.js";
+import { useUpdateRecurrence as v } from "./index456.js";
+import { useIssueReceivableById as y } from "./index457.js";
+import { useGetMeasureUnits as ne } from "./index458.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/index459.js
-var N = "MMM d, yyyy", P = ({ disabled: P, paymentTerms: F, isLoading: I }) => {
-	let { i18n: L } = A(), { control: R, watch: z, setValue: B } = M(), [V, H] = x(!1), U = z("payment_terms_id"), W = z("frequency") !== "once", G = z("payment_terms_custom_date") ?? void 0, K = (e) => B("payment_terms_custom_date", e ?? null), { dedupedTerms: q } = b(() => v(F?.data ?? []), [F]), J = q.find((e) => e?.id === U), Y = J && e(J), X = b(() => {
-		let e = /* @__PURE__ */ new Date(), t = C(e, 5);
-		return {
-			start: G ? E([e, G]) : e,
-			end: G ? T([t, G]) : t
-		};
-	}, [G]), Z = () => {
-		window.setTimeout(() => H(!0), 0);
-	}, Q = (e, t) => /* @__PURE__ */ k("span", {
-		className: "ttw:flex ttw:w-full ttw:min-w-0 ttw:items-center ttw:justify-between ttw:gap-2",
-		children: [/* @__PURE__ */ O("span", {
-			className: "ttw:truncate",
-			children: e
-		}), t && /* @__PURE__ */ O("span", {
-			className: "ttw:text-muted-foreground ttw:shrink-0 ttw:text-xs",
-			children: w(t, N)
-		})]
-	});
-	return /* @__PURE__ */ O(D, { children: I ? /* @__PURE__ */ O(n, { className: "ttw:w-full ttw:h-9" }) : /* @__PURE__ */ O(D, { children: /* @__PURE__ */ O(j, {
-		name: "payment_terms_id",
-		control: R,
-		render: ({ field: n, fieldState: { error: v } }) => /* @__PURE__ */ O(r, { children: /* @__PURE__ */ k(i, { children: [
-			/* @__PURE__ */ O(s, {
-				htmlFor: "payment_terms_id",
-				children: L._("Payment terms")
-			}),
-			/* @__PURE__ */ k(h, {
-				open: V,
-				onOpenChange: (e) => {
-					H(e), !e && U === "custom" && !G && n.onChange(void 0);
-				},
-				children: [/* @__PURE__ */ k(c, {
-					...n,
-					disabled: P,
-					value: n.value,
-					onValueChange: (e) => {
-						if (e === "custom") {
-							U !== "custom" && K(void 0), n.onChange(e), Z();
-							return;
-						}
-						n.onChange(e), e === "receipt_due" && B("payment_reminder_id", "", { shouldDirty: !0 }), K(void 0), H(!1);
-					},
-					children: [/* @__PURE__ */ O(g, {
-						className: "ttw:w-full",
-						children: /* @__PURE__ */ O(f, {
-							id: "payment_terms_id",
-							className: "ttw:w-full",
-							"aria-invalid": !!v,
-							children: /* @__PURE__ */ k(p, {
-								placeholder: L._("Select payment terms"),
-								children: [
-									U === "receipt_due" && /* @__PURE__ */ O("span", {
-										className: "ttw:truncate",
-										children: L._("Due on receipt")
-									}),
-									U === "custom" && /* @__PURE__ */ k("span", {
-										className: "ttw:flex ttw:w-full ttw:min-w-0 ttw:items-center ttw:justify-between ttw:gap-2",
-										children: [/* @__PURE__ */ k("span", {
-											className: "ttw:flex ttw:min-w-0 ttw:items-center ttw:gap-1.5",
-											children: [/* @__PURE__ */ O(S, { className: t("ttw:size-4 ttw:shrink-0", !G && "ttw:text-muted-foreground") }), /* @__PURE__ */ O("span", {
-												className: t("ttw:truncate", !G && "ttw:text-muted-foreground"),
-												children: G ? w(G, N) : L._("Mon DD, YYYY")
-											})]
-										}), /* @__PURE__ */ O("span", {
-											className: "ttw:text-muted-foreground ttw:shrink-0 ttw:text-xs",
-											children: L._("Custom date")
-										})]
-									}),
-									J && Q(J.name, Y)
-								]
-							})
-						})
-					}), /* @__PURE__ */ k(l, { children: [
-						/* @__PURE__ */ O(u, {
-							value: m,
-							children: L._("Due on receipt")
-						}),
-						!W && /* @__PURE__ */ O(u, {
-							value: "custom",
-							onPointerUp: Z,
-							onClick: Z,
-							onKeyDown: (e) => {
-								(e.key === "Enter" || e.key === " ") && Z();
-							},
-							children: L._("Custom date")
-						}),
-						/* @__PURE__ */ O(d, {}),
-						q.map((t) => /* @__PURE__ */ O(u, {
-							value: t.id,
-							children: Q(t.name, e(t))
-						}, t.id))
-					] })]
-				}), /* @__PURE__ */ O(_, {
-					className: "ttw:w-auto ttw:overflow-hidden ttw:p-0",
-					align: "start",
-					onFocusOutside: (e) => {
-						e.preventDefault();
-					},
-					children: /* @__PURE__ */ O(y, {
-						mode: "single",
-						captionLayout: "dropdown",
-						selected: G,
-						disabled: { before: /* @__PURE__ */ new Date() },
-						startMonth: X.start,
-						endMonth: X.end,
-						onSelect: (e) => {
-							K(e), H(!1);
-						}
-					})
-				})]
-			}),
-			W && /* @__PURE__ */ O(a, { children: L._("Each invoice in the series will have the same payment term.") }),
-			/* @__PURE__ */ O(o, { errors: v ? [v] : [] })
-		] }) })
-	}) }) });
+var w = (e) => e && e.amount > 0 ? e : null, T = (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: T(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",
+	discount: w(e.discount) ?? void 0,
+	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 = T(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
+	}),
+	discount: w(e.discount),
+	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
+} }), E = ({ 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 {
+		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 { P as PaymentSection };
+export { E as useReceivableSubmit };

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

@@ -1,41 +1,93 @@
-import { Button as e } from "./index56.js";
-import { Popover as t, PopoverContent as n, PopoverTrigger as r } from "./index435.js";
-import { Calendar as i } from "./index458.js";
-import * as a from "react";
-import { Calendar as o } from "lucide-react";
-import { format as s } from "date-fns";
-import { jsx as c, jsxs as l } from "@emotion/react/jsx-runtime";
-import { useLingui as u } from "@lingui/react";
+import { getCounterpartEmail as e, getCounterpartName as t } from "./index53.js";
+import { InputGroupAddon as n } from "./index107.js";
+import { Combobox as r, ComboboxContent as i, ComboboxEmpty as a, ComboboxInput as o, ComboboxItem as s, ComboboxList as c } from "./index108.js";
+import { useCounterpartList as l } from "./index129.js";
+import "./index142.js";
+import { useRootElements as u } from "./index206.js";
+import "./index207.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/index460.js
-var d = "MMM d, yyyy";
-function f(f) {
-	let [p, m] = a.useState(!1), { i18n: h } = u();
-	return /* @__PURE__ */ l(t, {
-		open: p,
-		onOpenChange: m,
-		children: [/* @__PURE__ */ c(r, {
-			asChild: !0,
-			children: /* @__PURE__ */ l(e, {
-				variant: "outline",
-				id: "date",
-				disabled: !!f.shouldDisableButton,
-				"aria-invalid": f["aria-invalid"],
-				className: "ttw:w-full ttw:justify-between ttw:font-normal ttw:border-border",
-				children: [f.selected ? s(f.selected, d) : f.placeholder ?? h._("Mon DD, YYYY"), /* @__PURE__ */ c(o, {})]
-			})
-		}), /* @__PURE__ */ c(n, {
-			className: "ttw:w-auto ttw:overflow-hidden ttw:p-0",
-			align: "start",
-			children: /* @__PURE__ */ c(i, {
-				...f,
-				mode: "single",
-				captionLayout: "dropdown",
-				onSelect: (e) => {
-					f.onSelect(e), m(!1);
-				}
-			})
-		})]
+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] : [] })
+			] }) });
+		}
 	});
-}
+};
 //#endregion
-export { f as DatePicker };
+export { T as CounterpartSelector };