@tesouro/embedded-components-react 0.2.324 → 0.2.326

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

@@ -1,425 +1,12 @@
-import { Scope as e } from "../../shared/data-access/dist/lib/scopes.js";
-import "../../shared/data-access/dist/index.js";
-import { ScopedCssBaselineContainerClassName as t } from "./index31.js";
-import { useMoniteContext as n } from "./index47.js";
-import { useCounterpartById as ee } from "./index48.js";
-import { useCurrencies as te } from "./index63.js";
-import { useOptionalFields as ne } from "./index177.js";
-import { useRootElements as re } from "./index178.js";
-import "./index179.js";
-import { MoniteScopedProviders as r } from "./index209.js";
-import { useUserPermissions as ie } from "./index112.js";
-import { CounterpartDetails as ae } from "./index231.js";
-import { CounterpartAutocomplete as oe } from "./index249.js";
-import "./index278.js";
-import { MoniteCurrency as se } from "./index287.js";
-import "./index289.js";
-import { TagsAutocompleteInput as ce } from "./index303.js";
-import "./index304.js";
-import { classNames as le } from "./index335.js";
-import { useGetPayableCounterpart as ue } from "./index350.js";
-import { usePayableDetailsThemeProps as i } from "./index351.js";
-import "./index369.js";
-import { calculateTotalsForPayable as de, findDefaultBankAccount as fe, isFieldRequired as a, prepareDefaultValues as o, prepareSubmit as pe, resolveCreatePayableCounterpartAddressId as me } from "./index371.js";
-import { PayableLineItemsForm as he } from "./index374.js";
-import "./index375.js";
-import { usePayableDetailsForm as ge } from "./index376.js";
-import { getPayableDetailsFormSchema as _e, isFieldRequiredByValidations as s } from "./index377.js";
-import { useProductCurrencyGroups as ve } from "./index380.js";
-import { getBankAccountName as ye } from "./index381.js";
-import { safeZodResolver as be } from "./index382.js";
-import { useEffect as c, useMemo as xe, useRef as Se, useState as Ce } from "react";
-import { Fragment as we, jsx as l, jsxs as u } from "@emotion/react/jsx-runtime";
-import { Box as d, Button as f, FormControl as Te, FormHelperText as Ee, Grid as p, IconButton as De, InputLabel as Oe, MenuItem as ke, Paper as m, Select as Ae, Stack as je, Table as Me, TableBody as Ne, TableCell as h, TableRow as g, TextField as _, Typography as v } from "@mui/material";
-import { useLingui as Pe } from "@lingui/react";
-import { DatePicker as y } from "@mui/x-date-pickers";
-import { Controller as b, FormProvider as Fe, useForm as Ie, useFormState as Le } from "react-hook-form";
-import x from "@mui/icons-material/Add";
-import Re from "@mui/icons-material/DeleteForever";
+import { useGetProducts as e } from "./index382.js";
+import { useMemo as t } from "react";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index383.js
-var S = ({ ref: e, ...t }) => /* @__PURE__ */ l(r, { children: /* @__PURE__ */ l(C, {
-	ref: e,
-	...t
-}) }), C = ({ payable: r, savePayable: S, createPayable: C, lineItems: w, payableDetailsFormId: ze, initialCounterpartId: T, enableGLCodes: Be, hideAddDiscountButton: Ve, hideAddBankAccountButton: He, ref: Ue, ...E }) => {
-	let { i18n: D } = Pe(), { api: We, componentSettings: Ge } = n(), { root: O } = re(), { formatFromMinorUnits: k, formatToMinorUnits: A, formatCurrencyToDisplay: j, getSymbolFromCurrency: Ke } = te(), { isTagsDisabled: qe } = i(E), { data: M } = We.finops.getPayablesValidations.useQuery(), Je = xe(() => o(k, r, w, T), [
-		k,
-		r,
-		w,
-		T
-	]), N = Ie({
-		resolver: be(_e(D, M)),
-		defaultValues: Je,
-		mode: "onTouched"
-	}), { control: P, handleSubmit: Ye, watch: F, reset: I, trigger: L, setValue: R, getValues: z, getFieldState: B } = N, { dirtyFields: Xe } = Le({ control: P }), V = F("counterpart"), H = F("counterpartBankAccount"), Ze = F("invoiceDate"), Qe = F("dueDate"), U = F("currency"), $e = F("lineItems"), W = F("discount"), G = de($e, W), [et, K] = Ce(!1), { counterpartQuery: tt, counterpartBankAccountQuery: q } = ge({ currentCounterpartId: V }), { ocrRequiredFields: J, optionalFields: Y } = i(E), { showInvoiceDate: nt, showTags: rt } = ne(Y, {
-		showInvoiceDate: !0,
-		showTags: !0
-	}), it = ie().has(e.AccountingConfigReadOrg), X = Se(!1), { counterpart: Z, counterpartRawName: at, isCounterpartAIMatched: ot, isCounterpartMatchingToOCRFound: Q, isCounterpartLoading: st } = ue({ payable: r }), { data: $ } = ee(T);
-	c(() => {
-		I(o(k, r, w, T));
-	}, [
-		r,
-		k,
-		I,
-		w,
-		T
-	]), c(() => {
-		!V && H && R("counterpartBankAccount", "", { shouldValidate: !0 });
-	}, [
-		V,
-		H,
-		R
-	]), c(() => {
-		!Q || !Z || B("counterpart").isTouched || R("counterpart", Z.id);
-	}, [
-		Z,
-		B,
-		Q,
-		R
-	]), c(() => {
-		if (q.isSuccess && q.data?.data) {
-			let e = fe(q.data.data, U);
-			z("counterpartBankAccount") !== e && R("counterpartBankAccount", e, {
-				shouldDirty: !0,
-				shouldTouch: !0,
-				shouldValidate: !0
-			});
-		}
-	}, [
-		q.data,
-		q.isSuccess,
-		U,
-		z,
-		R
-	]), c(() => {
-		r?.id && L();
-	}, [L, r?.id]);
-	let { currencyGroups: ct, isLoadingCurrencyGroups: lt } = ve();
-	return /* @__PURE__ */ u(we, { children: [/* @__PURE__ */ l(d, {
-		className: le(t, "Monite-PayableDetailsForm"),
-		sx: {
-			pb: 6,
-			display: "flex",
-			flex: "1 1 auto",
-			overflow: "auto",
-			width: "100%",
-			height: 0
-		},
-		children: /* @__PURE__ */ l(Fe, {
-			...N,
-			children: /* @__PURE__ */ l("form", {
-				style: { width: "100%" },
-				ref: Ue,
-				id: ze,
-				noValidate: !0,
-				onBlur: () => {
-					X.current = !1;
-				},
-				onKeyDown: (e) => {
-					X.current = e.key === "Enter";
-				},
-				onSubmit: Ye(async (e) => {
-					let t = {
-						...e,
-						currency: e.currency,
-						counterpartAddressId: me(tt.data?.data, $, e.counterpart)
-					}, n = pe(t, A);
-					r ? S && S(r.id, n, e.lineItems, Xe) : C && C(n, e.lineItems);
-				}),
-				children: /* @__PURE__ */ u(p, {
-					container: !0,
-					spacing: 3,
-					children: [
-						/* @__PURE__ */ l(p, {
-							item: !0,
-							xs: 12,
-							children: /* @__PURE__ */ u(m, {
-								variant: "outlined",
-								sx: { p: 3 },
-								className: "Monite-PayableDetailsForm-Details",
-								children: [/* @__PURE__ */ l(v, {
-									variant: "subtitle2",
-									mb: 2,
-									children: D._("Details")
-								}), /* @__PURE__ */ u(je, {
-									spacing: 3,
-									children: [
-										/* @__PURE__ */ l(b, {
-											name: "invoiceNumber",
-											control: P,
-											render: ({ field: e, fieldState: { error: t } }) => /* @__PURE__ */ l(_, {
-												...e,
-												id: e.name,
-												label: D._("Number"),
-												variant: "standard",
-												fullWidth: !0,
-												error: !!t,
-												helperText: t?.message,
-												required: a("invoiceNumber", J)
-											})
-										}),
-										/* @__PURE__ */ l(oe, {
-											control: P,
-											disabled: st,
-											name: "counterpart",
-											label: D._("Vendor"),
-											customerType: "vendor",
-											required: a("counterpart", J) || s("counterpart_id", M),
-											getCounterpartDefaultValues: (e) => ({
-												tax_id: "",
-												counterpart: {
-													email: r?.counterpart_raw_data?.email ?? "",
-													phone: r?.counterpart_raw_data?.phone ?? "",
-													isCustomer: !1,
-													isVendor: !0,
-													line1: r?.counterpart_raw_data?.address?.line1 ?? "",
-													line2: r?.counterpart_raw_data?.address?.line2 ?? "",
-													city: r?.counterpart_raw_data?.address?.city ?? "",
-													state: r?.counterpart_raw_data?.address?.state ?? "",
-													postalCode: r?.counterpart_raw_data?.address?.postal_code ?? "",
-													country: "US",
-													...e === "individual" && { firstName: r?.counterpart_raw_data?.name ?? "" },
-													...e === "individual" && { lastName: "" },
-													...e === "organization" && { companyName: r?.counterpart_raw_data?.name ?? "" }
-												}
-											}),
-											counterpartMatchingToOCR: Q ? Z : void 0,
-											counterpartRawName: at,
-											showEditCounterpartButton: !0,
-											setShowEditCounterpartDialog: K,
-											counterpartAISuggested: ot ? Z : void 0,
-											preselectedCounterpart: $
-										}),
-										/* @__PURE__ */ l(b, {
-											name: "counterpartBankAccount",
-											control: P,
-											render: ({ field: e, fieldState: { error: t } }) => /* @__PURE__ */ u(Te, {
-												variant: "standard",
-												fullWidth: !0,
-												error: !!t,
-												required: a("counterpartBankAccount", J) || s("counterpart_bank_account_id", M),
-												children: [
-													/* @__PURE__ */ l(Oe, {
-														htmlFor: e.name,
-														children: D._("Bank account")
-													}),
-													/* @__PURE__ */ u(Ae, {
-														...e,
-														id: e.name,
-														labelId: e.name,
-														label: D._("Bank Account"),
-														MenuProps: { container: O },
-														disabled: !q?.data || q?.data?.data.length === 0,
-														children: [!He && /* @__PURE__ */ l(f, {
-															variant: "text",
-															startIcon: /* @__PURE__ */ l(x, {}),
-															fullWidth: !0,
-															sx: {
-																justifyContent: "flex-start",
-																px: 2,
-																py: 1
-															},
-															onClick: () => K(!0),
-															children: D._("Add new bank account")
-														}), q?.data?.data.map((e) => /* @__PURE__ */ l(ke, {
-															value: e.id,
-															children: ye(D, e)
-														}, e.id))]
-													}),
-													t && /* @__PURE__ */ l(Ee, { children: t.message })
-												]
-											})
-										}),
-										nt && /* @__PURE__ */ l(b, {
-											name: "invoiceDate",
-											control: P,
-											render: ({ field: e, fieldState: { error: t } }) => /* @__PURE__ */ l(y, {
-												maxDate: Qe,
-												slotProps: {
-													popper: { container: O },
-													dialog: { container: O },
-													actionBar: { actions: ["clear", "today"] },
-													textField: {
-														id: e.name,
-														variant: "outlined",
-														fullWidth: !0,
-														error: !!t,
-														helperText: t?.message,
-														required: a("invoiceDate", J) || s("issued_at", M)
-													}
-												},
-												...e,
-												label: D._("Issue date"),
-												views: [
-													"year",
-													"month",
-													"day"
-												]
-											})
-										}),
-										/* @__PURE__ */ l(b, {
-											name: "dueDate",
-											control: P,
-											render: ({ field: e, fieldState: { error: t } }) => /* @__PURE__ */ l(y, {
-												minDate: Ze,
-												slotProps: {
-													popper: { container: O },
-													dialog: { container: O },
-													actionBar: { actions: ["clear", "today"] },
-													textField: {
-														id: e.name,
-														variant: "outlined",
-														fullWidth: !0,
-														error: !!t,
-														helperText: t?.message,
-														required: a("dueDate", J)
-													}
-												},
-												...e,
-												label: D._("Due date"),
-												views: [
-													"year",
-													"month",
-													"day"
-												]
-											})
-										}),
-										/* @__PURE__ */ l(se, {
-											name: "currency",
-											control: P,
-											required: a("currency", J) || s("currency", M),
-											groups: ct,
-											disabled: lt,
-											allowedCurrencies: Ge?.payables?.availableCurrencies
-										}),
-										rt && /* @__PURE__ */ l(ce, {
-											control: P,
-											name: "tags",
-											label: D._("Tags"),
-											variant: "standard",
-											disabled: qe || !it,
-											required: a("tags", J)
-										})
-									]
-								})]
-							})
-						}),
-						/* @__PURE__ */ l(p, {
-							item: !0,
-							xs: 12,
-							children: /* @__PURE__ */ u(m, {
-								variant: "outlined",
-								sx: { p: 3 },
-								className: "Monite-PayableDetailsForm-Items",
-								children: [/* @__PURE__ */ l(v, {
-									variant: "subtitle2",
-									mb: 2,
-									children: D._("Items")
-								}), /* @__PURE__ */ l(he, { enableGLCodes: Be })]
-							})
-						}),
-						/* @__PURE__ */ l(p, {
-							item: !0,
-							xs: 12,
-							className: "Monite-PayableDetailsForm-Totals",
-							children: /* @__PURE__ */ l(m, {
-								variant: "outlined",
-								children: /* @__PURE__ */ l(Me, { children: /* @__PURE__ */ u(Ne, { children: [
-									/* @__PURE__ */ u(g, {
-										className: "Monite-PayableDetailsForm-Totals-Subtotal",
-										children: [/* @__PURE__ */ l(h, { children: D._("Subtotal") }), /* @__PURE__ */ l(h, {
-											align: "right",
-											children: /* @__PURE__ */ u(d, {
-												gap: .5,
-												alignItems: "center",
-												justifyContent: "flex-end",
-												display: "flex",
-												children: [W === null && !Ve && /* @__PURE__ */ l(f, {
-													variant: "text",
-													startIcon: /* @__PURE__ */ l(x, {}),
-													size: "small",
-													sx: {
-														pl: 1.25,
-														pr: 2,
-														py: 0
-													},
-													onClick: () => {
-														let e = N.setValue;
-														e("discount", 0);
-													},
-													children: D._("Add Discount")
-												}), G.subtotal && U ? j(A(G.subtotal, U) || 0, U) : "—"]
-											})
-										})]
-									}),
-									W !== null && /* @__PURE__ */ u(g, {
-										className: "Monite-PayableDetailsForm-Totals-Discount",
-										children: [/* @__PURE__ */ l(h, { children: D._("Discount") }), /* @__PURE__ */ l(h, {
-											align: "right",
-											children: /* @__PURE__ */ u(d, {
-												gap: .5,
-												alignItems: "center",
-												justifyContent: "flex-end",
-												display: "flex",
-												children: [/* @__PURE__ */ l(De, {
-													"aria-label": "delete",
-													onClick: () => {
-														let e = N.setValue;
-														e("discount", null);
-													},
-													children: /* @__PURE__ */ l(Re, {})
-												}), /* @__PURE__ */ l(b, {
-													name: "discount",
-													control: P,
-													render: ({ field: e, fieldState: { error: t } }) => /* @__PURE__ */ l(_, {
-														...e,
-														id: e.name,
-														variant: "standard",
-														type: "number",
-														inputProps: {
-															min: 0,
-															step: .01
-														},
-														error: !!t,
-														sx: { width: 150 },
-														InputProps: { endAdornment: Ke(U) }
-													})
-												})]
-											})
-										})]
-									}),
-									/* @__PURE__ */ u(g, {
-										className: "Monite-PayableDetailsForm-Totals-Taxes",
-										children: [/* @__PURE__ */ l(h, { children: D._("Tax total") }), /* @__PURE__ */ l(h, {
-											align: "right",
-											children: G.taxes && U ? j(A(G.taxes, U) || 0, U) : "—"
-										})]
-									}),
-									/* @__PURE__ */ u(g, {
-										className: "Monite-PayableDetailsForm-Totals-Total",
-										children: [/* @__PURE__ */ l(h, { children: /* @__PURE__ */ l(v, {
-											variant: "subtitle1",
-											children: D._("Total")
-										}) }), /* @__PURE__ */ l(h, {
-											align: "right",
-											children: /* @__PURE__ */ l(v, {
-												variant: "subtitle1",
-												children: G.total && U ? j(A(G.total, U) || 0, U) : "—"
-											})
-										})]
-									})
-								] }) })
-							})
-						})
-					]
-				})
-			})
-		})
-	}), V && /* @__PURE__ */ l(ae, {
-		counterpartId: V,
-		open: et,
-		onClose: () => K(!1),
-		customerType: "vendor"
-	})] });
+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
+	};
 };
 //#endregion
