@tesouro/embedded-components-react 0.2.289 → 0.2.292

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

@@ -1,92 +1,54 @@
-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 "./index334.js";
-import { InvoicesTable as i } from "./index440.js";
-import { QuotesTable as a } from "./index445.js";
-import { CreditNotesTable as o } from "./index446.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 { 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 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,
-				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)
+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.")
 			})
-		}),
-		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
-	};
+		]
+	});
 };
 //#endregion
-export { g as ReceivablesTable, h as ReceivablesTableTabEnum, v as useReceivablesTableProps };
+export { u as RecurrenceCancelModal };