@tesouro/embedded-components-react 0.3.0 → 0.3.2

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

@@ -1,92 +1,40 @@
-import { ScopedCssBaselineContainerClassName as e } from "./index31.js";
-import { useMoniteContext as t } from "./index47.js";
-import { MoniteScopedProviders as n } from "./index209.js";
-import { classNames as r } from "./index339.js";
-import { InvoicesTable as i } from "./index444.js";
-import { QuotesTable as a } from "./index449.js";
-import { CreditNotesTable as o } from "./index450.js";
-import { useId as s, useState as c } from "react";
-import { Fragment as l, jsx as u, jsxs as d } from "@emotion/react/jsx-runtime";
-import { Box as f, Tabs as p } from "@mui/material";
-import { useLingui as m } from "@lingui/react";
+import { Fragment as e, jsx as t, jsxs as n } from "@emotion/react/jsx-runtime";
+import { Alert as r } from "@mui/material";
+import { TimeField as i } from "@mui/x-date-pickers";
+import { Controller as a } from "react-hook-form";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index536.js
-var h = {
-	Invoices: 0,
-	Quotes: 1,
-	CreditNotes: 2,
-	Financing: 3
-}, g = (e) => /* @__PURE__ */ u(n, { children: /* @__PURE__ */ u(_, { ...e }) }), _ = ({ initialCounterpartId: t, onRowClick: n, onTabChange: g, setIsCreateInvoiceDialogOpen: _, ...y }) => {
-	let { tab: b, tabs: x } = v(y), { i18n: S } = m(), [C, w] = c(b ?? h.Invoices), T = `Monite-ReceivablesTable-Tabs-${s()}-`, E = x?.[C], D = (e) => {
-		w(e), g?.(e);
-	};
-	return /* @__PURE__ */ d(l, { children: [
-		/* @__PURE__ */ u(f, {
-			className: r(e, "Monite-ReceivablesTable-Tabs"),
-			children: /* @__PURE__ */ u(p, {
-				value: C,
+var o = ({ control: o, name: s, required: c, fullWidth: l, slotProps: u, ...d }) => {
+	let f = (e) => e?.type === "custom";
+	return /* @__PURE__ */ t(a, {
+		control: o,
+		name: s,
+		render: ({ field: a, fieldState: { error: o, isTouched: p }, formState: { isValid: m } }) => {
+			let h = (p || !m) && !f(o), g = a.value === null ? null : new Date(a.value);
+			return /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ t(i, {
+				...a,
+				...d,
 				variant: "standard",
-				"aria-label": S._("Receivables tabs"),
-				sx: { border: "none" },
-				onChange: (e, t) => D(Number(t)),
-				children: x?.map(({ label: e, query: t }, n) => null)
-			})
-		}),
-		E?.query?.type === "quote" && /* @__PURE__ */ u(f, {
-			role: "tabpanel",
-			id: `${T}-${C}-tabpanel`,
-			"aria-labelledby": `${T}-${C}-tab`,
-			sx: {
-				display: "flex",
-				flexDirection: "column",
-				height: "inherit",
-				minHeight: "0"
-			},
-			children: /* @__PURE__ */ u(a, {
-				onRowClick: n,
-				setIsCreateInvoiceDialogOpen: _,
-				query: E?.query
-			}, C)
-		}),
-		E?.query?.type === "invoice" && /* @__PURE__ */ u(f, {
-			role: "tabpanel",
-			id: `${T}-${C}-tabpanel`,
-			"aria-labelledby": `${T}-${C}-tab`,
-			sx: {
-				display: "flex",
-				flexDirection: "column",
-				height: "inherit",
-				minHeight: "0"
-			},
-			children: /* @__PURE__ */ u(i, {
-				initialCounterpartId: t,
-				onRowClick: n,
-				setIsCreateInvoiceDialogOpen: _,
-				query: E?.query
-			}, C)
-		}),
-		E?.query?.type === "credit_note" && /* @__PURE__ */ u(f, {
-			role: "tabpanel",
-			id: `${T}-${C}-tabpanel`,
-			"aria-labelledby": `${T}-${C}-tab`,
-			sx: {
-				display: "flex",
-				flexDirection: "column",
-				height: "inherit",
-				minHeight: "0"
-			},
-			children: /* @__PURE__ */ u(o, {
-				onRowClick: n,
-				setIsCreateInvoiceDialogOpen: _,
-				query: E?.query
-			}, C)
-		})
-	] });
-}, v = (e) => {
-	let { componentSettings: n } = t();
-	return {
-		tab: e?.tab ?? n?.receivables?.tab,
-		tabs: e?.tabs ?? n?.receivables?.tabs
-	};
+				required: c,
+				fullWidth: l,
+				value: g,
+				helperText: h && o?.message,
+				slotProps: {
+					...u,
+					textField: {
+						...u?.textField,
+						id: s,
+						error: h && !!o?.message,
+						helperText: h && o?.message
+					}
+				}
+			}), f(o) && /* @__PURE__ */ t(r, {
+				severity: "error",
+				icon: !1,
+				sx: { marginTop: -2 },
+				children: o?.message
+			})] });
+		}
+	});
 };
 //#endregion
