@tesouro/embedded-components-react 0.3.0 → 0.3.2

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

@@ -1,10 +1,48 @@
-//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index222.js
-var e = (e) => {
-	let t = e.lastIndexOf(".");
-	return t >= 0 ? e.slice(t + 1).toLowerCase() : "";
-}, t = (t, { acceptedFormats: n, acceptedExtensions: r, maxFileSizeInMB: i }) => {
-	let a = n.includes(t.type), o = r.includes(e(t.name));
-	return !a && !o ? "unsupported_type" : t.size > i * 1024 * 1024 ? "too_large" : null;
-};
-//#endregion
-export { t as validateAttachmentFile };
+import "./index144.js";
+import "./index160.js";
+import "./index174.js";
+import "./index118.js";
+import "./index119.js";
+import "./index120.js";
+import "./index121.js";
+import "./index122.js";
+import "./index123.js";
+import "./index125.js";
+import "./index126.js";
+import "./index127.js";
+import "./index128.js";
+import "./index145.js";
+import "./index146.js";
+import "./index147.js";
+import "./index148.js";
+import "./index149.js";
+import "./index150.js";
+import "./index151.js";
+import "./index152.js";
+import "./index153.js";
+import "./index154.js";
+import "./index155.js";
+import "./index156.js";
+import "./index157.js";
+import "./index158.js";
+import "./index159.js";
+import "./index161.js";
+import "./index162.js";
+import "./index163.js";
+import "./index164.js";
+import "./index165.js";
+import "./index166.js";
+import "./index167.js";
+import "./index168.js";
+import "./index169.js";
+import "./index170.js";
+import "./index171.js";
+import "./index172.js";
+import "./index173.js";
+import "./index175.js";
+import "./index203.js";
+import "./index204.js";
+import "./index218.js";
+import "./index219.js";
+import "./index220.js";
+import "./index221.js";

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

@@ -1,8 +1,32 @@
+import { cn as e } from "./index49.js";
+import "react";
+import { jsx as t, jsxs as n } from "@emotion/react/jsx-runtime";
+import { Slot as r } from "@radix-ui/react-slot";
+import { cva as i } from "class-variance-authority";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index223.js
-var e = (e) => {
-	if (e < 1024) return `${e} B`;
-	let t = e / 1024;
-	return t < 1024 ? `${Math.round(t)} KB` : `${(t / 1024).toFixed(1)} MB`;
-};
+var a = i("ttw:inline-flex ttw:items-center ttw:justify-center ttw:rounded-md ttw:border ttw:px-2 ttw:py-0.5 ttw:text-xs ttw:font-medium ttw:w-fit ttw:whitespace-nowrap ttw:shrink-0 ttw:[&>svg]:size-3 ttw:gap-1 ttw:[&>svg]:pointer-events-none ttw:focus-visible:border-ring ttw:focus-visible:ring-ring/50 ttw:focus-visible:ring-[3px] ttw:aria-invalid:ring-destructive/20 ttw:dark:aria-invalid:ring-destructive/40 ttw:aria-invalid:border-destructive ttw:transition-[color,box-shadow] ttw:overflow-hidden", {
+	variants: { variant: {
+		default: "ttw:border-transparent ttw:bg-primary ttw:text-primary-foreground ttw:[a&]:hover:bg-primary/90",
+		secondary: "ttw:border-transparent ttw:bg-secondary ttw:text-neutral ttw:[a&]:hover:bg-secondary/90",
+		destructive: "ttw:border-transparent ttw:bg-destructive ttw:text-white ttw:[a&]:hover:bg-destructive/90 ttw:focus-visible:ring-destructive/20 ttw:dark:focus-visible:ring-destructive/40 ttw:dark:bg-destructive/60",
+		outline: "ttw:text-foreground ttw:[a&]:hover:bg-accent ttw:[a&]:hover:text-accent-foreground"
+	} },
+	defaultVariants: { variant: "default" }
+}), o = i("ttw:rounded-full ttw:box-content! ttw:inline-block", {
+	variants: { dotSize: {
+		small: "ttw:w-1.5 ttw:h-1.5 ttw:border-2",
+		medium: "ttw:w-2 ttw:h-2 ttw:border-[3px]",
+		large: "ttw:w-2.5 ttw:h-2.5 ttw:border-4"
+	} },
+	defaultVariants: { dotSize: "medium" }
+});
+function s({ className: i, variant: s, showBadgeBackground: c = !0, asChild: l = !1, dotSize: u, showDot: d = !1, showDotBorder: f, dotClassName: p, children: m, ...h }) {
+	return /* @__PURE__ */ n(l ? r : "span", {
+		"data-slot": "badge",
+		className: e(a({ variant: s }), !c && "ttw:bg-transparent! ttw:border-transparent! ttw:p-0!", i),
+		...h,
+		children: [d && /* @__PURE__ */ t("span", { className: e(o({ dotSize: u }), !f && "ttw:border-none", p) }), m]
+	});
+}
 //#endregion
