@tesouro/embedded-components-react 0.2.288 → 0.2.289

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

@@ -1,118 +1,141 @@
-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 { useMoniteContext as e } from "./index47.js";
+import { useCurrencies as t } from "./index63.js";
 import { Button as n } from "./index56.js";
-import { getDraftInvoiceValidationSchema as r, getInvoiceValidationSchema as i } from "./index94.js";
-import { useUserPermissions as a } from "./index112.js";
-import { useMeasureUnitsMapping as o } from "./index161.js";
-import { useGetRecurrenceById as s } from "./index164.js";
-import { buildEditInvoiceFormValues as c } from "./index223.js";
-import "./index226.js";
-import { LoadingPage as l } from "./index249.js";
-import "./index250.js";
-import { useGetMeasureUnits as u } from "./index447.js";
-import { useReceivableSubmit as d } from "./index448.js";
-import { ReceivableFormLayout as f } from "./index496.js";
-import { useCallback as p, useEffect as m, useMemo as h, useRef as g } from "react";
-import { Fragment as _, jsx as v, jsxs as y } from "@emotion/react/jsx-runtime";
-import { useLingui as b } from "@lingui/react";
-import { useForm as x } from "react-hook-form";
-import { zodResolver as S } from "@hookform/resolvers/zod";
+import "./index189.js";
+import { DialogFooter as r, DialogHeader as i, DialogTitle as a } from "./index58.js";
+import { Typography as o } from "./index62.js";
+import { Separator as s } from "./index64.js";
+import { Checkbox as c } from "./index99.js";
+import { useGetMeasureUnits as l } from "./index449.js";
+import { useMemo as u, useState as d } from "react";
+import { Check as f } from "lucide-react";
+import { Fragment as p, jsx as m, jsxs as h } from "@emotion/react/jsx-runtime";
+import { toast as g } from "react-hot-toast";
+import { useLingui as _ } from "@lingui/react";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index508.js
-var C = (e) => {
-	let { data: t, isLoading: n } = s(e.invoice.recurrence_id);
-	return e.invoice.recurrence_id && n ? /* @__PURE__ */ v(l, {}) : /* @__PURE__ */ v(w, {
-		...e,
-		recurrence: t
-	});
-}, w = ({ invoice: s, onCancel: l, onUpdated: C, isOpen: w, recurrence: T, issueIntent: E, embeddedBankName: D }) => {
-	let { i18n: O } = b(), { componentSettings: k } = t(), A = a().has(e.CounterpartWriteOrg), j = !!k?.receivables?.enableEntityBankAccount, M = g("draft"), { data: N } = u(), P = s.currency, F = h(() => c(s, T), [s, T]), I = h(() => T?.iterations?.filter((e) => e.issued_invoice_id).length ?? 0, [T?.iterations]), L = h(() => S(r(O, A, I)), [
-		O,
-		A,
-		I
-	]), R = h(() => S(i(O, j, A, I)), [
-		O,
-		j,
-		A,
-		I
-	]), z = p((e, t, n) => (M.current === "issue" || e.frequency !== "once" && I === 0 ? R : L)(e, t, n), [
-		R,
-		L,
-		I
-	]), B = x({
-		mode: "onBlur",
-		resolver: z,
-		defaultValues: F
-	}), { getValues: V, reset: H } = B;
-	o(N, V, H);
-	let U = !!T?.iterations?.some((e) => e.issued_invoice_id), W = d({
-		mode: "edit",
-		methods: B,
-		currency: P,
-		invoice: s,
-		submitModeRef: M,
-		existingRecurrence: T ? {
-			id: T.id,
-			scheduleLocked: U
-		} : void 0,
-		hasStartedRecurrence: I > 0,
-		onComplete: (e) => C(e.receivable, {
-			inlineLineItems: e.inlineLineItems,
-			activatedRecurrence: e.mode === "recurrence",
-			issued: e.mode === "issue",
-			counterpartId: e.counterpartId,
-			hasCustomerEmail: e.hasCustomerEmail
+var v = ({ inlineLineItems: v, title: y, onClose: b }) => {
+	let { i18n: x } = _(), { api: S, queryClient: C } = e(), { formatCurrencyToDisplay: w } = t(), { data: T } = l(), { mutateAsync: E } = S.finops.postProducts.useMutation(), D = u(() => v.map((e, t) => ({
+		key: e.id ?? String(t),
+		lineItem: e
+	})), [v]), [O, k] = d(() => new Set(D.map((e) => e.key))), [A, j] = d(!1), M = D.length > 0 && O.size === D.length, N = O.size > 0, P = () => k(new Set(D.map((e) => e.key))), F = () => k(/* @__PURE__ */ new Set()), I = (e) => k((t) => {
+		let n = new Set(t);
+		return n.has(e) ? n.delete(e) : n.add(e), n;
+	}), L = (e) => {
+		let t = w(e.product.price.value, e.product.price.currency) ?? "", n = e.product.measure_unit_id ? T?.data?.find((t) => t.id === e.product.measure_unit_id)?.name : void 0;
+		return n ? `${t} ${n}` : t;
+	};
+	return /* @__PURE__ */ h(p, { children: [
+		/* @__PURE__ */ m(i, {
+			className: "ttw:border-b ttw:border-border ttw:p-6",
+			children: /* @__PURE__ */ h(a, {
+				className: "ttw:flex ttw:flex-row ttw:items-center ttw:gap-4",
+				children: [/* @__PURE__ */ m("span", {
+					className: "ttw:flex ttw:size-10 ttw:items-center ttw:justify-center ttw:rounded-full ttw:border ttw:border-emerald-200 ttw:bg-emerald-50",
+					children: /* @__PURE__ */ m(f, { className: "ttw:size-6 ttw:text-green-700" })
+				}), y]
+			})
 		}),
-		onClose: l
-	});
-	return m(() => {
-		E && W.highlightForIssue();
-	}, []), /* @__PURE__ */ v(f, {
-		open: w,
-		onRequestClose: W.requestClose,
-		methods: B,
-		title: O._("Edit invoice"),
-		currency: P,
-		embeddedBankName: D,
-		showPurchaseOrder: !1,
-		lockRecurrenceSchedule: U,
-		formName: W.formName,
-		onSubmit: W.onSubmit,
-		formScrollRef: W.formScrollRef,
-		registerLineItemCleanupFn: W.registerLineItemCleanupFn,
-		onAttachmentsUploadingChange: W.onAttachmentsUploadingChange,
-		disabled: W.isLoading,
-		closeDisabled: W.isSaving,
-		discardModal: W.discardModal,
-		footer: /* @__PURE__ */ y(_, { children: [
-			/* @__PURE__ */ v(n, {
+		/* @__PURE__ */ h("div", {
+			className: "ttw:flex ttw:flex-col ttw:gap-4 ttw:p-6",
+			children: [/* @__PURE__ */ h("div", {
+				className: "ttw:flex ttw:items-start ttw:justify-between ttw:gap-1.5",
+				children: [/* @__PURE__ */ h("div", {
+					className: "ttw:flex ttw:flex-col ttw:gap-1",
+					children: [/* @__PURE__ */ m(o, {
+						variant: "h4",
+						children: x._("Do you want to also save these items?")
+					}), /* @__PURE__ */ m(o, {
+						variant: "caption",
+						color: "muted",
+						children: x._("Saved items can be quickly added to future invoices.")
+					})]
+				}), /* @__PURE__ */ m(n, {
+					type: "button",
+					variant: "ghost",
+					className: "ttw:text-primary ttw:hover:text-primary",
+					disabled: A,
+					onClick: N ? F : P,
+					children: N ? x._("Deselect all") : x._("Select all")
+				})]
+			}), /* @__PURE__ */ h("ul", {
+				className: "ttw:flex ttw:flex-col ttw:gap-3",
+				children: [
+					/* @__PURE__ */ h("li", {
+						className: "ttw:flex ttw:items-center ttw:gap-2",
+						children: [/* @__PURE__ */ m(c, {
+							checked: M,
+							onCheckedChange: (e) => e ? P() : F(),
+							disabled: A || D.length === 0,
+							"aria-label": x._("Products and services")
+						}), /* @__PURE__ */ m(o, {
+							variant: "body2",
+							className: "ttw:font-semibold",
+							children: x._("Products and services")
+						})]
+					}),
+					/* @__PURE__ */ m("li", { children: /* @__PURE__ */ m(s, {}) }),
+					D.map(({ key: e, lineItem: t }) => /* @__PURE__ */ h("li", {
+						className: "ttw:flex ttw:items-start ttw:gap-2",
+						children: [/* @__PURE__ */ m(c, {
+							checked: O.has(e),
+							onCheckedChange: () => I(e),
+							disabled: A,
+							"aria-label": t.product.name
+						}), /* @__PURE__ */ h("div", {
+							className: "ttw:flex ttw:flex-col ttw:gap-1",
+							children: [/* @__PURE__ */ m(o, {
+								variant: "caption",
+								children: t.product.name
+							}), /* @__PURE__ */ m(o, {
+								variant: "caption",
+								color: "muted",
+								children: L(t)
+							})]
+						})]
+					}, e))
+				]
+			})]
+		}),
+		/* @__PURE__ */ h(r, {
+			className: "ttw:flex ttw:flex-row ttw:gap-4 ttw:border-t ttw:border-border ttw:p-6",
+			children: [/* @__PURE__ */ m(n, {
+				type: "button",
 				variant: "outline",
-				className: "ttw:border-border",
-				onClick: W.requestClose,
-				disabled: W.isSaving || W.attachmentsUploading,
-				children: O._("Cancel")
-			}),
-			!W.isRecurrenceEnabled && /* @__PURE__ */ v(n, {
-				variant: "secondary",
-				type: "submit",
-				form: W.formName,
-				disabled: W.isLoading || W.attachmentsUploading,
-				onClick: () => {
-					W.submitModeRef.current = "draft";
-				},
-				children: O._("Update draft")
-			}),
-			/* @__PURE__ */ v(n, {
-				type: "submit",
-				form: W.formName,
-				disabled: W.isLoading || W.attachmentsUploading || W.isIssuePreflightLoading || !W.isRecurrenceEnabled && W.isCustomerEmailLoading,
-				onClick: () => {
-					W.submitModeRef.current = W.isRecurrenceEnabled ? "draft" : "issue";
+				className: "ttw:flex-1 ttw:border-border",
+				disabled: A,
+				onClick: b,
+				children: x._("Skip")
+			}), /* @__PURE__ */ m(n, {
+				type: "button",
+				variant: "default",
+				className: "ttw:flex-1",
+				disabled: !N || A,
+				onClick: async () => {
+					let e = D.filter((e) => O.has(e.key));
+					if (e.length) {
+						j(!0);
+						try {
+							await Promise.all(e.map(({ lineItem: e }) => E({ body: {
+								name: e.product.name,
+								type: "product",
+								price: {
+									value: e.product.price.value,
+									currency: e.product.price?.currency ?? "USD"
+								},
+								...e.product.measure_unit_id ? { measure_unit_id: e.product.measure_unit_id } : {},
+								...e.product.description ? { description: e.product.description } : {}
+							} }))), await S.finops.getProducts.invalidateQueries(C), g.success(x._("Products and services saved.")), b();
+						} catch {
+							g.error(x._("Failed to save products and services."));
+						} finally {
+							j(!1);
+						}
+					}
 				},
-				children: W.isRecurrenceEnabled ? T ? O._("Update recurring billing schedule") : O._("Activate recurring billing schedule") : O._("Issue invoice")
-			}, "next")
-		] })
-	});
+				children: x._("Save selected items")
+			})]
+		})
+	] });
 };
 //#endregion
-export { C as EditInvoiceDetails };
+export { v as ActionsModalProductsStep };

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

@@ -1,22 +1,35 @@
-import { Typography as e } from "./index62.js";
-import { jsx as t, jsxs as n } from "@emotion/react/jsx-runtime";
+import { Dialog as e, DialogContent as t } from "./index58.js";
+import { ActionsModalIssueStep as n } from "./index507.js";
+import { ActionsModalProductsStep as r } from "./index508.js";
+import { useState as i } from "react";
+import { jsx as a } from "@emotion/react/jsx-runtime";
+import { useLingui as o } from "@lingui/react";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index509.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 s = ({ open: s, onClose: c, action: l, inlineLineItems: u, issue: d, isEditFlow: f = !1 }) => {
+	let { i18n: p } = o(), [m, h] = i(d ? "issue" : "products"), [g, _] = i(null), v = (e) => {
+		_(e), u.length > 0 ? h("products") : c();
+	}, y = g === "sent" ? p._("Invoice sent") : g === "issued" || l === "issue" ? p._("Invoice issued") : l === "recurrence" ? p._("Recurring billing activated") : l === "update" ? p._("Invoice updated") : p._("Draft saved");
+	return /* @__PURE__ */ a(e, {
+		open: s,
+		onOpenChange: (e) => {
+			e || (m === "issue" ? v("issued") : c());
+		},
+		children: /* @__PURE__ */ a(t, {
+			showCloseButton: !1,
+			className: "ttw:gap-0 ttw:p-0 ttw:max-w-178 ttw:sm:max-w-178",
+			children: m === "issue" && d ? /* @__PURE__ */ a(n, {
+				receivableId: d.receivableId,
+				counterpartId: d.counterpartId,
+				isEditFlow: f,
+				onSkip: () => v("issued"),
+				onSent: () => v("sent")
+			}) : /* @__PURE__ */ a(r, {
+				inlineLineItems: u,
+				title: y,
+				onClose: c
+			})
+		})
 	});
-}
+};
 //#endregion
-export { r as InvoiceDetailsInfoRow };
+export { s as ActionsModal };

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

@@ -1,48 +1,118 @@
-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 { 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 "./index94.js";
+import { useUserPermissions as a } from "./index112.js";
+import { useMeasureUnitsMapping as o } from "./index161.js";
+import { useGetRecurrenceById as s } from "./index164.js";
+import { buildEditInvoiceFormValues as c } from "./index223.js";
+import "./index227.js";
+import { LoadingPage as l } from "./index250.js";
+import "./index251.js";
+import { useGetMeasureUnits as u } from "./index449.js";
+import { useReceivableSubmit as d } from "./index450.js";
+import { ReceivableFormLayout as f } from "./index498.js";
+import { useCallback as p, useEffect as m, useMemo as h, useRef as g } from "react";
+import { Fragment as _, jsx as v, jsxs as y } from "@emotion/react/jsx-runtime";
+import { useLingui as b } from "@lingui/react";
+import { useForm as x } from "react-hook-form";
+import { zodResolver as S } from "@hookform/resolvers/zod";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index510.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
+var C = (e) => {
+	let { data: t, isLoading: n } = s(e.invoice.recurrence_id);
+	return e.invoice.recurrence_id && n ? /* @__PURE__ */ v(l, {}) : /* @__PURE__ */ v(w, {
+		...e,
+		recurrence: t
+	});
+}, w = ({ invoice: s, onCancel: l, onUpdated: C, isOpen: w, recurrence: T, issueIntent: E, embeddedBankName: D }) => {
+	let { i18n: O } = b(), { componentSettings: k } = t(), A = a().has(e.CounterpartWriteOrg), j = !!k?.receivables?.enableEntityBankAccount, M = g("draft"), { data: N } = u(), P = s.currency, F = h(() => c(s, T), [s, T]), I = h(() => T?.iterations?.filter((e) => e.issued_invoice_id).length ?? 0, [T?.iterations]), L = h(() => S(r(O, A, I)), [
+		O,
+		A,
+		I
+	]), R = h(() => S(i(O, j, A, I)), [
+		O,
+		j,
+		A,
+		I
+	]), z = p((e, t, n) => (M.current === "issue" || e.frequency !== "once" && I === 0 ? R : L)(e, t, n), [
+		R,
+		L,
+		I
+	]), B = x({
+		mode: "onBlur",
+		resolver: z,
+		defaultValues: F
+	}), { getValues: V, reset: H } = B;
+	o(N, V, H);
+	let U = !!T?.iterations?.some((e) => e.issued_invoice_id), W = d({
+		mode: "edit",
+		methods: B,
+		currency: P,
+		invoice: s,
+		submitModeRef: M,
+		existingRecurrence: T ? {
+			id: T.id,
+			scheduleLocked: U
+		} : void 0,
+		hasStartedRecurrence: I > 0,
+		onComplete: (e) => C(e.receivable, {
+			inlineLineItems: e.inlineLineItems,
+			activatedRecurrence: e.mode === "recurrence",
+			issued: e.mode === "issue",
+			counterpartId: e.counterpartId,
+			hasCustomerEmail: e.hasCustomerEmail
+		}),
+		onClose: l
+	});
+	return m(() => {
+		E && W.highlightForIssue();
+	}, []), /* @__PURE__ */ v(f, {
+		open: w,
+		onRequestClose: W.requestClose,
+		methods: B,
+		title: O._("Edit invoice"),
+		currency: P,
+		embeddedBankName: D,
+		showPurchaseOrder: !1,
+		lockRecurrenceSchedule: U,
+		formName: W.formName,
+		onSubmit: W.onSubmit,
+		formScrollRef: W.formScrollRef,
+		registerLineItemCleanupFn: W.registerLineItemCleanupFn,
+		onAttachmentsUploadingChange: W.onAttachmentsUploadingChange,
+		disabled: W.isLoading,
+		closeDisabled: W.isSaving,
+		discardModal: W.discardModal,
+		footer: /* @__PURE__ */ y(_, { children: [
+			/* @__PURE__ */ v(n, {
+				variant: "outline",
+				className: "ttw:border-border",
+				onClick: W.requestClose,
+				disabled: W.isSaving || W.attachmentsUploading,
+				children: O._("Cancel")
 			}),
-			/* @__PURE__ */ n(e, {
-				component: "span",
-				variant: "body2",
-				color: "primary",
-				className: "ttw:underline-offset-4 ttw:group-hover:underline",
-				children: a
+			!W.isRecurrenceEnabled && /* @__PURE__ */ v(n, {
+				variant: "secondary",
+				type: "submit",
+				form: W.formName,
+				disabled: W.isLoading || W.attachmentsUploading,
+				onClick: () => {
+					W.submitModeRef.current = "draft";
+				},
+				children: O._("Update draft")
 			}),
-			/* @__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
-		})]
+			/* @__PURE__ */ v(n, {
+				type: "submit",
+				form: W.formName,
+				disabled: W.isLoading || W.attachmentsUploading || W.isIssuePreflightLoading || !W.isRecurrenceEnabled && W.isCustomerEmailLoading,
+				onClick: () => {
+					W.submitModeRef.current = W.isRecurrenceEnabled ? "draft" : "issue";
+				},
+				children: W.isRecurrenceEnabled ? T ? O._("Update recurring billing schedule") : O._("Activate recurring billing schedule") : O._("Issue invoice")
+			}, "next")
+		] })
 	});
-}
+};
 //#endregion
-export { i as InvoiceDetailsCustomerRow };
+export { C as EditInvoiceDetails };

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

@@ -1,16 +1,22 @@
-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 { jsx as t, jsxs as n } from "@emotion/react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index511.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 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
+		})]
+	});
+}
 //#endregion
-export { r as useCancelReceivableById };
+export { r as InvoiceDetailsInfoRow };

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

@@ -1,26 +1,48 @@
-import { useGetReceivableById as e } from "./index137.js";
-import { ConfirmationModal as t } from "./index59.js";
-import "./index60.js";
-import { useCancelReceivableById as n } from "./index511.js";
-import { jsx as r } from "@emotion/react/jsx-runtime";
-import { useLingui as i } 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/index512.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
+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 { a as InvoiceCancelModal };
+export { i as InvoiceDetailsCustomerRow };

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

@@ -1,30 +1,16 @@
-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";
+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/index513.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 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 { c as InvoiceDeleteModal };
+export { r as useCancelReceivableById };