@tesouro/embedded-components-react 0.2.237 → 0.2.238

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

@@ -0,0 +1,30 @@
+import { Scope as e } from "../../shared/data-access/dist/lib/scopes.js";
+import "../../shared/data-access/dist/index.js";
+import { useComponentSettings as t } from "./index187.js";
+import { ConfirmationModal as n } from "./index59.js";
+import "./index60.js";
+import { useUserPermissions as r } from "./index112.js";
+import { useDeleteReceivableById as i } from "./index153.js";
+import { jsx as a } from "@emotion/react/jsx-runtime";
+import { toast as o } from "react-hot-toast";
+import { useLingui as s } from "@lingui/react";
+//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index512.js
+var c = ({ open: c, onClose: l, invoiceId: u, onDelete: d, documentId: f }) => {
+	let { i18n: p } = s(), { receivablesCallbacks: m } = t(), { mutate: h, isPending: g } = i(u), _ = r().has(e.InvoiceWriteOrg), v = () => {
+		_ ? h(void 0, { onSuccess: () => {
+			m?.onDelete?.(u), d?.(), l();
+		} }) : o.error(p._("You don't have permission to delete this document. Please, contact your system administrator for details."));
+	}, y = f ? p._("Delete receivable “{documentId}”?", { documentId: f }) : p._("Delete receivable?");
+	return /* @__PURE__ */ a(n, {
+		open: c,
+		title: y,
+		message: p._("This action can't be undone."),
+		confirmLabel: p._("Delete"),
+		cancelLabel: p._("Cancel"),
+		onClose: l,
+		onConfirm: v,
+		isLoading: g
+	});
+};
+//#endregion
+export { c as InvoiceDeleteModal };

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

@@ -0,0 +1,40 @@
+import { cn as e } from "./index49.js";
+import { Badge as t } from "./index195.js";
+import { getCommonRecurrenceIterationStatusLabel as n } from "./index210.js";
+import "./index225.js";
+import { jsx as r } from "@emotion/react/jsx-runtime";
+import { useLingui as i } from "@lingui/react";
+import { cva as a } from "class-variance-authority";
+//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index513.js
+var o = a("", { variants: {
+	variant: {
+		pending: "ttw:bg-zinc-100 ttw:text-zinc-700",
+		skipped: "ttw:bg-yellow-100 ttw:text-yellow-700",
+		canceled: "ttw:bg-red-100 ttw:text-red-700",
+		issue_failed: "ttw:bg-red-100 ttw:text-red-700",
+		send_failed: "ttw:bg-red-100 ttw:text-red-700",
+		completed: "ttw:bg-green-100 ttw:text-green-700"
+	},
+	dotVariant: {
+		pending: "ttw:border-zinc-100 ttw:bg-zinc-700",
+		skipped: "ttw:border-yellow-100 ttw:bg-yellow-700",
+		canceled: "ttw:border-red-100 ttw:bg-red-700",
+		issue_failed: "ttw:border-red-100 ttw:bg-red-700",
+		send_failed: "ttw:border-red-100 ttw:bg-red-700",
+		completed: "ttw:border-green-100 ttw:bg-green-700"
+	}
+} }), s = ({ status: a, className: s, showBadgeBackground: c = !0, dotSize: l, ref: u }) => {
+	let { i18n: d } = i();
+	return /* @__PURE__ */ r(t, {
+		ref: u,
+		className: e("ttw:inline-flex ttw:items-center ttw:gap-1", o({ variant: a }), s),
+		dotClassName: o({ dotVariant: a }),
+		showBadgeBackground: c,
+		showDotBorder: !c,
+		dotSize: l,
+		showDot: !0,
+		children: n(d, a)
+	});
+};
+//#endregion
+export { s as InvoiceRecurrenceIterationStatusChip };

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

