@tesouro/embedded-components-react 0.2.324 → 0.2.326

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

@@ -1 +1,37 @@
-import "./index525.js";
+import { Button as e } from "./index56.js";
+import { DropdownMenu as t, DropdownMenuContent as n, DropdownMenuItem as r, DropdownMenuTrigger as i } from "./index55.js";
+import { ACTION_ICON as a } from "./index217.js";
+import { preventTooltipFocusOpen as o } from "./index221.js";
+import { Tooltip as s, TooltipContent as c, TooltipTrigger as l } from "./index508.js";
+import { MoreVerticalIcon as u } from "lucide-react";
+import { jsx as d, jsxs as f } from "@emotion/react/jsx-runtime";
+//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index526.js
+function p({ actions: p, triggerLabel: m, getActionLabel: h, onSelect: g, isActionDisabled: _, className: v }) {
+	return /* @__PURE__ */ f(t, { children: [/* @__PURE__ */ f(s, { children: [/* @__PURE__ */ d(l, {
+		asChild: !0,
+		onFocus: o,
+		children: /* @__PURE__ */ d(i, {
+			asChild: !0,
+			children: /* @__PURE__ */ d(e, {
+				variant: "ghost",
+				size: "icon",
+				className: v,
+				"aria-label": m,
+				children: /* @__PURE__ */ d(u, { className: "ttw:size-4" })
+			})
+		})
+	}), /* @__PURE__ */ d(c, { children: m })] }), /* @__PURE__ */ d(n, {
+		align: "end",
+		children: p.map((e) => {
+			let t = a[e];
+			return /* @__PURE__ */ f(r, {
+				variant: e === "delete" ? "destructive" : "default",
+				disabled: _?.(e),
+				onClick: () => g(e),
+				children: [/* @__PURE__ */ d(t, { className: "ttw:size-4" }), h(e)]
+			}, e);
+		})
+	})] });
+}
+//#endregion
+export { p as InvoiceDetailsOverflowMenu };

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

@@ -1,136 +1,92 @@
-import { useCurrencies as e } from "./index63.js";
+import { useMoniteContext as e } from "./index47.js";
+import { useCurrencies as t } from "./index63.js";
+import { useEntityUserByAuthToken as n } from "./index129.js";
+import "./index138.js";
 import "./index189.js";
-import { manualPaymentRecordValidationSchema as t } from "./index94.js";
-import { RHFTextField as n } from "./index293.js";
-import "./index294.js";
-import { safeZodResolver as r } from "./index382.js";
-import { RHFDatePicker as i } from "./index523.js";
-import "./index524.js";
-import { RHFTimePicker as a } from "./index525.js";
-import "./index526.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";
+import { MoniteCard as r } from "./index410.js";
+import { jsx as i, jsxs as a } from "@emotion/react/jsx-runtime";
+import { Alert as o, Box as s, Skeleton as c, Typography as l } from "@mui/material";
+import { useLingui as u } from "@lingui/react";
+import d from "@mui/icons-material/DriveFileRenameOutline";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index527.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),
+var f = ({ paymentRecords: f, invoice: p }) => {
+	let { i18n: m } = u(), { locale: h } = e(), { formatCurrencyToDisplay: g } = t(), _ = new Date(f.payment_date ?? "").setHours(f.payment_time?.getHours() ?? 0, f.payment_time?.getMinutes() ?? 0), v = m.date(new Date(_), h.dateTimeFormat), { data: y, isLoading: b } = n(), x = `${y?.first_name ?? ""} ${y?.last_name ?? ""}`;
+	return /* @__PURE__ */ a(s, {
+		sx: {
+			display: "flex",
+			flexDirection: "column",
+			gap: 3
+		},
 		children: [
-			/* @__PURE__ */ l(h, {
+			/* @__PURE__ */ a(s, {
 				sx: {
-					px: 4,
-					pt: 4
+					display: "flex",
+					flexDirection: "column",
+					gap: 1,
+					alignItems: "center",
+					textAlign: "center"
 				},
-				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
-							})
-						})
-					]
-				})
+				children: [
+					/* @__PURE__ */ i(s, {
+						sx: {
+							borderRadius: "100%",
+							backgroundColor: "#F2F2F2",
+							width: "44px",
+							height: "44px",
+							display: "flex",
+							justifyContent: "center",
+							alignItems: "center"
+						},
+						children: /* @__PURE__ */ i(d, { sx: { color: "#707070" } })
+					}),
+					/* @__PURE__ */ i(l, {
+						variant: "body1",
+						children: m._("Manual payment record")
+					}),
+					/* @__PURE__ */ a(s, { children: [/* @__PURE__ */ i(l, {
+						variant: "h2",
+						children: g(f?.amount ?? 0, p.currency)
+					}), /* @__PURE__ */ i(l, {
+						variant: "body1",
+						children: m._("from {invoiceCounterpart_name}", { invoiceCounterpart_name: p.counterpart_name })
+					})] })
+				]
 			}),
