@tesouro/embedded-components-react 0.5.160 → 0.5.163

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

@@ -1,77 +1,27 @@
-import { cn as e } from "./index48.js";
-import { getCommonStatusLabel as t } from "./index154.js";
-import "./index182.js";
-import { Badge as n } from "./index228.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 "./index46.js";
+import { EmotionCacheProvider as t } from "./index233.js";
+import { MoniteI18nProvider as n } from "./index234.js";
+import { Error as r } from "./index241.js";
+import { createContext as i, useContext as a } from "react";
+import { ErrorBoundary as o } from "react-error-boundary";
+import { Fragment as s, jsx as c } from "@emotion/react/jsx-runtime";
+import { ThemeProvider as l } from "@mui/material";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index242.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(n, {
-		ref: p,
-		variant: "outline",
-		className: e(o({ outlineVariant: a }), u),
-		children: [l, c ?? t(m, a)]
-	}) : /* @__PURE__ */ r(n, {
-		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 ?? t(m, a)]
+var u = ({ children: i }) => {
+	let u = a(d), { theme: f } = e();
+	return u ? /* @__PURE__ */ c(s, { children: i }) : /* @__PURE__ */ c(d.Provider, {
+		value: !0,
+		children: /* @__PURE__ */ c(t, {
+			cacheKey: "monite-css",
+			children: /* @__PURE__ */ c(n, { children: /* @__PURE__ */ c(l, {
+				theme: f,
+				children: /* @__PURE__ */ c(o, {
+					FallbackComponent: r,
+					children: i
+				})
+			}) })
+		})
 	});
-};
+}, d = i(!1);
 //#endregion
-export { s as InvoiceStatusChip };
+export { u as MoniteScopedProviders };

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

@@ -1,22 +1,77 @@
-import { CenteredContentBox as e } from "./index236.js";
-import "./index237.js";
-import { Typography as t } from "./index61.js";
-import { SearchX as n } from "lucide-react";
-import { jsx as r, jsxs as i } from "@emotion/react/jsx-runtime";
+import { cn as e } from "./index48.js";
+import { getCommonStatusLabel as t } from "./index154.js";
+import "./index183.js";
+import { Badge as n } from "./index229.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";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index243.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
-		})]
-	})]
-}) });
+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(n, {
+		ref: p,
+		variant: "outline",
+		className: e(o({ outlineVariant: a }), u),
+		children: [l, c ?? t(m, a)]
+	}) : /* @__PURE__ */ r(n, {
+		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 ?? t(m, a)]
+	});
+};
 //#endregion
-export { a as NotFound };
+export { s as InvoiceStatusChip };

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

@@ -1,447 +1,22 @@
-import { Scope as e } from "../../shared/data-access/dist/lib/scopes.js";
-import "../../shared/data-access/dist/index.js";
-import { useMoniteContext as t } from "./index46.js";
-import { useCounterpartById as n } from "./index47.js";
-import { getCounterpartName as r } from "./index52.js";
-import { useCurrencies as ee } from "./index62.js";
-import { Button as i } from "./index55.js";
-import { useGetPayablesAnalytics as a } from "./index119.js";
-import { MoniteScopedProviders as o } from "./index241.js";
-import { Sheet as s, SheetClose as te, SheetContent as c, SheetDescription as ne, SheetHeader as re, SheetTitle as ie } from "./index49.js";
-import { LoadingSpinner as ae } from "./index50.js";
-import "./index51.js";
-import { Skeleton as l } from "./index53.js";
-import { DropdownMenu as oe, DropdownMenuContent as se, DropdownMenuItem as ce, DropdownMenuTrigger as le } from "./index54.js";
-import { DeleteCounterpartModal as ue } from "./index60.js";
-import { Typography as u } from "./index61.js";
-import { Separator as de } from "./index63.js";
-import { CounterpartContactDetailLine as d } from "./index64.js";
-import { useDeleteCounterpartBank as fe } from "./index74.js";
-import { useCounterpartAddressesById as pe } from "./index81.js";
-import { useGetCounterpartPayables as me } from "./index82.js";
-import "./index85.js";
-import { CounterpartBankSection as he } from "./index104.js";
-import { CounterpartAddressSection as ge } from "./index114.js";
-import { EditCounterpart as _e } from "./index117.js";
-import { useUserPermissions as ve } from "./index118.js";
-import { AR_DEFAULT_STATUSES as ye } from "./index146.js";
-import { useGetReceivables as be } from "./index192.js";
-import { useGetReceivablesAnalytics as f } from "./index205.js";
-import "./index227.js";
-import { isBillOverdue as xe } from "./index229.js";
-import { PayableStatusChip as p } from "./index230.js";
-import { useCounterpartsBankAccountsList as Se } from "./index231.js";
-import { InvoiceStatusChip as Ce } from "./index242.js";
-import { NotFound as we } from "./index243.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";
+import { CenteredContentBox as e } from "./index237.js";
+import "./index238.js";
+import { Typography as t } from "./index61.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/index244.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)
-	})] });
-};
+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 { v as CounterpartDetails };
+export { a as NotFound };