@tesouro/embedded-components-react 0.3.20 → 0.3.22

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

@@ -1,22 +1,119 @@
-import { Typography as e } from "./index62.js";
-import { jsx as t, jsxs as n } from "@emotion/react/jsx-runtime";
+import { Scope as e } from "../../shared/data-access/dist/lib/scopes.js";
+import "../../shared/data-access/dist/index.js";
+import { useMoniteContext as t } from "./index47.js";
+import { Button as n } from "./index56.js";
+import { getDraftInvoiceValidationSchema as r, getInvoiceValidationSchema as i } from "./index98.js";
+import { useUserPermissions as a } from "./index116.js";
+import { useMeasureUnitsMapping as o } from "./index165.js";
+import { useGetRecurrenceById as s } from "./index168.js";
+import { willRecurrenceIssue as c } from "./index190.js";
+import { buildEditInvoiceFormValues as l } from "./index197.js";
+import "./index202.js";
+import { LoadingPage as u } from "./index260.js";
+import "./index261.js";
+import { useGetMeasureUnits as d } from "./index458.js";
+import { useReceivableSubmit as f } from "./index459.js";
+import { ReceivableFormLayout as p } from "./index512.js";
+import { useCallback as m, useEffect as h, useMemo as g, useRef as _ } from "react";
+import { Fragment as v, jsx as y, jsxs as b } from "@emotion/react/jsx-runtime";
+import { useLingui as x } from "@lingui/react";
+import { useForm as S } from "react-hook-form";
+import { zodResolver as C } from "@hookform/resolvers/zod";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index524.js
-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
-		})]
+var w = (e) => {
+	let { data: t, isLoading: n } = s(e.invoice.recurrence_id);
+	return e.invoice.recurrence_id && n ? /* @__PURE__ */ y(u, {}) : /* @__PURE__ */ y(T, {
+		...e,
+		recurrence: t
 	});
-}
+}, T = ({ invoice: s, onCancel: u, onUpdated: w, isOpen: T, recurrence: E, issueIntent: D, embeddedBankName: O }) => {
+	let { i18n: k } = x(), { componentSettings: A } = t(), j = a().has(e.CounterpartWriteOrg), M = !!A?.receivables?.enableEntityBankAccount, N = _("draft"), { data: P } = d(), F = s.currency, I = g(() => l(s, E), [s, E]), L = g(() => E?.iterations?.filter((e) => e.issued_invoice_id).length ?? 0, [E?.iterations]), R = g(() => C(r(k, j, L)), [
+		k,
+		j,
+		L
+	]), z = g(() => C(i(k, M, j, L)), [
+		k,
+		M,
+		j,
+		L
+	]), B = m((e, t, n) => (N.current === "issue" || c(e) && L === 0 ? z : R)(e, t, n), [
+		z,
+		R,
+		L
+	]), V = S({
+		mode: "onBlur",
+		resolver: B,
+		defaultValues: I
+	}), { getValues: H, reset: U } = V;
+	o(P, H, U);
+	let W = !!E?.iterations?.some((e) => e.issued_invoice_id), G = f({
+		mode: "edit",
+		methods: V,
+		currency: F,
+		invoice: s,
+		submitModeRef: N,
+		existingRecurrence: E ? {
+			id: E.id,
+			scheduleLocked: W
+		} : void 0,
+		hasStartedRecurrence: L > 0,
+		onComplete: (e) => w(e.receivable, {
+			inlineLineItems: e.inlineLineItems,
+			activatedRecurrence: e.mode === "recurrence",
+			issued: e.mode === "issue",
+			counterpartId: e.counterpartId,
+			hasCustomerEmail: e.hasCustomerEmail
+		}),
+		onClose: u
+	});
+	return h(() => {
+		D && G.highlightForIssue();
+	}, []), /* @__PURE__ */ y(p, {
+		open: T,
+		onRequestClose: G.requestClose,
+		methods: V,
+		title: k._("Edit invoice"),
+		currency: F,
+		embeddedBankName: O,
+		showPurchaseOrder: !1,
+		lockRecurrenceSchedule: W,
+		formName: G.formName,
+		onSubmit: G.onSubmit,
+		formScrollRef: G.formScrollRef,
+		registerLineItemCleanupFn: G.registerLineItemCleanupFn,
+		onAttachmentsUploadingChange: G.onAttachmentsUploadingChange,
+		disabled: G.isLoading,
+		closeDisabled: G.isSaving,
+		discardModal: G.discardModal,
+		footer: /* @__PURE__ */ b(v, { children: [
+			/* @__PURE__ */ y(n, {
+				variant: "outline",
+				className: "ttw:border-border",
+				onClick: G.requestClose,
+				disabled: G.isSaving || G.attachmentsUploading,
+				children: k._("Cancel")
+			}),
+			!G.isRecurrenceEnabled && /* @__PURE__ */ y(n, {
+				variant: "secondary",
+				type: "submit",
+				form: G.formName,
+				disabled: G.isLoading || G.attachmentsUploading,
+				onClick: () => {
+					G.submitModeRef.current = "draft";
+				},
+				children: k._("Update draft")
+			}),
+			/* @__PURE__ */ y(n, {
+				type: "submit",
+				form: G.formName,
+				disabled: G.isLoading || G.attachmentsUploading || G.isIssuePreflightLoading || !G.isRecurrenceEnabled && G.isCustomerEmailLoading,
+				onClick: () => {
+					G.submitModeRef.current = G.isRecurrenceEnabled ? "draft" : "issue";
+				},
+				children: G.isRecurrenceEnabled ? E ? k._("Update recurring billing schedule") : k._("Activate recurring billing schedule") : k._("Issue invoice")
+			}, "next")
+		] })
+	});
+};
 //#endregion
