@tesouro/embedded-components-react 0.2.234 → 0.2.238

package/dist/libs/tesouro-embedded-components-react/counterparts-widget/ui/dist/index4.js

@@ -1,511 +1,527 @@
-import { jsx as t, jsxs as e, Fragment as V } from "react/jsx-runtime";
-import { useState as F, useEffect as K } from "react";
-import { MoreVerticalIcon as U, Trash2Icon as I, XIcon as J, PencilIcon as y, EyeOffIcon as Q, EyeIcon as X, PlusIcon as T } from "lucide-react";
-import { Sheet as Z, SheetContent as $, SheetHeader as q, SheetTitle as G, SheetDescription as W, DropdownMenu as Y, DropdownMenuTrigger as tt, Button as w, DropdownMenuContent as et, DropdownMenuItem as at, Typography as l, Badge as v, Separator as nt, Skeleton as st } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import "@radix-ui/react-use-controllable-state";
-import "../../../shared/ui/dist/lib/UIContext/UIContext.js";
-import { EmptyState as it } from "../../../shared/ui/dist/lib/EmptyState/EmptyState.js";
-import { ErrorState as lt } from "../../../shared/ui/dist/lib/ErrorState/ErrorState.js";
-import "../../../shared/ui/dist/lib/OnboardingShell/OnboardingShellOverlayPortal.js";
-import { COUNTERPART_FORM_SHEET_LABELS_EN as rt } from "../../../shared/counterpart-management/ui/dist/index2.js";
-import { CounterpartFormFields as ot } from "../../../shared/counterpart-management/ui/dist/index6.js";
-import { COUNTERPART_DETAILS_SHEET_LABELS_EN as dt } from "./index2.js";
-const c = "-";
-function b({ className: s }) {
-  return /* @__PURE__ */ t(st, { className: s ?? "ttw:h-5 ttw:w-24" });
+import { Badge as e, Button as t, DropdownMenu as n, DropdownMenuContent as r, DropdownMenuItem as i, DropdownMenuTrigger as a, Separator as o, Sheet as s, SheetContent as c, SheetDescription as l, SheetHeader as u, SheetTitle as d, Skeleton as f, Typography as p } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { EmptyState as ee } from "../../../shared/ui/dist/lib/EmptyState/EmptyState.js";
+import { ErrorState as te } from "../../../shared/ui/dist/lib/ErrorState/ErrorState.js";
+import "../../../shared/ui/dist/index.js";
+import { COUNTERPART_FORM_SHEET_LABELS_EN as m } from "../../../shared/counterpart-management/ui/dist/index2.js";
+import { CounterpartFormFields as h } from "../../../shared/counterpart-management/ui/dist/index8.js";
+import "../../../shared/counterpart-management/ui/dist/index.js";
+import { COUNTERPART_DETAILS_SHEET_LABELS_EN as g } from "./index2.js";
+import { useEffect as ne, useState as re } from "react";
+import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
+import { EyeIcon as b, EyeOffIcon as x, MoreVerticalIcon as S, PencilIcon as C, PlusIcon as w, Trash2Icon as T, XIcon as ie } from "lucide-react";
+//#region ../../libs/tesouro-embedded-components-react/counterparts-widget/ui/dist/index4.js
+var E = "-";
+function D({ className: e }) {
+	return /* @__PURE__ */ v(f, { className: e ?? "ttw:h-5 ttw:w-24" });
 }
-function p({
-  label: s,
-  children: a,
-  isLast: o
-}) {
-  return /* @__PURE__ */ e(
-    "div",
-    {
-      className: [
-        "ttw:grid ttw:grid-cols-[180px_1fr] ttw:gap-4 ttw:py-3",
-        o ? "" : "ttw:border-b"
-      ].join(" "),
-      children: [
-        /* @__PURE__ */ t(l, { variant: "body2", className: "ttw:text-muted-foreground", children: s }),
-        /* @__PURE__ */ t("div", { className: "ttw:min-w-0 ttw:text-sm", children: a })
-      ]
-    }
-  );
+function O({ label: e, children: t, isLast: n }) {
+	return /* @__PURE__ */ y("div", {
+		className: ["ttw:grid ttw:grid-cols-[180px_1fr] ttw:gap-4 ttw:py-3", n ? "" : "ttw:border-b"].join(" "),
+		children: [/* @__PURE__ */ v(p, {
+			variant: "body2",
+			className: "ttw:text-muted-foreground",
+			children: e
+		}), /* @__PURE__ */ v("div", {
+			className: "ttw:min-w-0 ttw:text-sm",
+			children: t
+		})]
+	});
 }
-function ct({
-  mode: s,
-  summary: a,
-  labels: o
-}) {
-  const d = s === "customer" ? o.summaryReceived : o.summaryPaid;
-  return /* @__PURE__ */ e("div", { className: "ttw:flex ttw:flex-col ttw:gap-4 ttw:rounded-md ttw:bg-muted ttw:p-5", children: [
-    /* @__PURE__ */ t(l, { variant: "body2", className: "ttw:text-muted-foreground", children: s === "customer" ? o.summaryAmountDue : o.summaryBalanceDue }),
-    a?.isPrimaryAmountLoading ? /* @__PURE__ */ t(b, { className: "ttw:h-9 ttw:w-36" }) : /* @__PURE__ */ t(l, { variant: "h3", className: "ttw:font-semibold", children: a?.primaryAmountLabel ?? c }),
-    /* @__PURE__ */ e("div", { className: "ttw:flex ttw:gap-8", children: [
-      /* @__PURE__ */ e("div", { className: "ttw:flex ttw:flex-col ttw:gap-1", children: [
-        /* @__PURE__ */ t(l, { variant: "caption", className: "ttw:text-muted-foreground", children: o.summaryBilled }),
-        a?.isBilledAmountLoading ? /* @__PURE__ */ t(b, {}) : /* @__PURE__ */ t(l, { variant: "body1", className: "ttw:font-semibold", children: a?.billedAmountLabel ?? c })
-      ] }),
-      /* @__PURE__ */ e("div", { className: "ttw:flex ttw:flex-col ttw:gap-1", children: [
-        /* @__PURE__ */ t(l, { variant: "caption", className: "ttw:text-muted-foreground", children: d }),
-        a?.isReceivedOrPaidAmountLoading ? /* @__PURE__ */ t(b, {}) : /* @__PURE__ */ t(
-          l,
-          {
-            variant: "body1",
-            className: "ttw:font-semibold ttw:text-green-600",
-            children: a?.receivedOrPaidAmountLabel ?? c
-          }
-        )
-      ] }),
-      s === "vendor" && /* @__PURE__ */ e("div", { className: "ttw:flex ttw:flex-col ttw:gap-1", children: [
-        /* @__PURE__ */ t(l, { variant: "caption", className: "ttw:text-muted-foreground", children: o.summaryRejected }),
-        a?.isRejectedAmountLoading ? /* @__PURE__ */ t(b, {}) : /* @__PURE__ */ t(l, { variant: "body1", className: "ttw:font-semibold", children: a?.rejectedAmountLabel ?? c })
-      ] })
-    ] })
-  ] });
+function k({ mode: e, summary: t, labels: n }) {
+	let r = e === "customer" ? n.summaryReceived : n.summaryPaid;
+	return /* @__PURE__ */ y("div", {
+		className: "ttw:flex ttw:flex-col ttw:gap-4 ttw:rounded-md ttw:bg-muted ttw:p-5",
+		children: [
+			/* @__PURE__ */ v(p, {
+				variant: "body2",
+				className: "ttw:text-muted-foreground",
+				children: e === "customer" ? n.summaryAmountDue : n.summaryBalanceDue
+			}),
+			t?.isPrimaryAmountLoading ? /* @__PURE__ */ v(D, { className: "ttw:h-9 ttw:w-36" }) : /* @__PURE__ */ v(p, {
+				variant: "h3",
+				className: "ttw:font-semibold",
+				children: t?.primaryAmountLabel ?? E
+			}),
+			/* @__PURE__ */ y("div", {
+				className: "ttw:flex ttw:gap-8",
+				children: [
+					/* @__PURE__ */ y("div", {
+						className: "ttw:flex ttw:flex-col ttw:gap-1",
+						children: [/* @__PURE__ */ v(p, {
+							variant: "caption",
+							className: "ttw:text-muted-foreground",
+							children: n.summaryBilled
+						}), t?.isBilledAmountLoading ? /* @__PURE__ */ v(D, {}) : /* @__PURE__ */ v(p, {
+							variant: "body1",
+							className: "ttw:font-semibold",
+							children: t?.billedAmountLabel ?? E
+						})]
+					}),
+					/* @__PURE__ */ y("div", {
+						className: "ttw:flex ttw:flex-col ttw:gap-1",
+						children: [/* @__PURE__ */ v(p, {
+							variant: "caption",
+							className: "ttw:text-muted-foreground",
+							children: r
+						}), t?.isReceivedOrPaidAmountLoading ? /* @__PURE__ */ v(D, {}) : /* @__PURE__ */ v(p, {
+							variant: "body1",
+							className: "ttw:font-semibold ttw:text-green-600",
+							children: t?.receivedOrPaidAmountLabel ?? E
+						})]
+					}),
+					e === "vendor" && /* @__PURE__ */ y("div", {
+						className: "ttw:flex ttw:flex-col ttw:gap-1",
+						children: [/* @__PURE__ */ v(p, {
+							variant: "caption",
+							className: "ttw:text-muted-foreground",
+							children: n.summaryRejected
+						}), t?.isRejectedAmountLoading ? /* @__PURE__ */ v(D, {}) : /* @__PURE__ */ v(p, {
+							variant: "body1",
+							className: "ttw:font-semibold",
+							children: t?.rejectedAmountLabel ?? E
+						})]
+					})
+				]
+			})
+		]
+	});
 }
-function mt({
-  mode: s,
-  documents: a,
-  labels: o,
-  onViewAll: d
-}) {
-  if (!a || a.length === 0) return null;
-  const i = s === "vendor";
-  return /* @__PURE__ */ e("section", { className: "ttw:flex ttw:flex-col ttw:border-t ttw:pt-6", children: [
-    /* @__PURE__ */ e("div", { className: "ttw:flex ttw:items-start ttw:justify-between ttw:gap-4 ttw:pb-5", children: [
-      /* @__PURE__ */ e("div", { className: "ttw:flex ttw:flex-col ttw:gap-1.5", children: [
-        /* @__PURE__ */ t(l, { variant: "body1", className: "ttw:font-medium", children: s === "customer" ? o.recentCustomerDocumentsHeading : o.recentVendorDocumentsHeading }),
-        /* @__PURE__ */ t(l, { variant: "body2", className: "ttw:text-muted-foreground", children: s === "customer" ? o.recentCustomerDocumentsDescription : o.recentVendorDocumentsDescription })
-      ] }),
-      d && /* @__PURE__ */ t(
-        w,
-        {
-          variant: "link",
-          className: "ttw:h-auto ttw:p-0",
-          onClick: d,
-          children: o.viewAllDocumentsAction
-        }
-      )
-    ] }),
-    /* @__PURE__ */ t("div", { className: "ttw:flex ttw:flex-col ttw:gap-3 ttw:rounded-md ttw:border ttw:p-4", children: a.map((r, h) => {
-      const u = i && r.isOverdue;
-      return /* @__PURE__ */ e("div", { className: "ttw:flex ttw:flex-col ttw:gap-3", children: [
-        /* @__PURE__ */ e("div", { className: "ttw:flex ttw:items-start ttw:justify-between ttw:gap-4", children: [
-          /* @__PURE__ */ e("div", { className: "ttw:flex ttw:flex-col ttw:gap-1", children: [
-            /* @__PURE__ */ t(l, { variant: "h6", className: "ttw:font-medium", children: r.amountLabel }),
-            /* @__PURE__ */ t(
-              l,
-              {
-                variant: "body2",
-                className: u ? "ttw:text-destructive" : "ttw:text-muted-foreground",
-                children: r.dateLabel
-              }
-            )
-          ] }),
-          /* @__PURE__ */ e("div", { className: "ttw:flex ttw:items-center ttw:gap-2", children: [
-            u && /* @__PURE__ */ t(v, { variant: "destructive", children: o.overdueTag }),
-            /* @__PURE__ */ t(v, { variant: r.statusTone ?? "outline", children: r.statusLabel })
-          ] })
-        ] }),
-        h < a.length - 1 && /* @__PURE__ */ t(nt, {})
-      ] }, r.id);
-    }) })
-  ] });
+function A({ mode: n, documents: r, labels: i, onViewAll: a }) {
+	if (!r || r.length === 0) return null;
+	let s = n === "vendor";
+	return /* @__PURE__ */ y("section", {
+		className: "ttw:flex ttw:flex-col ttw:border-t ttw:pt-6",
+		children: [/* @__PURE__ */ y("div", {
+			className: "ttw:flex ttw:items-start ttw:justify-between ttw:gap-4 ttw:pb-5",
+			children: [/* @__PURE__ */ y("div", {
+				className: "ttw:flex ttw:flex-col ttw:gap-1.5",
+				children: [/* @__PURE__ */ v(p, {
+					variant: "body1",
+					className: "ttw:font-medium",
+					children: n === "customer" ? i.recentCustomerDocumentsHeading : i.recentVendorDocumentsHeading
+				}), /* @__PURE__ */ v(p, {
+					variant: "body2",
+					className: "ttw:text-muted-foreground",
+					children: n === "customer" ? i.recentCustomerDocumentsDescription : i.recentVendorDocumentsDescription
+				})]
+			}), a && /* @__PURE__ */ v(t, {
+				variant: "link",
+				className: "ttw:h-auto ttw:p-0",
+				onClick: a,
+				children: i.viewAllDocumentsAction
+			})]
+		}), /* @__PURE__ */ v("div", {
+			className: "ttw:flex ttw:flex-col ttw:gap-3 ttw:rounded-md ttw:border ttw:p-4",
+			children: r.map((t, n) => {
+				let a = s && t.isOverdue;
+				return /* @__PURE__ */ y("div", {
+					className: "ttw:flex ttw:flex-col ttw:gap-3",
+					children: [/* @__PURE__ */ y("div", {
+						className: "ttw:flex ttw:items-start ttw:justify-between ttw:gap-4",
+						children: [/* @__PURE__ */ y("div", {
+							className: "ttw:flex ttw:flex-col ttw:gap-1",
+							children: [/* @__PURE__ */ v(p, {
+								variant: "h6",
+								className: "ttw:font-medium",
+								children: t.amountLabel
+							}), /* @__PURE__ */ v(p, {
+								variant: "body2",
+								className: a ? "ttw:text-destructive" : "ttw:text-muted-foreground",
+								children: t.dateLabel
+							})]
+						}), /* @__PURE__ */ y("div", {
+							className: "ttw:flex ttw:items-center ttw:gap-2",
+							children: [a && /* @__PURE__ */ v(e, {
+								variant: "destructive",
+								children: i.overdueTag
+							}), /* @__PURE__ */ v(e, {
+								variant: t.statusTone ?? "outline",
+								children: t.statusLabel
+							})]
+						})]
+					}), n < r.length - 1 && /* @__PURE__ */ v(o, {})]
+				}, t.id);
+			})
+		})]
+	});
 }
-function C({
-  mode: s,
-  addressLines: a,
-  canEdit: o,
-  onEditAddress: d,
-  onAddAddress: i,
-  labels: r
-}) {
-  const h = a.length > 0;
-  return /* @__PURE__ */ e(
-    "section",
-    {
-      className: s === "customer" ? "ttw:flex ttw:flex-col ttw:gap-3 ttw:border-t ttw:pt-6" : "ttw:flex ttw:flex-col",
-      children: [
-        s === "customer" && /* @__PURE__ */ e("div", { className: "ttw:flex ttw:items-center ttw:justify-between ttw:gap-3", children: [
-          /* @__PURE__ */ e("div", { className: "ttw:flex ttw:flex-col ttw:gap-1", children: [
-            /* @__PURE__ */ t(l, { variant: "body1", className: "ttw:font-medium", children: r.addressHeading }),
-            /* @__PURE__ */ t(l, { variant: "body2", className: "ttw:text-muted-foreground", children: r.customerAddressDescription })
-          ] }),
-          o && /* @__PURE__ */ e(
-            w,
-            {
-              type: "button",
-              variant: "ghost",
-              size: "sm",
-              onClick: h ? d : i,
-              children: [
-                h ? /* @__PURE__ */ t(y, { className: "ttw:size-4" }) : /* @__PURE__ */ t(T, { className: "ttw:size-4" }),
-                h ? r.editAddressAction : r.addAddressAction
-              ]
-            }
-          )
-        ] }),
-        h ? /* @__PURE__ */ t("address", { className: "ttw:flex ttw:flex-col ttw:gap-1 ttw:not-italic ttw:text-sm", children: a.map((u) => /* @__PURE__ */ t("span", { children: u }, u)) }) : /* @__PURE__ */ t(l, { variant: "body2", className: "ttw:text-muted-foreground", children: r.noAddress })
-      ]
-    }
-  );
+function j({ mode: e, addressLines: n, canEdit: r, onEditAddress: i, onAddAddress: a, labels: o }) {
+	let s = n.length > 0;
+	return /* @__PURE__ */ y("section", {
+		className: e === "customer" ? "ttw:flex ttw:flex-col ttw:gap-3 ttw:border-t ttw:pt-6" : "ttw:flex ttw:flex-col",
+		children: [e === "customer" && /* @__PURE__ */ y("div", {
+			className: "ttw:flex ttw:items-center ttw:justify-between ttw:gap-3",
+			children: [/* @__PURE__ */ y("div", {
+				className: "ttw:flex ttw:flex-col ttw:gap-1",
+				children: [/* @__PURE__ */ v(p, {
+					variant: "body1",
+					className: "ttw:font-medium",
+					children: o.addressHeading
+				}), /* @__PURE__ */ v(p, {
+					variant: "body2",
+					className: "ttw:text-muted-foreground",
+					children: o.customerAddressDescription
+				})]
+			}), r && /* @__PURE__ */ y(t, {
+				type: "button",
+				variant: "ghost",
+				size: "sm",
+				onClick: s ? i : a,
+				children: [v(s ? C : w, { className: "ttw:size-4" }), s ? o.editAddressAction : o.addAddressAction]
+			})]
+		}), s ? /* @__PURE__ */ v("address", {
+			className: "ttw:flex ttw:flex-col ttw:gap-1 ttw:not-italic ttw:text-sm",
+			children: n.map((e) => /* @__PURE__ */ v("span", { children: e }, e))
+		}) : /* @__PURE__ */ v(p, {
+			variant: "body2",
+			className: "ttw:text-muted-foreground",
+			children: o.noAddress
+		})]
+	});
 }
-function wt({
-  paymentMethod: s,
-  canEdit: a,
-  onAddBankAccount: o,
-  onEditBankAccount: d,
-  onDeleteBankAccount: i,
-  labels: r
-}) {
-  return /* @__PURE__ */ e("section", { className: "ttw:flex ttw:flex-col ttw:gap-4 ttw:border-t ttw:pt-6", children: [
-    /* @__PURE__ */ e("div", { className: "ttw:flex ttw:items-center ttw:justify-between ttw:gap-3", children: [
-      /* @__PURE__ */ e("div", { className: "ttw:flex ttw:flex-col ttw:gap-1", children: [
-        /* @__PURE__ */ t(l, { variant: "body1", className: "ttw:font-medium", children: r.paymentMethodsHeading }),
-        /* @__PURE__ */ t(l, { variant: "body2", className: "ttw:text-muted-foreground", children: r.paymentMethodsDescription })
-      ] }),
-      a && !s && /* @__PURE__ */ e(
-        w,
-        {
-          type: "button",
-          variant: "ghost",
-          size: "sm",
-          onClick: o,
-          children: [
-            /* @__PURE__ */ t(T, { className: "ttw:size-4" }),
-            r.addPaymentMethodAction
-          ]
-        }
-      )
-    ] }),
-    s ? /* @__PURE__ */ e("div", { className: "ttw:flex ttw:flex-col ttw:gap-3 ttw:rounded-md ttw:border ttw:p-4", children: [
-      /* @__PURE__ */ e("div", { className: "ttw:flex ttw:items-start ttw:justify-between ttw:gap-3", children: [
-        /* @__PURE__ */ e("div", { className: "ttw:flex ttw:flex-col ttw:gap-1", children: [
-          /* @__PURE__ */ t(l, { variant: "body2", className: "ttw:font-medium", children: s.title }),
-          s.isIncomplete && /* @__PURE__ */ t(v, { variant: "outline", children: r.incompletePaymentMethod })
-        ] }),
-        a && /* @__PURE__ */ e("div", { className: "ttw:flex ttw:gap-1", children: [
-          /* @__PURE__ */ t(
-            w,
-            {
-              type: "button",
-              variant: "ghost",
-              size: "icon-sm",
-              "aria-label": r.editPaymentMethodAction,
-              onClick: () => d?.(s.id),
-              children: /* @__PURE__ */ t(y, { className: "ttw:size-4" })
-            }
-          ),
-          /* @__PURE__ */ t(
-            w,
-            {
-              type: "button",
-              variant: "ghost",
-              size: "icon-sm",
-              "aria-label": r.deletePaymentMethodAction,
-              onClick: () => i?.(s.id),
-              children: /* @__PURE__ */ t(I, { className: "ttw:size-4" })
-            }
-          )
-        ] })
-      ] }),
-      /* @__PURE__ */ e("div", { className: "ttw:grid ttw:grid-cols-3 ttw:gap-3 ttw:text-sm", children: [
-        /* @__PURE__ */ e("div", { className: "ttw:flex ttw:flex-col ttw:gap-1", children: [
-          /* @__PURE__ */ t("span", { className: "ttw:text-muted-foreground", children: r.accountHolderLabel }),
-          /* @__PURE__ */ t("span", { children: s.accountHolderLabel || c })
-        ] }),
-        /* @__PURE__ */ e("div", { className: "ttw:flex ttw:flex-col ttw:gap-1", children: [
-          /* @__PURE__ */ t("span", { className: "ttw:text-muted-foreground", children: r.accountNumberLabel }),
-          /* @__PURE__ */ t("span", { children: s.accountNumberLabel || c })
-        ] }),
-        /* @__PURE__ */ e("div", { className: "ttw:flex ttw:flex-col ttw:gap-1", children: [
-          /* @__PURE__ */ t("span", { className: "ttw:text-muted-foreground", children: r.routingNumberLabel }),
-          /* @__PURE__ */ t("span", { children: s.routingNumberLabel || c })
-        ] })
-      ] })
-    ] }) : /* @__PURE__ */ t(l, { variant: "body2", className: "ttw:text-muted-foreground", children: r.noPaymentMethods })
-  ] });
+function M({ paymentMethod: n, canEdit: r, onAddBankAccount: i, onEditBankAccount: a, onDeleteBankAccount: o, labels: s }) {
+	return /* @__PURE__ */ y("section", {
+		className: "ttw:flex ttw:flex-col ttw:gap-4 ttw:border-t ttw:pt-6",
+		children: [/* @__PURE__ */ y("div", {
+			className: "ttw:flex ttw:items-center ttw:justify-between ttw:gap-3",
+			children: [/* @__PURE__ */ y("div", {
+				className: "ttw:flex ttw:flex-col ttw:gap-1",
+				children: [/* @__PURE__ */ v(p, {
+					variant: "body1",
+					className: "ttw:font-medium",
+					children: s.paymentMethodsHeading
+				}), /* @__PURE__ */ v(p, {
+					variant: "body2",
+					className: "ttw:text-muted-foreground",
+					children: s.paymentMethodsDescription
+				})]
+			}), r && !n && /* @__PURE__ */ y(t, {
+				type: "button",
+				variant: "ghost",
+				size: "sm",
+				onClick: i,
+				children: [/* @__PURE__ */ v(w, { className: "ttw:size-4" }), s.addPaymentMethodAction]
+			})]
+		}), n ? /* @__PURE__ */ y("div", {
+			className: "ttw:flex ttw:flex-col ttw:gap-3 ttw:rounded-md ttw:border ttw:p-4",
+			children: [/* @__PURE__ */ y("div", {
+				className: "ttw:flex ttw:items-start ttw:justify-between ttw:gap-3",
+				children: [/* @__PURE__ */ y("div", {
+					className: "ttw:flex ttw:flex-col ttw:gap-1",
+					children: [/* @__PURE__ */ v(p, {
+						variant: "body2",
+						className: "ttw:font-medium",
+						children: n.title
+					}), n.isIncomplete && /* @__PURE__ */ v(e, {
+						variant: "outline",
+						children: s.incompletePaymentMethod
+					})]
+				}), r && /* @__PURE__ */ y("div", {
+					className: "ttw:flex ttw:gap-1",
+					children: [/* @__PURE__ */ v(t, {
+						type: "button",
+						variant: "ghost",
+						size: "icon-sm",
+						"aria-label": s.editPaymentMethodAction,
+						onClick: () => a?.(n.id),
+						children: /* @__PURE__ */ v(C, { className: "ttw:size-4" })
+					}), /* @__PURE__ */ v(t, {
+						type: "button",
+						variant: "ghost",
+						size: "icon-sm",
+						"aria-label": s.deletePaymentMethodAction,
+						onClick: () => o?.(n.id),
+						children: /* @__PURE__ */ v(T, { className: "ttw:size-4" })
+					})]
+				})]
+			}), /* @__PURE__ */ y("div", {
+				className: "ttw:grid ttw:grid-cols-3 ttw:gap-3 ttw:text-sm",
+				children: [
+					/* @__PURE__ */ y("div", {
+						className: "ttw:flex ttw:flex-col ttw:gap-1",
+						children: [/* @__PURE__ */ v("span", {
+							className: "ttw:text-muted-foreground",
+							children: s.accountHolderLabel
+						}), /* @__PURE__ */ v("span", { children: n.accountHolderLabel || E })]
+					}),
+					/* @__PURE__ */ y("div", {
+						className: "ttw:flex ttw:flex-col ttw:gap-1",
+						children: [/* @__PURE__ */ v("span", {
+							className: "ttw:text-muted-foreground",
+							children: s.accountNumberLabel
+						}), /* @__PURE__ */ v("span", { children: n.accountNumberLabel || E })]
+					}),
+					/* @__PURE__ */ y("div", {
+						className: "ttw:flex ttw:flex-col ttw:gap-1",
+						children: [/* @__PURE__ */ v("span", {
+							className: "ttw:text-muted-foreground",
+							children: s.routingNumberLabel
+						}), /* @__PURE__ */ v("span", { children: n.routingNumberLabel || E })]
+					})
+				]
+			})]
+		}) : /* @__PURE__ */ v(p, {
+			variant: "body2",
+			className: "ttw:text-muted-foreground",
+			children: s.noPaymentMethods
+		})]
+	});
 }
-function ut({
-  mode: s,
-  form: a
-}) {
-  const o = { ...rt, ...a.labels };
-  return /* @__PURE__ */ e(
-    "form",
-    {
-      className: "ttw:flex ttw:flex-col ttw:gap-4 ttw:pt-5",
-      onSubmit: (d) => {
-        d.preventDefault(), a.onSubmit();
-      },
-      children: [
-        a.errors?.form && /* @__PURE__ */ t(l, { variant: "body2", className: "ttw:text-destructive", children: a.errors.form }),
-        /* @__PURE__ */ t(
-          ot,
-          {
-            mode: "edit",
-            counterpartMode: s,
-            values: a.values,
-            errors: a.errors,
-            stateOptions: a.stateOptions,
-            onChange: a.onChange,
-            onAddressChange: a.onAddressChange,
-            onBankAccountChange: a.onBankAccountChange,
-            labels: a.labels
-          }
-        ),
-        /* @__PURE__ */ e("div", { className: "ttw:flex ttw:justify-end ttw:gap-2 ttw:border-t ttw:pt-4", children: [
-          /* @__PURE__ */ t(
-            w,
-            {
-              type: "button",
-              variant: "outline",
-              disabled: a.inProgress,
-              onClick: a.onCancel,
-              children: o.cancelButton
-            }
-          ),
-          /* @__PURE__ */ t(w, { type: "submit", disabled: a.inProgress || a.submitDisabled, children: o.saveButton })
-        ] })
-      ]
-    }
-  );
+function N({ mode: e, form: n }) {
+	let r = {
+		...m,
+		...n.labels
+	};
+	return /* @__PURE__ */ y("form", {
+		className: "ttw:flex ttw:flex-col ttw:gap-4 ttw:pt-5",
+		onSubmit: (e) => {
+			e.preventDefault(), n.onSubmit();
+		},
+		children: [
+			n.errors?.form && /* @__PURE__ */ v(p, {
+				variant: "body2",
+				className: "ttw:text-destructive",
+				children: n.errors.form
+			}),
+			/* @__PURE__ */ v(h, {
+				mode: "edit",
+				counterpartMode: e,
+				values: n.values,
+				errors: n.errors,
+				stateOptions: n.stateOptions,
+				onChange: n.onChange,
+				onAddressChange: n.onAddressChange,
+				onBankAccountChange: n.onBankAccountChange,
+				labels: n.labels
+			}),
+			/* @__PURE__ */ y("div", {
+				className: "ttw:flex ttw:justify-end ttw:gap-2 ttw:border-t ttw:pt-4",
+				children: [/* @__PURE__ */ v(t, {
+					type: "button",
+					variant: "outline",
+					disabled: n.inProgress,
+					onClick: n.onCancel,
+					children: r.cancelButton
+				}), /* @__PURE__ */ v(t, {
+					type: "submit",
+					disabled: n.inProgress || n.submitDisabled,
+					children: r.saveButton
+				})]
+			})
+		]
+	});
 }
-function Lt({
-  open: s,
-  onOpenChange: a,
-  privacyResetKey: o,
-  mode: d = "customer",
-  counterpart: i,
-  isLoading: r,
-  isError: h,
-  canEdit: u = !0,
-  canDelete: M = !0,
-  onEdit: k,
-  onDelete: B,
-  onClose: z,
-  onEditAddress: A,
-  onAddAddress: D,
-  onAddBankAccount: P,
-  onEditBankAccount: S,
-  onDeleteBankAccount: H,
-  onViewAllDocuments: j,
-  editForm: E,
-  labels: O
-}) {
-  const n = { ...dt, ...O }, [R, f] = F(null), g = [
-    o ?? i?.name ?? "",
-    i?.taxId ?? "",
-    i?.taxIdMasked ?? ""
-  ].join(":"), N = s && !!i?.taxId && R === g;
-  K(() => {
-    s || f(null);
-  }, [s]);
-  const m = d === "vendor", _ = N ? i?.taxId ?? c : i?.taxIdMasked || i?.taxId || c, L = i?.taxIdHelpText ?? (m ? n.vendorTaxIdHelp : n.customerTaxIdHelp);
-  return /* @__PURE__ */ t(
-    Z,
-    {
-      open: s,
-      onOpenChange: (x) => {
-        x || f(null), a(x);
-      },
-      children: /* @__PURE__ */ e(
-        $,
-        {
-          showCloseButton: !1,
-          className: "ttw:w-160 ttw:sm:max-w-160 ttw:gap-0 ttw:overflow-y-auto",
-          children: [
-            /* @__PURE__ */ e(q, { className: "ttw:flex-row ttw:items-start ttw:justify-between ttw:gap-4 ttw:border-b ttw:px-6 ttw:py-6", children: [
-              /* @__PURE__ */ e("div", { className: "ttw:flex ttw:min-w-0 ttw:flex-col ttw:gap-1", children: [
-                /* @__PURE__ */ t(G, { className: "ttw:truncate ttw:text-2xl", children: i?.name ?? n.loadingTitle }),
-                /* @__PURE__ */ t(W, { children: i?.subtitle ?? n.hiddenDescription })
-              ] }),
-              /* @__PURE__ */ e("div", { className: "ttw:flex ttw:gap-2", children: [
-                M && i && /* @__PURE__ */ e(Y, { children: [
-                  /* @__PURE__ */ t(tt, { asChild: !0, children: /* @__PURE__ */ t(
-                    w,
-                    {
-                      type: "button",
-                      variant: "outline",
-                      size: "icon",
-                      "aria-label": n.openActionsMenu,
-                      children: /* @__PURE__ */ t(U, { className: "ttw:size-4" })
-                    }
-                  ) }),
-                  /* @__PURE__ */ t(et, { align: "end", children: /* @__PURE__ */ e(at, { variant: "destructive", onClick: B, children: [
-                    /* @__PURE__ */ t(I, { className: "ttw:size-4" }),
-                    m ? n.deleteVendorAction : n.deleteCustomerAction
-                  ] }) })
-                ] }),
-                /* @__PURE__ */ t(
-                  w,
-                  {
-                    type: "button",
-                    variant: "outline",
-                    size: "icon",
-                    "aria-label": n.closeAction,
-                    onClick: () => {
-                      f(null), z();
-                    },
-                    children: /* @__PURE__ */ t(J, { className: "ttw:size-4" })
-                  }
-                )
-              ] })
-            ] }),
-            h ? /* @__PURE__ */ t("div", { className: "ttw:p-6", children: /* @__PURE__ */ t(
-              lt,
-              {
-                title: n.errorTitle,
-                description: n.errorDescription
-              }
-            ) }) : r || !i ? /* @__PURE__ */ t("div", { className: "ttw:p-6", children: /* @__PURE__ */ t(it, { title: n.loadingTitle }) }) : /* @__PURE__ */ e("main", { className: "ttw:flex ttw:flex-col ttw:gap-6 ttw:p-6", children: [
-              /* @__PURE__ */ e("div", { className: "ttw:flex ttw:flex-col ttw:gap-4", children: [
-                /* @__PURE__ */ t(
-                  ct,
-                  {
-                    mode: d,
-                    summary: i.summary,
-                    labels: n
-                  }
-                ),
-                /* @__PURE__ */ t(w, { className: "ttw:w-fit", disabled: !0, children: m ? n.sendPaymentAction : n.issueInvoiceAction })
-              ] }),
-              /* @__PURE__ */ t(
-                mt,
-                {
-                  mode: d,
-                  documents: i.recentDocuments,
-                  labels: n,
-                  onViewAll: j
-                }
-              ),
-              E ? /* @__PURE__ */ e("section", { className: "ttw:flex ttw:flex-col", children: [
-                /* @__PURE__ */ e("div", { className: "ttw:flex ttw:flex-col ttw:gap-1 ttw:border-b ttw:pb-5", children: [
-                  /* @__PURE__ */ t(l, { variant: "body1", className: "ttw:font-medium", children: m ? n.vendorDetailsHeading : n.customerDetailsHeading }),
-                  /* @__PURE__ */ t(
-                    l,
-                    {
-                      variant: "body2",
-                      className: "ttw:text-muted-foreground",
-                      children: m ? n.vendorDetailsDescription : n.customerDetailsDescription
-                    }
-                  )
-                ] }),
-                /* @__PURE__ */ t(ut, { mode: d, form: E })
-              ] }) : /* @__PURE__ */ e(V, { children: [
-                /* @__PURE__ */ e("section", { className: "ttw:flex ttw:flex-col", children: [
-                  /* @__PURE__ */ e("div", { className: "ttw:flex ttw:items-center ttw:justify-between ttw:gap-3 ttw:border-b ttw:pb-5", children: [
-                    /* @__PURE__ */ e("div", { className: "ttw:flex ttw:flex-col ttw:gap-1", children: [
-                      /* @__PURE__ */ t(l, { variant: "body1", className: "ttw:font-medium", children: m ? n.vendorDetailsHeading : n.customerDetailsHeading }),
-                      /* @__PURE__ */ t(
-                        l,
-                        {
-                          variant: "body2",
-                          className: "ttw:text-muted-foreground",
-                          children: m ? n.vendorDetailsDescription : n.customerDetailsDescription
-                        }
-                      )
-                    ] }),
-                    u && /* @__PURE__ */ e(
-                      w,
-                      {
-                        type: "button",
-                        variant: "ghost",
-                        size: "sm",
-                        onClick: k,
-                        children: [
-                          /* @__PURE__ */ t(y, { className: "ttw:size-4" }),
-                          n.editButton
-                        ]
-                      }
-                    )
-                  ] }),
-                  /* @__PURE__ */ t(p, { label: n.rowType, children: i.entityTypeLabel ?? c }),
-                  /* @__PURE__ */ t(p, { label: n.rowName, children: i.name }),
-                  /* @__PURE__ */ t(p, { label: n.rowEmail, children: i.email || c }),
-                  !m && /* @__PURE__ */ t(p, { label: n.rowPaymentReminders, children: i.remindersLabel ?? c }),
-                  /* @__PURE__ */ t(p, { label: n.rowPhone, children: i.phone || c }),
-                  /* @__PURE__ */ t(
-                    p,
-                    {
-                      label: i.entityType === "individual" ? n.rowTaxIdSsn : n.rowTaxIdEin,
-                      isLast: !m,
-                      children: /* @__PURE__ */ e("div", { className: "ttw:flex ttw:flex-col ttw:gap-2", children: [
-                        /* @__PURE__ */ e("div", { className: "ttw:flex ttw:items-center ttw:gap-2", children: [
-                          /* @__PURE__ */ t("span", { className: "ttw:font-medium", children: _ }),
-                          i.taxId && /* @__PURE__ */ e(
-                            w,
-                            {
-                              type: "button",
-                              variant: "outline",
-                              size: "sm",
-                              onClick: () => {
-                                f(
-                                  (x) => x === g ? null : g
-                                );
-                              },
-                              children: [
-                                N ? /* @__PURE__ */ t(Q, { className: "ttw:size-4" }) : /* @__PURE__ */ t(X, { className: "ttw:size-4" }),
-                                N ? n.hideTaxId : n.showTaxId
-                              ]
-                            }
-                          )
-                        ] }),
-                        L && /* @__PURE__ */ t(
-                          l,
-                          {
-                            variant: "body2",
-                            className: "ttw:text-muted-foreground",
-                            children: L
-                          }
-                        )
-                      ] })
-                    }
-                  ),
-                  m && /* @__PURE__ */ t(p, { label: n.addressHeading, isLast: !0, children: /* @__PURE__ */ t(
-                    C,
-                    {
-                      mode: d,
-                      addressLines: i.addressLines,
-                      canEdit: u,
-                      onEditAddress: A,
-                      onAddAddress: D,
-                      labels: n
-                    }
-                  ) })
-                ] }),
-                !m && /* @__PURE__ */ t(
-                  C,
-                  {
-                    mode: d,
-                    addressLines: i.addressLines,
-                    canEdit: u,
-                    onEditAddress: A,
-                    onAddAddress: D,
-                    labels: n
-                  }
-                ),
-                m && /* @__PURE__ */ t(
-                  wt,
-                  {
-                    paymentMethod: i.paymentMethod,
-                    canEdit: u,
-                    onAddBankAccount: P,
-                    onEditBankAccount: S,
-                    onDeleteBankAccount: H,
-                    labels: n
-                  }
-                )
-              ] })
-            ] })
-          ]
-        }
-      )
-    }
-  );
+function P({ open: e, onOpenChange: o, privacyResetKey: f, mode: m = "customer", counterpart: h, isLoading: w, isError: D, canEdit: P = !0, canDelete: F = !0, onEdit: I, onDelete: L, onClose: R, onEditAddress: z, onAddAddress: B, onAddBankAccount: V, onEditBankAccount: H, onDeleteBankAccount: U, onViewAllDocuments: W, editForm: G, labels: K }) {
+	let q = {
+		...g,
+		...K
+	}, [J, Y] = re(null), X = [
+		f ?? h?.name ?? "",
+		h?.taxId ?? "",
+		h?.taxIdMasked ?? ""
+	].join(":"), Z = e && !!h?.taxId && J === X;
+	ne(() => {
+		e || Y(null);
+	}, [e]);
+	let Q = m === "vendor", ae = Z ? h?.taxId ?? E : h?.taxIdMasked || h?.taxId || E, $ = h?.taxIdHelpText ?? (Q ? q.vendorTaxIdHelp : q.customerTaxIdHelp);
+	return /* @__PURE__ */ v(s, {
+		open: e,
+		onOpenChange: (e) => {
+			e || Y(null), o(e);
+		},
+		children: /* @__PURE__ */ y(c, {
+			showCloseButton: !1,
+			className: "ttw:w-160 ttw:sm:max-w-160 ttw:gap-0 ttw:overflow-y-auto",
+			children: [/* @__PURE__ */ y(u, {
+				className: "ttw:flex-row ttw:items-start ttw:justify-between ttw:gap-4 ttw:border-b ttw:px-6 ttw:py-6",
+				children: [/* @__PURE__ */ y("div", {
+					className: "ttw:flex ttw:min-w-0 ttw:flex-col ttw:gap-1",
+					children: [/* @__PURE__ */ v(d, {
+						className: "ttw:truncate ttw:text-2xl",
+						children: h?.name ?? q.loadingTitle
+					}), /* @__PURE__ */ v(l, { children: h?.subtitle ?? q.hiddenDescription })]
+				}), /* @__PURE__ */ y("div", {
+					className: "ttw:flex ttw:gap-2",
+					children: [F && h && /* @__PURE__ */ y(n, { children: [/* @__PURE__ */ v(a, {
+						asChild: !0,
+						children: /* @__PURE__ */ v(t, {
+							type: "button",
+							variant: "outline",
+							size: "icon",
+							"aria-label": q.openActionsMenu,
+							children: /* @__PURE__ */ v(S, { className: "ttw:size-4" })
+						})
+					}), /* @__PURE__ */ v(r, {
+						align: "end",
+						children: /* @__PURE__ */ y(i, {
+							variant: "destructive",
+							onClick: L,
+							children: [/* @__PURE__ */ v(T, { className: "ttw:size-4" }), Q ? q.deleteVendorAction : q.deleteCustomerAction]
+						})
+					})] }), /* @__PURE__ */ v(t, {
+						type: "button",
+						variant: "outline",
+						size: "icon",
+						"aria-label": q.closeAction,
+						onClick: () => {
+							Y(null), R();
+						},
+						children: /* @__PURE__ */ v(ie, { className: "ttw:size-4" })
+					})]
+				})]
+			}), D ? /* @__PURE__ */ v("div", {
+				className: "ttw:p-6",
+				children: /* @__PURE__ */ v(te, {
+					title: q.errorTitle,
+					description: q.errorDescription
+				})
+			}) : w || !h ? /* @__PURE__ */ v("div", {
+				className: "ttw:p-6",
+				children: /* @__PURE__ */ v(ee, { title: q.loadingTitle })
+			}) : /* @__PURE__ */ y("main", {
+				className: "ttw:flex ttw:flex-col ttw:gap-6 ttw:p-6",
+				children: [
+					/* @__PURE__ */ y("div", {
+						className: "ttw:flex ttw:flex-col ttw:gap-4",
+						children: [/* @__PURE__ */ v(k, {
+							mode: m,
+							summary: h.summary,
+							labels: q
+						}), /* @__PURE__ */ v(t, {
+							className: "ttw:w-fit",
+							disabled: !0,
+							children: Q ? q.sendPaymentAction : q.issueInvoiceAction
+						})]
+					}),
+					/* @__PURE__ */ v(A, {
+						mode: m,
+						documents: h.recentDocuments,
+						labels: q,
+						onViewAll: W
+					}),
+					G ? /* @__PURE__ */ y("section", {
+						className: "ttw:flex ttw:flex-col",
+						children: [/* @__PURE__ */ y("div", {
+							className: "ttw:flex ttw:flex-col ttw:gap-1 ttw:border-b ttw:pb-5",
+							children: [/* @__PURE__ */ v(p, {
+								variant: "body1",
+								className: "ttw:font-medium",
+								children: Q ? q.vendorDetailsHeading : q.customerDetailsHeading
+							}), /* @__PURE__ */ v(p, {
+								variant: "body2",
+								className: "ttw:text-muted-foreground",
+								children: Q ? q.vendorDetailsDescription : q.customerDetailsDescription
+							})]
+						}), /* @__PURE__ */ v(N, {
+							mode: m,
+							form: G
+						})]
+					}) : /* @__PURE__ */ y(_, { children: [
+						/* @__PURE__ */ y("section", {
+							className: "ttw:flex ttw:flex-col",
+							children: [
+								/* @__PURE__ */ y("div", {
+									className: "ttw:flex ttw:items-center ttw:justify-between ttw:gap-3 ttw:border-b ttw:pb-5",
+									children: [/* @__PURE__ */ y("div", {
+										className: "ttw:flex ttw:flex-col ttw:gap-1",
+										children: [/* @__PURE__ */ v(p, {
+											variant: "body1",
+											className: "ttw:font-medium",
+											children: Q ? q.vendorDetailsHeading : q.customerDetailsHeading
+										}), /* @__PURE__ */ v(p, {
+											variant: "body2",
+											className: "ttw:text-muted-foreground",
+											children: Q ? q.vendorDetailsDescription : q.customerDetailsDescription
+										})]
+									}), P && /* @__PURE__ */ y(t, {
+										type: "button",
+										variant: "ghost",
+										size: "sm",
+										onClick: I,
+										children: [/* @__PURE__ */ v(C, { className: "ttw:size-4" }), q.editButton]
+									})]
+								}),
+								/* @__PURE__ */ v(O, {
+									label: q.rowType,
+									children: h.entityTypeLabel ?? E
+								}),
+								/* @__PURE__ */ v(O, {
+									label: q.rowName,
+									children: h.name
+								}),
+								/* @__PURE__ */ v(O, {
+									label: q.rowEmail,
+									children: h.email || E
+								}),
+								!Q && /* @__PURE__ */ v(O, {
+									label: q.rowPaymentReminders,
+									children: h.remindersLabel ?? E
+								}),
+								/* @__PURE__ */ v(O, {
+									label: q.rowPhone,
+									children: h.phone || E
+								}),
+								/* @__PURE__ */ v(O, {
+									label: h.entityType === "individual" ? q.rowTaxIdSsn : q.rowTaxIdEin,
+									isLast: !Q,
+									children: /* @__PURE__ */ y("div", {
+										className: "ttw:flex ttw:flex-col ttw:gap-2",
+										children: [/* @__PURE__ */ y("div", {
+											className: "ttw:flex ttw:items-center ttw:gap-2",
+											children: [/* @__PURE__ */ v("span", {
+												className: "ttw:font-medium",
+												children: ae
+											}), h.taxId && /* @__PURE__ */ y(t, {
+												type: "button",
+												variant: "outline",
+												size: "sm",
+												onClick: () => {
+													Y((e) => e === X ? null : X);
+												},
+												children: [v(Z ? x : b, { className: "ttw:size-4" }), Z ? q.hideTaxId : q.showTaxId]
+											})]
+										}), $ && /* @__PURE__ */ v(p, {
+											variant: "body2",
+											className: "ttw:text-muted-foreground",
+											children: $
+										})]
+									})
+								}),
+								Q && /* @__PURE__ */ v(O, {
+									label: q.addressHeading,
+									isLast: !0,
+									children: /* @__PURE__ */ v(j, {
+										mode: m,
+										addressLines: h.addressLines,
+										canEdit: P,
+										onEditAddress: z,
+										onAddAddress: B,
+										labels: q
+									})
+								})
+							]
+						}),
+						!Q && /* @__PURE__ */ v(j, {
+							mode: m,
+							addressLines: h.addressLines,
+							canEdit: P,
+							onEditAddress: z,
+							onAddAddress: B,
+							labels: q
+						}),
+						Q && /* @__PURE__ */ v(M, {
+							paymentMethod: h.paymentMethod,
+							canEdit: P,
+							onAddBankAccount: V,
+							onEditBankAccount: H,
+							onDeleteBankAccount: U,
+							labels: q
+						})
+					] })
+				]
+			})]
+		})
+	});
 }
-export {
-  Lt as CounterpartDetailsSheet
-};
+//#endregion
+export { P as CounterpartDetailsSheet, P as default };