@tesouro/embedded-components-react 0.2.240 → 0.2.242

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

@@ -1,175 +1,32 @@
-import { Button as e } from "./index56.js";
-import { InputGroup as t, InputGroupAddon as n, InputGroupInput as r } from "./index103.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 "./index176.js";
-import { useLineItemManagement as d } from "./index190.js";
-import { useGetMeasureUnits as f } from "./index446.js";
-import { FormErrorDisplay as p, useFormErrors as m } from "./index460.js";
-import "./index461.js";
-import { InvoiceItemRow as h } from "./index480.js";
-import { InvoiceTotals as g } from "./index481.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/index482.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, totalPrice: B, totalTaxes: V, lineItemErrors: H, autoFocusIndex: U, handleAddRow: W, handleRemoveItem: G, setValueWithValidationLocal: K, cleanUpLineItemsForSubmission: q } = d({
-		defaultCurrency: E,
-		isInclusivePricing: F
-	}), J = _((e, t) => {
-		K(e, t, { shouldValidate: !1 });
-	}, [K]);
-	v(() => (D?.(q), () => D?.(null)), [D, q]);
-	let Y = y(null), { generalError: X, fieldErrors: Z } = m(H), Q = _((e, t, n) => {
-		let r = t.measureUnit?.id, i = t.measureUnit?.name;
-		i && !r ? (J(`line_items.${e}.product.measure_unit_id`, ""), J(`line_items.${e}.product.measure_unit_name`, i), J(`line_items.${e}.measure_unit`, {
-			name: i,
-			id: null
-		})) : (r || n) && (J(`line_items.${e}.product.measure_unit_id`, r || n), J(`line_items.${e}.product.measure_unit_name`, void 0), J(`line_items.${e}.measure_unit`, void 0));
-	}, [J]), $ = _((e, t, n) => {
-		let r = t.label ?? "";
-		J(`line_items.${e}.product.name`, r), r.trim() && P(`line_items.${e}.product.name`);
-		let i = t.id !== "" && t.id !== "custom" && n;
-		if (J(`line_items.${e}.product_id`, i ? t.id : ""), i) {
-			J(`line_items.${e}.product.price.value`, t.price?.value ?? 0), J(`line_items.${e}.product.price.currency`, E);
-			let n = j(`line_items.${e}.product.measure_unit_id`);
-			Q(e, t, n), J(`line_items.${e}.quantity`, t.smallestAmount || 1), J(`line_items.${e}.product.smallest_amount`, t.smallestAmount), J(`line_items.${e}.product.type`, "product"), J(`line_items.${e}.product.description`, t.description ?? ""), N(`line_items.${e}`);
-		}
-	}, [
-		E,
-		j,
-		J,
-		Q,
-		N,
-		P
-	]);
-	return /* @__PURE__ */ S("div", {
-		ref: Y,
-		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, totalTaxes: a, totalPrice: o }) => {
+	let { i18n: s } = 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: s._("Subtotal"),
+				value: r,
+				className: "ttw:text-sm ttw:font-normal"
 			}),