-export { g as ReceivablesTable, h as ReceivablesTableTabEnum, v as useReceivablesTableProps };
+export { o as RHFTimePicker };

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

@@ -1,105 +1 @@
-import { Scope as e } from "../../shared/data-access/dist/lib/scopes.js";
-import "../../shared/data-access/dist/index.js";
-import { Button as t } from "./index56.js";
-import { useComponentSettings as n } from "./index187.js";
-import "./index189.js";
-import { MoniteScopedProviders as r } from "./index209.js";
-import { useUserPermissions as i } from "./index112.js";
-import { AccessRestriction as a } from "./index242.js";
-import "./index244.js";
-import { CreateReceivables as o } from "./index506.js";
-import { ReceivablesTable as s, ReceivablesTableTabEnum as c } from "./index536.js";
-import { ActionsModal as l } from "./index516.js";
-import { InvoiceDetailsPanel as u } from "./index535.js";
-import { useCallback as d, useEffect as f, useRef as p, useState as m } from "react";
-import { Fragment as h, jsx as g, jsxs as _ } from "@emotion/react/jsx-runtime";
-import { useLingui as v } from "@lingui/react";
-//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index537.js
-var y = (e) => /* @__PURE__ */ g(r, { children: /* @__PURE__ */ g(b, { ...e }) }), b = ({ pageTitleComponent: r, embeddedBankName: y, initialView: b, initialCounterpartId: x }) => {
-	let { i18n: S } = v(), { componentSettings: C, receivablesCallbacks: w } = n(), [T, E] = m(""), [D, O] = m(!1), [k, A] = m(null), [j, M] = m(void 0), N = p(!1), [P, F] = m(C.receivables.tab ?? c.Invoices), I = d((e) => {
-		E(e);
-	}, []), L = d((e) => {
-		I(e);
-	}, [I]), R = d(() => {
-		E("");
-	}, []), z = d(() => {
-		O(!1), M(void 0);
-	}, []), B = d((e, t) => {
-		z(), F(c.Invoices), t.mode === "issue" ? t.hasCustomerEmail ? A({
-			action: "issue",
-			showEmailStep: !0,
-			receivableId: e,
-			counterpartId: t.counterpartId,
-			inlineLineItems: t.inlineLineItems
-		}) : t.inlineLineItems.length > 0 && A({
-			action: "issue",
-			showEmailStep: !1,
-			receivableId: e,
-			counterpartId: t.counterpartId,
-			inlineLineItems: t.inlineLineItems
-		}) : (t.mode === "draft" || t.mode === "recurrence") && (E(e), t.inlineLineItems.length > 0 && A({
-			action: t.mode,
-			showEmailStep: !1,
-			receivableId: e,
-			counterpartId: t.counterpartId,
-			inlineLineItems: t.inlineLineItems
-		})), w.onCreate?.(e);
-	}, [
-		w,
-		F,
-		z
-	]), V = i(), H = V.has(e.InvoiceWriteOrg), U = V.has(e.InvoiceReadOrg);
-	return f(() => {
-		N.current || b === "create" && H && (N.current = !0, M(x), O(!0));
-	}, [
-		b,
-		H,
-		x
-	]), /* @__PURE__ */ _(h, { children: [
-		r(/* @__PURE__ */ g(h, { children: /* @__PURE__ */ g(t, {
-			id: "actions",
-			size: "lg",
-			disabled: !H,
-			onClick: () => {
-				M(void 0), O(!0);
-			},
-			children: S._("Create Invoice")
-		}) })),
-		!U && /* @__PURE__ */ g(a, {}),
-		U && /* @__PURE__ */ g(s, {
-			initialCounterpartId: b === "create" ? void 0 : x,
-			tab: P,
-			onTabChange: F,
-			onRowClick: L,
-			setIsCreateInvoiceDialogOpen: O
-		}),
-		!!T && /* @__PURE__ */ g(u, {
-			open: !0,
-			invoiceId: T,
-			onCloseInvoiceDetails: R,
-			onDuplicate: I,
-			openInvoiceDetails: I,
-			embeddedBankName: y
-		}),
-		D && /* @__PURE__ */ g(o, {
-			open: !0,
-			type: "invoice",
-			embeddedBankName: y,
-			initialCounterpartId: j,
-			onCreate: B,
-			onOpenChange: z
-		}),
-		k && /* @__PURE__ */ g(l, {
-			open: !0,
-			action: k.action,
-			inlineLineItems: k.inlineLineItems,
-			issue: k.showEmailStep ? {
-				receivableId: k.receivableId,
-				counterpartId: k.counterpartId
-			} : void 0,
-			onClose: () => A(null)
-		})
-	] });
-};
-//#endregion
-export { y as Receivables };
+import "./index536.js";

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

