@tesouro/embedded-components-react 0.5.159 → 0.5.162

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

@@ -1,103 +1,39 @@
-import { useCurrencies as e } from "./index62.js";
-import { cn as t } from "./index48.js";
-import { InputGroup as n, InputGroupAddon as r, InputGroupInput as i } from "./index109.js";
-import "./index222.js";
-import { Field as a, FieldContent as o, FieldError as s, FieldLabel as c } from "./index87.js";
-import { EMPTY_DISCOUNT as l } from "./index92.js";
-import { formatMinorToMajorCurrency as u, getLocaleSeparators as d, parseMajorToMinorCurrency as f, sanitizeDecimalInput as p } from "./index99.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";
+import { Button as e } from "./index55.js";
+import { Sheet as t, SheetContent as n, SheetDescription as r, SheetFooter as i, SheetHeader as a, SheetTitle as o } from "./index49.js";
+import { ManageMeasureUnitsForm as s } from "./index487.js";
+import { jsx as c, jsxs as l } from "@emotion/react/jsx-runtime";
+import { useLingui as u } from "@lingui/react";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index488.js
-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);
+var d = ({ handleClose: d, open: f }) => {
+	let { i18n: p } = u();
+	return /* @__PURE__ */ c(t, {
+		open: f,
+		onOpenChange: d,
+		children: /* @__PURE__ */ l(n, {
+			side: "right",
+			className: "ttw:gap-0 ttw:p-0",
+			children: [
+				/* @__PURE__ */ l(a, {
+					className: "ttw:border-b ttw:border-border",
+					children: [/* @__PURE__ */ c(o, { children: p._("Manage measure units") }), /* @__PURE__ */ c(r, {
+						hidden: !0,
+						children: p._("Manage measure units")
+					})]
+				}),
+				/* @__PURE__ */ c("div", {
+					className: "ttw:flex-1 ttw:overflow-y-auto ttw:px-6 ttw:py-4",
+					children: /* @__PURE__ */ c(s, {})
+				}),
+				/* @__PURE__ */ c(i, {
+					className: "ttw:border-t ttw:border-border ttw:flex-row ttw:justify-end",
+					children: /* @__PURE__ */ c(e, {
+						onClick: d,
+						children: p._("Done")
 					})
-				}), /* @__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 { x as InvoiceDiscountField };
+export { d as ManageMeasureUnits };

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

@@ -1,47 +1,48 @@
-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 { Select as e, SelectContent as t, SelectItem as n, SelectTrigger as r, SelectValue as i } from "./index107.js";
+import { ManageMeasureUnits as a } from "./index488.js";
+import { useState as o } from "react";
+import { Plus as s } from "lucide-react";
+import { Fragment as c, jsx as l, jsxs as u } from "@emotion/react/jsx-runtime";
+import { useLingui as d } from "@lingui/react";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index489.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._("Discount"),
-				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"
+var f = "__none__", p = ({ value: p, availableMeasureUnits: m, error: h, fieldError: g, disabled: _ = !1, onChange: v }) => {
+	let { i18n: y } = d(), [b, x] = o(!1);
+	return /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ u(e, {
+		value: p || f,
+		onValueChange: (e) => {
+			if (e === "create") {
+				x(!0);
+				return;
+			}
+			v(e === f ? "" : e);
+		},
+		disabled: _,
+		children: [/* @__PURE__ */ l(r, {
+			"aria-invalid": h || !!g || void 0,
+			className: "ttw:w-22",
+			children: /* @__PURE__ */ l(i, {
+				className: "ttw:truncate",
+				placeholder: y._("Select")
+			})
+		}), /* @__PURE__ */ u(t, { children: [
+			/* @__PURE__ */ u(n, {
+				value: "create",
+				className: "ttw:text-primary ttw:hover:text-primary ttw:font-semibold ttw:focus:text-primary",
+				children: [/* @__PURE__ */ l(s, { className: "ttw:text-primary" }), y._("Manage measure units")]
 			}),
-			/* @__PURE__ */ e(i, {
-				label: u._("Tax"),
-				value: c,
-				className: "ttw:text-sm ttw:font-normal"
+			/* @__PURE__ */ l(n, {
+				value: f,
+				children: y._("None")
 			}),
-			/* @__PURE__ */ e(i, {
-				label: u._("Total"),
-				value: l,
-				className: "ttw:text-lg ttw:font-medium"
-			})
-		]
-	});
+			m?.map((e) => /* @__PURE__ */ l(n, {
+				value: e.id,
+				children: e.name
+			}, e.id))
+		] })]
+	}), b && /* @__PURE__ */ l(a, {
+		open: !0,
+		handleClose: () => x(!1)
+	})] });
 };
 //#endregion
