@tesouro/embedded-components-react 0.3.0 → 0.3.2

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

@@ -1,144 +1,39 @@
 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 "./index232.js";
-import { safeZodResolver as u } from "./index386.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 { Sheet as t, SheetContent as n, SheetDescription as r, SheetFooter as i, SheetHeader as a, SheetTitle as o } from "./index50.js";
+import { ManageMeasureUnitsForm as s } from "./index491.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/index492.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: ""
-		}
-	});
-	return /* @__PURE__ */ f("div", {
-		className: "ttw:flex ttw:flex-col ttw:p-3 ttw:gap-4 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, {
-					variant: "body2",
-					children: y._("Add a bank account")
+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__ */ 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__ */ d(t, {
-							...e,
-							id: "account_number",
-							placeholder: y._("e.g. 123456789"),
-							value: e.value ?? "",
-							disabled: x,
-							"aria-invalid": !!n
-						}),
-						/* @__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__ */ d(t, {
-							...e,
-							id: "account_holder_name",
-							placeholder: y._("e.g. James Smith"),
-							value: e.value ?? "",
-							disabled: x,
-							"aria-invalid": !!n
-						}),
-						/* @__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__ */ d(t, {
-							...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] : [] })
-					] }) })
-				})]
-			}),
-			/* @__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")
-				})]
-			})
-		]
+			]
+		})
 	});
 };
 //#endregion
-export { g as BankAccountSectionForm };
+export { d as ManageMeasureUnits };

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

@@ -1,133 +1,48 @@
-import { Scope as e } from "../../shared/data-access/dist/lib/scopes.js";
-import "../../shared/data-access/dist/index.js";
-import { Skeleton as t } from "./index54.js";
-import { Typography as n } from "./index62.js";
-import { Field as r, FieldContent as i, FieldError as a } from "./index88.js";
-import { Select as o, SelectContent as s, SelectItem as c, SelectSeparator as l, SelectTrigger as u, SelectValue as d } from "./index101.js";
-import { useUserPermissions as f } from "./index112.js";
-import { getLineLabel as p, getSourceLabel as m } from "./index120.js";
-import { useSelectableBankAccounts as h } from "./index121.js";
-import "./index194.js";
-import { Badge as g } from "./index195.js";
-import { Alert as _, AlertDescription as v, AlertTitle as y } from "./index252.js";
-import { BankAccountSectionForm as b } from "./index492.js";
-import { useEffect as x, useRef as S, useState as C } from "react";
-import { Plus as w, TriangleAlert as T } from "lucide-react";
-import { Fragment as E, jsx as D, jsxs as O } from "@emotion/react/jsx-runtime";
-import { useLingui as k } from "@lingui/react";
-import { Controller as A, useFormContext as j } from "react-hook-form";
+import { Select as e, SelectContent as t, SelectItem as n, SelectTrigger as r, SelectValue as i } from "./index105.js";
+import { ManageMeasureUnits as a } from "./index492.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/index493.js
-var M = ({ disabled: M, embeddedBankName: N }) => {
-	let { i18n: P } = k(), F = S(!1), { control: I, setValue: L, getFieldState: R, clearErrors: z } = j(), [B, V] = C(!1), H = f().has(e.BankAccountWriteOrg), { bankAccounts: U, isLoading: W } = h(), G = R("bank_account_id");
-	return x(() => {
-		if (U.length === 1 && !W && !F.current) {
-			let e = U[0];
-			L("bank_account_id", e.id), L("bank_account_type", e.bank_account_type), F.current = !0;
-		}
-	}, [
-		L,
-		U,
-		W
-	]), /* @__PURE__ */ O("div", {
-		className: "ttw:flex ttw:flex-col ttw:p-6 ttw:gap-2.5 ttw:border ttw:border-border ttw:rounded-xl",
-		children: [/* @__PURE__ */ O("div", {
-			className: "ttw:flex ttw:flex-col ttw:gap-2.5 ttw:pb-4",
-			children: [/* @__PURE__ */ D(n, {
-				variant: "h4",
-				children: P._("Payment instructions")
-			}), /* @__PURE__ */ D(n, {
-				variant: "body2",
-				color: "muted",
-				className: "ttw:font-medium",
-				children: P._("Tells the customer how they can pay you. We'll include the selected info on the invoice")
-			})]
-		}), W || U.length > 0 && !B ? /* @__PURE__ */ O("div", {
-			className: "ttw:flex ttw:flex-col ttw:p-3 ttw:gap-4 ttw:border ttw:border-border ttw:rounded-xl",
-			children: [/* @__PURE__ */ O("div", {
-				className: "ttw:flex ttw:flex-col ttw:gap-1",
-				children: [/* @__PURE__ */ D(n, {
-					variant: "body2",
-					children: P._("Bank account")
-				}), /* @__PURE__ */ D(n, {
-					variant: "caption",
-					color: "muted",
-					children: P._("Display your bank account number and routing number")
-				})]
-			}), W ? /* @__PURE__ */ D(t, { className: "ttw:w-full ttw:h-9 ttw:rounded-md" }) : /* @__PURE__ */ D(A, {
-				name: "bank_account_id",
-				control: I,
-				render: ({ field: e, fieldState: { error: t } }) => {
-					let n = U.find((t) => t.id === e.value), f = n ? m(n.bank_account_type, N, P) : null;
-					return /* @__PURE__ */ D(r, { children: /* @__PURE__ */ O(i, { children: [/* @__PURE__ */ D("div", {
-						className: "ttw:relative",
-						children: /* @__PURE__ */ O(o, {
-							...e,
-							disabled: M,
-							value: e.value,
-							onValueChange: (t) => {
-								if (t === "add_new") V(!0);
-								else {
-									e.onChange(t);
-									let n = U.find((e) => e.id === t);
-									n && L("bank_account_type", n.bank_account_type), G?.invalid && z("bank_account_id");
-								}
-							},
-							children: [/* @__PURE__ */ D(u, {
-								id: "bank_account_id",
-								className: "ttw:w-full",
-								"aria-label": P._("Bank account selector"),
-								"aria-invalid": !!t,
-								children: /* @__PURE__ */ D(d, {
-									placeholder: P._("Select bank account"),
-									children: n && /* @__PURE__ */ O("span", {
-										className: "ttw:flex ttw:min-w-0 ttw:flex-1 ttw:items-center ttw:justify-between ttw:gap-2",
-										children: [/* @__PURE__ */ D("span", {
-											className: "ttw:truncate",
-											children: p(n, P)
-										}), f && /* @__PURE__ */ D(g, {
-											variant: "secondary",
-											className: "ttw:shrink-0",
-											children: f
-										})]
-									})
-								})
-							}), /* @__PURE__ */ O(s, { children: [U.map((e) => {
-								let t = m(e.bank_account_type, N, P);
-								return /* @__PURE__ */ D(c, {
-									value: e.id,
-									children: /* @__PURE__ */ O("span", {
-										className: "ttw:flex ttw:min-w-0 ttw:flex-1 ttw:items-center ttw:justify-between ttw:gap-2",
-										children: [/* @__PURE__ */ D("span", {
-											className: "ttw:truncate",
-											children: p(e, P)
-										}), t && /* @__PURE__ */ D("span", {
-											className: "ttw:shrink-0 ttw:text-muted-foreground",
-											children: t
-										})]
-									})
-								}, e.id);
-							}), H && /* @__PURE__ */ O(E, { children: [/* @__PURE__ */ D(l, {}), /* @__PURE__ */ O(c, {
-								value: "add_new",
-								className: "ttw:text-primary ttw:hover:text-primary ttw:font-semibold ttw:focus:text-primary",
-								children: [/* @__PURE__ */ D(w, { className: "ttw:text-primary ttw:hover:text-primary ttw:font-semibold ttw:focus:text-primary" }), P._("Add a new account")]
-							})] })] })]
-						})
-					}), /* @__PURE__ */ D(a, { errors: t ? [t] : [] })] }) });
-				}
-			})]
-		}) : /* @__PURE__ */ D(E, { children: H ? /* @__PURE__ */ D(b, {
-			bankAccountsLength: U.length,
-			onCreate: (e) => {
-				V(!1), L("bank_account_id", e), L("bank_account_type", "BANK_DETAILS"), G?.invalid && z("bank_account_id");
-			},
-			onCancel: () => V(!1)
-		}) : /* @__PURE__ */ O(_, {
-			enableClose: !1,
-			variant: "warning",
-			icon: /* @__PURE__ */ D(T, {}),
-			children: [/* @__PURE__ */ D(y, { children: P._("There are no bank accounts on file for this account") }), /* @__PURE__ */ D(v, { children: P._("A bank account is required in order to issue invoices. Contact your company admin to set one up.") })]
-		}) })]
-	});
+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__ */ l(n, {
+				value: f,
+				children: y._("None")
+			}),
+			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 { M as BankAccountSection };
+export { p as MeasureUnitField };

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