@@ -1,6 +1,136 @@
-import "./index444.js";
-import "./index449.js";
-import "./index450.js";
-import "./index506.js";
-import "./index536.js";
+import { useCurrencies as e } from "./index63.js";
+import "./index217.js";
+import { manualPaymentRecordValidationSchema as t } from "./index98.js";
+import { RHFTextField as n } from "./index302.js";
+import "./index303.js";
+import { safeZodResolver as r } from "./index391.js";
+import { RHFDatePicker as i } from "./index534.js";
+import "./index535.js";
+import { RHFTimePicker as a } from "./index536.js";
 import "./index537.js";
+import { useEffect as o, useMemo as s } from "react";
+import { Fragment as c, jsx as l, jsxs as u } from "@emotion/react/jsx-runtime";
+import { Button as d, CircularProgress as f, DialogActions as p, DialogContent as m, DialogTitle as h, FormHelperText as g, Grid as _ } from "@mui/material";
+import { useLingui as v } from "@lingui/react";
+import { useForm as y } from "react-hook-form";
+//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index538.js
+var b = ({ invoice: b, initialValues: x, isLoading: S, onSubmit: C, onCancel: w }) => {
+	let { i18n: T } = v(), { formatCurrencyToDisplay: E, getSymbolFromCurrency: D } = e(), { control: O, handleSubmit: k, reset: A, setValue: j } = y({
+		resolver: r(t(T, b.amount_due)),
+		defaultValues: s(() => x ?? {
+			amount: 0,
+			payment_date: /* @__PURE__ */ new Date(),
+			payment_time: /* @__PURE__ */ new Date()
+		}, [x])
+	});
+	o(() => {
+		A(x);
+	}, [x, A]);
+	let M = D(b.currency);
+	return /* @__PURE__ */ l(c, { children: /* @__PURE__ */ u("form", {
+		onSubmit: k(C),
+		children: [
+			/* @__PURE__ */ l(h, {
+				sx: {
+					px: 4,
+					pt: 4
+				},
+				variant: "h3",
+				id: "dialog-title",
+				children: T._("Record payment")
+			}),
+			/* @__PURE__ */ l(m, {
+				sx: { p: 4 },
+				children: /* @__PURE__ */ u(_, {
+					container: !0,
+					spacing: 1,
+					children: [
+						/* @__PURE__ */ u(_, {
+							item: !0,
+							xs: 12,
+							children: [/* @__PURE__ */ l(n, {
+								label: T._("Amount"),
+								name: "amount",
+								placeholder: "0",
+								control: O,
+								type: "number",
+								sx: { "::after": {
+									content: `"${M}"`,
+									position: "absolute",
+									right: "16px",
+									bottom: 0,
+									transform: "translateY(-50%)",
+									fontSize: "16px",
+									color: "rgba(0,0,0,0.28)",
+									pointerEvents: "none"
+								} },
+								fullWidth: !0,
+								required: !0
+							}), /* @__PURE__ */ u(g, { children: [
+								T._("Enter full amount due of"),
+								" ",
+								/* @__PURE__ */ l(d, {
+									variant: "text",
+									sx: { textDecoration: "underline" },
+									onClick: () => j("amount", b.amount_due / 100),
+									children: E(b.amount_due, b.currency)
+								})
+							] })]
+						}),
+						/* @__PURE__ */ l(_, {
+							item: !0,
+							xs: 6,
+							children: /* @__PURE__ */ l(i, {
+								label: T._("Date"),
+								name: "payment_date",
+								control: O
+							})
+						}),
+						/* @__PURE__ */ l(_, {
+							item: !0,
+							xs: 6,
+							children: /* @__PURE__ */ l(a, {
+								label: T._("Time"),
+								name: "payment_time",
+								control: O,
+								sx: { "::after": {
+									content: "\"UTC\"",
+									position: "absolute",
+									right: "16px",
+									bottom: 0,
+									transform: "translateY(-50%)",
+									fontSize: "16px",
+									color: "rgba(0,0,0,0.28)",
+									pointerEvents: "none"
+								} },
+								fullWidth: !0,
+								required: !0
+							})
+						})
+					]
+				})
+			}),
+			/* @__PURE__ */ u(p, {
+				sx: {
+					px: 4,
+					pb: 4
+				},
+				children: [/* @__PURE__ */ l(d, {
+					autoFocus: !0,
+					onClick: w,
+					children: T._("Cancel")
+				}), /* @__PURE__ */ l(d, {
+					variant: "contained",
+					startIcon: S ? /* @__PURE__ */ l(f, {
+						size: 20,
+						color: "warning"
+					}) : null,
+					type: "submit",
+					children: T._("Save")
+				})]
+			})
+		]
+	}) });
+};
+//#endregion
+export { b as PaymentRecordForm };

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

