@tesouro/embedded-components-react 0.3.20 → 0.3.23

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

@@ -1,47 +1,103 @@
-import { jsx as e, jsxs as t } from "@emotion/react/jsx-runtime";
-import { useLingui as n } from "@lingui/react";
-import { twMerge as r } from "tailwind-merge";
+import { useCurrencies as e } from "./index63.js";
+import { cn as t } from "./index49.js";
+import { InputGroup as n, InputGroupAddon as r, InputGroupInput as i } from "./index107.js";
+import "./index217.js";
+import { Field as a, FieldContent as o, FieldError as s, FieldLabel as c } from "./index88.js";
+import { EMPTY_DISCOUNT as l } from "./index93.js";
+import { formatMinorToMajorCurrency as u, getLocaleSeparators as d, parseMajorToMinorCurrency as f, sanitizeDecimalInput as p } from "./index97.js";
+import { useEffect as m, useId as h, useMemo as g, useState as _ } from "react";
+import { jsx as v, jsxs as y } from "@emotion/react/jsx-runtime";
+import { useLingui as b } from "@lingui/react";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index496.js
-var i = ({ label: n, value: i, className: a }) => /* @__PURE__ */ t("li", {
-	className: r("ttw:flex ttw:justify-between ttw:items-center", a),
-	children: [/* @__PURE__ */ e("span", { children: n }), /* @__PURE__ */ e("span", { children: i?.toString() })]
-}), a = ({ subtotalPrice: r, discountValue: a, nonTaxableSubtotal: o, taxableSubtotal: s, totalTaxes: c, totalPrice: l }) => {
-	let { i18n: u } = n();
-	return /* @__PURE__ */ t("ul", {
-		className: "ttw:w-full ttw:flex ttw:flex-col ttw:gap-1.5 ttw:list-none",
-		children: [
-			/* @__PURE__ */ e(i, {
-				label: u._("Subtotal"),
-				value: r,
-				className: "ttw:text-sm ttw:font-normal"
-			}),
-			/* @__PURE__ */ e(i, {
-				label: u._("Discounts"),
-				value: a,
-				className: "ttw:text-sm ttw:font-normal"
-			}),
-			/* @__PURE__ */ e(i, {
-				label: u._("Non-taxable subtotal"),
-				value: o,
-				className: "ttw:text-sm ttw:font-normal ttw:text-muted-foreground"
-			}),
-			/* @__PURE__ */ e(i, {
-				label: u._("Taxable subtotal"),
-				value: s,
-				className: "ttw:text-sm ttw:font-normal ttw:text-muted-foreground"
-			}),
-			/* @__PURE__ */ e(i, {
-				label: u._("Tax"),
-				value: c,
-				className: "ttw:text-sm ttw:font-normal"
-			}),
-			/* @__PURE__ */ e(i, {
-				label: u._("Total"),
-				value: l,
-				className: "ttw:text-lg ttw:font-medium"
-			})
-		]
+var x = ({ value: x, onChange: S, onBlur: C, currency: w, disabled: T = !1, errorMessage: E }) => {
+	let { i18n: D } = b(), { getSymbolFromCurrency: O } = e(), k = h(), A = x ?? l, j = g(() => new Intl.NumberFormat(D.locale, {
+		minimumFractionDigits: 2,
+		maximumFractionDigits: 2
+	}), [D.locale]), { decimal: M, group: N } = g(() => d(D.locale), [D.locale]), P = O(w) || w, F = (e) => A.type === "percentage" ? `${e}%` : `${P}${e}`, [I, L] = _(() => F(u(A.amount, j))), [R, z] = _(!1);
+	m(() => {
+		if (R) return;
+		let e = F(u(A.amount, j));
+		e !== I && L(e);
+	}, [
+		A.amount,
+		A.type,
+		R,
+		j,
+		I
+	]);
+	let B = (e) => f(e.trim(), M, N), V = (e) => p(e, {
+		decimalSeparator: M,
+		groupSeparator: N
+	}), H = (e) => S(e.type === l.type && e.amount === l.amount ? null : e), U = (e) => {
+		let t = V(e.target.value);
+		L(t), H({
+			...A,
+			amount: B(t)
+		});
+	}, W = (e) => {
+		z(!1);
+		let t = B(V(e.target.value));
+		L(F(u(t, j))), H({
+			...A,
+			amount: t
+		}), C?.();
+	}, G = [{
+		type: "amount",
+		label: P
+	}, {
+		type: "percentage",
+		label: "%"
+	}];
+	return /* @__PURE__ */ y(a, {
+		className: "ttw:flex-col",
+		children: [/* @__PURE__ */ y(o, {
+			className: "ttw:flex-row ttw:justify-end ttw:items-center",
+			children: [/* @__PURE__ */ v(c, {
+				htmlFor: k,
+				className: t(E && "ttw:text-destructive"),
+				children: D._("Discount")
+			}), /* @__PURE__ */ y(n, {
+				className: "ttw:w-40 ttw:overflow-hidden",
+				children: [/* @__PURE__ */ v(r, {
+					align: "inline-start",
+					className: "ttw:gap-0 ttw:self-stretch ttw:p-0 ttw:has-[>button]:ml-0",
+					children: G.map((e) => {
+						let n = A.type === e.type;
+						return /* @__PURE__ */ v("button", {
+							type: "button",
+							"aria-pressed": n,
+							"aria-label": e.label,
+							disabled: T,
+							className: t("ttw:h-full ttw:w-9 ttw:cursor-pointer ttw:border-r ttw:border-input ttw:text-sm ttw:transition-colors ttw:disabled:pointer-events-none ttw:disabled:opacity-50", n ? "ttw:bg-primary ttw:text-primary-foreground" : "ttw:text-muted-foreground ttw:hover:bg-muted ttw:hover:text-foreground"),
+							onClick: () => {
+								H({
+									...A,
+									type: e.type
+								}), C?.();
+							},
+							children: e.label
+						}, e.type);
+					})
+				}), /* @__PURE__ */ v(i, {
+					id: k,
+					type: "text",
+					inputMode: "decimal",
+					className: "ttw:text-right",
+					"aria-invalid": !!E || void 0,
+					disabled: T,
+					value: I,
+					onChange: U,
+					onFocus: (e) => {
+						z(!0), L(V(e.target.value));
+					},
+					onBlur: W
+				})]
+			})]
+		}), E && /* @__PURE__ */ v(s, {
+			className: "ttw:text-right",
+			children: E
+		})]
 	});
 };
 //#endregion
-export { a as InvoiceTotals };
+export { x as InvoiceDiscountField };

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

@@ -1,190 +1,47 @@
-import { Button as e } from "./index56.js";
-import { InputGroup as t, InputGroupAddon as n, InputGroupInput as r } from "./index107.js";
-import { LoadingSpinner as i } from "./index51.js";
-import "./index52.js";
-import { Typography as a } from "./index62.js";
-import { Separator as o } from "./index64.js";
-import { Field as s, FieldContent as c, FieldLabel as l } from "./index88.js";
-import { sanitizeTaxRateInput as u } from "./index97.js";
-import { useLineItemManagement as d } from "./index218.js";
-import { useGetMeasureUnits as f } from "./index458.js";
-import { FormErrorDisplay as p, useFormErrors as m } from "./index474.js";
-import "./index475.js";
-import { InvoiceItemRow as ee } from "./index494.js";
-import { InvoiceDiscountField as h } from "./index495.js";
-import { InvoiceTotals as g } from "./index496.js";
-import { useCallback as _, useEffect as v, useRef as y } from "react";
-import { Plus as b } from "lucide-react";
-import { jsx as x, jsxs as S } from "@emotion/react/jsx-runtime";
-import { useLingui as C } from "@lingui/react";
-import { Controller as w, useFormContext as T } from "react-hook-form";
+import { jsx as e, jsxs as t } from "@emotion/react/jsx-runtime";
+import { useLingui as n } from "@lingui/react";
+import { twMerge as r } from "tailwind-merge";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index497.js
-var E = ({ defaultCurrency: E = "USD", registerLineItemCleanupFn: D }) => {
-	let { i18n: O } = C(), { control: k, formState: A, getValues: j, watch: M, trigger: N, clearErrors: P } = T(), F = M("tax_mode") === "inclusive", { data: I, isLoading: L } = f(), { fields: R, subtotalPrice: z, discountValue: te, nonTaxableSubtotal: B, taxableSubtotal: V, totalPrice: H, totalTaxes: U, lineItemErrors: W, autoFocusIndex: G, handleAddRow: K, handleRemoveItem: q, setValueWithValidationLocal: J, cleanUpLineItemsForSubmission: Y } = d({
-		defaultCurrency: E,
-		isInclusivePricing: F
-	}), X = _((e, t) => {
-		J(e, t, { shouldValidate: !1 });
-	}, [J]);
-	v(() => (D?.(Y), () => D?.(null)), [D, Y]);
-	let Z = y(null), { generalError: Q, fieldErrors: ne } = m(W), $ = _((e, t, n) => {
-		let r = t.measureUnit?.id, i = t.measureUnit?.name;
-		i && !r ? (X(`line_items.${e}.product.measure_unit_id`, ""), X(`line_items.${e}.product.measure_unit_name`, i), X(`line_items.${e}.measure_unit`, {
-			name: i,
-			id: null
-		})) : (r || n) && (X(`line_items.${e}.product.measure_unit_id`, r || n), X(`line_items.${e}.product.measure_unit_name`, void 0), X(`line_items.${e}.measure_unit`, void 0));
-	}, [X]), re = _((e, t, n) => {
-		let r = t.label ?? "";
-		X(`line_items.${e}.product.name`, r), r.trim() && P(`line_items.${e}.product.name`);
-		let i = t.id !== "" && t.id !== "custom" && n;
-		if (X(`line_items.${e}.product_id`, i ? t.id : ""), i) {
-			X(`line_items.${e}.product.price.value`, t.price?.value ?? 0), X(`line_items.${e}.product.price.currency`, E);
-			let n = j(`line_items.${e}.product.measure_unit_id`);
-			$(e, t, n), X(`line_items.${e}.quantity`, t.smallestAmount || 1), X(`line_items.${e}.product.smallest_amount`, t.smallestAmount), X(`line_items.${e}.product.type`, "product"), X(`line_items.${e}.product.description`, t.description ?? ""), N(`line_items.${e}`);
-		}
-	}, [
-		E,
-		j,
-		X,
-		$,
-		N,
-		P
-	]);
-	return /* @__PURE__ */ S("div", {
-		ref: Z,
-		className: "ttw:flex ttw:flex-col ttw:p-6 ttw:gap-2.5 ttw:border ttw:border-border ttw:rounded-xl",
+var i = ({ label: n, value: i, className: a }) => /* @__PURE__ */ t("li", {
+	className: r("ttw:flex ttw:justify-between ttw:items-center", a),
+	children: [/* @__PURE__ */ e("span", { children: n }), /* @__PURE__ */ e("span", { children: i?.toString() })]
+}), a = ({ subtotalPrice: r, discountValue: a, nonTaxableSubtotal: o, taxableSubtotal: s, totalTaxes: c, totalPrice: l }) => {
+	let { i18n: u } = n();
+	return /* @__PURE__ */ t("ul", {
+		className: "ttw:w-full ttw:flex ttw:flex-col ttw:gap-1.5 ttw:list-none",
 		children: [
-			/* @__PURE__ */ S("div", {
-				className: "ttw:flex ttw:flex-col ttw:gap-2.5 ttw:pb-4",
-				children: [/* @__PURE__ */ x(a, {
-					variant: "h4",
-					children: O._("Products and services")
-				}), /* @__PURE__ */ x(a, {
-					variant: "body2",
-					color: "muted",
-					className: "ttw:font-medium",
-					children: O._("Add the products and services on this invoice. You'll have the option to save new items to your inventory.")
-				})]
+			/* @__PURE__ */ e(i, {
+				label: u._("Subtotal"),
+				value: r,
+				className: "ttw:text-sm ttw:font-normal"
 			}),
-			/* @__PURE__ */ x(p, {
-				generalError: A?.errors?.line_items?.root?.message ?? Q,
-				fieldErrors: ne
+			/* @__PURE__ */ e(i, {
+				label: u._("Discounts"),
+				value: a,
+				className: "ttw:text-sm ttw:font-normal"
 			}),
-			/* @__PURE__ */ S("ul", {
-				className: "ttw:flex ttw:flex-col ttw:gap-2.5",
-				children: [/* @__PURE__ */ S("li", {
-					className: "ttw:flex ttw:items-center ttw:gap-2.5 ttw:h-5",
-					children: [
-						/* @__PURE__ */ x(a, {
-							variant: "body2",
-							className: "ttw:font-medium ttw:leading-5 ttw:min-w-30 ttw:whitespace-nowrap ttw:inline-flex ttw:flex-1",
-							children: O._("Item name")
-						}),
-						/* @__PURE__ */ x(a, {
-							variant: "body2",
-							className: "ttw:font-medium ttw:leading-5 ttw:w-24 ttw:min-w-24",
-							children: O._("Quantity")
-						}),
-						/* @__PURE__ */ x(a, {
-							variant: "body2",
-							className: "ttw:font-medium ttw:leading-5 ttw:w-20.5 ttw:min-w-20.5",
-							children: O._("Units")
-						}),
-						/* @__PURE__ */ x(a, {
-							variant: "body2",
-							className: "ttw:font-medium ttw:leading-5 ttw:max-w-41 ttw:w-full ttw:min-w-29",
-							children: O._("Price")
-						}),
-						/* @__PURE__ */ x(a, {
-							variant: "body2",
-							className: "ttw:font-medium ttw:leading-5 ttw:w-12 ttw:min-w-12",
-							children: O._("Taxable")
-						}),
-						R.length > 1 && /* @__PURE__ */ x("div", { className: "ttw:w-10 ttw:min-w-10" })
-					]
-				}), L ? /* @__PURE__ */ x("li", {
-					className: "ttw:flex ttw:items-center ttw:justify-center ttw:h-9",
-					children: /* @__PURE__ */ x(i, { className: "ttw:w-5 ttw:h-5" })
-				}) : R.map((e, t) => /* @__PURE__ */ x(ee, {
-					field: e,
-					index: t,
-					control: k,
-					errors: A.errors,
-					defaultCurrency: E,
-					measureUnitsData: I,
-					onRequestLineItemValue: (e) => j(`line_items.${t}.${e}`),
-					onLineItemValueChange: (e, n, r) => {
-						let i = `line_items.${t}.${e}`;
-						J(i, n, r);
-					},
-					canRemove: R.length > 1,
-					autoFocusName: t === G,
-					onUpdateItem: re,
-					onRemoveItem: q,
-					container: Z
-				}, e.id))]
+			/* @__PURE__ */ e(i, {
+				label: u._("Non-taxable subtotal"),
+				value: o,
+				className: "ttw:text-sm ttw:font-normal ttw:text-muted-foreground"
 			}),
-			/* @__PURE__ */ S(e, {
-				type: "button",
-				variant: "ghost",
-				onClick: K,
-				className: "ttw:text-primary ttw:hover:text-primary ttw:w-fit",
-				children: [/* @__PURE__ */ x(b, { className: "ttw:size-5 ttw:text-primary" }), O._("Add item")]
+			/* @__PURE__ */ e(i, {
+				label: u._("Taxable subtotal"),
+				value: s,
+				className: "ttw:text-sm ttw:font-normal ttw:text-muted-foreground"
 			}),
-			/* @__PURE__ */ x(w, {
-				name: "discount",
-				control: k,
-				render: ({ field: e }) => /* @__PURE__ */ x(h, {
-					value: e.value,
-					onChange: e.onChange,
-					onBlur: e.onBlur,
-					currency: E,
-					errorMessage: A.errors.discount?.amount?.message
-				})
+			/* @__PURE__ */ e(i, {
+				label: u._("Tax"),
+				value: c,
+				className: "ttw:text-sm ttw:font-normal"
 			}),
-			/* @__PURE__ */ x(w, {
-				name: "tax_rate",
-				control: k,
-				render: ({ field: e }) => /* @__PURE__ */ x(s, { children: /* @__PURE__ */ S(c, {
-					className: "ttw:flex-row ttw:justify-end",
-					children: [/* @__PURE__ */ x(l, {
-						htmlFor: e.name,
-						children: O._("Tax rate")
-					}), /* @__PURE__ */ S(t, {
-						className: "ttw:w-40 ttw:has-[>[data-align=inline-end]]:[&>input]:pr-0",
-						children: [/* @__PURE__ */ x(r, {
-							...e,
-							value: e.value ?? "",
-							id: e.name,
-							className: "ttw:text-right",
-							placeholder: O._("e.g. 6.25"),
-							type: "text",
-							inputMode: "decimal",
-							onChange: (t) => {
-								e.onChange(u(t.target.value));
-							},
-							onBlur: (t) => {
-								let n = t.target.value;
-								e.onChange(n.endsWith(".") ? n.slice(0, -1) : n), e.onBlur();
-							}
-						}), /* @__PURE__ */ x(n, {
-							align: "inline-end",
-							children: "%"
-						})]
-					})]
-				}) })
-			}),
-			/* @__PURE__ */ x(o, {}),
-			/* @__PURE__ */ x(g, {
-				subtotalPrice: z,
-				discountValue: te,
-				nonTaxableSubtotal: B,
-				taxableSubtotal: V,
-				totalTaxes: U,
-				totalPrice: H
+			/* @__PURE__ */ e(i, {
+				label: u._("Total"),
+				value: l,
+				className: "ttw:text-lg ttw:font-medium"
 			})
 		]
 	});
 };
 //#endregion
-export { E as ItemsSection };
+export { a as InvoiceTotals };