-			/* @__PURE__ */ u(p, {
-				sx: {
-					px: 4,
-					pb: 4
+			/* @__PURE__ */ i(r, { items: [
+				{
+					label: m._("Received"),
+					value: f.payment_date ? /* @__PURE__ */ i(l, {
+						fontWeight: 500,
+						children: v
+					}) : "—"
 				},
-				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")
-				})]
+				{
+					label: m._("Reference"),
+					value: p.id ? /* @__PURE__ */ i(l, {
+						fontWeight: 500,
+						children: p.id
+					}) : "—"
+				},
+				{
+					label: m._("Created by"),
+					value: b ? /* @__PURE__ */ i(c, {
+						variant: "text",
+						width: "50%"
+					}) : x ? /* @__PURE__ */ i(l, {
+						fontWeight: 500,
+						children: x
+					}) : "—"
+				}
+			] }),
+			/* @__PURE__ */ i(o, {
+				severity: "warning",
+				children: /* @__PURE__ */ i(l, {
+					variant: "body2",
+					children: m._("Please, check the details of your payment record. You won't be able to change or delete it after.")
+				})
 			})
 		]
-	}) });
+	});
 };
 //#endregion
-export { b as PaymentRecordForm };
+export { f as ManualPaymentRecordDetails };

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

@@ -1,109 +1,54 @@
-import { fromMinorUnits as e, toMinorUnits as t } from "./index13.js";
-import { useMoniteContext as n } from "./index47.js";
-import { useEntityUserByAuthToken as r } from "./index129.js";
-import { useCreatePaymentRecord as i } from "./index134.js";
-import "./index138.js";
-import { useRootElements as a } from "./index178.js";
+import { useRootElements as e } from "./index178.js";
 import "./index179.js";
-import { ManualPaymentRecordDetails as o } from "./index522.js";
-import { PaymentRecordForm as s } from "./index527.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";
+import { format as t, parse as n } from "date-fns";
+import { Fragment as r, jsx as i, jsxs as a } from "@emotion/react/jsx-runtime";
+import { Alert as o } from "@mui/material";
+import { DatePicker as s } from "@mui/x-date-pickers";
+import { Controller as c } from "react-hook-form";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index528.js
-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
+var l = ({ control: l, name: u, slotProps: d, valueAs: f = "date", stringFormat: p = "yyyy-MM-dd", ...m }) => {
+	let h = (e) => e?.type === "custom", { root: g } = e();
+	return /* @__PURE__ */ i(c, {
+		control: l,
+		name: u,
+		render: ({ field: e, fieldState: { error: c, isTouched: l }, formState: { isValid: _ } }) => {
+			let v = (l || !_) && !h(c), y = e.value === null ? null : typeof e.value == "string" ? n(e.value, p, /* @__PURE__ */ new Date()) : new Date(e.value);
+			return /* @__PURE__ */ a(r, { children: [/* @__PURE__ */ i(s, {
+				...e,
+				...m,
+				value: y,
+				onChange: (n) => {
+					if (n instanceof Date && !Number.isNaN(n.getTime())) {
+						let r = f === "string" ? t(n, p) : n;
+						e.onChange(r);
+					} else e.onChange(null);
 				},
-				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
-		})
-	})] });
+				slotProps: {
+					...d,
+					popper: {
+						...d?.popper,
+						container: g
+					},
+					dialog: {
+						...d?.dialog,
+						container: g
+					},
+					textField: {
+						variant: "standard",
+						...d?.textField,
+						id: u,
+						error: v && !!c?.message,
+						helperText: v && c?.message
+					}
+				}
+			}), h(c) && /* @__PURE__ */ i(o, {
+				severity: "error",
+				icon: !1,
+				sx: { marginTop: -2 },
+				children: c?.message
+			})] });
+		}
+	});
 };
 //#endregion
-export { y as RecordManualPaymentModal };
+export { l as RHFDatePicker };

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

@@ -1,54 +1 @@
-import { useCurrencies as e } from "./index63.js";
-import "./index189.js";
-import { ConfirmationModal as t } from "./index59.js";
-import "./index60.js";
-import { useGetRecurrenceById as n } from "./index164.js";
-import { useCancelRecurrence as r } from "./index165.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/index529.js
-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 { u as RecurrenceCancelModal };
+import "./index528.js";