@tesouro/embedded-components-react 0.3.0 → 0.3.1

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

@@ -1,44 +1,66 @@
-import { getCurrencyEnum as e } from "./index94.js";
-import { z as t } from "zod";
+import { useRootElements as e } from "./index206.js";
+import "./index207.js";
+import { useLedgerAccounts as t } from "./index363.js";
+import { useMemo as n } from "react";
+import { Fragment as r, jsx as i, jsxs as a } from "@emotion/react/jsx-runtime";
+import { Autocomplete as o, CircularProgress as s, FormControl as c, TextField as l, Typography as u } from "@mui/material";
+import { useLingui as d } from "@lingui/react";
+import { createElement as f } from "@emotion/react";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index381.js
-var n = (e, t) => !!t?.required_fields?.includes(e), r = (n) => {
-	let r = t.array(t.object({
-		id: t.string().meta({ title: n._("Item ID") }),
-		name: t.string().min(1, n._("Item name is required")).meta({ title: n._("Item Name") }),
-		quantity: t.coerce.number().positive(n._("Item quantity must be positive")).meta({ title: n._("Quantity") }),
-		price: t.coerce.number().min(0, n._("Item price cannot be negative")).meta({ title: n._("Price") }),
-		tax: t.coerce.number().min(0, n._("Item tax cannot be negative")).max(100, n._("Item tax cannot exceed 100%")).meta({ title: n._("Tax") }),
-		ledger_account_id: t.string().nullable().optional().meta({ title: n._("GL Code") })
-	})).meta({ title: n._("Line Items") }), i = t.object({
-		id: t.string(),
-		name: t.string()
-	}).loose().meta({ title: n._("Tag") });
-	return t.object({
-		invoiceNumber: t.string().min(1, n._("Invoice Number is required")).meta({ title: n._("Invoice Number") }),
-		counterpart: t.string().meta({ title: n._("Vendor") }),
-		counterpartBankAccount: t.string().optional().meta({ title: n._("Vendor Bank Account") }),
-		invoiceDate: t.preprocess((e) => e === null ? void 0 : e, t.date()).optional().meta({ title: n._("Invoice Date") }),
-		dueDate: t.preprocess((e) => e === null ? void 0 : e, t.date()).optional().meta({ title: n._("Due Date") }),
-		currency: e(n).optional().meta({ title: n._("Currency") }),
-		tags: t.array(i).meta({ title: n._("Tags") }),
-		lineItems: r,
-		discount: t.union([t.coerce.number().min(0), t.null()]).optional().meta({ title: n._("Discount") })
+var p = ({ value: p, error: m, helperText: h, disabled: g, placeholder: _, onChange: v }) => {
+	let { i18n: y } = d(), { data: b, isLoading: x, error: S } = t(), { root: C } = e(), w = n(() => b?.data ?? [], [b?.data]), T = n(() => p ? w.find((e) => e.id === p) ?? null : null, [p, w]);
+	return S ? /* @__PURE__ */ i(c, {
+		error: !0,
+		fullWidth: !0,
+		children: /* @__PURE__ */ i(l, {
+			label: y._("GL Code"),
+			variant: "standard",
+			disabled: !0,
+			error: !0,
+			helperText: y._("Failed to load GL codes")
+		})
+	}) : /* @__PURE__ */ i(o, {
+		options: w,
+		value: T,
+		onChange: (e, t) => v(t?.id || null),
+		getOptionLabel: (e) => e.nominal_code && e.type ? `${e.nominal_code} — ${e.type}` : e.nominal_code || e.type || e.name || "",
+		isOptionEqualToValue: (e, t) => e.id === t.id,
+		loading: x,
+		disabled: g || x,
+		slotProps: { popper: { container: C } },
+		renderInput: (e) => /* @__PURE__ */ i(l, {
+			...e,
+			label: y._("GL Code"),
+			variant: "standard",
+			fullWidth: !0,
+			error: m,
+			helperText: h,
+			placeholder: _,
+			InputProps: {
+				...e.InputProps,
+				endAdornment: /* @__PURE__ */ a(r, { children: [x ? /* @__PURE__ */ i(s, {
+					color: "inherit",
+					size: 20
+				}) : null, e.InputProps.endAdornment] })
+			}
+		}),
+		renderOption: (e, t) => /* @__PURE__ */ f("li", {
+			...e,
+			key: t.id
+		}, /* @__PURE__ */ a("div", { children: [/* @__PURE__ */ i(u, {
+			variant: "body2",
+			color: "text.secondary",
+			component: "div",
+			fontWeight: 600,
+			children: t.nominal_code && t.type ? `${t.nominal_code} — ${t.type}` : t.nominal_code || t.type
+		}), t.subtype && /* @__PURE__ */ i(u, {
+			variant: "body2",
+			component: "div",
+			fontWeight: 400,
+			children: t.subtype
+		})] })),
+		noOptionsText: y._("No GL codes found")
 	});
-}, i = (e, t) => r(e).refine((e) => e.dueDate instanceof Date, {
-	path: ["dueDate"],
-	message: e._("Due date is required")
-}).refine((e) => !n("counterpart_id", t) || !!e.counterpart, {
-	path: ["counterpart"],
-	message: e._("Vendor is required")
-}).refine((e) => !n("counterpart_bank_account_id", t) || !!e.counterpartBankAccount, {
-	path: ["counterpartBankAccount"],
-	message: e._("Vendor bank account is required")
-}).refine((e) => !n("issued_at", t) || e.invoiceDate instanceof Date, {
-	path: ["invoiceDate"],
-	message: e._("Invoice date is required")
-}).refine((e) => !n("currency", t) || e.currency !== void 0, {
-	path: ["currency"],
-	message: e._("Currency is required")
-});
+};
 //#endregion
-export { i as getPayableDetailsFormSchema, n as isFieldRequiredByValidations };
+export { p as GLCodeSelector };

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

@@ -1,8 +1 @@
-import { useMoniteContext as e } from "./index47.js";
-//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index382.js
-var t = (t, n = !0) => {
-	let { api: r } = e();
-	return r.finops.getProducts.useQuery({ query: t }, { enabled: n });
-};
-//#endregion
-export { t as useGetProducts };
+import "./index381.js";

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

@@ -1,12 +1,200 @@
-import { useGetProducts as e } from "./index382.js";
-import { useMemo as t } from "react";
+import { useCurrencies as e } from "./index63.js";
+import { calculateTotalPriceForLineItem as t } from "./index380.js";
+import { GLCodeSelector as n } from "./index381.js";
+import "./index382.js";
+import { jsx as r, jsxs as i } from "@emotion/react/jsx-runtime";
+import { Button as a, Grid as o, IconButton as s, TextField as c, Typography as l } from "@mui/material";
+import { useLingui as u } from "@lingui/react";
+import { Controller as d, useFieldArray as f, useFormContext as p } from "react-hook-form";
+import m from "@mui/icons-material/DeleteForever";
+import h from "@mui/icons-material/Add";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index383.js
-var n = () => {
-	let { data: n, isLoading: r } = e();
-	return {
-		existingCurrencies: t(() => new Set(n?.data?.map((e) => e.price?.currency).filter((e) => !!e) ?? []), [n?.data]),
-		isLoadingProducts: r
-	};
+var g = ({ enableGLCodes: g }) => {
+	let { i18n: _ } = u(), { getSymbolFromCurrency: v, formatCurrencyToDisplay: y, formatToMinorUnits: b } = e(), { control: x, watch: S } = p(), { fields: C, append: w, remove: T } = f({
+		control: x,
+		name: "lineItems"
+	}), E = S("currency"), D = S("lineItems");
+	return /* @__PURE__ */ i(o, {
+		container: !0,
+		direction: "column",
+		spacing: 4,
+		children: [C.map((e, a) => /* @__PURE__ */ i(o, {
+			item: !0,
+			container: !0,
+			gap: 2,
+			className: "Monite-PayableDetailsForm-Item",
+			children: [
+				/* @__PURE__ */ i(o, {
+					item: !0,
+					xs: 12,
+					gap: 2,
+					container: !0,
+					flexWrap: "nowrap",
+					children: [
+						/* @__PURE__ */ r(o, {
+							item: !0,
+							xs: 8,
+							children: /* @__PURE__ */ r(d, {
+								name: `lineItems.${a}.name`,
+								control: x,
+								render: ({ field: e, fieldState: { error: t } }) => /* @__PURE__ */ r(c, {
+									...e,
+									id: e.name,
+									label: _._("Name"),
+									variant: "standard",
+									error: !!t,
+									helperText: t?.message,
+									fullWidth: !0
+								})
+							})
+						}),
+						/* @__PURE__ */ r(o, {
+							item: !0,
+							xs: 3,
+							children: /* @__PURE__ */ r(d, {
+								name: `lineItems.${a}.quantity`,
+								control: x,
+								render: ({ field: e, fieldState: { error: t } }) => /* @__PURE__ */ r(c, {
+									...e,
+									id: e.name,
+									label: _._("Quantity"),
+									variant: "standard",
+									type: "number",
+									inputProps: { min: 1 },
+									error: !!t,
+									helperText: t?.message,
+									fullWidth: !0
+								})
+							})
+						}),
+						/* @__PURE__ */ r(o, {
+							item: !0,
+							xs: 1,
+							container: !0,
+							sx: {
+								justifyContent: "flex-end",
+								alignItems: "center"
+							},
+							children: /* @__PURE__ */ r(s, {
+								"aria-label": "delete",
+								onClick: () => T(a),
+								disabled: C.length === 1,
+								children: /* @__PURE__ */ r(m, {})
+							})
+						})
+					]
+				}),
+				g && /* @__PURE__ */ i(o, {
+					item: !0,
+					xs: 12,
+					gap: 2,
+					container: !0,
+					flexWrap: "nowrap",
+					children: [/* @__PURE__ */ r(o, {
+						item: !0,
+						xs: 11,
+						children: /* @__PURE__ */ r(d, {
+							name: `lineItems.${a}.ledger_account_id`,
+							control: x,
+							render: ({ field: e, fieldState: { error: t } }) => /* @__PURE__ */ r(n, {
+								value: e.value ?? void 0,
+								onChange: (t) => e.onChange(t ?? void 0),
+								error: !!t,
+								helperText: t?.message
+							})
+						})
+					}), /* @__PURE__ */ r(o, {
+						item: !0,
+						xs: 1
+					})]
+				}),
+				/* @__PURE__ */ i(o, {
+					item: !0,
+					xs: 12,
+					gap: 2,
+					container: !0,
+					flexWrap: "nowrap",
+					justifyContent: "flex-end",
+					children: [
+						/* @__PURE__ */ r(o, {
+							item: !0,
+							xs: 8,
+							children: /* @__PURE__ */ r(d, {
+								name: `lineItems.${a}.price`,
+								control: x,
+								render: ({ field: e, fieldState: { error: t } }) => /* @__PURE__ */ r(c, {
+									...e,
+									id: e.name,
+									label: _._("Price"),
+									variant: "standard",
+									type: "number",
+									inputProps: { min: 0 },
+									error: !!t,
+									helperText: t?.message,
+									fullWidth: !0,
+									InputProps: { endAdornment: v(S("currency")) }
+								})
+							})
+						}),
+						/* @__PURE__ */ r(o, {
+							item: !0,
+							xs: 3,
+							children: /* @__PURE__ */ r(d, {
+								name: `lineItems.${a}.tax`,
+								control: x,
+								render: ({ field: e, fieldState: { error: t } }) => /* @__PURE__ */ r(c, {
+									...e,
+									id: e.name,
+									label: _._("Tax"),
+									variant: "standard",
+									type: "number",
+									inputProps: {
+										min: 0,
+										max: 100
+									},
+									error: !!t,
+									helperText: t?.message,
+									fullWidth: !0,
+									InputProps: { endAdornment: "%" }
+								})
+							})
+						}),
+						/* @__PURE__ */ r(o, {
+							item: !0,
+							xs: 1
+						})
+					]
+				}),
+				D?.[a] && E && /* @__PURE__ */ r(o, {
+					item: !0,
+					xs: 12,
+					gap: 2,
+					className: "Monite-PayableDetailsForm-Item-Total",
+					children: /* @__PURE__ */ r(l, {
+						fontWeight: "bold",
+						align: "right",
+						children: y(b(t(D?.[a]), E) || 0, E)
+					})
+				})
+			]
+		}, e.id)), /* @__PURE__ */ r(o, {
+			item: !0,
+			xs: 12,
+			gap: 2,
+			children: /* @__PURE__ */ r(a, {
+				variant: "text",
+				startIcon: /* @__PURE__ */ r(h, {}),
+				onClick: () => w({
+					id: "",
+					name: "",
+					quantity: 1,
+					price: 0,
+					tax: 19
+				}),
+				children: _._("Add item")
+			})
+		})]
+	});
 };
 //#endregion
-export { n as useExistingCurrenciesFromProducts };
+export { g as PayableLineItemsForm };

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

@@ -1,19 +1 @@
-import { useExistingCurrenciesFromProducts as e } from "./index383.js";
-import { useMemo as t } from "react";
-import { useLingui as n } from "@lingui/react";
-//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index384.js
-var r = () => {
-	let { i18n: r } = n(), { existingCurrencies: i, isLoadingProducts: a } = e();
-	return {
-		currencyGroups: t(() => [{
-			title: r._("You have items in"),
-			predicate: (e) => i.has(e.code)
-		}, {
-			title: r._("No items created in"),
-			predicate: (e) => !i.has(e.code)
-		}], [i, r]),
-		isLoadingCurrencyGroups: a
-	};
-};
-//#endregion
-export { r as useProductCurrencyGroups };
+import "./index383.js";

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

@@ -1,9 +1,11 @@
-import { getCountries as e } from "./index12.js";
-import { getCurrencies as t } from "./index14.js";
+import { useCounterpartList as e } from "./index129.js";
+import { useCounterpartsBankAccountsList as t } from "./index226.js";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index385.js
-var n = (e, t) => {
-	let n = r(e, t);
-	return t.is_default_for_currency ? e._("{bankAccountName} (Default)", { bankAccountName: n }) : n;
-}, r = (n, r) => r.name ? r.name : r.country && r.currency ? `${e(n)[r.country]} (${t(n)[r.currency]})` : r.id;
+function n({ currentCounterpartId: n }) {
+	return {
+		counterpartQuery: e({ query: { is_vendor: !0 } }),
+		counterpartBankAccountQuery: t(n)
+	};
+}
 //#endregion
-export { n as getBankAccountName };
+export { n as usePayableDetailsForm };

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

@@ -1,7 +1,44 @@
-import { zodResolver as e } from "@hookform/resolvers/zod";
+import { getCurrencyEnum as e } from "./index98.js";
+import { z as t } from "zod";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index386.js
-function t(t) {
-	return e(t);
-}
+var n = (e, t) => !!t?.required_fields?.includes(e), r = (n) => {
+	let r = t.array(t.object({
+		id: t.string().meta({ title: n._("Item ID") }),
+		name: t.string().min(1, n._("Item name is required")).meta({ title: n._("Item Name") }),
+		quantity: t.coerce.number().positive(n._("Item quantity must be positive")).meta({ title: n._("Quantity") }),
+		price: t.coerce.number().min(0, n._("Item price cannot be negative")).meta({ title: n._("Price") }),
+		tax: t.coerce.number().min(0, n._("Item tax cannot be negative")).max(100, n._("Item tax cannot exceed 100%")).meta({ title: n._("Tax") }),
+		ledger_account_id: t.string().nullable().optional().meta({ title: n._("GL Code") })
+	})).meta({ title: n._("Line Items") }), i = t.object({
+		id: t.string(),
+		name: t.string()
+	}).loose().meta({ title: n._("Tag") });
+	return t.object({
+		invoiceNumber: t.string().min(1, n._("Invoice Number is required")).meta({ title: n._("Invoice Number") }),
+		counterpart: t.string().meta({ title: n._("Vendor") }),
+		counterpartBankAccount: t.string().optional().meta({ title: n._("Vendor Bank Account") }),
+		invoiceDate: t.preprocess((e) => e === null ? void 0 : e, t.date()).optional().meta({ title: n._("Invoice Date") }),
+		dueDate: t.preprocess((e) => e === null ? void 0 : e, t.date()).optional().meta({ title: n._("Due Date") }),
+		currency: e(n).optional().meta({ title: n._("Currency") }),
+		tags: t.array(i).meta({ title: n._("Tags") }),
+		lineItems: r,
+		discount: t.union([t.coerce.number().min(0), t.null()]).optional().meta({ title: n._("Discount") })
+	});
+}, i = (e, t) => r(e).refine((e) => e.dueDate instanceof Date, {
+	path: ["dueDate"],
+	message: e._("Due date is required")
+}).refine((e) => !n("counterpart_id", t) || !!e.counterpart, {
+	path: ["counterpart"],
+	message: e._("Vendor is required")
+}).refine((e) => !n("counterpart_bank_account_id", t) || !!e.counterpartBankAccount, {
+	path: ["counterpartBankAccount"],
+	message: e._("Vendor bank account is required")
+}).refine((e) => !n("issued_at", t) || e.invoiceDate instanceof Date, {
+	path: ["invoiceDate"],
+	message: e._("Invoice date is required")
+}).refine((e) => !n("currency", t) || e.currency !== void 0, {
+	path: ["currency"],
+	message: e._("Currency is required")
+});
 //#endregion
-export { t as safeZodResolver };
+export { i as getPayableDetailsFormSchema, n as isFieldRequiredByValidations };