-export { e as formatFileSize };
+export { s as Badge, a as badgeVariants };

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

@@ -1,4 +1,18 @@
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index224.js
-var e = (e) => e ? Array.from(e) : [];
+var e = /* @__PURE__ */ new Set([
+	"new",
+	"approve_in_progress",
+	"waiting_to_be_paid",
+	"partially_paid"
+]);
+function t(t, n) {
+	if (n && e.has(t)) {
+		let e = /* @__PURE__ */ new Date();
+		e.setUTCHours(0, 0, 0, 0);
+		let t = new Date(n);
+		return t.setUTCHours(0, 0, 0, 0), t.getTime() < e.getTime();
+	}
+	return !1;
+}
 //#endregion
-export { e as toFileArray };
+export { t as isBillOverdue };

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

@@ -1,18 +1,41 @@
+import { cn as e } from "./index49.js";
+import { isBillOverdue as t } from "./index224.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/index225.js
-var e = ({ lineItems: e, paymentTermsId: t, paymentTermsCustomDate: n, memo: r, footer: i, bankAccountId: a, bankAccountType: o, taxMode: s, purchaseOrder: c, taxRate: l }) => ({
-	payment_terms_id: t,
-	payment_terms_custom_date: n,
-	line_items: (e ?? []).map((e) => ({
-		...e,
-		id: e.id || `temp-${Math.random().toString(36).substr(2, 9)}`
-	})),
-	memo: r,
-	footer: i,
-	bank_account_id: a,
-	bank_account_type: o,
-	tax_mode: s,
-	purchase_order: c || void 0,
-	tax_rate: l
-});
+function o(e) {
+	return e === "waiting_to_be_paid" || e === "partially_paid" ? "ready_to_pay" : e === "new" || e === "draft" ? "draft" : e === "approve_in_progress" ? "pending_approval" : e === "rejected" ? "rejected" : e === "paid" ? "paid" : "cancelled";
+}
+function s(e, t, n) {
+	let r = {
+		overdue: e._("Overdue"),
+		ready_to_pay: e._("Ready to pay"),
+		pending_approval: e._("Pending approval"),
+		rejected: e._("Rejected"),
+		draft: e._("New"),
+		paid: e._("Paid"),
+		cancelled: e._("Cancelled")
+	};
+	return n ? r.overdue : r[t];
+}
+var c = a("", { variants: { variant: {
+	overdue: "ttw:bg-red-100 ttw:text-red-700",
+	ready_to_pay: "ttw:bg-green-100 ttw:text-green-700",
+	pending_approval: "ttw:bg-blue-100 ttw:text-blue-700",
+	rejected: "ttw:bg-orange-100 ttw:text-orange-700",
+	draft: "ttw:bg-neutral-100 ttw:text-neutral-700",
+	paid: "ttw:bg-white ttw:text-green-700",
+	cancelled: "ttw:bg-white ttw:text-neutral-400"
+} } }), l = ({ status: a, dueDate: l, className: u, showBadgeBackground: d = !0, showOverdueBadge: f = !1, ref: p }) => {
+	let { i18n: m } = i(), h = t(a, l), g = o(a), _ = g === "paid", v = !_ && d;
+	return /* @__PURE__ */ r(n, {
+		ref: p,
+		className: e("ttw:inline-flex ttw:items-center ttw:gap-1", c({ variant: h ? "overdue" : g }), !d && !_ && "ttw:text-zinc-950!", u),
+		showBadgeBackground: v,
+		children: s(m, g, f)
+	});
+};
 //#endregion
-export { e as buildInvoicePreviewData };
+export { l as PayableStatusChip };

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