-			/* @__PURE__ */ x(p, {
-				generalError: A?.errors?.line_items?.root?.message ?? X,
-				fieldErrors: Z
+			/* @__PURE__ */ e(i, {
+				label: s._("Tax"),
+				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(h, {
-					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}`;
-						K(i, n, r);
-					},
-					canRemove: R.length > 1,
-					autoFocusName: t === U,
-					onUpdateItem: $,
-					onRemoveItem: G,
-					container: Y
-				}, e.id))]
-			}),
-			/* @__PURE__ */ S(e, {
-				type: "button",
-				variant: "ghost",
-				onClick: W,
-				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__ */ 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-28 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,
-				totalTaxes: V,
-				totalPrice: B
+			/* @__PURE__ */ e(i, {
+				label: s._("Total"),
+				value: o,
+				className: "ttw:text-lg ttw:font-medium"
 			})
 		]
 	});
 };
 //#endregion
-export { E as ItemsSection };
+export { a as InvoiceTotals };

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

@@ -1,144 +1,175 @@
 import { Button as e } from "./index56.js";
-import { Input as t } from "./index89.js";
-import { Typography as n } from "./index62.js";
-import { Field as r, FieldContent as i, FieldError as a, FieldLabel as o } from "./index88.js";
-import { getCreateBankAccountSchema as s } from "./index94.js";
-import { useCreateEntityBankAccount as c } from "./index114.js";
-import { prepareBankAccountCreatePayload as l } from "./index211.js";
-import "./index225.js";
-import { safeZodResolver as u } from "./index379.js";
-import { jsx as d, jsxs as f } from "@emotion/react/jsx-runtime";
-import { useLingui as p } from "@lingui/react";
-import { Controller as m, useForm as h } from "react-hook-form";
+import { InputGroup as t, InputGroupAddon as n, InputGroupInput as r } from "./index103.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 "./index176.js";
+import { useLineItemManagement as d } from "./index190.js";
+import { useGetMeasureUnits as f } from "./index447.js";
+import { FormErrorDisplay as p, useFormErrors as m } from "./index461.js";
+import "./index462.js";
+import { InvoiceItemRow as h } from "./index481.js";
+import { InvoiceTotals as g } from "./index482.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";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index483.js
-var g = ({ bankAccountsLength: g, onCreate: _, onCancel: v }) => {
-	let { i18n: y } = p(), { mutate: b, isPending: x } = c(_), { control: S, handleSubmit: C } = h({
-		mode: "onSubmit",
-		reValidateMode: "onSubmit",
-		resolver: u(s(y)),
-		defaultValues: {
-			display_name: "",
-			account_holder_name: "",
-			account_number: "",
-			routing_number: ""
+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, totalPrice: B, totalTaxes: V, lineItemErrors: H, autoFocusIndex: U, handleAddRow: W, handleRemoveItem: G, setValueWithValidationLocal: K, cleanUpLineItemsForSubmission: q } = d({
+		defaultCurrency: E,
+		isInclusivePricing: F
+	}), J = _((e, t) => {
+		K(e, t, { shouldValidate: !1 });
+	}, [K]);
+	v(() => (D?.(q), () => D?.(null)), [D, q]);
+	let Y = y(null), { generalError: X, fieldErrors: Z } = m(H), Q = _((e, t, n) => {
+		let r = t.measureUnit?.id, i = t.measureUnit?.name;
+		i && !r ? (J(`line_items.${e}.product.measure_unit_id`, ""), J(`line_items.${e}.product.measure_unit_name`, i), J(`line_items.${e}.measure_unit`, {
+			name: i,
+			id: null
+		})) : (r || n) && (J(`line_items.${e}.product.measure_unit_id`, r || n), J(`line_items.${e}.product.measure_unit_name`, void 0), J(`line_items.${e}.measure_unit`, void 0));
+	}, [J]), $ = _((e, t, n) => {
+		let r = t.label ?? "";
+		J(`line_items.${e}.product.name`, r), r.trim() && P(`line_items.${e}.product.name`);
+		let i = t.id !== "" && t.id !== "custom" && n;
+		if (J(`line_items.${e}.product_id`, i ? t.id : ""), i) {
+			J(`line_items.${e}.product.price.value`, t.price?.value ?? 0), J(`line_items.${e}.product.price.currency`, E);
+			let n = j(`line_items.${e}.product.measure_unit_id`);
+			Q(e, t, n), J(`line_items.${e}.quantity`, t.smallestAmount || 1), J(`line_items.${e}.product.smallest_amount`, t.smallestAmount), J(`line_items.${e}.product.type`, "product"), J(`line_items.${e}.product.description`, t.description ?? ""), N(`line_items.${e}`);
 		}
-	});
-	return /* @__PURE__ */ f("div", {
-		className: "ttw:flex ttw:flex-col ttw:p-3 ttw:gap-4 ttw:border ttw:border-border ttw:rounded-xl",
+	}, [
+		E,
+		j,
+		J,
+		Q,
+		N,
+		P
+	]);
+	return /* @__PURE__ */ S("div", {
+		ref: Y,
+		className: "ttw:flex ttw:flex-col ttw:p-6 ttw:gap-2.5 ttw:border ttw:border-border ttw:rounded-xl",
 		children: [
-			/* @__PURE__ */ d("div", {
-				className: "ttw:flex ttw:flex-col ttw:gap-1",
-				children: /* @__PURE__ */ d(n, {
+			/* @__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",
-					children: y._("Add a bank account")
-				})
+					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__ */ f("div", {
-				className: "ttw:flex ttw:gap-4",
-				children: [/* @__PURE__ */ d(m, {
-					name: "routing_number",
-					control: S,
-					render: ({ field: e, fieldState: { error: n } }) => /* @__PURE__ */ d(r, { children: /* @__PURE__ */ f(i, { children: [
-						/* @__PURE__ */ d(o, {
-							htmlFor: "routing_number",
-							children: y._("Routing number")
-						}),
-						/* @__PURE__ */ d(t, {
-							...e,
-							id: "routing_number",
-							placeholder: y._("e.g. 123456789"),
-							value: e.value ?? "",
-							disabled: x,
-							"aria-invalid": !!n
-						}),
-						/* @__PURE__ */ d(a, { errors: n ? [n] : [] })
-					] }) })
-				}), /* @__PURE__ */ d(m, {
-					name: "account_number",
-					control: S,
-					render: ({ field: e, fieldState: { error: n } }) => /* @__PURE__ */ d(r, { children: /* @__PURE__ */ f(i, { children: [
-						/* @__PURE__ */ d(o, {
-							htmlFor: "account_number",
-							children: y._("Account number")
+			/* @__PURE__ */ x(p, {
+				generalError: A?.errors?.line_items?.root?.message ?? X,
+				fieldErrors: Z
+			}),
+			/* @__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__ */ d(t, {
-							...e,
-							id: "account_number",
-							placeholder: y._("e.g. 123456789"),
-							value: e.value ?? "",
-							disabled: x,
-							"aria-invalid": !!n
+						/* @__PURE__ */ x(a, {
+							variant: "body2",
+							className: "ttw:font-medium ttw:leading-5 ttw:w-24 ttw:min-w-24",
+							children: O._("Quantity")
 						}),
-						/* @__PURE__ */ d(a, { errors: n ? [n] : [] })
-					] }) })
-				})]
-			}),
-			/* @__PURE__ */ f("div", {
-				className: "ttw:flex ttw:gap-4",
-				children: [/* @__PURE__ */ d(m, {
-					name: "account_holder_name",
-					control: S,
-					render: ({ field: e, fieldState: { error: n } }) => /* @__PURE__ */ d(r, { children: /* @__PURE__ */ f(i, { children: [
-						/* @__PURE__ */ d(o, {
-							htmlFor: "account_holder_name",
-							children: y._("Account holder name")
+						/* @__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__ */ d(t, {
-							...e,
-							id: "account_holder_name",
-							placeholder: y._("e.g. James Smith"),
-							value: e.value ?? "",
-							disabled: x,
-							"aria-invalid": !!n
+						/* @__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__ */ d(a, { errors: n ? [n] : [] })
-					] }) })
-				}), /* @__PURE__ */ d(m, {
-					name: "display_name",
-					control: S,
-					render: ({ field: e, fieldState: { error: s } }) => /* @__PURE__ */ d(r, { children: /* @__PURE__ */ f(i, { children: [
-						/* @__PURE__ */ f(o, {
-							htmlFor: "display_name",
-							className: "ttw:gap-1",
-							children: [y._("Account nickname"), /* @__PURE__ */ d(n, {
-								variant: "body2",
-								color: "muted",
-								className: "ttw:leading-snug",
-								children: y._("(optional)")
-							})]
+						/* @__PURE__ */ x(a, {
+							variant: "body2",
+							className: "ttw:font-medium ttw:leading-5 ttw:w-12 ttw:min-w-12",
+							children: O._("Taxable")
 						}),
-						/* @__PURE__ */ d(t, {
+						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(h, {
+					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}`;
+						K(i, n, r);
+					},
+					canRemove: R.length > 1,
+					autoFocusName: t === U,
+					onUpdateItem: $,
+					onRemoveItem: G,
+					container: Y
+				}, e.id))]
+			}),
+			/* @__PURE__ */ S(e, {
+				type: "button",
+				variant: "ghost",
+				onClick: W,
+				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__ */ 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-28 ttw:has-[>[data-align=inline-end]]:[&>input]:pr-0",
+						children: [/* @__PURE__ */ x(r, {
 							...e,
-							id: "display_name",
-							placeholder: y._("e.g. Empire Bank Checking"),
 							value: e.value ?? "",
-							disabled: x,
-							"aria-invalid": !!s
-						}),
-						/* @__PURE__ */ d(a, { errors: s ? [s] : [] })
-					] }) })
-				})]
+							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__ */ f("div", {
-				className: "ttw:flex ttw:gap-4",
-				children: [g !== 0 && /* @__PURE__ */ d(e, {
-					type: "button",
-					variant: "outline",
-					className: "ttw:border-border",
-					disabled: x,
-					onClick: v,
-					children: y._("Cancel")
-				}), /* @__PURE__ */ d(e, {
-					type: "button",
-					disabled: x,
-					onClick: C((e) => {
-						b({ body: l(e) });
-					}),
-					children: y._("Save account")
-				})]
+			/* @__PURE__ */ x(o, {}),
+			/* @__PURE__ */ x(g, {
+				subtotalPrice: z,
+				totalTaxes: V,
+				totalPrice: B
 			})
 		]
 	});
 };
 //#endregion
-export { g as BankAccountSectionForm };
+export { E as ItemsSection };