-export { S as PayableDetailsForm };
+export { n as useExistingCurrenciesFromProducts };

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

@@ -1 +1,19 @@
-import "./index383.js";
+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 };

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

@@ -1,22 +1,9 @@
-import { useMoniteContext as e } from "./index47.js";
+import { getCountries as e } from "./index12.js";
+import { getCurrencies as t } from "./index14.js";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index385.js
-var t = (t) => {
-	let { api: n } = e();
-	return n.finops.getPaymentLinksId.useQuery({ path: { payment_link_id: t ?? "" } }, { enabled: !!t });
-}, n = () => {
-	let { api: t } = e(), n = t.finops.postPaymentLinks.useMutation({});
-	return async (e, t, r, i) => n.mutateAsync({
-		recipient: {
-			id: t,
-			type: "counterpart"
-		},
-		object: {
-			id: e,
-			type: "payable"
-		},
-		payment_methods: r,
-		expires_at: new Date(Date.now() + i * 24 * 3600 * 1e3).toISOString()
-	});
-};
+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;
 //#endregion
-export { n as useCreatePayablePaymentLink, t as usePaymentLinkById };
+export { n as getBankAccountName };

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

@@ -1,95 +1,7 @@
-import { usePaymentIntentById as e } from "./index135.js";
-import "./index138.js";
-import { useRootElements as t } from "./index178.js";
-import "./index179.js";
-import { useCreatePayablePaymentLink as n, usePaymentLinkById as r } from "./index385.js";
-import { useEffect as i, useState as a } from "react";
-import { jsx as o, jsxs as s } from "@emotion/react/jsx-runtime";
-import { toast as c } from "react-hot-toast";
-import { Box as l, CircularProgress as u, Modal as d } from "@mui/material";
-import { useLingui as f } from "@lingui/react";
+import { zodResolver as e } from "@hookform/resolvers/zod";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index386.js
-var p = (p, m, h, g) => {
-	let { i18n: _ } = f(), { root: v } = t(), y = n(), [b, x] = a(!1), [S, C] = a(null), [w, T] = a(null), [E, D] = a(!1), { data: O, isSuccess: k } = e(g ?? "");
-	i(() => {
-		k && O?.payment_link_id && g && T(O.payment_link_id);
-	}, [
-		k,
-		O,
-		g
-	]);
-	let { data: A, refetch: j, isSuccess: M, isLoading: N } = r(w ?? "");
-	return i(() => {
-		M && A?.payment_intent?.status === "processing" && h?.(p ?? "", A?.payment_intent?.status ?? "");
-	}, [
-		A,
-		M,
-		h,
-		p
-	]), {
-		handlePay: async () => {
-			if (!m) {
-				c.error(_._("Vendor not found. Please create a vendor first."));
-				return;
-			}
-			if (!E) try {
-				if (N) {
-					c.error(_._("Payment link is still loading. Please wait a moment and try again."));
-					return;
-				}
-				if (!w || M && A?.payment_intent?.status !== "created") {
-					if (D(!0), !p) throw Error("Payable ID is undefined");
-					let e = await y(p, m, ["sepa_credit"], 60);
-					if (e.payment_page_url) T(e.id), C(e.payment_page_url);
-					else throw T(null), C(null), Error("No payment page URL in response");
-				} else if (A?.payment_page_url) C(A.payment_page_url);
-				else throw Error("No payment page URL in existing payment link");
-				x(!0);
-			} catch (e) {
-				console.error("Payment link creation/retrieval error:", e), c.error(g && O?.status === "created" ? _._("Failed to retrieve payment link. Please try again.") : _._("Failed to create payment link. Please try again.")), x(!1);
-			} finally {
-				D(!1);
-			}
-		},
-		isCreatingPaymentLink: E,
-		modalComponent: /* @__PURE__ */ o(d, {
-			open: b,
-			onClose: async () => {
-				await j(), x(!1), C(null);
-			},
-			container: v,
-			children: /* @__PURE__ */ o(l, {
-				sx: {
-					position: "absolute",
-					top: "50%",
-					left: "50%",
-					transform: "translate(-50%, -50%)",
-					width: "80%",
-					maxWidth: 600,
-					bgcolor: "background.paper",
-					boxShadow: 24,
-					p: 4,
-					borderRadius: 2
-				},
-				children: S ? /* @__PURE__ */ o("iframe", {
-					src: S,
-					title: "Payment Page",
-					width: "100%",
-					height: "400px",
-					style: { border: "none" }
-				}) : /* @__PURE__ */ s(l, {
-					sx: {
-						display: "flex",
-						flexDirection: "column",
-						alignItems: "center",
-						gap: 2,
-						py: 4
-					},
-					children: [/* @__PURE__ */ o(u, {}), /* @__PURE__ */ o("p", { children: _._("Loading payment page...") })]
-				})
-			})
-		})
-	};
-};
+function t(t) {
+	return e(t);
+}
 //#endregion
-export { p as usePaymentHandler };
+export { t as safeZodResolver };