@tesouro/embedded-components-react 0.5.178 → 0.5.179

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

@@ -1,75 +1,24 @@
-import { AuditHistoryList as e } from "../../../../packages/shared-ui-shadcn/dist/index.js";
-import { Scope as t } from "../../shared/data-access/dist/lib/scopes.js";
-import "../../shared/data-access/dist/index.js";
-import { buildReceivableAuditHistory as n } from "../../shared/util/dist/lib/auditHistory/buildReceivableAuditHistory.js";
-import { useMoniteContext as r } from "./index46.js";
-import { useCurrencies as i } from "./index62.js";
-import { useEntityUserNames as a } from "./index135.js";
-import "./index223.js";
-import { Typography as o } from "./index61.js";
-import { AUDIT_HISTORY_SECTION as s } from "./index92.js";
-import { useUserPermissions as c } from "./index118.js";
-import { createReceivableAuditHistoryLabels as l } from "./index159.js";
-import "./index183.js";
-import { useGetReceivableHistory as u } from "./index189.js";
-import { Badge as d } from "./index229.js";
-import { AccordionContent as f, AccordionItem as p, AccordionTrigger as m } from "./index509.js";
-import { useMemo as h } from "react";
-import { jsx as g, jsxs as _ } from "@emotion/react/jsx-runtime";
-import { useLingui as v } from "@lingui/react";
+import { cn as e } from "./index48.js";
+import { Typography as t } from "./index61.js";
+import { amountValueToneClass as n } from "./index92.js";
+import { jsx as r, jsxs as i } from "@emotion/react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index515.js
-var y = ({ invoice: y, isOpen: b = !1 }) => {
-	let { i18n: x } = v(), { locale: S } = r(), { formatCurrencyToDisplay: C } = i(), w = u({ receivable_id: y.id }), T = h(() => w.data?.data ?? [], [w.data]), E = h(() => [...new Set(T.filter((e) => e.recorded_by === "user").map((e) => e.entity_user_id).filter((e) => !!e))], [T]), D = c().has(t.UserReadOrg), { userNames: O, isError: k } = a({
-		entityUserIds: E,
-		enabled: b && D
-	}), A = h(() => l({
-		i18n: x,
-		locale: S,
-		formatCurrencyToDisplay: C
-	}), [
-		x,
-		S,
-		C
-	]), j = h(() => n(T, O, A, {
-		documentType: "invoice",
-		currency: y.currency,
-		documentNumber: y.document_id,
-		dueDate: y.due_date
-	}), [
-		T,
-		O,
-		A,
-		y.currency,
-		y.document_id,
-		y.due_date
-	]);
-	return /* @__PURE__ */ _(p, {
-		value: s,
-		children: [/* @__PURE__ */ g(m, { children: /* @__PURE__ */ _("span", {
-			className: "ttw:flex ttw:items-center ttw:gap-2",
-			children: [/* @__PURE__ */ g("span", {
-				className: "ttw:group-hover:underline",
-				children: x._("Audit history")
-			}), w.data && !w.isLoading && !w.isError ? /* @__PURE__ */ g(d, {
-				variant: "secondary",
-				className: "ttw:rounded-full",
-				children: j.length
-			}) : null]
-		}) }), /* @__PURE__ */ _(f, { children: [D && k && E.length > 0 ? /* @__PURE__ */ g(o, {
+function a({ row: a, defaultTone: o }) {
+	let s = a.tone ?? (a.emphasis ? o : "default");
+	return /* @__PURE__ */ i("div", {
+		className: "ttw:flex ttw:flex-col ttw:gap-0.5",
+		children: [/* @__PURE__ */ r(t, {
 			variant: "caption",
 			color: "muted",
-			children: x._("Some names could not be loaded.")
-		}) : null, /* @__PURE__ */ g(e, {
-			rows: j,
-			isLoading: w.isLoading,
-			isError: w.isError,
-			labels: {
-				empty: x._("No history yet."),
-				loading: x._("Loading history"),
-				error: x._("The audit history could not be loaded.")
-			}
-		})] })]
+			className: "ttw:font-medium",
+			children: a.label
+		}), /* @__PURE__ */ r(t, {
+			component: "span",
+			variant: a.emphasis ? "h3" : "body1",
+			className: e(!a.emphasis && "ttw:font-medium", n[s]),
+			children: a.value
+		})]
 	});
-};
+}
 //#endregion
-export { y as InvoiceDetailsAuditHistory };
+export { a as InvoiceDetailsAmountCell };

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

@@ -1,20 +1,76 @@
-import { Button as e } from "./index55.js";
-import { forwardRef as t } from "react";
-import { XIcon as n } from "lucide-react";
-import { jsx as r } from "@emotion/react/jsx-runtime";
+import { Typography as e } from "./index61.js";
+import { Badge as t } from "./index230.js";
+import { AccordionContent as n, AccordionItem as r, AccordionTrigger as i } from "./index511.js";
+import { Check as a } from "lucide-react";
+import { jsx as o, jsxs as s } from "@emotion/react/jsx-runtime";
+import { useLingui as c } from "@lingui/react";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index516.js
-var i = t(function({ label: t, onClose: i, variant: a = "ghost", size: o = "icon", onClick: s, ...c }, l) {
-	return /* @__PURE__ */ r(e, {
-		ref: l,
-		variant: a,
-		size: o,
-		...c,
-		"aria-label": t,
-		onClick: (e) => {
-			s?.(e), i();
-		},
-		children: /* @__PURE__ */ r(n, { className: "ttw:size-4" })
+var l = ({ attachments: l }) => {
+	let { i18n: u } = c();
+	return /* @__PURE__ */ s(r, {
+		value: "attachments",
+		children: [/* @__PURE__ */ o(i, { children: /* @__PURE__ */ s("span", {
+			className: "ttw:flex ttw:items-center ttw:gap-2",
+			children: [/* @__PURE__ */ o("span", {
+				className: "ttw:group-hover:underline",
+				children: u._("Attachments")
+			}), /* @__PURE__ */ o(t, {
+				variant: "secondary",
+				className: "ttw:rounded-full",
+				children: l.length
+			})]
+		}) }), /* @__PURE__ */ o(n, { children: l.length === 0 ? /* @__PURE__ */ o(e, {
+			variant: "body2",
+			color: "muted",
+			children: u._("No attached files")
+		}) : /* @__PURE__ */ s("table", {
+			className: "ttw:w-full ttw:border-collapse",
+			children: [/* @__PURE__ */ o("thead", { children: /* @__PURE__ */ s("tr", {
+				className: "ttw:border-b ttw:border-border",
+				children: [/* @__PURE__ */ o("th", {
+					scope: "col",
+					className: "ttw:py-2 ttw:text-left",
+					children: /* @__PURE__ */ o(e, {
+						component: "span",
+						variant: "caption",
+						color: "muted",
+						children: u._("File")
+					})
+				}), /* @__PURE__ */ o("th", {
+					scope: "col",
+					className: "ttw:py-2 ttw:text-right",
+					children: /* @__PURE__ */ o(e, {
+						component: "span",
+						variant: "caption",
+						color: "muted",
+						children: u._("Emailed")
+					})
+				})]
+			}) }), /* @__PURE__ */ o("tbody", { children: l.map((e) => /* @__PURE__ */ s("tr", {
+				className: "ttw:border-b ttw:border-border ttw:last:border-b-0",
+				children: [/* @__PURE__ */ o("td", {
+					className: "ttw:py-3",
+					children: /* @__PURE__ */ o("a", {
+						href: e.url,
+						target: "_blank",
+						rel: "noreferrer",
+						className: "ttw:text-primary ttw:hover:underline",
+						children: e.name
+					})
+				}), /* @__PURE__ */ o("td", {
+					className: "ttw:py-3 ttw:text-right ttw:align-middle",
+					children: e.include_in_email ? /* @__PURE__ */ o(a, {
+						role: "img",
+						"aria-label": u._("Included in email"),
+						className: "ttw:inline-block ttw:size-4 ttw:text-emerald-600"
+					}) : /* @__PURE__ */ o("span", {
+						className: "ttw:sr-only",
+						children: u._("Not included in email")
+					})
+				})]
+			}, e.id)) })]
+		}) })]
 	});
-});
+};
 //#endregion
-export { i as InvoiceDetailsCloseButton };
+export { l as InvoiceDetailsAttachments };

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

@@ -1,181 +1,75 @@
-import { useMoniteContext as e } from "./index46.js";
-import { useCounterpartById as t } from "./index47.js";
-import { getCounterpartEmail as n, getCounterpartName as r } from "./index52.js";
-import { Button as i } from "./index55.js";
-import { Input as a } from "./index88.js";
-import { Textarea as o } from "./index108.js";
-import { useGetReceivableById as s } from "./index143.js";
-import "./index144.js";
-import { DialogDescription as c, DialogFooter as l, DialogHeader as u, DialogTitle as d } from "./index57.js";
-import { Typography as f } from "./index61.js";
-import { invalidateReceivableHistory as p } from "./index157.js";
-import { invalidateReceivableLists as m } from "./index158.js";
-import { formatFileSize as h } from "./index172.js";
-import "./index183.js";
-import { useEffect as g, useMemo as _, useState as v } from "react";
-import { Check as y, Send as b } from "lucide-react";
-import { Fragment as x, jsx as S, jsxs as C } from "@emotion/react/jsx-runtime";
-import { toast as w } from "react-hot-toast";
-import { useLingui as T } from "@lingui/react";
+import { AuditHistoryList as e } from "../../../../packages/shared-ui-shadcn/dist/index.js";
+import { Scope as t } from "../../shared/data-access/dist/lib/scopes.js";
+import "../../shared/data-access/dist/index.js";
+import { buildReceivableAuditHistory as n } from "../../shared/util/dist/lib/auditHistory/buildReceivableAuditHistory.js";
+import { useMoniteContext as r } from "./index46.js";
+import { useCurrencies as i } from "./index62.js";
+import { useEntityUserNames as a } from "./index135.js";
+import "./index224.js";
+import { Typography as o } from "./index61.js";
+import { AUDIT_HISTORY_SECTION as s } from "./index92.js";
+import { useUserPermissions as c } from "./index118.js";
+import { createReceivableAuditHistoryLabels as l } from "./index159.js";
+import "./index184.js";
+import { useGetReceivableHistory as u } from "./index190.js";
+import { Badge as d } from "./index230.js";
+import { AccordionContent as f, AccordionItem as p, AccordionTrigger as m } from "./index511.js";
+import { useMemo as h } from "react";
+import { jsx as g, jsxs as _ } from "@emotion/react/jsx-runtime";
+import { useLingui as v } from "@lingui/react";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index517.js
-var E = ({ receivableId: E, counterpartId: D, onSkip: O, onSent: k, isEditFlow: A = !1 }) => {
-	let { i18n: j } = T(), { api: M, queryClient: N, entityId: P } = e(), { data: F } = s(E, !!E), { data: I } = t(D), { data: L } = M.finops.getEntitiesIdPaymentMethods.useQuery({ path: { entity_id: P } }), { mutateAsync: R } = M.finops.postReceivablesIdSend.useMutation(), { mutateAsync: z } = M.finops.postPaymentLinks.useMutation({}), B = r(I), V = n(I), H = F, U = H?.document_id, W = H?.attachments ?? [], G = _(() => B ? U ? j._("Invoice #{documentId} for {name}", {
-		documentId: U,
-		name: B
-	}) : j._("Invoice for {name}", { name: B }) : "", [
-		U,
-		B,
-		j
-	]), [K, q] = v(""), [J, Y] = v(!1), [X, Z] = v(""), [Q, $] = v(!1);
-	return g(() => {
-		!J && G && q(G);
-	}, [G, J]), /* @__PURE__ */ C(x, { children: [
-		/* @__PURE__ */ S(u, {
-			className: "ttw:border-b ttw:border-border ttw:p-6",
-			children: /* @__PURE__ */ C("div", {
-				className: "ttw:flex ttw:items-center ttw:gap-4",
-				children: [/* @__PURE__ */ S("span", {
-					className: "ttw:flex ttw:size-10 ttw:shrink-0 ttw:items-center ttw:justify-center ttw:rounded-full ttw:border ttw:border-emerald-200 ttw:bg-emerald-50",
-					children: S(A ? b : y, { className: "ttw:size-6 ttw:text-green-700" })
-				}), /* @__PURE__ */ C("div", {
-					className: "ttw:flex ttw:flex-col ttw:gap-1",
-					children: [/* @__PURE__ */ S(d, { children: A ? j._("Send a copy to {name}?", { name: B }) : j._("Invoice issued. Send a copy to {name}?", { name: B }) }), /* @__PURE__ */ S(c, {
-						className: "ttw:text-xs",
-						children: j._("The customer will be emailed a copy of the invoice with payment instructions.")
-					})]
-				})]
-			})
-		}),
-		/* @__PURE__ */ C("div", {
-			className: "ttw:flex ttw:flex-col ttw:gap-2 ttw:p-6",
-			children: [
-				/* @__PURE__ */ C("div", {
-					className: "ttw:flex ttw:items-center ttw:gap-4",
-					children: [/* @__PURE__ */ S(f, {
-						variant: "body2",
-						color: "muted",
-						className: "ttw:w-16 ttw:shrink-0",
-						children: j._("To")
-					}), /* @__PURE__ */ C(f, {
-						variant: "body2",
-						children: [B, V ? ` <${V}>` : ""]
-					})]
-				}),
-				/* @__PURE__ */ C("div", {
-					className: "ttw:flex ttw:items-center ttw:gap-4",
-					children: [/* @__PURE__ */ S(f, {
-						variant: "body2",
-						color: "muted",
-						className: "ttw:w-16 ttw:shrink-0",
-						children: j._("Subject")
-					}), /* @__PURE__ */ S(a, {
-						className: "ttw:flex-1",
-						value: K,
-						onChange: (e) => {
-							q(e.target.value), Y(!0);
-						},
-						disabled: Q
-					})]
-				}),
-				/* @__PURE__ */ C("div", {
-					className: "ttw:flex ttw:items-start ttw:gap-4",
-					children: [/* @__PURE__ */ S(f, {
-						variant: "body2",
-						color: "muted",
-						className: "ttw:w-16 ttw:shrink-0 ttw:pt-2",
-						children: j._("Message")
-					}), /* @__PURE__ */ S(o, {
-						className: "ttw:flex-1",
-						value: X,
-						onChange: (e) => Z(e.target.value),
-						placeholder: j._("e.g., Thank you for your business"),
-						disabled: Q
-					})]
-				}),
-				W.length > 0 && /* @__PURE__ */ C("div", {
-					className: "ttw:flex ttw:flex-col ttw:gap-2.5 ttw:pl-20",
-					children: [/* @__PURE__ */ C("div", {
-						className: "ttw:flex ttw:flex-col",
-						children: [/* @__PURE__ */ S(f, {
-							variant: "body2",
-							color: "muted",
-							children: j._("Attachments")
-						}), /* @__PURE__ */ S(f, {
-							variant: "caption",
-							color: "muted",
-							children: j._("To change what files are attached to the email, you will need to update the invoice.")
-						})]
-					}), /* @__PURE__ */ S("ul", {
-						className: "ttw:flex ttw:flex-col ttw:gap-2.5",
-						children: W.map((e) => /* @__PURE__ */ C("li", {
-							className: "ttw:rounded-lg ttw:bg-muted ttw:px-2 ttw:py-1 ttw:text-sm ttw:font-medium",
-							children: [
-								e.name,
-								" ",
-								/* @__PURE__ */ C("span", {
-									className: "ttw:text-muted-foreground",
-									children: [
-										"(",
-										h(e.size),
-										")"
-									]
-								})
-							]
-						}, e.id))
-					})]
-				})
-			]
-		}),
-		/* @__PURE__ */ C(l, {
-			className: "ttw:flex ttw:flex-row ttw:gap-4 ttw:border-t ttw:border-border ttw:p-6",
-			children: [/* @__PURE__ */ S(i, {
-				type: "button",
-				variant: "outline",
-				className: "ttw:flex-1 ttw:border-border",
-				disabled: Q,
-				onClick: O,
-				children: A ? j._("Cancel") : j._("Skip")
-			}), /* @__PURE__ */ S(i, {
-				type: "button",
-				variant: "default",
-				className: "ttw:flex-1",
-				disabled: Q || !K.trim() || !X.trim(),
-				onClick: async () => {
-					$(!0);
-					try {
-						let e = L ? L.data.filter(({ status: e, direction: t }) => e === "active" && t === "receive") : [];
-						e.length === 0 ? w.error(j._("You haven't onboarded for any payment method. Invoice is sent without a payment link.")) : await z({
-							recipient: {
-								id: P,
-								type: "entity"
-							},
-							payment_methods: e.map((e) => e.type),
-							object: {
-								id: E,
-								type: "receivable"
-							}
-						}), await R({
-							path: { receivable_id: E },
-							body: {
-								subject_text: K,
-								body_text: X,
-								recipients: V ? { to: [V] } : void 0
-							}
-						}), await Promise.all([
-							m(M, N),
-							M.finops.getReceivablesId.invalidateQueries({ parameters: { path: { receivable_id: E } } }, N),
-							p(M, N, E)
-						]), w.success(j._("Invoice sent successfully")), k();
-					} catch {
-						w.error(j._("Failed to send invoice."));
-					} finally {
-						$(!1);
-					}
-				},
-				children: j._("Send invoice")
-			})]
-		})
-	] });
+var y = ({ invoice: y, isOpen: b = !1 }) => {
+	let { i18n: x } = v(), { locale: S } = r(), { formatCurrencyToDisplay: C } = i(), w = u({ receivable_id: y.id }), T = h(() => w.data?.data ?? [], [w.data]), E = h(() => [...new Set(T.filter((e) => e.recorded_by === "user").map((e) => e.entity_user_id).filter((e) => !!e))], [T]), D = c().has(t.UserReadOrg), { userNames: O, isError: k } = a({
+		entityUserIds: E,
+		enabled: b && D
+	}), A = h(() => l({
+		i18n: x,
+		locale: S,
+		formatCurrencyToDisplay: C
+	}), [
+		x,
+		S,
+		C
+	]), j = h(() => n(T, O, A, {
+		documentType: "invoice",
+		currency: y.currency,
+		documentNumber: y.document_id,
+		dueDate: y.due_date
+	}), [
+		T,
+		O,
+		A,
+		y.currency,
+		y.document_id,
+		y.due_date
+	]);
+	return /* @__PURE__ */ _(p, {
+		value: s,
+		children: [/* @__PURE__ */ g(m, { children: /* @__PURE__ */ _("span", {
+			className: "ttw:flex ttw:items-center ttw:gap-2",
+			children: [/* @__PURE__ */ g("span", {
+				className: "ttw:group-hover:underline",
+				children: x._("Audit history")
+			}), w.data && !w.isLoading && !w.isError ? /* @__PURE__ */ g(d, {
+				variant: "secondary",
+				className: "ttw:rounded-full",
+				children: j.length
+			}) : null]
+		}) }), /* @__PURE__ */ _(f, { children: [D && k && E.length > 0 ? /* @__PURE__ */ g(o, {
+			variant: "caption",
+			color: "muted",
+			children: x._("Some names could not be loaded.")
+		}) : null, /* @__PURE__ */ g(e, {
+			rows: j,
+			isLoading: w.isLoading,
+			isError: w.isError,
+			labels: {
+				empty: x._("No history yet."),
+				loading: x._("Loading history"),
+				error: x._("The audit history could not be loaded.")
+			}
+		})] })]
+	});
 };
 //#endregion
-export { E as ActionsModalIssueStep };
+export { y as InvoiceDetailsAuditHistory };

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

@@ -1,144 +1,20 @@
-import { useMoniteContext as e } from "./index46.js";
-import { useCurrencies as t } from "./index62.js";
-import { Button as n } from "./index55.js";
-import "./index223.js";
-import { DialogFooter as r, DialogHeader as i, DialogTitle as a } from "./index57.js";
-import { Typography as o } from "./index61.js";
-import { Separator as s } from "./index63.js";
-import { Checkbox as c } from "./index105.js";
-import { useGetMeasureUnits as l } from "./index450.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";
+import { Button as e } from "./index55.js";
+import { forwardRef as t } from "react";
+import { XIcon as n } from "lucide-react";
+import { jsx as r } from "@emotion/react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index518.js
-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]
-			})
-		}),
-		/* @__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:min-w-0 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:shrink-0 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:min-w-0 ttw:flex-1 ttw:flex-col ttw:gap-1",
-							children: [/* @__PURE__ */ m(o, {
-								variant: "caption",
-								className: "ttw:truncate",
-								title: t.product.name,
-								children: t.product.name
-							}), /* @__PURE__ */ m(o, {
-								variant: "caption",
-								color: "muted",
-								className: "ttw:truncate",
-								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: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: x._("Save selected items")
-			})]
-		})
-	] });
-};
+var i = t(function({ label: t, onClose: i, variant: a = "ghost", size: o = "icon", onClick: s, ...c }, l) {
+	return /* @__PURE__ */ r(e, {
+		ref: l,
+		variant: a,
+		size: o,
+		...c,
+		"aria-label": t,
+		onClick: (e) => {
+			s?.(e), i();
+		},
+		children: /* @__PURE__ */ r(n, { className: "ttw:size-4" })
+	});
+});
 //#endregion
-export { v as ActionsModalProductsStep };
+export { i as InvoiceDetailsCloseButton };