@tesouro/embedded-components-react 0.2.286 → 0.2.289

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

@@ -1,72 +1,40 @@
-import { getLineItemErrorMessage as e } from "./index176.js";
-import { useCallback as t, useMemo as n } from "react";
-import { jsx as r, jsxs as i } from "@emotion/react/jsx-runtime";
-import { Alert as a, Collapse as o, List as s, ListItem as c, ListItemText as l } from "@mui/material";
-import { useLingui as u } from "@lingui/react";
+import { Typography as e } from "./index62.js";
+import { RECEIPT_DUE_PAYMENT_TERM as t } from "./index222.js";
+import { Switch as n } from "./index458.js";
+import { ReminderBeforeDueDate as r } from "./index459.js";
+import { ReminderOverdue as i } from "./index460.js";
+import { useState as a } from "react";
+import { Fragment as o, jsx as s, jsxs as c } from "@emotion/react/jsx-runtime";
+import { useLingui as l } from "@lingui/react";
+import { useFormContext as u } from "react-hook-form";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index461.js
-var d = ({ generalError: e, fieldErrors: t }) => {
-	let u = n(() => {
-		for (let e of Object.values(t)) if (e) return !0;
-		return !1;
-	}, [t]);
-	return e || u ? /* @__PURE__ */ r(o, {
-		in: !0,
-		sx: { ":not(.MuiCollapse-hidden)": { marginBottom: 1 } },
-		children: /* @__PURE__ */ i(a, {
-			severity: "error",
-			sx: { "& .MuiAlert-icon": { alignItems: "center" } },
-			children: [e && /* @__PURE__ */ r("div", { children: e }), u && /* @__PURE__ */ r(s, {
-				dense: !0,
-				disablePadding: !0,
-				sx: { mt: +!!e },
-				children: Object.entries(t).map(([e, t]) => t ? /* @__PURE__ */ r(c, {
-					disablePadding: !0,
-					children: /* @__PURE__ */ r(l, {
-						primary: t,
-						primaryTypographyProps: { sx: { color: "inherit" } }
-					})
-				}, e) : null)
+var d = ({ disabled: d }) => {
+	let { i18n: f } = l(), { watch: p, setValue: m } = u(), h = p("payment_terms_id"), g = p("payment_terms_custom_date"), _ = p("payment_reminder_id"), v = p("overdue_reminder_id"), y = !!(h || g), b = !!(_ || v), x = h !== t, [S, C] = a(y || b);
+	return /* @__PURE__ */ c("section", {
+		className: "ttw:flex ttw:flex-col ttw:gap-6",
+		children: [/* @__PURE__ */ c("div", {
+			className: "ttw:flex ttw:items-center ttw:gap-3",
+			children: [/* @__PURE__ */ s(n, {
+				checked: S,
+				disabled: !y,
+				onCheckedChange: (e) => {
+					e || (m("payment_reminder_id", "", { shouldDirty: !0 }), m("overdue_reminder_id", "", { shouldDirty: !0 })), C(e);
+				},
+				"aria-label": f._("Payment reminders")
+			}), /* @__PURE__ */ s(e, {
+				variant: "body2",
+				children: f._("Send reminders when an invoice is approaching its due date or past due.")
 			})]
-		})
-	}) : null;
-}, f = (r) => {
-	let { i18n: i } = u(), a = n(() => Array.isArray(r) ? r : r ? [r] : [], [r]), o = t((t) => {
-		for (let n = 0; n < a.length; n++) {
-			let r = a[n];
-			if (typeof r == "object") {
-				let n = e(r, t);
-				if (n) return n;
-			}
-		}
-		return null;
-	}, [a]), s = n(() => o("product.name") ?? o("name"), [o]), c = n(() => o("quantity"), [o]), l = n(() => o("price") ?? o("product.price.value") ?? o("product.price.currency"), [o]), d = n(() => o("tax_rate_value"), [o]), f = n(() => o("product.measure_unit_id") ?? o("product.measure_unit_name") ?? o("measure_unit"), [o]), p = n(() => o("product.type"), [o]), m = n(() => {
-		if (a.length !== 0 && !(s || c || l || d || f || p)) return a.some((e) => {
-			if (!e || typeof e != "object") return !1;
-			let t = Object.keys(e);
-			return t.length > 0 && t.some((t) => e[t] != null);
-		}) ? i._("Please check the form for errors") : void 0;
-	}, [
-		a,
-		s,
-		c,
-		l,
-		d,
-		f,
-		p,
-		i
-	]);
-	return {
-		generalError: m,
-		fieldErrors: {
-			name: s,
-			quantity: c,
-			price: l,
-			tax: d,
-			measureUnit: f,
-			productType: p
-		},
-		hasErrors: !!(m || s || c || l || d || f || p)
-	};
+		}), S && /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ c("div", {
+			className: "ttw:flex ttw:flex-col ttw:gap-4 ttw:w-full ttw:xl:flex-row",
+			children: [x && /* @__PURE__ */ s(r, { disabled: d }), /* @__PURE__ */ s(i, { disabled: d })]
+		}), /* @__PURE__ */ s(e, {
+			variant: "body2",
+			color: "muted",
+			className: "ttw:font-medium",
+			children: f._("New reminders will be saved to your organization's library and can be managed via Invoice settings")
+		})] })]
+	});
 };
 //#endregion
-export { d as FormErrorDisplay, f as useFormErrors };
+export { d as RemindersSection };

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

@@ -1,151 +1,66 @@
-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 { useCurrencies as n } from "./index63.js";
-import { InputGroupAddon as r } from "./index103.js";
-import { Combobox as i, ComboboxContent as a, ComboboxEmpty as o, ComboboxInput as s, ComboboxItem as c, ComboboxList as l } from "./index104.js";
-import "./index189.js";
-import { useUserPermissions as u } from "./index112.js";
-import { useCallback as d, useEffect as f, useMemo as p, useState as m } from "react";
-import { Loader2 as h } from "lucide-react";
-import { jsx as g, jsxs as _ } from "@emotion/react/jsx-runtime";
-import { useLingui as v } from "@lingui/react";
+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 { PaymentSection as o } from "./index455.js";
+import { RecurrenceSection as s } from "./index457.js";
+import { RemindersSection as c } from "./index461.js";
+import { jsx as l, jsxs as u } from "@emotion/react/jsx-runtime";
+import { useLingui as d } from "@lingui/react";
+import { Controller as f, useFormContext as p } from "react-hook-form";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index462.js
-var y = "custom", b = ({ fieldName: y, error: b, disabled: x, index: S = 0, defaultCurrency: C, measureUnits: w, container: T, autoFocus: E = !1, onChange: D }) => {
-	let { i18n: O } = v(), k = C, [A, j] = m(""), [M, N] = m(!1), [ee, P] = m(null), [F, I] = m(!1), { api: L } = t(), { formatCurrencyToDisplay: R } = n(), z = u().has(e.InvoiceWriteOrg), { data: B, isLoading: V, fetchNextPage: H, hasNextPage: U, isFetchingNextPage: W } = L.finops.getProducts.useInfiniteQuery({ query: {
-		limit: 20,
-		currency: k
-	} }, {
-		initialPageParam: { query: { pagination_token: void 0 } },
-		getNextPageParam: (e) => {
-			if (e.next_pagination_token) return { query: { pagination_token: e.next_pagination_token } };
-		},
-		enabled: !!k
-	}), G = d((e) => {
-		let { scrollTop: t, scrollHeight: n, clientHeight: r } = e.currentTarget;
-		n - t - r < 100 && U && !W && H();
-	}, [
-		H,
-		U,
-		W
-	]), K = p(() => B ? B.pages.flatMap((e) => e.data).sort((e, t) => (e.name ?? "").localeCompare(t.name ?? "")) : [], [B]), q = p(() => !K || K.length === 0 ? [] : K.map((e) => {
-		let t = w ? w.data.find((t) => t.id === e.measure_unit_id) : void 0;
-		return {
-			id: e.id,
-			label: e.name,
-			description: e.description,
-			price: e.price,
-			smallestAmount: e.smallest_amount,
-			measureUnit: t
-		};
-	}), [K, w]);
-	f(() => {
-		!M && y && y.length > 0 && !A.length && (K?.find((e) => e?.name === y) || j(y));
-	}, [
-		y,
-		M,
-		K,
-		A
-	]);
-	let J = K?.find((e) => e?.id === ee);
-	if (!M && y && y.length > 0 && !A.length && !J) {
-		let e = K?.find((e) => e?.name === y);
-		e && (J = e);
-	}
-	let Y = J ? J.id : null, X = J ? J.name : A, Z = p(() => {
-		let e = X.toLowerCase().trim();
-		return !e || J && J.name.toLowerCase() === e ? q : q.filter((t) => t.label.toLowerCase().includes(e));
-	}, [
-		X,
-		q,
-		J
-	]), Q = p(() => Z.map((e) => e.id), [Z]), te = d(() => {
-		N(!0), I(!0);
-	}, []), ne = d(() => {
-		N(!1);
-	}, []), $ = d((e) => {
-		if (!e) {
-			P(null), j(""), D({
-				id: "",
-				label: ""
-			}, !1);
-			return;
-		}
-		let t = q.find((t) => t.id === e);
-		t && (P(t.id), j(""), D(t, !0));
-	}, [q, D]), re = d((e, t) => {
-		if (t.reason !== "input-change") {
-			z || j("");
-			return;
-		}
-		j(e), P(null), z && D(e.trim() ? {
-			id: "custom",
-			label: e
-		} : {
-			id: "",
-			label: ""
-		}, !1);
-	}, [z, D]);
-	return /* @__PURE__ */ _(i, {
-		value: Y,
-		onValueChange: $,
-		inputValue: X,
-		onInputValueChange: re,
-		items: Q,
-		filter: () => !0,
-		disabled: x,
-		open: F,
-		onOpenChange: I,
-		children: [/* @__PURE__ */ g(s, {
-			id: `item-selector-${S}`,
-			placeholder: z ? O._("e.g., Office supplies") : O._("Search for an item"),
-			"aria-invalid": b || void 0,
-			maxLength: 100,
-			autoFocus: E,
-			onFocus: te,
-			onBlur: ne,
-			onClick: () => {
-				F || I(!0);
-			},
-			onKeyDown: (e) => {
-				if (e.key === "Enter") e.preventDefault(), I(!1);
-				else if (e.key === "Tab" && F) {
-					let e = X.toLowerCase().trim();
-					if (!e) return;
-					let t = Z.find((t) => t.label.toLowerCase() === e) ?? (Z.length === 1 ? Z[0] : void 0);
-					t && ($(t.id), I(!1));
-				}
-			},
-			className: "ttw:w-full",
-			children: V && /* @__PURE__ */ g(r, {
-				align: "inline-start",
-				children: /* @__PURE__ */ g(h, { className: "ttw:size-4 ttw:animate-spin ttw:text-muted-foreground" })
-			})
-		}), /* @__PURE__ */ g(a, {
-			container: T,
-			className: "ttw:min-w-138",
-			children: /* @__PURE__ */ _(l, {
-				onScroll: G,
-				children: [
-					/* @__PURE__ */ g(o, { children: z ? O._("No saved items found - type to add an item") : O._("No saved items found") }),
-					Z.map((e) => /* @__PURE__ */ _(c, {
-						value: e.id,
-						children: [/* @__PURE__ */ g("span", {
-							className: "ttw:flex-1 ttw:min-w-0 ttw:truncate",
-							children: e.label
-						}), /* @__PURE__ */ g("span", {
-							className: "ttw:shrink-0 ttw:text-right ttw:text-xs ttw:text-muted-foreground",
-							children: [e.price && R(e.price.value, e.price.currency), e.measureUnit?.name].filter(Boolean).join(" ")
-						})]
-					}, e.id)),
-					W && /* @__PURE__ */ g("div", {
-						className: "ttw:flex ttw:justify-center ttw:py-1",
-						children: /* @__PURE__ */ g(h, { className: "ttw:size-4 ttw:animate-spin ttw:text-muted-foreground" })
-					})
-				]
-			})
+var m = ({ paymentTerms: m, disabled: h, isPaymentTermsLoading: g, showPurchaseOrder: _ = !0, lockRecurrenceSchedule: v = !1 }) => {
+	let { i18n: y } = d(), { control: b } = p();
+	return /* @__PURE__ */ u("div", {
+		className: "ttw:flex ttw:flex-col ttw:p-6 ttw:gap-2.5 ttw:border ttw:border-border ttw:rounded-xl",
+		children: [/* @__PURE__ */ u("div", {
+			className: "ttw:flex ttw:flex-col ttw:gap-2.5 ttw:pb-4",
+			children: [/* @__PURE__ */ l(t, {
+				variant: "h4",
+				children: y._("Billing details")
+			}), /* @__PURE__ */ l(t, {
+				variant: "body2",
+				color: "muted",
+				className: "ttw:font-medium",
+				children: y._("What are the billing terms?")
+			})]
+		}), /* @__PURE__ */ u("div", {
+			className: "ttw:flex ttw:flex-col ttw:gap-6",
+			children: [
+				/* @__PURE__ */ l(s, { lockSchedule: v }),
+				/* @__PURE__ */ u("div", {
+					className: "ttw:flex ttw:items-start ttw:gap-2.5 ttw:w-full",
+					children: [/* @__PURE__ */ l(o, {
+						paymentTerms: m,
+						disabled: h,
+						isLoading: g
+					}), _ && /* @__PURE__ */ l(f, {
+						name: "purchase_order",
+						control: b,
+						render: ({ field: o, fieldState: { error: s } }) => /* @__PURE__ */ l(n, { children: /* @__PURE__ */ u(r, { children: [
+							/* @__PURE__ */ u(a, {
+								htmlFor: o.name,
+								className: "ttw:text-nowrap",
+								children: [y._("PO Number"), /* @__PURE__ */ l(t, {
+									variant: "body2",
+									color: "muted",
+									className: "ttw:leading-snug",
+									children: y._("(optional)")
+								})]
+							}),
+							/* @__PURE__ */ l(e, {
+								...o,
+								id: o.name,
+								disabled: h,
+								"aria-invalid": !!s
+							}),
+							/* @__PURE__ */ l(i, { errors: s ? [s] : [] })
+						] }) })
+					})]
+				}),
+				/* @__PURE__ */ l(c, { disabled: h })
+			]
 		})]
 	});
 };
 //#endregion
-export { y as CUSTOM_ID, b as ItemSelector };
+export { m as BillingSection };

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

@@ -1,64 +1,72 @@
-import { useCurrencies as e } from "./index63.js";
-import { InputGroup as t, InputGroupAddon as n, InputGroupInput as r } from "./index103.js";
-import "./index189.js";
-import { formatMinorToMajorCurrency as i, parseMajorToMinorCurrency as a } from "./index176.js";
-import { useEffect as o, useMemo as s, useState as c } from "react";
-import { jsx as l, jsxs as u } from "@emotion/react/jsx-runtime";
-import { useLingui as d } from "@lingui/react";
+import { getLineItemErrorMessage as e } from "./index176.js";
+import { useCallback as t, useMemo as n } from "react";
+import { jsx as r, jsxs as i } from "@emotion/react/jsx-runtime";
+import { Alert as a, Collapse as o, List as s, ListItem as c, ListItemText as l } from "@mui/material";
+import { useLingui as u } from "@lingui/react";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index463.js
-var f = ({ value: f, error: p = !1, currency: m, disabled: h = !1, onChange: g, locale: _ }) => {
-	let { getSymbolFromCurrency: v } = e(), { i18n: y } = d(), b = _ ?? y.locale, x = s(() => new Intl.NumberFormat(b, {
-		minimumFractionDigits: 2,
-		maximumFractionDigits: 2
-	}), [b]), { decimalSeparator: S, groupSeparator: C } = s(() => {
-		let e = new Intl.NumberFormat(b).formatToParts(12345.67);
-		return {
-			decimalSeparator: e.find((e) => e.type === "decimal")?.value || ".",
-			groupSeparator: e.find((e) => e.type === "group")?.value || ""
-		};
-	}, [b]), [w, T] = c(i(f, x)), [E, D] = c(!1);
-	return o(() => {
-		if (!E) {
-			let e = i(f, x);
-			e !== w && T(e);
+var d = ({ generalError: e, fieldErrors: t }) => {
+	let u = n(() => {
+		for (let e of Object.values(t)) if (e) return !0;
+		return !1;
+	}, [t]);
+	return e || u ? /* @__PURE__ */ r(o, {
+		in: !0,
+		sx: { ":not(.MuiCollapse-hidden)": { marginBottom: 1 } },
+		children: /* @__PURE__ */ i(a, {
+			severity: "error",
+			sx: { "& .MuiAlert-icon": { alignItems: "center" } },
+			children: [e && /* @__PURE__ */ r("div", { children: e }), u && /* @__PURE__ */ r(s, {
+				dense: !0,
+				disablePadding: !0,
+				sx: { mt: +!!e },
+				children: Object.entries(t).map(([e, t]) => t ? /* @__PURE__ */ r(c, {
+					disablePadding: !0,
+					children: /* @__PURE__ */ r(l, {
+						primary: t,
+						primaryTypographyProps: { sx: { color: "inherit" } }
+					})
+				}, e) : null)
+			})]
+		})
+	}) : null;
+}, f = (r) => {
+	let { i18n: i } = u(), a = n(() => Array.isArray(r) ? r : r ? [r] : [], [r]), o = t((t) => {
+		for (let n = 0; n < a.length; n++) {
+			let r = a[n];
+			if (typeof r == "object") {
+				let n = e(r, t);
+				if (n) return n;
+			}
 		}
+		return null;
+	}, [a]), s = n(() => o("product.name") ?? o("name"), [o]), c = n(() => o("quantity"), [o]), l = n(() => o("price") ?? o("product.price.value") ?? o("product.price.currency"), [o]), d = n(() => o("tax_rate_value"), [o]), f = n(() => o("product.measure_unit_id") ?? o("product.measure_unit_name") ?? o("measure_unit"), [o]), p = n(() => o("product.type"), [o]), m = n(() => {
+		if (a.length !== 0 && !(s || c || l || d || f || p)) return a.some((e) => {
+			if (!e || typeof e != "object") return !1;
+			let t = Object.keys(e);
+			return t.length > 0 && t.some((t) => e[t] != null);
+		}) ? i._("Please check the form for errors") : void 0;
 	}, [
+		a,
+		s,
+		c,
+		l,
+		d,
 		f,
-		E,
-		b,
-		x,
-		w
-	]), /* @__PURE__ */ u(t, {
-		className: "ttw:max-w-41 ttw:w-full ttw:min-w-29",
-		children: [/* @__PURE__ */ l(n, {
-			align: "inline-start",
-			children: v(m) || m
-		}), /* @__PURE__ */ l(r, {
-			type: "text",
-			inputMode: "decimal",
-			className: "ttw:text-right",
-			"aria-invalid": p || void 0,
-			disabled: h,
-			value: w,
-			onChange: (e) => {
-				let t = e.target.value;
-				T(t);
-			},
-			onFocus: () => {
-				D(!0);
-			},
-			onBlur: (e) => {
-				D(!1);
-				let t = e.target.value.trim();
-				if (t === "") {
-					T(i(0, x)), g(0);
-					return;
-				}
-				let n = a(t, S, C);
-				T(i(n, x)), g(n);
-			}
-		})]
-	});
+		p,
+		i
+	]);
+	return {
+		generalError: m,
+		fieldErrors: {
+			name: s,
+			quantity: c,
+			price: l,
+			tax: d,
+			measureUnit: f,
+			productType: p
+		},
+		hasErrors: !!(m || s || c || l || d || f || p)
+	};
 };
 //#endregion
-export { f as PriceField };
+export { d as FormErrorDisplay, f as useFormErrors };