@@ -1,8 +1,8 @@
-import { format as e } from "date-fns";
+import { useMoniteContext as e } from "./index47.js";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index226.js
-var t = "receipt_due", n = "custom";
-function r({ paymentTermId: t, customDueDate: n }) {
-	return t === "custom" ? n ? { payment_terms: { term_final: { end_date: e(n, "yyyy-MM-dd") } } } : { payment_terms: { term_final: { number_of_days: 0 } } } : t === "receipt_due" ? { payment_terms: { term_final: { number_of_days: 0 } } } : t ? { payment_terms_id: t } : {};
-}
+var t = (t) => {
+	let { api: n } = e();
+	return n.finops.getCounterpartsIdBankAccounts.useQuery({ path: { counterpart_id: t ?? "" } }, { enabled: !!t });
+};
 //#endregion
-export { n as CUSTOM_DATE_PAYMENT_TERM, t as RECEIPT_DUE_PAYMENT_TERM, r as buildPaymentTermsPayload };
+export { t as useCounterpartsBankAccountsList };

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

@@ -1,111 +1,19 @@
-import { rateMinorToMajor as e } from "./index213.js";
-import { DEFAULT_RECURRENCE_CREATION_MODE as t } from "./index217.js";
-import { CUSTOM_DATE_PAYMENT_TERM as n, RECEIPT_DUE_PAYMENT_TERM as r } from "./index226.js";
-import { parseISO as i } from "date-fns";
+import { useRootElements as e } from "./index206.js";
+import "./index207.js";
+import { useState as t } from "react";
+import { jsx as n } from "@emotion/react/jsx-runtime";
+import r from "@emotion/cache";
+import { CacheProvider as i } from "@emotion/react";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index227.js
-var a = (e) => {
-	if (e?.id) return {
-		payment_terms_id: e.id,
-		payment_terms_custom_date: null
-	};
-	let t = e?.term_final?.end_date;
-	return t ? {
-		payment_terms_id: n,
-		payment_terms_custom_date: i(t)
-	} : e?.term_final?.number_of_days === 0 ? {
-		payment_terms_id: r,
-		payment_terms_custom_date: null
-	} : {
-		payment_terms_id: "",
-		payment_terms_custom_date: null
-	};
-}, o = [
-	"su",
-	"mo",
-	"tu",
-	"we",
-	"th",
-	"fr",
-	"sa"
-], s = {
-	frequency: "once",
-	recurrence_start_date: void 0,
-	recurrence_end_date: void 0,
-	recurrence_end_mode: "after",
-	recurrence_max_occurrences: void 0,
-	recurrence_issue_mode: "first_day",
-	recurrence_days_of_week: void 0,
-	recurrence_automation_level: t,
-	recurrence_subject_text: void 0,
-	recurrence_body_text: void 0,
-	recurrence_recipients_to: void 0,
-	recurrence_recipients_cc: void 0,
-	recurrence_recipients_bcc: void 0
-}, c = (e) => {
-	if (!e) return s;
-	let t = e.start_date ? i(e.start_date) : void 0;
-	return {
-		frequency: e.frequency,
-		recurrence_start_date: t,
-		recurrence_end_date: e.end_date ? i(e.end_date) : void 0,
-		recurrence_end_mode: e.end_date ? "on" : "after",
-		recurrence_max_occurrences: e.max_occurrences ?? void 0,
-		recurrence_issue_mode: t ? String(t.getDate()) : "first_day",
-		recurrence_days_of_week: t ? o[t.getDay()] : void 0,
-		recurrence_automation_level: e.automation_level ?? "issue",
-		recurrence_subject_text: e.subject_text ?? void 0,
-		recurrence_body_text: e.body_text ?? void 0,
-		recurrence_recipients_to: e.recipients?.to ?? void 0,
-		recurrence_recipients_cc: e.recipients?.cc ?? void 0,
-		recurrence_recipients_bcc: e.recipients?.bcc ?? void 0
-	};
-}, l = (t, n) => ({
-	type: "invoice",
-	counterpart_id: t.counterpart_id,
-	counterpart_name: "",
-	counterpart_email: "",
-	default_shipping_address_id: t.counterpart_shipping_address?.id ?? "",
-	default_billing_address_id: t.counterpart_billing_address?.id ?? "",
-	purchase_order: t.purchase_order ?? "",
-	footer: t.footer ?? "",
-	...a(t.payment_terms),
-	tax_mode: t.tax_mode ?? "exclusive",
-	tax_rate: (() => {
-		let n = t.line_items.find((e) => e.product.tax_rate?.value !== void 0);
-		return n ? String(e(n.product.tax_rate.value ?? 0)) : void 0;
-	})(),
-	line_items: t.line_items.map((n) => {
-		let r = n.product.measure_unit?.name, i = n.product.measure_unit?.id;
-		return {
-			quantity: n.quantity,
-			product_id: n.product.id,
-			taxable: n.tax_status === "taxable",
-			product: {
-				name: n.product.name,
-				price: t.tax_mode === "inclusive" ? n.product.price_after_tax : n.product.price,
-				measure_unit_id: i && i !== "" ? i : void 0,
-				measure_unit_name: !i && r ? r : void 0,
-				type: n.product.type || "product"
-			},
-			measure_unit: !i && r ? {
-				name: r,
-				id: null
-			} : void 0,
-			tax_rate_value: n.product.tax_rate.value === void 0 ? void 0 : e(n.product.tax_rate.value)
-		};
-	}),
-	memo: t.memo ?? "",
-	bank_account_id: t.bank_account_id ?? "",
-	bank_account_type: t.bank_account_type || void 0,
-	payment_reminder_id: t.payment_reminder_id ?? "",
-	overdue_reminder_id: t.overdue_reminder_id ?? "",
-	attachments: (t.attachments ?? []).map((e) => ({
-		id: e.id,
-		include_in_email: e.include_in_email,
-		name: e.name,
-		size: e.size
-	})),
-	...c(n)
-});
+var a = ({ cacheKey: a, children: o }) => {
+	let s = e(), [c] = t(() => r({
+		key: a,
+		container: s.styles
+	}));
+	return /* @__PURE__ */ n(i, {
+		value: c,
+		children: o
+	});
+};
 //#endregion