@@ -1,27 +1,109 @@
-import { ConfirmationModal as e } from "./index59.js";
-import "./index60.js";
-import { useGetProductById as t } from "./index482.js";
-import { useDeleteProduct as n } from "./index483.js";
-import "./index485.js";
-import { jsx as r } from "@emotion/react/jsx-runtime";
-import { useLingui as i } from "@lingui/react";
+import { fromMinorUnits as e, toMinorUnits as t } from "./index13.js";
+import { useMoniteContext as n } from "./index47.js";
+import { useEntityUserByAuthToken as r } from "./index133.js";
+import { useCreatePaymentRecord as i } from "./index138.js";
+import "./index142.js";
+import { useRootElements as a } from "./index206.js";
+import "./index207.js";
+import { ManualPaymentRecordDetails as o } from "./index533.js";
+import { PaymentRecordForm as s } from "./index538.js";
+import { useState as c } from "react";
+import { Fragment as l, jsx as u, jsxs as d } from "@emotion/react/jsx-runtime";
+import { Box as f, Button as p, Dialog as m, DialogActions as h, DialogContent as g } from "@mui/material";
+import { useLingui as _ } from "@lingui/react";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index539.js
-var a = ({ id: a, open: o, onClose: s, onDeleted: c }) => {
-	let { i18n: l } = i(), { data: u } = t(a), d = n(a, () => {
-		s(), c?.(a);
-	});
-	return u ? /* @__PURE__ */ r(e, {
-		open: o && !!a,
-		title: l._("Delete \"{name}\"?", { name: u.name }),
-		message: l._("It will remain in all the documents where it is added. You can't undo this action."),
-		confirmLabel: l._("Delete"),
-		cancelLabel: l._("Cancel"),
-		onClose: s,
-		onConfirm: () => {
-			d.mutate(void 0);
-		},
-		isLoading: d.isPending
-	}) : null;
+var v = {
+	amount: 0,
+	payment_date: /* @__PURE__ */ new Date(),
+	payment_time: /* @__PURE__ */ new Date(),
+	created_by: ""
+}, y = ({ children: y, invoice: b }) => {
+	let [x, S] = c(!1), [C, w] = c(!1), [T, E] = c(v), { i18n: D } = _(), { root: O } = a(), k = () => S(!0), A = () => S(!1), { api: j, queryClient: M } = n(), { mutate: N, isPending: P } = i(), { data: F, isLoading: I } = r(), L = (e) => {
+		E({
+			...e,
+			amount: t(e?.amount ?? 0),
+			created_by: F?.id ?? ""
+		}), w(!0);
+	}, R = () => {
+		w(!1), E(v);
+	}, z = () => {
+		let e = new Date(T.payment_date).setHours(T.payment_time.getHours(), T.payment_time.getMinutes()), t = new Date(e);
+		N({
+			amount: T?.amount ?? 0,
+			currency: b.currency,
+			paid_at: t.toISOString(),
+			object: {
+				id: b.id,
+				type: "receivable"
+			},
+			payment_intent_id: b.id,
+			entity_user_id: F?.id,
+			status: "succeeded"
+		}, { onSuccess: () => {
+			j.finops.getReceivablesId.invalidateQueries({ parameters: { path: { receivable_id: b.id } } }, M), j.finops.getReceivables.invalidateQueries(M), A(), R();
+		} });
+	}, B = P || I;
+	return [
+		"draft",
+		"paid",
+		"canceled",
+		"deleted",
+		"accepted",
+		"recurring",
+		"expired",
+		"declined",
+		"uncollectible"
+	].includes(b.status) ? null : /* @__PURE__ */ d(l, { children: [y({ openModal: k }), /* @__PURE__ */ u(m, {
+		open: x,
+		onClose: A,
+		container: O,
+		"aria-labelledby": "dialog-title",
+		fullWidth: !0,
+		maxWidth: "sm",
+		children: C ? /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u(g, {
+			sx: { p: 4 },
+			children: /* @__PURE__ */ u(o, {
+				invoice: b,
+				paymentRecords: T
+			})
+		}), /* @__PURE__ */ d(h, {
+			sx: {
+				px: 4,
+				pb: 4,
+				justifyContent: "space-between"
+			},
+			children: [/* @__PURE__ */ u(p, {
+				onClick: A,
+				children: D._("Cancel")
+			}), /* @__PURE__ */ d(f, {
+				sx: {
+					display: "flex",
+					gap: 2
+				},
+				children: [/* @__PURE__ */ u(p, {
+					variant: "outlined",
+					disabled: B,
+					onClick: () => w(!1),
+					children: D._("Edit record")
+				}), /* @__PURE__ */ u(p, {
+					variant: "contained",
+					disabled: B,
+					onClick: z,
+					children: D._("Confirm")
+				})]
+			})]
+		})] }) : /* @__PURE__ */ u(s, {
+			invoice: b,
+			initialValues: {
+				amount: T.amount ? e(T.amount) : 0,
+				payment_date: T.payment_date,
+				payment_time: T.payment_time
+			},
+			isLoading: B,
+			onCancel: A,
+			onSubmit: L
+		})
+	})] });
 };
 //#endregion
