@tesouro/embedded-components-react 0.3.0 → 0.3.2

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

@@ -1 +1,447 @@
-import "./index239.js";
+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 { useCounterpartById as n } from "./index48.js";
+import { getCounterpartName as r } from "./index53.js";
+import { useCurrencies as ee } from "./index63.js";
+import { Button as i } from "./index56.js";
+import { useGetPayablesAnalytics as a } from "./index117.js";
+import { MoniteScopedProviders as o } from "./index237.js";
+import { Sheet as s, SheetClose as te, SheetContent as c, SheetDescription as ne, SheetHeader as re, SheetTitle as ie } from "./index50.js";
+import { LoadingSpinner as ae } from "./index51.js";
+import "./index52.js";
+import { Skeleton as l } from "./index54.js";
+import { DropdownMenu as oe, DropdownMenuContent as se, DropdownMenuItem as ce, DropdownMenuTrigger as le } from "./index55.js";
+import { DeleteCounterpartModal as ue } from "./index61.js";
+import { Typography as u } from "./index62.js";
+import { Separator as de } from "./index64.js";
+import { CounterpartContactDetailLine as d } from "./index65.js";
+import { useDeleteCounterpartBank as fe } from "./index75.js";
+import { useCounterpartAddressesById as pe } from "./index82.js";
+import { useGetCounterpartPayables as me } from "./index83.js";
+import "./index86.js";
+import { CounterpartBankSection as he } from "./index102.js";
+import { CounterpartAddressSection as ge } from "./index112.js";
+import { EditCounterpart as _e } from "./index115.js";
+import { useUserPermissions as ve } from "./index116.js";
+import { AR_DEFAULT_STATUSES as ye } from "./index144.js";
+import { useGetReceivables as be } from "./index160.js";
+import { useGetReceivablesAnalytics as f } from "./index174.js";
+import "./index222.js";
+import { isBillOverdue as xe } from "./index224.js";
+import { PayableStatusChip as p } from "./index225.js";
+import { useCounterpartsBankAccountsList as Se } from "./index226.js";
+import { InvoiceStatusChip as Ce } from "./index238.js";
+import { NotFound as we } from "./index239.js";
+import { Fragment as Te, useCallback as Ee, useState as m } from "react";
+import { Eye as De, EyeOff as Oe, MoreVerticalIcon as ke, Trash2 as Ae, X as je } from "lucide-react";
+import { Fragment as h, jsx as g, jsxs as _ } from "@emotion/react/jsx-runtime";
+import { useLingui as Me } from "@lingui/react";
+//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index240.js
+var v = (e) => /* @__PURE__ */ g(o, { children: /* @__PURE__ */ g(y, { ...e }) }), y = ({ counterpartId: o, customerType: v, open: y, isEditMode: Ne = !1, showActionsMenu: b = !0, onClose: x, onPayVendor: S, onCreateInvoiceForCustomer: C, onViewVendorBills: w, onViewCustomerInvoices: T }) => {
+	let { i18n: E } = Me(), { locale: D } = t(), O = ve(), { formatCurrencyToDisplay: k } = ee(), [A, j] = m(!1), [M, N] = m(!1), [P, F] = m(Ne), I = v === "vendor", Pe = I && !!S && O.has(e.PayableWriteOrg), Fe = !I && !!C && O.has(e.InvoiceWriteOrg), Ie = I && !!w && O.has(e.PayableReadOrg), Le = !I && !!T && O.has(e.InvoiceReadOrg), { data: L, isLoading: R, isFetching: Re } = n(o), { data: ze, isLoading: Be } = pe(o), { data: Ve, isLoading: He } = Se(o), { mutate: Ue } = fe(o), { data: We, isLoading: z } = a({
+		dimension: "counterpart_id",
+		metric: "total_amount",
+		aggregation_function: "summary",
+		status__in: [
+			"new",
+			"approve_in_progress",
+			"waiting_to_be_paid",
+			"partially_paid",
+			"paid"
+		],
+		counterpart_id__in: [o]
+	}, I), { data: Ge, isLoading: B } = a({
+		dimension: "counterpart_id",
+		metric: "amount_due",
+		aggregation_function: "summary",
+		status__in: [
+			"new",
+			"approve_in_progress",
+			"waiting_to_be_paid",
+			"partially_paid"
+		],
+		counterpart_id__in: [o]
+	}, I), { data: Ke, isLoading: qe } = a({
+		dimension: "counterpart_id",
+		metric: "total_amount",
+		aggregation_function: "summary",
+		status__in: ["rejected"],
+		counterpart_id__in: [o]
+	}, I), { data: Je } = me({
+		counterpart_id: o,
+		sort: "created_at",
+		order: "desc",
+		limit: 4
+	}, I), { data: Ye, isLoading: V } = f({
+		dimension: "counterpart_id",
+		metric: "total_amount",
+		aggregation_function: "summary",
+		type: "invoice",
+		status__in: [
+			"issued",
+			"overdue",
+			"partially_paid",
+			"paid"
+		],
+		counterpart_id__in: [o]
+	}, !I), { data: Xe, isLoading: H } = f({
+		dimension: "counterpart_id",
+		metric: "amount_due",
+		aggregation_function: "summary",
+		type: "invoice",
+		status__in: [
+			"issued",
+			"overdue",
+			"partially_paid"
+		],
+		counterpart_id__in: [o]
+	}, !I), { data: Ze } = be({
+		type: "invoice",
+		status__in: [...ye],
+		counterpart_id: o,
+		sort: "created_at",
+		order: "desc",
+		limit: 4
+	}, !I), U = O.has(e.CounterpartWriteOrg), W = O.has(e.CounterpartWriteOrg), Qe = Ee(() => L && "individual" in L ? [L.individual?.email ?? "-", L.individual?.phone ?? "-"] : [L?.organization?.email ?? "-", L?.organization?.phone ?? "-"], [L]), G = Ve?.data?.[0], K = I ? Ge?.data?.[0]?.metric_value ?? 0 : Xe?.data?.[0]?.metric_value ?? 0, q = I ? We?.data?.[0]?.metric_value ?? 0 : Ye?.data?.[0]?.metric_value ?? 0, $e = q - K, et = I ? B : H, tt = I ? z : V, nt = I ? B || z : V || H, rt = I ? Ke?.data?.[0]?.metric_value ?? 0 : 0, it = I ? qe : !1, J = I ? Je?.data : Ze?.data, Y = ze?.data?.[0], X = Y?.city || "", Z = Y?.state || "", Q = Y?.postal_code || "", $ = L?.tax_id, at = $ ? M ? $ : $.slice(0, 3).padEnd($.length, "•") : "-", [ot, st] = Qe();
+	return !R && !Re && !L ? /* @__PURE__ */ g(s, {
+		open: y,
+		onOpenChange: x,
+		children: /* @__PURE__ */ g(c, {
+			showCloseButton: !0,
+			className: "ttw:gap-0",
+			children: /* @__PURE__ */ g("div", {
+				className: "ttw:w-3/4 ttw:m-auto ttw:p-4",
+				children: /* @__PURE__ */ g(we, {
+					title: E._("{customerType} not found", { customerType: v === "vendor" ? "Vendor" : "Customer" }),
+					description: E._("Something went wrong while fetching this {customerType}", { customerType: v })
+				})
+			})
+		})
+	}) : /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g(s, {
+		open: y,
+		onOpenChange: x,
+		children: /* @__PURE__ */ _(c, {
+			showCloseButton: !1,
+			className: "ttw:gap-0",
+			children: [/* @__PURE__ */ _(re, {
+				className: "ttw:pt-6 ttw:pl-6 ttw:pb-7 ttw:flex-row ttw:gap-3 ttw:border-b ttw:border-border",
+				children: [/* @__PURE__ */ _("div", {
+					className: "ttw:flex ttw:flex-col ttw:gap-1.5 ttw:w-[85%]",
+					children: [/* @__PURE__ */ g(ie, {
+						asChild: R,
+						className: "ttw:text-2xl",
+						children: R ? /* @__PURE__ */ g(l, { className: "ttw:w-40" }) : r(L)
+					}), /* @__PURE__ */ g(ne, {
+						asChild: R,
+						children: R ? /* @__PURE__ */ g(l, { className: "ttw:w-60" }) : E._("{customerType} · Added {createdAt}", {
+							createdAt: E.date(L?.created_at, D.dateFormat),
+							customerType: I ? "Vendor" : "Customer"
+						})
+					})]
+				}), /* @__PURE__ */ _("div", {
+					className: "ttw:flex ttw:gap-2",
+					children: [b && W && /* @__PURE__ */ _(oe, { children: [/* @__PURE__ */ g(le, {
+						asChild: !0,
+						children: /* @__PURE__ */ g(i, {
+							type: "button",
+							variant: "outline",
+							className: "ttw:p-2 ttw:size-9 ttw:border-none ttw:bg-muted",
+							children: /* @__PURE__ */ g(ke, {})
+						})
+					}), /* @__PURE__ */ g(se, {
+						align: "end",
+						children: /* @__PURE__ */ _(ce, {
+							onClick: () => j(!0),
+							variant: "destructive",
+							children: [/* @__PURE__ */ g(Ae, {}), E._("Delete {customerType}", { customerType: v })]
+						})
+					})] }), /* @__PURE__ */ g(te, {
+						className: "ttw:size-9 ttw:bg-muted ttw:p-2 ttw:flex ttw:items-center ttw:justify-center ttw:rounded-md ttw:cursor-pointer",
+						children: /* @__PURE__ */ g(je, { className: "ttw:size-4" })
+					})]
+				})]
+			}), R ? /* @__PURE__ */ g("div", {
+				className: "ttw:flex ttw:w-full ttw:h-full ttw:items-center ttw:justify-center",
+				children: /* @__PURE__ */ g(ae, {})
+			}) : /* @__PURE__ */ _("main", {
+				className: "ttw:p-6 ttw:overflow-auto ttw:flex ttw:flex-col ttw:gap-4",
+				children: [
+					/* @__PURE__ */ _("div", {
+						className: "ttw:flex ttw:flex-col ttw:gap-4 ttw:pb-3",
+						children: [/* @__PURE__ */ _("div", {
+							className: "ttw:p-5 ttw:flex ttw:flex-col ttw:gap-4 ttw:bg-muted ttw:rounded-xl",
+							children: [
+								/* @__PURE__ */ g(u, {
+									variant: "body2",
+									color: "muted",
+									children: E._("Amount due")
+								}),
+								et ? /* @__PURE__ */ g(l, { className: "ttw:w-20" }) : /* @__PURE__ */ g(u, {
+									variant: "h1",
+									className: "ttw:font-semibold",
+									children: k(K, "USD")
+								}),
+								/* @__PURE__ */ _("div", {
+									className: "ttw:flex ttw:gap-8",
+									children: [
+										/* @__PURE__ */ _("div", {
+											className: "ttw:flex ttw:flex-col ttw:gap-0.5",
+											children: [/* @__PURE__ */ g(u, {
+												variant: "caption",
+												color: "muted",
+												children: E._("Billed")
+											}), tt ? /* @__PURE__ */ g(l, { className: "ttw:w-20" }) : /* @__PURE__ */ g(u, {
+												variant: "body1",
+												className: "ttw:font-semibold",
+												children: k(q, "USD")
+											})]
+										}),
+										/* @__PURE__ */ _("div", {
+											className: "ttw:flex ttw:flex-col ttw:gap-0.5",
+											children: [/* @__PURE__ */ g(u, {
+												variant: "caption",
+												color: "muted",
+												children: I ? E._("Paid") : E._("Received")
+											}), nt ? /* @__PURE__ */ g(l, { className: "ttw:w-20" }) : /* @__PURE__ */ g(u, {
+												variant: "body1",
+												className: "ttw:text-green-600 ttw:font-semibold",
+												children: k($e, "USD")
+											})]
+										}),
+										I && /* @__PURE__ */ _("div", {
+											className: "ttw:flex ttw:flex-col ttw:gap-0.5",
+											children: [/* @__PURE__ */ g(u, {
+												variant: "caption",
+												color: "muted",
+												children: E._("Rejected")
+											}), it ? /* @__PURE__ */ g(l, { className: "ttw:w-20" }) : /* @__PURE__ */ g(u, {
+												variant: "body1",
+												className: "ttw:font-semibold",
+												children: k(rt, "USD")
+											})]
+										})
+									]
+								})
+							]
+						}), /* @__PURE__ */ g(i, {
+							className: "ttw:px-6 ttw:py-2 ttw:w-60",
+							disabled: I ? !Pe : !Fe,
+							onClick: () => I ? S?.(o) : C?.(o),
+							children: I ? E._("Send a payment") : E._("Issue an invoice")
+						})]
+					}),
+					J && J.length > 0 && /* @__PURE__ */ _("div", {
+						className: "ttw:border-t ttw:border-border ttw:flex ttw:flex-col",
+						children: [/* @__PURE__ */ _("div", {
+							className: "ttw:flex ttw:items-center ttw:justify-between ttw:gap-3 ttw:pt-6 ttw:pb-7",
+							children: [/* @__PURE__ */ _("div", {
+								className: "ttw:flex ttw:flex-col ttw:gap-1.5",
+								children: [/* @__PURE__ */ g(u, {
+									variant: "body1",
+									className: "ttw:font-medium",
+									children: E._("Recent {document}", { document: I ? "bills" : "invoices" })
+								}), /* @__PURE__ */ g(u, {
+									variant: "body2",
+									color: "muted",
+									children: I ? E._("Sorted by issue date") : E._("Latest activity")
+								})]
+							}), (Ie || Le) && /* @__PURE__ */ g(i, {
+								variant: "ghost",
+								className: "ttw:text-primary ttw:hover:text-primary",
+								onClick: () => I ? w?.(o) : T?.(o),
+								children: E._("View all")
+							})]
+						}), /* @__PURE__ */ g("div", {
+							className: "ttw:border ttw:border-border ttw:rounded-lg ttw:p-4 ttw:flex ttw:flex-col ttw:gap-3",
+							children: J.map((e, t) => {
+								let n = I ? xe(e?.status, e?.due_date) : void 0;
+								return /* @__PURE__ */ _(Te, { children: [/* @__PURE__ */ _("div", {
+									className: "ttw:flex ttw:items-start ttw:justify-between",
+									children: [/* @__PURE__ */ _("div", {
+										className: "ttw:flex ttw:flex-col ttw:gap-1.5",
+										children: [/* @__PURE__ */ g(u, {
+											variant: "h5",
+											className: "ttw:font-medium",
+											children: k(e.total_amount ?? 0, e.currency ?? "USD")
+										}), /* @__PURE__ */ g(u, {
+											variant: "body2",
+											color: n ? "destructive" : "muted",
+											children: E.date("issued_at" in e ? e.issued_at : e.created_at, D.dateFormat)
+										})]
+									}), I ? /* @__PURE__ */ _("div", {
+										className: "ttw:flex ttw:items-center ttw:gap-2",
+										children: [n && /* @__PURE__ */ g(p, {
+											status: e.status,
+											dueDate: "due_date" in e ? e.due_date : void 0,
+											showOverdueBadge: !0
+										}), /* @__PURE__ */ g(p, {
+											status: e.status,
+											dueDate: "due_date" in e ? e.due_date : void 0
+										})]
+									}) : /* @__PURE__ */ g(Ce, { status: e.status })]
+								}), t < J.length - 1 && /* @__PURE__ */ g(de, {})] }, e.id);
+							})
+						})]
+					}),
+					/* @__PURE__ */ _("div", {
+						className: "ttw:flex ttw:flex-col ttw:gap-4",
+						children: [/* @__PURE__ */ _("div", {
+							className: "ttw:flex ttw:items-center ttw:justify-between ttw:gap-3 ttw:pt-6 ttw:pb-7 ttw:border-b ttw:border-border",
+							children: [/* @__PURE__ */ _("div", {
+								className: "ttw:flex ttw:flex-col ttw:gap-1.5",
+								children: [/* @__PURE__ */ g(u, {
+									variant: "body1",
+									className: "ttw:font-medium",
+									children: E._("{customerType} details", { customerType: I ? "Vendor" : "Customer" })
+								}), /* @__PURE__ */ g(u, {
+									variant: "body2",
+									color: "muted",
+									children: I ? E._("Who are you paying?") : E._("Who are you billing?")
+								})]
+							}), !P && U && /* @__PURE__ */ g(i, {
+								type: "button",
+								variant: "ghost",
+								className: "ttw:text-primary ttw:hover:text-primary",
+								onClick: () => F(!0),
+								children: E._("Edit")
+							})]
+						}), P && L ? /* @__PURE__ */ g(_e, {
+							customerType: v,
+							counterpart: L,
+							counterpartAddress: Y,
+							handleClose: () => F(!1),
+							onUpdate: () => F(!1)
+						}) : /* @__PURE__ */ _("ul", {
+							className: "ttw:list-none",
+							children: [
+								/* @__PURE__ */ g(d, {
+									label: E._("Type"),
+									value: L?.type === "individual" ? "Person" : "Business"
+								}),
+								/* @__PURE__ */ g(d, {
+									label: E._("Name"),
+									value: r(L)
+								}),
+								/* @__PURE__ */ g(d, {
+									label: E._("Email"),
+									value: ot
+								}),
+								!I && /* @__PURE__ */ g(d, {
+									label: E._("Payment reminders"),
+									value: L?.reminders_enabled ? "Enabled" : "Disabled"
+								}),
+								/* @__PURE__ */ g(d, {
+									label: E._("Phone"),
+									value: st
+								}),
+								/* @__PURE__ */ g(d, {
+									label: E._("Tax ID / {documentType}", { documentType: L?.type === "individual" ? "SSN" : "EIN" }),
+									value: /* @__PURE__ */ _("div", {
+										className: "ttw:flex ttw:flex-col ttw:gap-1",
+										children: [/* @__PURE__ */ _("div", {
+											className: "ttw:flex ttw:items-center ttw:gap-2",
+											children: [/* @__PURE__ */ g(u, {
+												variant: "body2",
+												className: "ttw:font-medium",
+												children: at
+											}), $ && /* @__PURE__ */ g(i, {
+												onClick: () => N((e) => !e),
+												type: "button",
+												size: "sm",
+												variant: "outline",
+												className: "ttw:border-border ttw:h-5 ttw:p-2",
+												children: M ? /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g(Oe, {}), E._("Hide")] }) : /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g(De, {}), E._("Show")] })
+											})]
+										}), /* @__PURE__ */ g(u, {
+											variant: "body2",
+											color: "muted",
+											children: I ? E._("Required only if you'll file a 1099 IRS form for this vendor at year-end.") : E._("Required only if you'll issue a 1099 IRS form at year-end.")
+										})]
+									})
+								}),
+								I && /* @__PURE__ */ g(d, {
+									label: E._("Address"),
+									isLast: !0,
+									value: /* @__PURE__ */ g("div", {
+										className: "ttw:flex ttw:flex-col ttw:gap-1.5",
+										children: Be ? /* @__PURE__ */ g(l, { className: "ttw:w-20" }) : /* @__PURE__ */ g(h, { children: Y ? /* @__PURE__ */ _(h, { children: [
+											/* @__PURE__ */ g(u, {
+												variant: "body2",
+												className: "ttw:font-medium",
+												children: Y?.line1
+											}),
+											Y?.line2 && /* @__PURE__ */ g(u, {
+												variant: "body2",
+												className: "ttw:font-medium",
+												children: Y.line2
+											}),
+											/* @__PURE__ */ g(u, {
+												variant: "body2",
+												className: "ttw:font-medium",
+												children: `${X && X}${X && (Z || Q) && ","} ${Z && Z} ${Q && Q}`
+											}),
+											/* @__PURE__ */ g(u, {
+												variant: "body2",
+												className: "ttw:font-medium",
+												children: Y?.country
+											})
+										] }) : /* @__PURE__ */ g(u, {
+											variant: "body2",
+											className: "ttw:font-medium",
+											children: "-"
+										}) })
+									})
+								})
+							]
+						})]
+					}),
+					!I && /* @__PURE__ */ g(ge, {
+						isStandalone: !0,
+						isLoading: R,
+						counterpartAddress: Y,
+						customerType: v,
+						counterpartId: L?.id,
+						isUpdateAllowed: U
+					}),
+					I && /* @__PURE__ */ _("div", {
+						className: "ttw:flex ttw:flex-col ttw:border-t ttw:border-border",
+						children: [/* @__PURE__ */ _("div", {
+							className: "ttw:flex ttw:flex-col ttw:gap-1.5 ttw:pt-6 ttw:pb-7",
+							children: [/* @__PURE__ */ g(u, {
+								variant: "body1",
+								className: "ttw:font-medium",
+								children: E._("Accepted payment methods")
+							}), /* @__PURE__ */ g(u, {
+								variant: "body2",
+								color: "muted",
+								children: E._("How and where will the money be sent. Don't have these yet? No problem. You can save this vendor and add their payment details later - you just won't be able to send payments until you do.")
+							})]
+						}), /* @__PURE__ */ g(he, {
+							counterpartId: L?.id,
+							bankAccount: G,
+							isUpdateAllowed: U,
+							isDeleteAllowed: W,
+							isStandalone: !0,
+							isLoading: He,
+							onRemoveClick: () => Ue({ path: {
+								bank_account_id: G?.id || "",
+								counterpart_id: o
+							} })
+						})]
+					})
+				]
+			})]
+		})
+	}), o && A && /* @__PURE__ */ g(ue, {
+		counterpartId: o,
+		counterpartName: r(L),
+		isOpen: A,
+		onDelete: () => {
+			x?.(), j(!1);
+		},
+		onCancel: () => j(!1)
+	})] });
+};
+//#endregion
+export { v as CounterpartDetails };

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