-export { l as buildEditInvoiceFormValues };
+export { a as EmotionCacheProvider };

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

@@ -1,35 +1,19 @@
-import { calculateDueDate as e } from "./index53.js";
-import { rateMinorToMajor as t } from "./index213.js";
-import "./index226.js";
-import { differenceInCalendarDays as n } from "date-fns";
+import { useMoniteContext as e } from "./index47.js";
+import { jsx as t } from "@emotion/react/jsx-runtime";
+import { I18nProvider as n } from "@lingui/react";
+import { LocalizationProvider as r } from "@mui/x-date-pickers";
+import { AdapterDateFns as i } from "@mui/x-date-pickers/AdapterDateFnsV3";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index228.js
-var r = (e, t) => `${e._("NET")} ${t} ${e._("days")}`, i = (e, n) => {
-	let r = e._("Pay in the first {days} days", { days: n.number_of_days });
-	return n.discount ? `${r}, ${e._("{rate}% discount", { rate: t(n.discount) })}` : r;
-}, a = ({ paymentTermsId: t, customDate: a, issueDate: o, paymentTerms: s, i18n: c }) => {
-	if (t === "custom") return a ? {
-		dueDate: a,
-		termLines: [r(c, Math.max(0, n(a, o)))]
-	} : {
-		dueDate: null,
-		termLines: []
-	};
-	if (t === "receipt_due") return {
-		dueDate: o,
-		termLines: [c._("Due on receipt")]
-	};
-	let l = s?.data?.find((e) => e.id === t);
-	return l ? {
-		dueDate: e(l),
-		termLines: [
-			l.term_1 && i(c, l.term_1),
-			l.term_2 && i(c, l.term_2),
-			l.term_final && r(c, l.term_final.number_of_days)
-		].filter((e) => !!e)
-	} : {
-		dueDate: null,
-		termLines: []
-	};
+var a = ({ children: a }) => {
+	let { i18n: o, dateFnsLocale: s } = e();
+	return /* @__PURE__ */ t(n, {
+		i18n: o,
+		children: /* @__PURE__ */ t(r, {
+			dateAdapter: i,
+			adapterLocale: s,
+			children: a
+		})
+	}, o.locale);
 };
 //#endregion
-export { a as buildPreviewPaymentTermsView };
+export { a as MoniteI18nProvider };

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

@@ -1,4 +1,76 @@
+import { ScopedCssBaselineContainerClassName as e } from "./index31.js";
+import { generatePayablesButtonCssVars as t } from "./index44.js";
+import { useMoniteContext as n } from "./index47.js";
+import { useRootElements as r } from "./index206.js";
+import "./index207.js";
+import { createContext as i, forwardRef as a, useContext as o, useMemo as s } from "react";
+import { jsx as c } from "@emotion/react/jsx-runtime";
+import { Dialog as l, Fade as u, Slide as d } from "@mui/material";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index229.js
-var e = (e, { isIssuing: t, isIssuePreflightLoading: n, isCounterpartLoading: r }) => (e === "issue" || e === "issueAndSend") && (t || n) || (e === "issueAndSend" || e === "send") && r;
+var f = a(function(e, t) {
+	let { alignDialog: n, ...r } = e;
+	if (n) {
+		let e;
+		switch (n) {
+			case "left":
+				e = "right";
+				break;
+			case "right": e = "left";
+		}
+		return /* @__PURE__ */ c(d, {
+			direction: e,
+			ref: t,
+			...r
+		});
+	}
+	return /* @__PURE__ */ c(u, {
+		ref: t,
+		...r
+	});
+}), p = i(void 0), m = () => o(p), h = ({ ref: i, ...a }) => {
+	let { alignDialog: o, onClosed: u, ...d } = a, { root: h } = r(), { theme: g } = n(), _ = m(), v = s(() => t(g.components?.styles?.payables?.button), [g.components?.styles?.payables?.button]), y = (e, t) => {
+		t !== "backdropClick" && (t === "escapeKeyDown" && _ && e.stopPropagation?.(), a.onClose?.(e, t));
+	};
+	return /* @__PURE__ */ c(p.Provider, {
+		value: {
+			isDialogContent: !0,
+			onClose: y
+		},
+		children: /* @__PURE__ */ c(l, {
+			ref: i,
+			...d,
+			open: a.open,
+			container: h,
+			TransitionComponent: f,
+			TransitionProps: {
+				alignDialog: o,
+				onExited: u
+			},
+			onClose: y,
+			classes: {
+				container: [
+					e,
+					"Monite-Payables",
+					o && `MuiDialog-container__align-${o}`
+				].filter(Boolean).join(" "),
+				paper: ["Monite-Payables", o && `MuiDialog-paper__align-${o}`].filter(Boolean).join(" ")
+			},
+			sx: {
+				"& .MuiDialogContent-root, & .MuiDialogActions-root, & .MuiDialogTitle-root": v,
+				".MuiDialog-container__align-right": { justifyContent: "right" },
+				".MuiDialog-container__align-left": { justifyContent: "left" },
+				".MuiDialog-paper__align-left, .MuiDialog-paper__align-right": {
+					width: "50%",
+					height: "100%",
+					maxHeight: "none",
+					margin: 0,
+					borderRadius: 0
+				}
+			},
+			slotProps: a.fullScreen ? { backdrop: { style: { background: "none" } } } : {},
+			children: a.children
+		})
+	});
+};
 //#endregion
-export { e as isPrimaryActionDisabled };
+export { h as Dialog, m as useDialog };

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

@@ -1,12 +1 @@
-//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index230.js
-var e = ({ address: e, issuerCountry: t, formatCountry: n }) => {
-	if (!e) return [];
-	let r = [e.city, e.state].filter(Boolean).join(", "), i = e.country === "US" && t === "US";
-	return [
-		[e.line1, e.line2].filter(Boolean).join(" "),
-		[r, e.postal_code].filter(Boolean).join(" "),
-		e.country && !i ? n(e.country) : ""
-	].filter(Boolean);
-};
-//#endregion
-export { e as buildPreviewAddressLines };
+import "./index229.js";

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

@@ -1,10 +1,9 @@
+import { cn as e } from "./index49.js";
+import { jsx as t } from "@emotion/react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index231.js
-var e = [
-	"due_date",
-	"status",
-	"document_id",
-	"issue_date",
-	"total_amount"
-], t = (t) => e.includes(t);
+var n = ({ children: n, className: r }) => /* @__PURE__ */ t("div", {
+	className: e("ttw:flex ttw:items-center ttw:justify-center ttw:h-full ttw:w-full", r),
+	children: n
+});
 //#endregion
-export { t as isSortableColumn };
+export { n as CenteredContentBox };

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

@@ -1,11 +1 @@
-import "./index210.js";
-import "./index211.js";
-import "./index212.js";
-import "./index216.js";
-import "./index218.js";
-import "./index219.js";
-import "./index220.js";
-import "./index225.js";
-import "./index227.js";
-import "./index228.js";
 import "./index231.js";

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

@@ -1,77 +1,35 @@
-import { cn as e } from "./index49.js";
-import { Badge as t } from "./index195.js";
-import { getCommonStatusLabel as n } from "./index210.js";
-import "./index232.js";
-import { jsxs as r } from "@emotion/react/jsx-runtime";
-import { useLingui as i } from "@lingui/react";
-import { cva as a } from "class-variance-authority";
+import { useMoniteContext as e } from "./index47.js";
+import { useEffect as t, useState as n } from "react";
+import { jsx as r } from "@emotion/react/jsx-runtime";
+import i from "@mui/icons-material/ArrowBack";
+import a from "@mui/icons-material/Close";
+import o from "@mui/material/IconButton";
+import s from "@mui/material/Tooltip";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index233.js
-var o = a("", { variants: {
-	variant: {
-		draft: "ttw:bg-zinc-100 ttw:text-zinc-700",
-		issuing: "ttw:bg-cyan-100 ttw:text-cyan-700",
-		issued: "ttw:bg-cyan-100 ttw:text-cyan-700",
-		failed: "ttw:bg-red-100 ttw:text-red-700",
-		accepted: "ttw:bg-green-100 ttw:text-green-700",
-		partially_paid: "ttw:bg-purple-100 ttw:text-purple-700",
-		paid: "ttw:bg-green-100 ttw:text-green-700",
-		expired: "ttw:bg-red-100 ttw:text-red-700",
-		uncollectible: "ttw:bg-red-100 ttw:text-red-700",
-		canceled: "ttw:bg-red-100 ttw:text-red-700",
-		recurring: "ttw:bg-zinc-100 ttw:text-zinc-700",
-		declined: "ttw:bg-red-100 ttw:text-red-700",
-		overdue: "ttw:bg-orange-100 ttw:text-orange-700",
-		deleted: "ttw:bg-red-100 ttw:text-red-700"
-	},
-	dotVariant: {
-		draft: "ttw:border-zinc-100 ttw:bg-zinc-700",
-		issuing: "ttw:border-cyan-100 ttw:bg-cyan-700",
-		issued: "ttw:border-cyan-100 ttw:bg-cyan-700",
-		failed: "ttw:border-red-100 ttw:bg-red-700",
-		accepted: "ttw:border-green-100 ttw:bg-green-700",
-		partially_paid: "ttw:border-purple-100 ttw:bg-purple-700",
-		paid: "ttw:border-green-100 ttw:bg-green-700",
-		expired: "ttw:border-red-100 ttw:bg-red-700",
-		uncollectible: "ttw:border-red-100 ttw:bg-red-700",
-		canceled: "ttw:border-red-100 ttw:bg-red-700",
-		recurring: "ttw:border-zinc-100 ttw:bg-zinc-700",
-		declined: "ttw:border-red-100 ttw:bg-red-700",
-		overdue: "ttw:border-orange-100 ttw:bg-orange-700",
-		deleted: "ttw:border-red-100 ttw:bg-red-700"
-	},
-	outlineVariant: {
-		draft: "ttw:border-zinc-200 ttw:bg-zinc-50 ttw:text-zinc-700 ttw:hover:bg-zinc-50",
-		issuing: "ttw:border-blue-200 ttw:bg-blue-50 ttw:text-blue-700 ttw:hover:bg-blue-50",
-		issued: "ttw:border-blue-200 ttw:bg-blue-50 ttw:text-blue-700 ttw:hover:bg-blue-50",
-		failed: "ttw:border-red-200 ttw:bg-red-50 ttw:text-red-700 ttw:hover:bg-red-50",
-		accepted: "ttw:border-emerald-200 ttw:bg-emerald-50 ttw:text-emerald-700 ttw:hover:bg-emerald-50",
-		partially_paid: "ttw:border-blue-200 ttw:bg-blue-50 ttw:text-blue-700 ttw:hover:bg-blue-50",
-		paid: "ttw:border-emerald-200 ttw:bg-emerald-50 ttw:text-emerald-700 ttw:hover:bg-emerald-50",
-		expired: "ttw:border-red-200 ttw:bg-red-50 ttw:text-red-700 ttw:hover:bg-red-50",
-		uncollectible: "ttw:border-zinc-200 ttw:bg-zinc-50 ttw:text-zinc-700 ttw:hover:bg-zinc-50",
-		canceled: "ttw:border-zinc-200 ttw:bg-zinc-50 ttw:text-zinc-700 ttw:hover:bg-zinc-50",
-		recurring: "ttw:border-zinc-200 ttw:bg-zinc-50 ttw:text-zinc-700 ttw:hover:bg-zinc-50",
-		declined: "ttw:border-red-200 ttw:bg-red-50 ttw:text-red-700 ttw:hover:bg-red-50",
-		overdue: "ttw:border-red-200 ttw:bg-red-50 ttw:text-red-700 ttw:hover:bg-red-50",
-		deleted: "ttw:border-zinc-200 ttw:bg-zinc-50 ttw:text-zinc-700 ttw:hover:bg-zinc-50"
-	}
-} }), s = ({ status: a, variant: s = "filled", label: c, icon: l, className: u, showBadgeBackground: d = !0, dotSize: f, ref: p }) => {
-	let { i18n: m } = i();
-	return s === "outline" ? /* @__PURE__ */ r(t, {
-		ref: p,
-		variant: "outline",
-		className: e(o({ outlineVariant: a }), u),
-		children: [l, c ?? n(m, a)]
-	}) : /* @__PURE__ */ r(t, {
-		ref: p,
-		className: e("ttw:inline-flex ttw:items-center ttw:gap-1", o({ variant: a }), !d && "ttw:text-zinc-950!", u),
-		dotClassName: o({ dotVariant: a }),
-		showBadgeBackground: d,
-		showDotBorder: !d,
-		dotSize: f,
-		showDot: !1,
-		children: [l, c ?? n(m, a)]
+var c = ({ icon: c, fallbackIcon: l, tooltip: u, onClick: d = () => {}, onHover: f, onFocus: p, onBlur: m, ariaLabelOverride: h, isDynamic: g = !1, ref: _, ...v }) => {
+	let { componentSettings: y } = e(), b = y?.general?.iconWrapper, [x, S] = n(b.icon || b.fallbackIcon || /* @__PURE__ */ r(a, {}));
+	t(() => {
+		S(b.icon || b.fallbackIcon || /* @__PURE__ */ r(a, {}));
+	}, [b.icon, b.fallbackIcon]);
+	let C = (e) => {
+		f?.(e), g && S(/* @__PURE__ */ r(i, {}));
+	}, w = () => {
+		S(b.icon || b.fallbackIcon || /* @__PURE__ */ r(a, {}));
+	}, T = h || "Icon button", E = () => /* @__PURE__ */ r(o, {
+		ref: _,
+		onClick: d,
+		onMouseEnter: C,
+		onMouseLeave: w,
+		onFocus: (e) => p?.(e),
+		onBlur: (e) => m?.(e),
+		"aria-label": T,
+		...v,
+		children: x
 	});
+	return u ? /* @__PURE__ */ r(s, {
+		title: u,
+		children: E()
+	}) : E();
 };
 //#endregion
-export { s as InvoiceStatusChip };
+export { c as IconWrapper };

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

@@ -1,22 +1 @@
-import { CenteredContentBox as e } from "./index203.js";
-import "./index204.js";
-import { Typography as t } from "./index62.js";
-import { SearchX as n } from "lucide-react";
-import { jsx as r, jsxs as i } from "@emotion/react/jsx-runtime";
-//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index234.js
-var a = ({ title: a, description: o }) => /* @__PURE__ */ r(e, { children: /* @__PURE__ */ i("div", {
-	className: "ttw:flex ttw:flex-col ttw:items-center ttw:gap-4",
-	children: [/* @__PURE__ */ r(n, { className: "ttw:text-destructive ttw:size-8" }), /* @__PURE__ */ i("div", {
-		className: "ttw:flex ttw:flex-col ttw:items-center ttw:gap-2",
-		children: [/* @__PURE__ */ r(t, {
-			variant: "h4",
-			children: a
-		}), /* @__PURE__ */ r(t, {
-			variant: "body1",
-			className: "ttw:text-center",
-			children: o
-		})]
-	})]
-}) });
-//#endregion
-export { a as NotFound };
+import "./index233.js";