@@ -1,81 +1,75 @@
-import { Textarea as e } from "./index102.js";
-import { Typography as t } from "./index62.js";
-import { Field as n, FieldContent as r, FieldDescription as i, FieldError as a, FieldLabel as o } from "./index88.js";
-import { jsx as s, jsxs as c } from "@emotion/react/jsx-runtime";
-import { useLingui as l } from "@lingui/react";
-import { Controller as u, useFormContext as d } from "react-hook-form";
+import { Button as e } from "./index56.js";
+import { Checkbox as t } from "./index103.js";
+import { ItemSelector as n } from "./index475.js";
+import { PriceField as r } from "./index476.js";
+import { QuantityField as i } from "./index477.js";
+import { MeasureUnitField as a } from "./index493.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/index494.js
-var f = ({ disabled: f }) => {
-	let { i18n: p } = l(), { control: m } = d();
-	return /* @__PURE__ */ c("div", {
-		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__ */ c("div", {
-				className: "ttw:flex ttw:flex-col ttw:gap-2.5 ttw:pb-4",
-				children: [/* @__PURE__ */ s(t, {
-					variant: "h4",
-					children: p._("Notes")
-				}), /* @__PURE__ */ s(t, {
-					variant: "body2",
-					color: "muted",
-					className: "ttw:font-medium",
-					children: p._("Provide additional information for your customer.")
-				})]
+				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__ */ s(u, {
-				name: "memo",
-				control: m,
-				render: ({ field: l, fieldState: { error: u } }) => /* @__PURE__ */ s(n, { children: /* @__PURE__ */ c(r, { children: [
-					/* @__PURE__ */ c(o, {
-						htmlFor: l.name,
-						className: "ttw:text-nowrap",
-						children: [p._("Opening note to the customer"), /* @__PURE__ */ s(t, {
-							variant: "body2",
-							color: "muted",
-							className: "ttw:leading-snug",
-							children: p._("(optional)")
-						})]
-					}),
-					/* @__PURE__ */ s(e, {
-						...l,
-						id: l.name,
-						disabled: f,
-						placeholder: p._("e.g., As discussed on our call, please find the attached invoice."),
-						className: "ttw:h-26 ttw:resize-none",
-						"aria-invalid": !!u
-					}),
-					/* @__PURE__ */ s(i, { children: p._("Appears above your line items. Use it to reference a discussion, agreement, or project.") }),
-					/* @__PURE__ */ s(a, { errors: u ? [u] : [] })
-				] }) })
+			/* @__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__ */ s(u, {
-				name: "footer",
-				control: m,
-				render: ({ field: l, fieldState: { error: u } }) => /* @__PURE__ */ s(n, { children: /* @__PURE__ */ c(r, { children: [
-					/* @__PURE__ */ c(o, {
-						htmlFor: l.name,
-						className: "ttw:text-nowrap",
-						children: [p._("Closing note to the customer"), /* @__PURE__ */ s(t, {
-							variant: "body2",
-							color: "muted",
-							className: "ttw:leading-snug",
-							children: p._("(optional)")
-						})]
-					}),
-					/* @__PURE__ */ s(e, {
-						...l,
-						id: l.name,
-						disabled: f,
-						placeholder: p._("e.g., Thank you for your business!"),
-						className: "ttw:h-26 ttw:resize-none",
-						"aria-invalid": !!u
-					}),
-					/* @__PURE__ */ s(i, { children: p._("Appears below your line items. Commonly used for thank you messages or payment instructions.") }),
-					/* @__PURE__ */ s(a, { errors: u ? [u] : [] })
-				] }) })
+			y && /* @__PURE__ */ c(e, {
+				type: "button",
+				variant: "ghost",
+				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 { f as NotesSection };
+export { u as InvoiceItemRow };