-export { r as InvoiceDetailsInfoRow };
+export { w as EditInvoiceDetails };

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

@@ -1,48 +1,22 @@
 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";
+import { jsx as t, jsxs as n } from "@emotion/react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index525.js
-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, {
+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: i
-		}), /* @__PURE__ */ n(e, {
+			children: r
+		}), /* @__PURE__ */ t(e, {
 			component: "span",
 			variant: "body2",
-			children: a
+			className: "ttw:whitespace-pre-line",
+			children: i
 		})]
 	});
 }
 //#endregion
-export { i as InvoiceDetailsCustomerRow };
+export { r as InvoiceDetailsInfoRow };

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

@@ -1,16 +1,48 @@
-import { useMoniteContext as e } from "./index47.js";
-import { toast as t } from "react-hot-toast";
-import { useLingui as n } 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/index526.js
-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 }));
-	} });
-};
+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 { r as useCancelReceivableById };
+export { i as InvoiceDetailsCustomerRow };

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

@@ -1,26 +1,16 @@
-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";
+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/index527.js
-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 });
-		},
-		isLoading: d.isPending || u
-	});
+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 { a as InvoiceCancelModal };
+export { r as useCancelReceivableById };

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

@@ -1,30 +1,26 @@
-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 { useGetReceivableById as e } from "./index141.js";
+import { ConfirmationModal as t } 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";
+import { useCancelReceivableById as n } from "./index527.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/index528.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
+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 });
+		},
+		isLoading: d.isPending || u
 	});
 };
 //#endregion
-export { c as InvoiceDeleteModal };
+export { a as InvoiceCancelModal };

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

@@ -1,40 +1,30 @@
-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";
+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/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)
+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 { s as InvoiceRecurrenceIterationStatusChip };
+export { c as InvoiceDeleteModal };

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

@@ -1,81 +1,40 @@
-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";
+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/index530.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
-		}))) })]
+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 { f as InvoiceDetailsTabScheduledInvoices };
+export { s as InvoiceRecurrenceIterationStatusChip };