@@ -0,0 +1,81 @@
+import { useMoniteContext as e } from "./index47.js";
+import { useCurrencies as t } from "./index63.js";
+import { useGetReceivableById as n } from "./index137.js";
+import "./index189.js";
+import { InvoiceStatusChip as r } from "./index226.js";
+import { InvoiceRecurrenceIterationStatusChip as i } from "./index513.js";
+import { ChevronRight as a } from "lucide-react";
+import { parseISO as o } from "date-fns";
+import { jsx as s, jsxs as c } from "@emotion/react/jsx-runtime";
+import { useLingui as l } from "@lingui/react";
+import { twMerge as u } from "tailwind-merge";
+//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index514.js
+var d = ({ iteration: l, invoice: d, i18n: f, onRowClick: p }) => {
+	let { locale: m } = e(), { formatCurrencyToDisplay: h } = t(), g = !!l?.issued_invoice_id, { data: _ } = n(l?.issued_invoice_id ?? "", g), v = !!(g && _?.id);
+	return /* @__PURE__ */ c("tr", {
+		className: u("ttw:border-t ttw:border-border", v && "ttw:hover:cursor-pointer"),
+		...v && p && _?.id && { onClick: () => p(_.id) },
+		children: [
+			/* @__PURE__ */ s("td", {
+				className: "ttw:text-left ttw:h-9 ttw:py-2 ttw:pr-2 ttw:text-sm ttw:leading-5 ttw:font-normal",
+				children: l?.issue_at ? f.date(o(l.issue_at), m.dateFormat) : "-"
+			}),
+			/* @__PURE__ */ s("td", {
+				className: "ttw:text-left ttw:h-9 ttw:py-2 ttw:px-2 ttw:text-sm ttw:leading-5 ttw:font-normal",
+				children: g && _ ? h(_?.total_amount, _?.currency) : h(d?.total_amount, d?.currency)
+			}),
+			/* @__PURE__ */ s("td", {
+				className: "ttw:text-left ttw:h-9 ttw:py-2 ttw:px-2",
+				children: g && _ ? /* @__PURE__ */ s(r, { status: _?.status }) : /* @__PURE__ */ s(i, { status: l?.status })
+			}),
+			/* @__PURE__ */ s("td", {
+				className: "ttw:text-left ttw:h-9 ttw:py-2 ttw:px-2 ttw:text-sm ttw:leading-5 ttw:font-normal",
+				children: g ? _?.document_id : "-"
+			}),
+			/* @__PURE__ */ s("td", {
+				className: "ttw:text-right ttw:h-9 ttw:w-6 ttw:py-2 ttw:pl-2 ttw:text-muted-foreground",
+				children: v ? /* @__PURE__ */ s(a, {
+					className: "ttw:inline ttw:size-4",
+					"aria-hidden": "true"
+				}) : null
+			})
+		]
+	});
+}, f = ({ invoice: e, recurrence: t, openInvoiceDetails: n }) => {
+	let { i18n: r } = l();
+	return /* @__PURE__ */ c("table", {
+		className: "ttw:w-full",
+		children: [/* @__PURE__ */ s("thead", { children: /* @__PURE__ */ c("tr", { children: [
+			/* @__PURE__ */ s("th", {
+				className: "ttw:text-left ttw:h-10 ttw:pr-2 ttw:text-sm ttw:font-medium ttw:leading-5",
+				children: r._("Issue date")
+			}),
+			/* @__PURE__ */ s("th", {
+				className: "ttw:text-left ttw:h-10 ttw:px-2 ttw:text-sm ttw:font-medium ttw:leading-5",
+				children: r._("Amount")
+			}),
+			/* @__PURE__ */ s("th", {
+				className: "ttw:text-left ttw:h-10 ttw:px-2 ttw:text-sm ttw:font-medium ttw:leading-5",
+				children: r._("Status")
+			}),
+			/* @__PURE__ */ s("th", {
+				className: "ttw:text-left ttw:h-10 ttw:px-2 ttw:text-sm ttw:font-medium ttw:leading-5",
+				children: r._("Number")
+			}),
+			/* @__PURE__ */ s("th", {
+				className: "ttw:h-10 ttw:w-6 ttw:pl-2",
+				"aria-hidden": "true"
+			})
+		] }) }), /* @__PURE__ */ s("tbody", { children: t?.iterations?.map((t, i) => /* @__PURE__ */ s(d, {
+			iteration: t,
+			invoice: e,
+			i18n: r,
+			onRowClick: n
+		}, r._("iteration-{iteration}-{index}", {
+			iteration: t?.iteration,
+			index: i
+		}))) })]
+	});
+};
+//#endregion
+export { f as InvoiceDetailsTabScheduledInvoices };

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

