@tesouro/embedded-components-react 0.3.0 → 0.3.1

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

@@ -1,81 +1,22 @@
-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 "./index233.js";
-import { InvoiceRecurrenceIterationStatusChip as i } from "./index523.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";
+import { Typography as e } from "./index62.js";
+import { jsx as t, jsxs as n } from "@emotion/react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index524.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
-			})
-		]
+function r({ label: r, value: i }) {
+	return /* @__PURE__ */ n("div", {
+		className: "ttw:flex ttw:gap-4 ttw:border-b ttw:border-border ttw:py-3 ttw:last:border-b-0",
+		children: [/* @__PURE__ */ t(e, {
+			component: "span",
+			variant: "body2",
+			color: "muted",
+			className: "ttw:w-40 ttw:shrink-0",
+			children: r
+		}), /* @__PURE__ */ t(e, {
+			component: "span",
+			variant: "body2",
+			className: "ttw:whitespace-pre-line",
+			children: i
+		})]
 	});
-}, 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 };
+export { r as InvoiceDetailsInfoRow };

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

@@ -1,54 +1,48 @@
-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";
+import { Typography as e } from "./index62.js";
+import { ChevronRight as t } from "lucide-react";
+import { jsx as n, jsxs as r } from "@emotion/react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index525.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")]
-				})] })
-			]
-		})
+function i({ label: i, name: a, onOpenCounterpart: o }) {
+	let s = "ttw:flex ttw:items-center ttw:gap-4 ttw:border-b ttw:border-border ttw:py-3 ttw:last:border-b-0";
+	return o ? /* @__PURE__ */ r("button", {
+		type: "button",
+		onClick: o,
+		"aria-haspopup": "dialog",
+		className: `ttw:group ttw:w-full ttw:cursor-pointer ttw:rounded-sm ttw:text-left ttw:outline-none ttw:focus-visible:ring-ring/50 ttw:focus-visible:ring-[3px] ${s}`,
+		children: [
+			/* @__PURE__ */ n(e, {
+				component: "span",
+				variant: "body2",
+				color: "muted",
+				className: "ttw:w-40 ttw:shrink-0",
+				children: i
+			}),
+			/* @__PURE__ */ n(e, {
+				component: "span",
+				variant: "body2",
+				color: "primary",
+				className: "ttw:underline-offset-4 ttw:group-hover:underline",
+				children: a
+			}),
+			/* @__PURE__ */ n(t, {
+				className: "ttw:ml-auto ttw:size-4 ttw:shrink-0 ttw:text-muted-foreground",
+				"aria-hidden": "true"
+			})
+		]
+	}) : /* @__PURE__ */ r("div", {
+		className: s,
+		children: [/* @__PURE__ */ n(e, {
+			component: "span",
+			variant: "body2",
+			color: "muted",
+			className: "ttw:w-40 ttw:shrink-0",
+			children: i
+		}), /* @__PURE__ */ n(e, {
+			component: "span",
+			variant: "body2",
+			children: a
+		})]
 	});
-};
+}
 //#endregion
-export { h as MarkAsUncollectibleModal };
+export { i as InvoiceDetailsCustomerRow };

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

@@ -1,37 +1,16 @@
-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";
+import { useMoniteContext as e } from "./index47.js";
+import { toast as t } from "react-hot-toast";
+import { useLingui as n } from "@lingui/react";
 //#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);
-		})
-	})] });
-}
+var r = (r) => {
+	let { i18n: i } = n(), { api: a, queryClient: o } = e();
+	return a.finops.postReceivablesIdCancel.useMutation({ path: { receivable_id: r } }, { onSuccess: async () => {
+		let e = a.finops.getReceivablesId.getQueryData({ path: { receivable_id: r } }, o);
+		e?.type === "invoice" && a.finops.getReceivablesId.setQueryData({ path: { receivable_id: r } }, {
+			...e,
+			status: "canceled"
+		}, o), await a.finops.getReceivables.invalidateQueries(o), t.success(i._("This {type} has been canceled", { type: e?.type === "credit_note" ? "credit memo" : e?.type }));
+	} });
+};
 //#endregion
-export { p as InvoiceDetailsOverflowMenu };
+export { r as useCancelReceivableById };

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

@@ -1,92 +1,26 @@
-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 "./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";
+import { useGetReceivableById as e } from "./index141.js";
+import { ConfirmationModal as t } from "./index59.js";
+import "./index60.js";
+import { useCancelReceivableById as n } from "./index526.js";
+import { jsx as r } from "@emotion/react/jsx-runtime";
+import { useLingui as i } from "@lingui/react";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index527.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
+var a = ({ invoiceId: a, open: o, onClose: s }) => {
+	let { i18n: c } = i(), { data: l, isLoading: u } = e(a), d = n(a);
+	if (!l) return null;
+	let f = l.document_id ? c._("Cancel receivable") + ` "${l?.document_id}"?` : c._("Cancel receivable?");
+	return /* @__PURE__ */ r(t, {
+		open: o && !!a,
+		title: f,
+		message: c._("This action can't be undone."),
+		confirmLabel: c._("Cancel"),
+		cancelLabel: c._("Close"),
+		onClose: s,
+		onConfirm: () => {
+			d.mutate(void 0, { onSuccess: s });
 		},
-		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.")
-				})
-			})
-		]
+		isLoading: d.isPending || u
 	});
 };
 //#endregion
-export { f as ManualPaymentRecordDetails };
+export { a as InvoiceCancelModal };

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

@@ -1,54 +1,30 @@
-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";
+import { Scope as e } from "../../shared/data-access/dist/lib/scopes.js";
+import "../../shared/data-access/dist/index.js";
+import { useComponentSettings as t } from "./index215.js";
+import { ConfirmationModal as n } from "./index59.js";
+import "./index60.js";
+import { useUserPermissions as r } from "./index116.js";
+import { useDeleteReceivableById as i } from "./index157.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/index528.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
-			})] });
-		}
+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 { l as RHFDatePicker };
+export { c as InvoiceDeleteModal };

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

@@ -1 +1,40 @@
-import "./index528.js";
+import { cn as e } from "./index49.js";
+import { getCommonRecurrenceIterationStatusLabel as t } from "./index177.js";
+import "./index202.js";
+import { Badge as n } from "./index223.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/index529.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(n, {
+		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: t(d, a)
+	});
+};
+//#endregion
+export { s as InvoiceRecurrenceIterationStatusChip };

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

@@ -1,40 +1,81 @@
-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";
+import { useMoniteContext as e } from "./index47.js";
+import { useCurrencies as t } from "./index63.js";
+import { useGetReceivableById as n } from "./index141.js";
+import "./index217.js";
+import { InvoiceStatusChip as r } from "./index238.js";
+import { InvoiceRecurrenceIterationStatusChip as i } from "./index529.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/index530.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
-			})] });
-		}
+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 { o as RHFTimePicker };
+export { f as InvoiceDetailsTabScheduledInvoices };