-export { a as InvoiceTotals };
+export { p as MeasureUnitField };

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

@@ -1,191 +1,75 @@
 import { Button as e } from "./index55.js";
-import { InputGroup as t, InputGroupAddon as n, InputGroupInput as r } from "./index109.js";
-import { LoadingSpinner as i } from "./index50.js";
-import "./index51.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 { sanitizeTaxRateInput as d } from "./index99.js";
-import { useLineItemManagement as f } from "./index223.js";
-import { useGetMeasureUnits as p } from "./index449.js";
-import { FormErrorDisplay as m, useFormErrors as h } from "./index466.js";
-import "./index467.js";
-import { InvoiceItemRow as g } from "./index487.js";
-import { InvoiceDiscountField as _ } from "./index488.js";
-import { InvoiceTotals as v } from "./index489.js";
-import { useCallback as y, useEffect as b, useRef as x } from "react";
-import { Plus as S } from "lucide-react";
-import { jsx as C, jsxs as w } from "@emotion/react/jsx-runtime";
-import { useLingui as ee } from "@lingui/react";
-import { Controller as T, useFormContext as E } from "react-hook-form";
+import { Checkbox as t } from "./index105.js";
+import { ItemSelector as n } from "./index470.js";
+import { PriceField as r } from "./index471.js";
+import { QuantityField as i } from "./index472.js";
+import { MeasureUnitField as a } from "./index489.js";
+import { memo as o } from "react";
+import { Trash2 as s } from "lucide-react";
+import { jsx as c, jsxs as l } from "@emotion/react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index490.js
-var D = ({ defaultCurrency: D = "USD", registerLineItemCleanupFn: O }) => {
-	let { i18n: k } = ee(), { control: A, formState: j, getValues: M, watch: N, trigger: P, clearErrors: F } = E(), I = N("tax_mode") === "inclusive", { data: L, isLoading: R } = p(), { fields: z, subtotalPrice: te, discountValue: B, nonTaxableSubtotal: V, taxableSubtotal: H, totalPrice: U, totalTaxes: W, lineItemErrors: G, autoFocusIndex: K, handleAddRow: q, handleRemoveItem: J, setValueWithValidationLocal: Y, cleanUpLineItemsForSubmission: X } = f({
-		defaultCurrency: D,
-		isInclusivePricing: I
-	}), Z = y((e, t) => {
-		Y(e, t, { shouldValidate: !1 });
-	}, [Y]);
-	b(() => (O?.(X), () => O?.(null)), [O, X]);
-	let Q = x(null), { generalError: ne, fieldErrors: re } = h(G), $ = y((e, t, n) => {
-		let r = t.measureUnit?.id, i = t.measureUnit?.name;
-		i && !r ? (Z(`line_items.${e}.product.measure_unit_id`, ""), Z(`line_items.${e}.product.measure_unit_name`, i), Z(`line_items.${e}.measure_unit`, {
-			name: i,
-			id: null
-		})) : (r || n) && (Z(`line_items.${e}.product.measure_unit_id`, r || n), Z(`line_items.${e}.product.measure_unit_name`, void 0), Z(`line_items.${e}.measure_unit`, void 0));
-	}, [Z]), ie = y((e, t, n) => {
-		let r = t.label ?? "";
-		Z(`line_items.${e}.product.name`, r), r.trim() && F(`line_items.${e}.product.name`);
-		let i = t.id !== "" && t.id !== "custom" && n;
-		if (Z(`line_items.${e}.product_id`, i ? t.id : ""), i) {
-			Z(`line_items.${e}.product.price.value`, t.price?.value ?? 0), Z(`line_items.${e}.product.price.currency`, D);
-			let n = M(`line_items.${e}.product.measure_unit_id`);
-			$(e, t, n), Z(`line_items.${e}.quantity`, t.smallestAmount || 1), Z(`line_items.${e}.product.smallest_amount`, t.smallestAmount), Z(`line_items.${e}.product.type`, "product"), Z(`line_items.${e}.product.description`, t.description ?? ""), P(`line_items.${e}`);
-		}
-	}, [
-		D,
-		M,
-		Z,
-		$,
-		P,
-		F
-	]);
-	return /* @__PURE__ */ w("div", {
-		ref: Q,
-		className: "ttw:flex ttw:flex-col ttw:p-6 ttw:gap-2.5 ttw:border ttw:border-border ttw:rounded-xl",
+var u = o(({ index: o, control: u, errors: d, defaultCurrency: f = "USD", measureUnitsData: p, container: m, onRequestLineItemValue: h, onLineItemValueChange: g, onUpdateItem: _, onRemoveItem: v, canRemove: y, autoFocusName: b = !1 }) => {
+	let x = !!d.line_items?.[o]?.product?.name, S = !!d.line_items?.[o]?.quantity, C = !!d.line_items?.[o]?.product?.price?.value, w = h("product.name"), T = !!(w && w.trim()), E = d.line_items?.[o]?.product?.measure_unit_id;
+	return /* @__PURE__ */ l("li", {
+		className: "ttw:flex ttw:items-center ttw:gap-2.5 ttw:h-9",
 		children: [
-			/* @__PURE__ */ w("div", {
-				className: "ttw:flex ttw:flex-col ttw:gap-2.5 ttw:pb-4",
-				children: [/* @__PURE__ */ C(a, {
-					variant: "h4",
-					children: k._("Products and services")
-				}), /* @__PURE__ */ C(a, {
-					variant: "body2",
-					color: "muted",
-					className: "ttw:font-medium",
-					children: k._("Add the products and services on this invoice. You'll have the option to save new items to your inventory.")
-				})]
-			}),
-			/* @__PURE__ */ C(m, {
-				generalError: j?.errors?.line_items?.root?.message ?? ne,
-				fieldErrors: re
+			/* @__PURE__ */ c("div", {
+				className: "ttw:flex-1 ttw:min-w-30",
+				children: /* @__PURE__ */ c(n, {
+					onChange: (e, t) => _(o, e, t),
+					fieldName: h("product.name") || "",
+					index: o,
+					error: x,
+					autoFocus: b,
+					defaultCurrency: f,
+					measureUnits: p,
+					container: m
+				})
 			}),
-			/* @__PURE__ */ w("ul", {
-				className: "ttw:flex ttw:flex-col ttw:gap-2.5",
-				children: [/* @__PURE__ */ w("li", {
-					className: "ttw:flex ttw:items-center ttw:gap-2.5 ttw:h-5",
-					children: [
-						/* @__PURE__ */ C(a, {
-							variant: "body2",
-							className: "ttw:font-medium ttw:leading-5 ttw:min-w-30 ttw:whitespace-nowrap ttw:inline-flex ttw:flex-1",
-							children: k._("Item name")
-						}),
-						/* @__PURE__ */ C(a, {
-							variant: "body2",
-							className: "ttw:font-medium ttw:leading-5 ttw:w-24 ttw:min-w-24",
-							children: k._("Quantity")
-						}),
-						/* @__PURE__ */ C(a, {
-							variant: "body2",
-							className: "ttw:font-medium ttw:leading-5 ttw:w-20.5 ttw:min-w-20.5",
-							children: k._("Units")
-						}),
-						/* @__PURE__ */ C(a, {
-							variant: "body2",
-							className: "ttw:font-medium ttw:leading-5 ttw:max-w-41 ttw:w-full ttw:min-w-29",
-							children: k._("Price")
-						}),
-						/* @__PURE__ */ C(a, {
-							variant: "body2",
-							className: "ttw:font-medium ttw:leading-5 ttw:w-12 ttw:min-w-12",
-							children: k._("Taxable")
-						}),
-						z.length > 1 && /* @__PURE__ */ C("div", { className: "ttw:w-10 ttw:min-w-10" })
-					]
-				}), R ? /* @__PURE__ */ C("li", {
-					className: "ttw:flex ttw:items-center ttw:justify-center ttw:h-9",
-					children: /* @__PURE__ */ C(i, { className: "ttw:w-5 ttw:h-5" })
-				}) : z.map((e, t) => /* @__PURE__ */ C(g, {
-					field: e,
-					index: t,
-					control: A,
-					errors: j.errors,
-					defaultCurrency: D,
-					measureUnitsData: L,
-					onRequestLineItemValue: (e) => M(`line_items.${t}.${e}`),
-					onLineItemValueChange: (e, n, r) => {
-						let i = `line_items.${t}.${e}`;
-						Y(i, n, r);
-					},
-					canRemove: z.length > 1,
-					autoFocusName: t === K,
-					onUpdateItem: ie,
-					onRemoveItem: J,
-					container: Q
-				}, e.id))]
+			/* @__PURE__ */ c("div", { children: /* @__PURE__ */ c(i, {
+				index: o,
+				control: u,
+				quantityError: S,
+				canRemove: y,
+				hasProduct: T,
+				onLineItemValueChange: g,
+				onRemoveItem: v
+			}) }),
+			/* @__PURE__ */ c("div", { children: /* @__PURE__ */ c(a, {
+				value: h("product.measure_unit_id"),
+				onChange: (e) => {
+					g("product.measure_unit_id", e, { shouldValidate: !0 });
+				},
+				availableMeasureUnits: p?.data || [],
+				fieldError: E
+			}) }),
+			/* @__PURE__ */ c("div", { children: /* @__PURE__ */ c(r, {
+				error: C,
+				currency: f,
+				value: h("product.price.value"),
+				onChange: (e) => {
+					g("product.price.value", e, { shouldValidate: !0 });
+				}
+			}) }),
+			/* @__PURE__ */ c("div", {
+				className: "ttw:w-12 ttw:min-w-12 ttw:flex ttw:items-center ttw:justify-center",
+				children: /* @__PURE__ */ c(t, {
+					checked: h("taxable") ?? !1,
+					onCheckedChange: (e) => {
+						g("taxable", e === !0);
+					}
+				})
 			}),
-			/* @__PURE__ */ w(e, {
+			y && /* @__PURE__ */ c(e, {
 				type: "button",
 				variant: "ghost",
-				onClick: q,
-				className: "ttw:text-primary ttw:hover:text-primary ttw:w-fit",
-				children: [/* @__PURE__ */ C(S, { className: "ttw:size-5 ttw:text-primary" }), k._("Add item")]
-			}),
-			/* @__PURE__ */ C(T, {
-				name: "discount",
-				control: A,
-				render: ({ field: e }) => /* @__PURE__ */ C(_, {
-					value: e.value,
-					onChange: e.onChange,
-					onBlur: e.onBlur,
-					currency: D,
-					errorMessage: j.errors.discount?.amount?.message
-				})
-			}),
-			/* @__PURE__ */ C(T, {
-				name: "tax_rate",
-				control: A,
-				render: ({ field: e, fieldState: { error: i } }) => /* @__PURE__ */ w(s, { children: [/* @__PURE__ */ w(c, {
-					className: "ttw:flex-row ttw:justify-end",
-					children: [/* @__PURE__ */ C(u, {
-						htmlFor: e.name,
-						children: k._("Tax rate")
-					}), /* @__PURE__ */ w(t, {
-						className: "ttw:w-40 ttw:has-[>[data-align=inline-end]]:[&>input]:pr-0",
-						children: [/* @__PURE__ */ C(r, {
-							...e,
-							value: e.value ?? "",
-							id: e.name,
-							"aria-invalid": !!i || void 0,
-							className: "ttw:text-right",
-							placeholder: k._("e.g. 6.25"),
-							type: "text",
-							inputMode: "decimal",
-							onChange: (t) => {
-								e.onChange(d(t.target.value));
-							},
-							onBlur: (t) => {
-								let n = t.target.value;
-								e.onChange(n.endsWith(".") ? n.slice(0, -1) : n), e.onBlur();
-							}
-						}), /* @__PURE__ */ C(n, {
-							align: "inline-end",
-							children: "%"
-						})]
-					})]
-				}), /* @__PURE__ */ C(l, { errors: [i] })] })
-			}),
-			/* @__PURE__ */ C(o, {}),
-			/* @__PURE__ */ C(v, {
-				subtotalPrice: te,
-				discountValue: B,
-				nonTaxableSubtotal: V,
-				taxableSubtotal: H,
-				totalTaxes: W,
-				totalPrice: U
+				size: "sm",
+				className: "ttw:w-10 ttw:text-muted-foreground ttw:hover:bg-transparent ttw:hover:text-destructive ttw:border-l ttw:border-border ttw:pl-4 ttw:rounded-none ttw:has-[>svg]:pr-0",
+				onClick: () => v(o),
+				children: /* @__PURE__ */ c(s, {})
 			})
 		]
 	});
-};
+});
 //#endregion
-export { D as ItemsSection };
+export { u as InvoiceItemRow };