@@ -0,0 +1,54 @@
+import { Button as e } from "./index56.js";
+import { Textarea as t } from "./index102.js";
+import { LoadingSpinner as n } from "./index51.js";
+import { Dialog as r, DialogContent as i, DialogDescription as a, DialogFooter as o, DialogHeader as s, DialogTitle as c } from "./index58.js";
+import { Label as l } from "./index87.js";
+import { useMarkAsUncollectibleReceivableById as u } from "./index155.js";
+import { useState as d } from "react";
+import { jsx as f, jsxs as p } from "@emotion/react/jsx-runtime";
+import { useLingui as m } from "@lingui/react";
+//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index515.js
+var h = ({ invoiceId: h, open: g, onClose: _, onMarkAsUncollectible: v }) => {
+	let { i18n: y } = m(), [b, x] = d(""), { mutate: S, isPending: C } = u(h, v);
+	return /* @__PURE__ */ f(r, {
+		open: g,
+		onOpenChange: _,
+		children: /* @__PURE__ */ p(i, {
+			showCloseButton: !1,
+			children: [
+				/* @__PURE__ */ p(s, { children: [/* @__PURE__ */ f(c, { children: y._("Mark invoice as uncollectible?") }), /* @__PURE__ */ p(a, { children: [
+					/* @__PURE__ */ f("p", { children: y._("This invoice will change its status, and you won't be able to receive or log any payment against it.") }),
+					/* @__PURE__ */ f("br", {}),
+					/* @__PURE__ */ f("p", { children: y._("For bookkeeping purposes, this is a write-off and has tax implications.") })
+				] })] }),
+				/* @__PURE__ */ p("div", {
+					className: "ttw:flex ttw:flex-col ttw:gap-2",
+					children: [/* @__PURE__ */ f(l, {
+						htmlFor: "comment",
+						children: y._("Comment (optional)")
+					}), /* @__PURE__ */ f(t, {
+						id: "comment",
+						placeholder: y._("Add a comment"),
+						value: b,
+						onChange: (e) => x(e.target.value)
+					})]
+				}),
+				/* @__PURE__ */ p(o, { children: [/* @__PURE__ */ f(e, {
+					variant: "outline",
+					onClick: _,
+					children: y._("Cancel")
+				}), /* @__PURE__ */ p(e, {
+					onClick: () => {
+						S({ comment: b.trim() }, { onSuccess: () => {
+							_();
+						} });
+					},
+					disabled: C,
+					children: [C && /* @__PURE__ */ f(n, { className: "ttw:w-5 ttw:h-5 ttw:border-inherit ttw:border-t-transparent" }), y._("Mark as uncollectible")]
+				})] })
+			]
+		})
+	});
+};
+//#endregion
+export { h as MarkAsUncollectibleModal };

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