@@ -1,31 +1,4 @@
-import { DataGridEmptyState as e } from "./index239.js";
-import "./index240.js";
-import { jsx as t } from "@emotion/react/jsx-runtime";
-import { useLingui as n } from "@lingui/react";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index241.js
-var r = ({ isLoading: r, dataLength: i, isFiltering: a, isSearching: o, isError: s, onCreate: c, refetch: l, entityName: u, noDataTitle: d, noDataDescription1: f, filterTitle: p, filterDescription1: m, actionButtonLabel: h, actionOptions: g, onAction: _, type: v }) => {
-	let { i18n: y } = n();
-	return !r && i === 0 && (a || o) ? /* @__PURE__ */ t(e, {
-		title: p || d || y._("No {entityName} Found", { entityName: u }),
-		descriptionLine1: m || "",
-		type: "no-filter",
-		onAction: _
-	}) : !r && i === 0 && !a && !o ? /* @__PURE__ */ t(e, {
-		title: d || y._("No {entityName}", { entityName: u }),
-		descriptionLine1: f || y._("You don’t have any {entityName} yet.", { entityName: u.toLowerCase() }),
-		actionOptions: g,
-		actionButtonLabel: h,
-		onAction: (e) => {
-			c && c(e ?? "");
-		},
-		type: v || "no-data"
-	}) : s ? /* @__PURE__ */ t(e, {
-		title: y._("Failed to load {entityName}", { entityName: u }),
-		descriptionLine1: y._("There was an error loading {entityName}.", { entityName: u.toLowerCase() }),
-		actionButtonLabel: y._("Reload"),
-		onAction: l,
-		type: "error"
-	}) : null;
-};
+var e = "search", t = "type";
 //#endregion
