@tesouro/embedded-components-react 0.5.160 → 0.5.163

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

@@ -1,202 +1,93 @@
 import { getCounterpartEmail as e, getCounterpartName as t } from "./index52.js";
-import { Button as n } from "./index55.js";
-import { Input as r } from "./index88.js";
-import { useCounterpartAddresses as i } from "./index132.js";
+import { InputGroupAddon as n } from "./index109.js";
+import { Combobox as r, ComboboxContent as i, ComboboxEmpty as a, ComboboxInput as o, ComboboxItem as s, ComboboxList as c } from "./index110.js";
+import { useCounterpartList as l } from "./index131.js";
 import "./index144.js";
-import { Typography as a } from "./index61.js";
-import { Separator as o } from "./index63.js";
-import { Field as s, FieldContent as c, FieldError as l, FieldLabel as u } from "./index87.js";
-import { CounterpartDetails as d } from "./index244.js";
-import { CreateCounterpartDialog as f } from "./index259.js";
-import { Avatar as p, AvatarFallback as m } from "./index266.js";
-import { CounterpartSelector as h } from "./index451.js";
-import { useCallback as g, useEffect as _, useRef as v, useState as y } from "react";
-import { Plus as b } from "lucide-react";
-import { Fragment as x, jsx as S, jsxs as C } from "@emotion/react/jsx-runtime";
-import { useLingui as w } from "@lingui/react";
-import { Controller as T, useFormContext as E } from "react-hook-form";
+import { useRootElements as u } from "./index212.js";
+import "./index213.js";
+import { Field as d, FieldContent as f, FieldDescription as p, FieldError as m, FieldLabel as h } from "./index87.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
-var D = ({ disabled: D, canCreateCounterpart: O, isEditCustomerOpen: k, handleOpenEditCustomer: A, counterpart: j }) => {
-	let { i18n: M } = w(), { watch: N, setValue: P, control: ee, clearErrors: F } = E(), I = N("counterpart_id"), L = v(I), R = N("default_billing_address_id"), z = N("default_shipping_address_id"), { data: B } = i(j?.id), [V, H] = y(!1), [U, W] = y(!1), G = !!I, K = t(j), q = e(j), J = K ? Array.from(K)[0]?.toUpperCase() ?? "?" : "?", Y = N("counterpart_name") ?? "", X = N("counterpart_email") ?? "", Z = X.trim() || q, Q = v(Z), $ = g(() => {
-		P("recurrence_recipients_to", void 0, { shouldDirty: !0 }), P("recurrence_recipients_cc", void 0, { shouldDirty: !0 }), P("recurrence_recipients_bcc", void 0, { shouldDirty: !0 });
-	}, [P]), te = () => {
-		P("counterpart_id", ""), P("counterpart_name", ""), P("counterpart_email", "");
-	}, ne = g((e) => {
-		let t = {
-			email: X,
-			phone: "",
-			isCustomer: !0,
-			isVendor: !1,
-			line1: "",
-			line2: "",
-			city: "",
-			state: "",
-			postalCode: "",
-			country: "US"
-		};
-		if (e === "individual") {
-			let e = Y.trim(), n = e.indexOf(" "), r = n === -1 ? e : e.slice(0, n), i = n === -1 ? "" : e.slice(n + 1);
-			return {
-				tax_id: "",
-				counterpart: {
-					...t,
-					firstName: r,
-					lastName: i
-				}
+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 {
-			tax_id: "",
-			counterpart: {
-				...t,
-				companyName: Y
-			}
-		};
-	}, [Y, X]);
-	return _(() => {
-		L.current !== I && (L.current = I, P("default_billing_address_id", ""), P("default_shipping_address_id", ""), $());
-	}, [
-		I,
-		P,
-		$
-	]), _(() => {
-		let e = Q.current;
-		e !== Z && (Q.current = Z, e && $());
-	}, [Z, $]), _(() => {
-		if (B?.data?.length && j && j.id === I) {
-			if (!R) {
-				let e = j.default_billing_address_id || (B.data.length === 1 ? B.data[0].id : "");
-				P("default_billing_address_id", e);
-			}
-			if (!z) {
-				let e = j.default_shipping_address_id || "";
-				P("default_shipping_address_id", e);
-			}
-		}
-	}, [
-		B,
-		P,
-		j,
-		I,
-		R,
-		z
-	]), /* @__PURE__ */ C("div", {
-		className: "ttw:flex ttw:flex-col ttw:p-6 ttw:gap-2.5 ttw:border ttw:border-border ttw:rounded-xl",
-		children: [
-			/* @__PURE__ */ C("div", {
-				className: "ttw:flex ttw:flex-col ttw:gap-2.5 ttw:pb-4",
-				children: [/* @__PURE__ */ S(a, {
-					variant: "h4",
-					children: M._("Customer details")
-				}), /* @__PURE__ */ S(a, {
-					variant: "body2",
-					color: "muted",
-					className: "ttw:font-medium",
-					children: M._("Who are you billing?")
-				})]
-			}),
-			G ? /* @__PURE__ */ C("div", {
-				className: "ttw:flex ttw:gap-2 ttw:justify-between ttw:items-center ttw:border ttw:border-border ttw:p-3 ttw:rounded-xl",
-				children: [/* @__PURE__ */ C("div", {
-					className: "ttw:flex ttw:items-center ttw:gap-5",
-					children: [/* @__PURE__ */ S(p, {
-						className: "ttw:size-16",
-						children: /* @__PURE__ */ S(m, {
-							className: "ttw:text-sm ttw:font-normal",
-							children: J
+			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, { shouldDirty: E }), 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__ */ C("div", {
-						className: "ttw:flex ttw:flex-col ttw:gap-1",
-						children: [/* @__PURE__ */ S(a, {
-							variant: "body1",
-							className: "ttw:font-medium",
-							children: K
-						}), /* @__PURE__ */ S(a, {
-							variant: "body2",
-							color: "muted",
-							children: q
-						})]
+					}), /* @__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__ */ C("div", {
-					className: "ttw:flex ttw:items-center",
-					children: [
-						/* @__PURE__ */ S(n, {
-							type: "button",
-							variant: "ghost",
-							className: "ttw:text-primary ttw:hover:text-primary",
-							disabled: D,
-							onClick: () => H(!0),
-							children: M._("View details")
-						}),
-						/* @__PURE__ */ S(o, {
-							orientation: "vertical",
-							className: "ttw:h-6!"
-						}),
-						/* @__PURE__ */ S(n, {
-							type: "button",
-							variant: "ghost",
-							className: "ttw:text-primary ttw:hover:text-primary",
-							disabled: D,
-							onClick: te,
-							children: M._("Clear")
-						})
-					]
-				})]
-			}) : /* @__PURE__ */ C(x, { children: [
-				/* @__PURE__ */ S(h, {
-					disabled: D,
-					canCreateCounterpart: O
-				}),
-				O && /* @__PURE__ */ S(T, {
-					name: "counterpart_email",
-					control: ee,
-					render: ({ field: e, fieldState: { error: t } }) => /* @__PURE__ */ S(s, { children: /* @__PURE__ */ C(c, { children: [
-						/* @__PURE__ */ S(u, {
-							htmlFor: e.name,
-							children: M._("Email")
-						}),
-						/* @__PURE__ */ S(r, {
-							...e,
-							id: e.name,
-							type: "email",
-							disabled: D,
-							"aria-invalid": !!t
-						}),
-						/* @__PURE__ */ S(l, { errors: t ? [t] : [] })
-					] }) })
 				}),
-				O && /* @__PURE__ */ C(n, {
-					onClick: () => W(!0),
-					type: "button",
-					variant: "ghost",
-					disabled: D,
-					className: "ttw:text-primary ttw:hover:text-primary ttw:w-fit",
-					children: [/* @__PURE__ */ S(b, {}), M._("Add more details including address, phone, etc.")]
-				})
-			] }),
-			U && /* @__PURE__ */ S(f, {
-				open: U,
-				onClose: () => {
-					W(!1);
-				},
-				onCreate: (e) => {
-					W(!1), P("counterpart_id", e), P("counterpart_name", ""), P("counterpart_email", ""), F(["counterpart_id", "counterpart_email"]);
-				},
-				getCounterpartDefaultValues: ne,
-				customerType: "customer"
-			}),
-			(k || V) && /* @__PURE__ */ S(d, {
-				counterpartId: j?.id || "",
-				open: k || V,
-				onClose: () => {
-					k && A(!1), H(!1);
-				},
-				isEditMode: k,
-				showActionsMenu: !1,
-				customerType: "customer"
-			})
-		]
+				/* @__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 { D as CustomerSection };
+export { T as CounterpartSelector };

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

@@ -1,33 +1,202 @@
+import { getCounterpartEmail as e, getCounterpartName as t } from "./index52.js";
+import { Button as n } from "./index55.js";
+import { Input as r } from "./index88.js";
+import { useCounterpartAddresses as i } from "./index132.js";
+import "./index144.js";
+import { Typography as a } from "./index61.js";
+import { Separator as o } from "./index63.js";
+import { Field as s, FieldContent as c, FieldError as l, FieldLabel as u } from "./index87.js";
+import { CounterpartDetails as d } from "./index245.js";
+import { CreateCounterpartDialog as f } from "./index260.js";
+import { Avatar as p, AvatarFallback as m } from "./index267.js";
+import { CounterpartSelector as h } from "./index452.js";
+import { useCallback as g, useEffect as _, useRef as v, useState as y } from "react";
+import { Plus as b } from "lucide-react";
+import { Fragment as x, jsx as S, jsxs as C } from "@emotion/react/jsx-runtime";
+import { useLingui as w } from "@lingui/react";
+import { Controller as T, useFormContext as E } from "react-hook-form";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index453.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;
+var D = ({ disabled: D, canCreateCounterpart: O, isEditCustomerOpen: k, handleOpenEditCustomer: A, counterpart: j }) => {
+	let { i18n: M } = w(), { watch: N, setValue: P, control: ee, clearErrors: F } = E(), I = N("counterpart_id"), L = v(I), R = N("default_billing_address_id"), z = N("default_shipping_address_id"), { data: B } = i(j?.id), [V, H] = y(!1), [U, W] = y(!1), G = !!I, K = t(j), q = e(j), J = K ? Array.from(K)[0]?.toUpperCase() ?? "?" : "?", Y = N("counterpart_name") ?? "", X = N("counterpart_email") ?? "", Z = X.trim() || q, Q = v(Z), $ = g(() => {
+		P("recurrence_recipients_to", void 0, { shouldDirty: !0 }), P("recurrence_recipients_cc", void 0, { shouldDirty: !0 }), P("recurrence_recipients_bcc", void 0, { shouldDirty: !0 });
+	}, [P]), te = () => {
+		P("counterpart_id", "", { shouldDirty: !0 }), P("counterpart_name", "", { shouldDirty: !0 }), P("counterpart_email", "", { shouldDirty: !0 });
+	}, ne = g((e) => {
+		let t = {
+			email: X,
+			phone: "",
+			isCustomer: !0,
+			isVendor: !1,
+			line1: "",
+			line2: "",
+			city: "",
+			state: "",
+			postalCode: "",
+			country: "US"
+		};
+		if (e === "individual") {
+			let e = Y.trim(), n = e.indexOf(" "), r = n === -1 ? e : e.slice(0, n), i = n === -1 ? "" : e.slice(n + 1);
+			return {
+				tax_id: "",
+				counterpart: {
+					...t,
+					firstName: r,
+					lastName: i
+				}
+			};
+		}
+		return {
+			tax_id: "",
+			counterpart: {
+				...t,
+				companyName: Y
+			}
+		};
+	}, [Y, X]);
+	return _(() => {
+		L.current !== I && (L.current = I, P("default_billing_address_id", ""), P("default_shipping_address_id", ""), $());
+	}, [
+		I,
+		P,
+		$
+	]), _(() => {
+		let e = Q.current;
+		e !== Z && (Q.current = Z, e && $());
+	}, [Z, $]), _(() => {
+		if (B?.data?.length && j && j.id === I) {
+			if (!R) {
+				let e = j.default_billing_address_id || (B.data.length === 1 ? B.data[0].id : "");
+				P("default_billing_address_id", e);
+			}
+			if (!z) {
+				let e = j.default_shipping_address_id || "";
+				P("default_shipping_address_id", e);
+			}
 		}
-		i.set(a.id, o);
-	}
-	return {
-		dedupedTerms: r,
-		duplicateIdMap: i
-	};
-}
+	}, [
+		B,
+		P,
+		j,
+		I,
+		R,
+		z
+	]), /* @__PURE__ */ C("div", {
+		className: "ttw:flex ttw:flex-col ttw:p-6 ttw:gap-2.5 ttw:border ttw:border-border ttw:rounded-xl",
+		children: [
+			/* @__PURE__ */ C("div", {
+				className: "ttw:flex ttw:flex-col ttw:gap-2.5 ttw:pb-4",
+				children: [/* @__PURE__ */ S(a, {
+					variant: "h4",
+					children: M._("Customer details")
+				}), /* @__PURE__ */ S(a, {
+					variant: "body2",
+					color: "muted",
+					className: "ttw:font-medium",
+					children: M._("Who are you billing?")
+				})]
+			}),
+			G ? /* @__PURE__ */ C("div", {
+				className: "ttw:flex ttw:gap-2 ttw:justify-between ttw:items-center ttw:border ttw:border-border ttw:p-3 ttw:rounded-xl",
+				children: [/* @__PURE__ */ C("div", {
+					className: "ttw:flex ttw:items-center ttw:gap-5",
+					children: [/* @__PURE__ */ S(p, {
+						className: "ttw:size-16",
+						children: /* @__PURE__ */ S(m, {
+							className: "ttw:text-sm ttw:font-normal",
+							children: J
+						})
+					}), /* @__PURE__ */ C("div", {
+						className: "ttw:flex ttw:flex-col ttw:gap-1",
+						children: [/* @__PURE__ */ S(a, {
+							variant: "body1",
+							className: "ttw:font-medium",
+							children: K
+						}), /* @__PURE__ */ S(a, {
+							variant: "body2",
+							color: "muted",
+							children: q
+						})]
+					})]
+				}), /* @__PURE__ */ C("div", {
+					className: "ttw:flex ttw:items-center",
+					children: [
+						/* @__PURE__ */ S(n, {
+							type: "button",
+							variant: "ghost",
+							className: "ttw:text-primary ttw:hover:text-primary",
+							disabled: D,
+							onClick: () => H(!0),
+							children: M._("View details")
+						}),
+						/* @__PURE__ */ S(o, {
+							orientation: "vertical",
+							className: "ttw:h-6!"
+						}),
+						/* @__PURE__ */ S(n, {
+							type: "button",
+							variant: "ghost",
+							className: "ttw:text-primary ttw:hover:text-primary",
+							disabled: D,
+							onClick: te,
+							children: M._("Clear")
+						})
+					]
+				})]
+			}) : /* @__PURE__ */ C(x, { children: [
+				/* @__PURE__ */ S(h, {
+					disabled: D,
+					canCreateCounterpart: O
+				}),
+				O && /* @__PURE__ */ S(T, {
+					name: "counterpart_email",
+					control: ee,
+					render: ({ field: e, fieldState: { error: t } }) => /* @__PURE__ */ S(s, { children: /* @__PURE__ */ C(c, { children: [
+						/* @__PURE__ */ S(u, {
+							htmlFor: e.name,
+							children: M._("Email")
+						}),
+						/* @__PURE__ */ S(r, {
+							...e,
+							id: e.name,
+							type: "email",
+							disabled: D,
+							"aria-invalid": !!t
+						}),
+						/* @__PURE__ */ S(l, { errors: t ? [t] : [] })
+					] }) })
+				}),
+				O && /* @__PURE__ */ C(n, {
+					onClick: () => W(!0),
+					type: "button",
+					variant: "ghost",
+					disabled: D,
+					className: "ttw:text-primary ttw:hover:text-primary ttw:w-fit",
+					children: [/* @__PURE__ */ S(b, {}), M._("Add more details including address, phone, etc.")]
+				})
+			] }),
+			U && /* @__PURE__ */ S(f, {
+				open: U,
+				onClose: () => {
+					W(!1);
+				},
+				onCreate: (e) => {
+					W(!1), P("counterpart_id", e, { shouldDirty: !0 }), P("counterpart_name", "", { shouldDirty: !0 }), P("counterpart_email", "", { shouldDirty: !0 }), F(["counterpart_id", "counterpart_email"]);
+				},
+				getCounterpartDefaultValues: ne,
+				customerType: "customer"
+			}),
+			(k || V) && /* @__PURE__ */ S(d, {
+				counterpartId: j?.id || "",
+				open: k || V,
+				onClose: () => {
+					k && A(!1), H(!1);
+				},
+				isEditMode: k,
+				showActionsMenu: !1,
+				customerType: "customer"
+			})
+		]
+	});
+};
 //#endregion
-export { n as dedupePaymentTermsByContent };
+export { D as CustomerSection };