@@ -0,0 +1,37 @@
+import { Button as e } from "./index56.js";
+import { DropdownMenu as t, DropdownMenuContent as n, DropdownMenuItem as r, DropdownMenuTrigger as i } from "./index55.js";
+import { preventTooltipFocusOpen as a } from "./index217.js";
+import { ACTION_ICON as o } from "./index433.js";
+import { Tooltip as s, TooltipContent as c, TooltipTrigger as l } from "./index498.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/index516.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: a,
+		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 = o[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/index517.js

@@ -0,0 +1,92 @@
+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 { MoniteCard as r } from "./index403.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/index517.js
+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__ */ a(s, {
+				sx: {
+					display: "flex",
+					flexDirection: "column",
+					gap: 1,
+					alignItems: "center",
+					textAlign: "center"
+				},
+				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__ */ i(r, { items: [
+				{
+					label: m._("Received"),
+					value: f.payment_date ? /* @__PURE__ */ i(l, {
+						fontWeight: 500,
+						children: v
+					}) : "—"
+				},
+				{
+					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 { f as ManualPaymentRecordDetails };

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

@@ -0,0 +1,54 @@
+import { useRootElements as e } from "./index178.js";
+import "./index179.js";
+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/index518.js
+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);
+				},
+				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 { l as RHFDatePicker };

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

@@ -0,0 +1 @@
+import "./index518.js";

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

@@ -1,73 +1 @@
-import { jsx as t, jsxs as i, Fragment as m } from "@emotion/react/jsx-runtime";
-import { useState as y } from "react";
-import { DiscardChangesContextProvider as D, useDiscardChangesContext as b } from "./index196.js";
-import { useUserPermissions as $ } from "./index146.js";
-import { PageHeader as L } from "./index49.js";
-import { useLingui as M } from "@lingui/react";
-import "../../shared/data-access/dist/lib/rest/client/utils.gen.js";
-import "../../shared/data-access/dist/lib/EmbedApiContext.js";
-import "../../shared/data-access/dist/lib/rest/client.gen.js";
-import "@tanstack/react-query";
-import "../../shared/data-access/dist/lib/rest/zod.gen.js";
-import { Scope as E } from "../../shared/data-access/dist/lib/scopes.js";
-import { LogoSection as O } from "./index197.js";
-import { TemplateSettingsContent as G } from "./index198.js";
-import "react-hook-form";
-import "./index85.js";
-import "radix-ui";
-import "clsx";
-import "tailwind-merge";
-import { DiscardChangesModal as H } from "./index199.js";
-import { Sheet as P, SheetContent as T, SheetHeader as _, SheetTitle as j, SheetDescription as I } from "./index135.js";
-import { useGetEntitySettings as V } from "./index200.js";
-import { useGetEntityDocumentNumber as z } from "./index201.js";
-import { useMyEntity as F } from "./index78.js";
-import { LoadingSpinner as U } from "./index136.js";
-const ft = (e) => /* @__PURE__ */ t(D, { children: /* @__PURE__ */ t(W, { ...e }) }), W = ({
-  isDialog: e,
-  isOpen: c,
-  handleCloseDialog: o
-}) => {
-  const g = $(), {
-    shouldShowChangesModal: f,
-    handleShowModal: h
-  } = b(), {
-    i18n: r
-  } = M(), [w, a] = y(!1), s = g.has(E.OrganizationSettingsWriteOrg), {
-    data: u
-  } = F(), n = u?.id ?? "", {
-    data: l,
-    isLoading: x
-  } = V(n, s), {
-    data: d,
-    isLoading: S
-  } = z(n, s), C = x || S;
-  if (!s) return null;
-  const N = () => {
-    f ? a(!0) : o?.();
-  }, p = /* @__PURE__ */ i("div", { className: "ttw:flex ttw:flex-col ttw:gap-6 ttw:w-full ttw:max-w-163", children: [
-    /* @__PURE__ */ t(O, {}),
-    C && /* @__PURE__ */ t(U, {}),
-    l && d && /* @__PURE__ */ t(G, { entityId: n, entitySettings: l, nextNumbers: d, isDialog: e })
-  ] });
-  return /* @__PURE__ */ i(m, { children: [
-    e ? /* @__PURE__ */ t(P, { open: !!c, onOpenChange: (v) => !v && N(), children: /* @__PURE__ */ i(T, { className: "ttw:flex ttw:flex-col ttw:gap-6 ttw:p-6 ttw:overflow-auto", children: [
-      /* @__PURE__ */ i(_, { className: "ttw:p-0", children: [
-        /* @__PURE__ */ t(j, { className: "ttw:text-2xl ttw:font-semibold ttw:leading-8 ttw:text-text", children: r._("Edit invoice settings") }),
-        /* @__PURE__ */ t(I, { className: "ttw:sr-only", children: r._("Manage invoice settings including logo, and document configuration") })
-      ] }),
-      p
-    ] }) }) : /* @__PURE__ */ i(m, { children: [
-      /* @__PURE__ */ t(L, { className: "-Header", titleVariant: "h3", title: /* @__PURE__ */ t(m, { children: r._("Invoice settings") }) }),
-      /* @__PURE__ */ t("div", { className: "ttw:rounded-xl ttw:border ttw:border-border ttw:bg-card ttw:p-6", children: p })
-    ] }),
-    /* @__PURE__ */ t(H, { open: w, onClose: () => {
-      a(!1);
-    }, onContinue: () => {
-      a(!1), h(!1), e && o && o();
-    } })
-  ] });
-};
-export {
-  ft as TemplateSettings
-};
+import "./index51.js";

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

@@ -0,0 +1,40 @@
+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/index520.js
+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",
+				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 { o as RHFTimePicker };

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

@@ -0,0 +1 @@
+import "./index520.js";

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

@@ -0,0 +1,136 @@
+import { useCurrencies as e } from "./index63.js";
+import "./index189.js";
+import { manualPaymentRecordValidationSchema as t } from "./index94.js";
+import { RHFTextField as n } from "./index290.js";
+import "./index291.js";
+import { safeZodResolver as r } from "./index379.js";
+import { RHFDatePicker as i } from "./index518.js";
+import "./index519.js";
+import { RHFTimePicker as a } from "./index520.js";
+import "./index521.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/index522.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 };