-export { a as ProductDeleteModal };
+export { y as RecordManualPaymentModal };

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

@@ -1,15 +1,54 @@
-import { Badge as e } from "./index195.js";
-import { jsx as t } from "@emotion/react/jsx-runtime";
-import { useLingui as n } from "@lingui/react";
-import { twMerge as r } from "tailwind-merge";
+import { useCurrencies as e } from "./index63.js";
+import "./index217.js";
+import { ConfirmationModal as t } from "./index59.js";
+import "./index60.js";
+import { useGetRecurrenceById as n } from "./index168.js";
+import { useCancelRecurrence as r } from "./index169.js";
+import i from "deep-eql";
+import { jsx as a, jsxs as o } from "@emotion/react/jsx-runtime";
+import { Trans as s, useLingui as c } from "@lingui/react";
+import { usePreviousDistinct as l } from "react-use";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index540.js
-var i = ({ type: i }) => {
-	let { i18n: a } = n(), o = i === "product", s = o ? a._("Product") : a._("Service");
-	return /* @__PURE__ */ t(e, {
-		variant: "secondary",
-		className: r(o ? "ttw:bg-blue-100 ttw:text-blue-700" : "ttw:bg-pink-100 ttw:text-pink-700"),
-		children: s
+var u = ({ invoice: u, open: d, onClose: f }) => {
+	let { i18n: p } = c(), { formatCurrencyToDisplay: m } = e(), h = u?.recurrence_id ?? "", { mutate: g, isPending: _ } = r(h, u.id), { data: v } = n(h), y = l(v, i), b = (y?.status === "active" && v?.status === "canceled" ? y : v)?.iterations?.filter(({ status: e }) => e === "pending")?.length ?? 0, x = u && b !== void 0 ? m(u.total_amount_with_credit_notes * b, u.currency) : void 0;
+	return /* @__PURE__ */ o(t, {
+		open: d && !!u.id,
+		title: p._("Cancel Recurring Invoice"),
+		confirmLabel: p._("Cancel recurrence"),
+		cancelLabel: p._("Close"),
+		onClose: f,
+		onConfirm: () => g(void 0, { onSuccess: f }),
+		isLoading: _,
+		children: [
+			/* @__PURE__ */ a("span", {
+				className: "ttw:inline-block",
+				children: p._("Are you sure you want to cancel this recurring invoice?")
+			}),
+			/* @__PURE__ */ a("span", {
+				className: "ttw:inline-block",
+				children: p._("All future iterations of this invoice will be canceled.")
+			}),
+			u && b !== void 0 && /* @__PURE__ */ a("span", {
+				className: "ttw:inline-block",
+				children: /* @__PURE__ */ a(s, {
+					id: "ZYrFPL",
+					values: {
+						0: b === 1 ? p._("invoice") : p._("invoices"),
+						totalPendingInvoices: b,
+						pendingInvoicesTotalAmountWithCreditNotes: x
+					},
+					components: {
+						0: /* @__PURE__ */ a("strong", {}),
+						1: /* @__PURE__ */ a("strong", {})
+					}
+				})
+			}),
+			/* @__PURE__ */ a("span", {
+				className: "ttw:inline-block",
+				children: p._("This action can't be undone.")
+			})
+		]
 	});
 };
 //#endregion
-export { i as ProductType };
+export { u as RecurrenceCancelModal };