-export { r as GetNoRowsOverlay };
+export { e as FILTER_TYPE_SEARCH, t as FILTER_TYPE_TYPE };

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

@@ -1,43 +1,44 @@
-import { useDialog as e } from "./index201.js";
-import "./index202.js";
-import { CenteredContentBox as t } from "./index203.js";
-import "./index204.js";
-import { IconWrapper as n } from "./index205.js";
-import "./index206.js";
-import { LockKeyhole as r, X as i } from "lucide-react";
-import { Fragment as a, jsx as o, jsxs as s } from "@emotion/react/jsx-runtime";
-import { useLingui as c } from "@lingui/react";
+import { Input as e } from "./index89.js";
+import { Select as t, SelectContent as n, SelectItem as r, SelectTrigger as i, SelectValue as a } from "./index105.js";
+import { FILTER_TYPE_SEARCH as o, FILTER_TYPE_TYPE as s } from "./index241.js";
+import { jsx as c, jsxs as l } from "@emotion/react/jsx-runtime";
+import { useLingui as u } from "@lingui/react";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index242.js
-var l = (l) => {
-	let u = e(), { i18n: d } = c(), f = l.title ?? d._("Access Restricted"), p = l.description ?? /* @__PURE__ */ s("span", { children: [
-		d._("You don’t have permissions to view this page."),
-		/* @__PURE__ */ o("br", {}),
-		d._("Contact your system administrator for details.")
-	] });
-	return /* @__PURE__ */ s(a, { children: [u && /* @__PURE__ */ o("div", {
-		className: "ttw:flex ttw:justify-end ttw:p-4 Monite-AccessRestriction-InDialog-Header",
-		children: /* @__PURE__ */ o(n, {
-			onClick: u.onClose,
-			color: "inherit",
-			"aria-label": "close",
-			children: /* @__PURE__ */ o(i, {})
-		})
-	}), /* @__PURE__ */ o(t, {
-		className: "Monite-AccessRestriction-Content",
-		children: /* @__PURE__ */ s("div", {
-			className: "ttw:flex ttw:flex-col ttw:items-center ttw:space-y-4",
-			children: [/* @__PURE__ */ o(r, { className: "ttw:w-8 ttw:h-8 ttw:text-primary" }), /* @__PURE__ */ s("div", {
-				className: "ttw:flex ttw:flex-col ttw:items-center ttw:space-y-2",
-				children: [/* @__PURE__ */ o("h3", {
-					className: "ttw:text-2xl ttw:font-semibold",
-					children: f
-				}), /* @__PURE__ */ o("p", {
-					className: "ttw:text-center",
-					children: p
-				})]
-			})]
-		})
-	})] });
+var d = ({ onChangeFilter: d, isDisabled: f }) => {
+	let { i18n: p } = u();
+	return /* @__PURE__ */ l("div", {
+		className: "ttw:flex ttw:justify-between ttw:items-center ttw:gap-4 ttw:px-4",
+		children: [/* @__PURE__ */ c(e, {
+			className: "ttw:max-w-100 ttw:w-full",
+			placeholder: p._("Search by name"),
+			onChange: (e) => {
+				d(o, e.target.value);
+			},
+			disabled: f
+		}), /* @__PURE__ */ l(t, {
+			defaultValue: "all",
+			onValueChange: (e) => {
+				d(s, e);
+			},
+			children: [/* @__PURE__ */ c(i, {
+				className: "ttw:max-w-40 ttw:w-full",
+				children: /* @__PURE__ */ c(a, {})
+			}), /* @__PURE__ */ l(n, { children: [
+				/* @__PURE__ */ c(r, {
+					value: "all",
+					children: p._("All types")
+				}),
+				/* @__PURE__ */ c(r, {
+					value: "individual",
+					children: p._("Individuals")
+				}),
+				/* @__PURE__ */ c(r, {
+					value: "organization",
+					children: p._("Companies")
+				})
+			] })]
+		})]
+	});
 };
 //#endregion
-export { l as AccessRestriction };
+export { d as CounterpartTableFilters };

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

@@ -1,4 +1,81 @@
-import "./index56.js";
-import "./index58.js";
-import "@emotion/react/jsx-runtime";
-import "@lingui/react";
+import { useCounterpartById as e } from "./index48.js";
+import { getCounterpartName as t } from "./index53.js";
+import "./index142.js";
+import { jsx as n, jsxs as r } from "@emotion/react/jsx-runtime";
+import { Avatar as i, Skeleton as a, Stack as o, Typography as s } from "@mui/material";
+import { useLingui as c } from "@lingui/react";
+//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index243.js
+var l = (e) => {
+	let t = 0;
+	for (let n = e.length - 1; n >= 0; n--) t += e.charCodeAt(n);
+	return t % 5;
+}, u = ({ name: e, country: t, city: u, isLoading: d }) => {
+	let { i18n: f } = c();
+	!e && !d && (e = f._("Unspecified"));
+	let p = e.split(" "), m = (p.length >= 2 ? p[0][0] + p[p.length - 1][0] : e[0] || "").toUpperCase();
+	return /* @__PURE__ */ r(o, {
+		className: "Monite-CounterpartCell",
+		direction: "row",
+		alignItems: "center",
+		spacing: 1.5,
+		justifyContent: "stretch",
+		sx: {
+			maxWidth: "100%",
+			overflow: "hidden"
+		},
+		children: [d ? /* @__PURE__ */ n(a, {
+			animation: "wave",
+			variant: "circular",
+			width: 40,
+			height: 40,
+			sx: { flexShrink: 0 }
+		}) : /* @__PURE__ */ n(i, {
+			className: "MuiAvatar-colored MuiAvatar-" + l(m),
+			children: m
+		}), d || !e ? /* @__PURE__ */ n(a, {
+			animation: "wave",
+			height: 10,
+			width: "100%",
+			sx: {
+				flexShrink: 0,
+				minWidth: "4em"
+			}
+		}) : /* @__PURE__ */ r(o, {
+			direction: "column",
+			alignItems: "stretch",
+			gap: 0,
+			sx: {
+				maxWidth: "100%",
+				flexBasis: 0,
+				flexShrink: 2,
+				flexGrow: 2,
+				overflow: "hidden"
+			},
+			children: [/* @__PURE__ */ n(s, {
+				variant: "body1",
+				className: "Monite-TextOverflowContainer",
+				children: e
+			}), t && u && /* @__PURE__ */ r(s, {
+				variant: "body2",
+				className: "Monite-TextOverflowContainer",
+				children: [
+					t,
+					" • ",
+					u
+				]
+			})]
+		})]
+	});
+}, d = ({ counterpartId: r }) => {
+	let { data: i, isLoading: o } = e(r), s = i ? t(i) : "";
+	return o ? /* @__PURE__ */ n(a, {
+		animation: "wave",
+		height: 26,
+		width: "100%"
+	}) : s ? /* @__PURE__ */ n("span", { children: s }) : /* @__PURE__ */ n("span", {
+		style: { opacity: .4 },
+		children: "-"
+	});
+};
+//#endregion
+export { u as CounterPartCellByData, d as CounterpartNameCellById, l as calculateAvatarColorIndex };