@tesouro/embedded-components-react 0.2.197 → 0.2.200

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

@@ -1,54 +1,54 @@
-import { jsx as t, jsxs as e, Fragment as _ } from "react/jsx-runtime";
-import { useState as F, useEffect as V } from "react";
-import { MoreVerticalIcon as K, Trash2Icon as I, XIcon as U, PencilIcon as y, EyeOffIcon as J, EyeIcon as Q, PlusIcon as T } from "lucide-react";
-import { Sheet as X, SheetContent as Z, SheetHeader as $, SheetTitle as q, SheetDescription as G, DropdownMenu as W, DropdownMenuTrigger as Y, Button as w, DropdownMenuContent as tt, DropdownMenuItem as et, Typography as l, Badge as v, Separator as at, Skeleton as nt } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+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 st } from "../../../shared/ui/dist/lib/EmptyState/EmptyState.js";
-import { ErrorState as it } from "../../../shared/ui/dist/lib/ErrorState/ErrorState.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 lt } from "../../../shared/counterpart-management/ui/dist/index2.js";
-import { CounterpartFormFields as dt } from "../../../shared/counterpart-management/ui/dist/index6.js";
-import { COUNTERPART_DETAILS_SHEET_LABELS_EN as rt } from "./index2.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: i }) {
-  return /* @__PURE__ */ t(nt, { className: i ?? "ttw:h-5 ttw:w-24" });
+function b({ className: s }) {
+  return /* @__PURE__ */ t(st, { className: s ?? "ttw:h-5 ttw:w-24" });
 }
 function p({
-  label: i,
+  label: s,
   children: a,
-  isLast: d
+  isLast: o
 }) {
   return /* @__PURE__ */ e(
     "div",
     {
       className: [
         "ttw:grid ttw:grid-cols-[180px_1fr] ttw:gap-4 ttw:py-3",
-        d ? "" : "ttw:border-b"
+        o ? "" : "ttw:border-b"
       ].join(" "),
       children: [
-        /* @__PURE__ */ t(l, { variant: "body2", className: "ttw:text-muted-foreground", children: i }),
+        /* @__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 ot({
-  mode: i,
+function ct({
+  mode: s,
   summary: a,
-  labels: d
+  labels: o
 }) {
-  const o = i === "customer" ? d.summaryReceived : d.summaryPaid;
+  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: i === "customer" ? d.summaryAmountDue : d.summaryBalanceDue }),
+    /* @__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: d.summaryBilled }),
+        /* @__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: o }),
+        /* @__PURE__ */ t(l, { variant: "caption", className: "ttw:text-muted-foreground", children: d }),
         a?.isReceivedOrPaidAmountLoading ? /* @__PURE__ */ t(b, {}) : /* @__PURE__ */ t(
           l,
           {
@@ -58,94 +58,106 @@ function ot({
           }
         )
       ] }),
-      i === "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: d.summaryRejected }),
+      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 ct({
-  mode: i,
+function mt({
+  mode: s,
   documents: a,
-  labels: d
+  labels: o,
+  onViewAll: d
 }) {
   if (!a || a.length === 0) return null;
-  const o = i === "vendor";
+  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:flex-col ttw:gap-1.5 ttw:pb-5", children: [
-      /* @__PURE__ */ t(l, { variant: "body1", className: "ttw:font-medium", children: i === "customer" ? d.recentCustomerDocumentsHeading : d.recentVendorDocumentsHeading }),
-      /* @__PURE__ */ t(l, { variant: "body2", className: "ttw:text-muted-foreground", children: i === "customer" ? d.recentCustomerDocumentsDescription : d.recentVendorDocumentsDescription })
+    /* @__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((s, r) => {
-      const u = o && s.isOverdue;
+    /* @__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: s.amountLabel }),
+            /* @__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: s.dateLabel
+                children: r.dateLabel
               }
             )
           ] }),
           /* @__PURE__ */ e("div", { className: "ttw:flex ttw:items-center ttw:gap-2", children: [
-            u && /* @__PURE__ */ t(v, { variant: "destructive", children: d.overdueTag }),
-            /* @__PURE__ */ t(v, { variant: s.statusTone ?? "outline", children: s.statusLabel })
+            u && /* @__PURE__ */ t(v, { variant: "destructive", children: o.overdueTag }),
+            /* @__PURE__ */ t(v, { variant: r.statusTone ?? "outline", children: r.statusLabel })
           ] })
         ] }),
-        r < a.length - 1 && /* @__PURE__ */ t(at, {})
-      ] }, s.id);
+        h < a.length - 1 && /* @__PURE__ */ t(nt, {})
+      ] }, r.id);
     }) })
   ] });
 }
 function C({
-  mode: i,
+  mode: s,
   addressLines: a,
-  canEdit: d,
-  onEditAddress: o,
-  onAddAddress: s,
+  canEdit: o,
+  onEditAddress: d,
+  onAddAddress: i,
   labels: r
 }) {
-  const u = a.length > 0;
+  const h = a.length > 0;
   return /* @__PURE__ */ e(
     "section",
     {
-      className: i === "customer" ? "ttw:flex ttw:flex-col ttw:gap-3 ttw:border-t ttw:pt-6" : "ttw:flex ttw:flex-col",
+      className: s === "customer" ? "ttw:flex ttw:flex-col ttw:gap-3 ttw:border-t ttw:pt-6" : "ttw:flex ttw:flex-col",
       children: [
-        i === "customer" && /* @__PURE__ */ e("div", { className: "ttw:flex ttw:items-center ttw:justify-between ttw:gap-3", 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 })
           ] }),
-          d && /* @__PURE__ */ e(
+          o && /* @__PURE__ */ e(
             w,
             {
               type: "button",
               variant: "ghost",
               size: "sm",
-              onClick: u ? o : s,
+              onClick: h ? d : i,
               children: [
-                u ? /* @__PURE__ */ t(y, { className: "ttw:size-4" }) : /* @__PURE__ */ t(T, { className: "ttw:size-4" }),
-                u ? r.editAddressAction : r.addAddressAction
+                h ? /* @__PURE__ */ t(y, { className: "ttw:size-4" }) : /* @__PURE__ */ t(T, { className: "ttw:size-4" }),
+                h ? r.editAddressAction : r.addAddressAction
               ]
             }
           )
         ] }),
-        u ? /* @__PURE__ */ t("address", { className: "ttw:flex ttw:flex-col ttw:gap-1 ttw:not-italic ttw:text-sm", children: a.map((h) => /* @__PURE__ */ t("span", { children: h }, h)) }) : /* @__PURE__ */ t(l, { variant: "body2", className: "ttw:text-muted-foreground", children: r.noAddress })
+        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 mt({
-  paymentMethod: i,
+function wt({
+  paymentMethod: s,
   canEdit: a,
-  onAddBankAccount: d,
-  onEditBankAccount: o,
-  onDeleteBankAccount: s,
+  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: [
@@ -154,13 +166,13 @@ function mt({
         /* @__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 && !i && /* @__PURE__ */ e(
+      a && !s && /* @__PURE__ */ e(
         w,
         {
           type: "button",
           variant: "ghost",
           size: "sm",
-          onClick: d,
+          onClick: o,
           children: [
             /* @__PURE__ */ t(T, { className: "ttw:size-4" }),
             r.addPaymentMethodAction
@@ -168,11 +180,11 @@ function mt({
         }
       )
     ] }),
-    i ? /* @__PURE__ */ e("div", { className: "ttw:flex ttw:flex-col ttw:gap-3 ttw:rounded-md ttw:border ttw:p-4", children: [
+    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: i.title }),
-          i.isIncomplete && /* @__PURE__ */ t(v, { variant: "outline", children: r.incompletePaymentMethod })
+          /* @__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(
@@ -182,7 +194,7 @@ function mt({
               variant: "ghost",
               size: "icon-sm",
               "aria-label": r.editPaymentMethodAction,
-              onClick: () => o?.(i.id),
+              onClick: () => d?.(s.id),
               children: /* @__PURE__ */ t(y, { className: "ttw:size-4" })
             }
           ),
@@ -193,7 +205,7 @@ function mt({
               variant: "ghost",
               size: "icon-sm",
               "aria-label": r.deletePaymentMethodAction,
-              onClick: () => s?.(i.id),
+              onClick: () => i?.(s.id),
               children: /* @__PURE__ */ t(I, { className: "ttw:size-4" })
             }
           )
@@ -202,39 +214,39 @@ function mt({
       /* @__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: i.accountHolderLabel || c })
+          /* @__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: i.accountNumberLabel || c })
+          /* @__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: i.routingNumberLabel || c })
+          /* @__PURE__ */ t("span", { children: s.routingNumberLabel || c })
         ] })
       ] })
     ] }) : /* @__PURE__ */ t(l, { variant: "body2", className: "ttw:text-muted-foreground", children: r.noPaymentMethods })
   ] });
 }
-function wt({
-  mode: i,
+function ut({
+  mode: s,
   form: a
 }) {
-  const d = { ...lt, ...a.labels };
+  const o = { ...rt, ...a.labels };
   return /* @__PURE__ */ e(
     "form",
     {
       className: "ttw:flex ttw:flex-col ttw:gap-4 ttw:pt-5",
-      onSubmit: (o) => {
-        o.preventDefault(), a.onSubmit();
+      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(
-          dt,
+          ot,
           {
             mode: "edit",
-            counterpartMode: i,
+            counterpartMode: s,
             values: a.values,
             errors: a.errors,
             stateOptions: a.stateOptions,
@@ -252,24 +264,24 @@ function wt({
               variant: "outline",
               disabled: a.inProgress,
               onClick: a.onCancel,
-              children: d.cancelButton
+              children: o.cancelButton
             }
           ),
-          /* @__PURE__ */ t(w, { type: "submit", disabled: a.inProgress || a.submitDisabled, children: d.saveButton })
+          /* @__PURE__ */ t(w, { type: "submit", disabled: a.inProgress || a.submitDisabled, children: o.saveButton })
         ] })
       ]
     }
   );
 }
-function Et({
-  open: i,
+function Lt({
+  open: s,
   onOpenChange: a,
-  privacyResetKey: d,
-  mode: o = "customer",
-  counterpart: s,
+  privacyResetKey: o,
+  mode: d = "customer",
+  counterpart: i,
   isLoading: r,
-  isError: u,
-  canEdit: h = !0,
+  isError: h,
+  canEdit: u = !0,
   canDelete: M = !0,
   onEdit: k,
   onDelete: B,
@@ -279,49 +291,50 @@ function Et({
   onAddBankAccount: P,
   onEditBankAccount: S,
   onDeleteBankAccount: H,
+  onViewAllDocuments: j,
   editForm: E,
   labels: O
 }) {
-  const n = { ...rt, ...O }, [j, f] = F(null), g = [
-    d ?? s?.name ?? "",
-    s?.taxId ?? "",
-    s?.taxIdMasked ?? ""
-  ].join(":"), N = i && !!s?.taxId && j === g;
-  V(() => {
-    i || f(null);
-  }, [i]);
-  const m = o === "vendor", R = N ? s?.taxId ?? c : s?.taxIdMasked || s?.taxId || c, L = s?.taxIdHelpText ?? (m ? n.vendorTaxIdHelp : n.customerTaxIdHelp);
+  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(
-    X,
+    Z,
     {
-      open: i,
+      open: s,
       onOpenChange: (x) => {
         x || f(null), a(x);
       },
       children: /* @__PURE__ */ e(
-        Z,
+        $,
         {
           showCloseButton: !1,
           className: "ttw:w-160 ttw:sm:max-w-160 ttw:gap-0 ttw:overflow-y-auto",
           children: [
-            /* @__PURE__ */ e($, { 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(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(q, { className: "ttw:truncate ttw:text-2xl", children: s?.name ?? n.loadingTitle }),
-                /* @__PURE__ */ t(G, { children: s?.subtitle ?? n.hiddenDescription })
+                /* @__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 && s && /* @__PURE__ */ e(W, { children: [
-                  /* @__PURE__ */ t(Y, { asChild: !0, children: /* @__PURE__ */ t(
+                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(K, { className: "ttw:size-4" })
+                      children: /* @__PURE__ */ t(U, { className: "ttw:size-4" })
                     }
                   ) }),
-                  /* @__PURE__ */ t(tt, { align: "end", children: /* @__PURE__ */ e(et, { variant: "destructive", onClick: B, children: [
+                  /* @__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
                   ] }) })
@@ -336,35 +349,36 @@ function Et({
                     onClick: () => {
                       f(null), z();
                     },
-                    children: /* @__PURE__ */ t(U, { className: "ttw:size-4" })
+                    children: /* @__PURE__ */ t(J, { className: "ttw:size-4" })
                   }
                 )
               ] })
             ] }),
-            u ? /* @__PURE__ */ t("div", { className: "ttw:p-6", children: /* @__PURE__ */ t(
-              it,
+            h ? /* @__PURE__ */ t("div", { className: "ttw:p-6", children: /* @__PURE__ */ t(
+              lt,
               {
                 title: n.errorTitle,
                 description: n.errorDescription
               }
-            ) }) : r || !s ? /* @__PURE__ */ t("div", { className: "ttw:p-6", children: /* @__PURE__ */ t(st, { title: n.loadingTitle }) }) : /* @__PURE__ */ e("main", { className: "ttw:flex ttw:flex-col ttw:gap-6 ttw:p-6", children: [
+            ) }) : 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(
-                  ot,
+                  ct,
                   {
-                    mode: o,
-                    summary: s.summary,
+                    mode: d,
+                    summary: i.summary,
                     labels: n
                   }
                 ),
                 /* @__PURE__ */ t(w, { className: "ttw:w-fit", disabled: !0, children: m ? n.sendPaymentAction : n.issueInvoiceAction })
               ] }),
               /* @__PURE__ */ t(
-                ct,
+                mt,
                 {
-                  mode: o,
-                  documents: s.recentDocuments,
-                  labels: n
+                  mode: d,
+                  documents: i.recentDocuments,
+                  labels: n,
+                  onViewAll: j
                 }
               ),
               E ? /* @__PURE__ */ e("section", { className: "ttw:flex ttw:flex-col", children: [
@@ -379,8 +393,8 @@ function Et({
                     }
                   )
                 ] }),
-                /* @__PURE__ */ t(wt, { mode: o, form: E })
-              ] }) : /* @__PURE__ */ e(_, { children: [
+                /* @__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: [
@@ -394,7 +408,7 @@ function Et({
                         }
                       )
                     ] }),
-                    h && /* @__PURE__ */ e(
+                    u && /* @__PURE__ */ e(
                       w,
                       {
                         type: "button",
@@ -408,20 +422,20 @@ function Et({
                       }
                     )
                   ] }),
-                  /* @__PURE__ */ t(p, { label: n.rowType, children: s.entityTypeLabel ?? c }),
-                  /* @__PURE__ */ t(p, { label: n.rowName, children: s.name }),
-                  /* @__PURE__ */ t(p, { label: n.rowEmail, children: s.email || c }),
-                  !m && /* @__PURE__ */ t(p, { label: n.rowPaymentReminders, children: s.remindersLabel ?? c }),
-                  /* @__PURE__ */ t(p, { label: n.rowPhone, children: s.phone || c }),
+                  /* @__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: s.entityType === "individual" ? n.rowTaxIdSsn : n.rowTaxIdEin,
+                      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: R }),
-                          s.taxId && /* @__PURE__ */ e(
+                          /* @__PURE__ */ t("span", { className: "ttw:font-medium", children: _ }),
+                          i.taxId && /* @__PURE__ */ e(
                             w,
                             {
                               type: "button",
@@ -433,7 +447,7 @@ function Et({
                                 );
                               },
                               children: [
-                                N ? /* @__PURE__ */ t(J, { className: "ttw:size-4" }) : /* @__PURE__ */ t(Q, { className: "ttw:size-4" }),
+                                N ? /* @__PURE__ */ t(Q, { className: "ttw:size-4" }) : /* @__PURE__ */ t(X, { className: "ttw:size-4" }),
                                 N ? n.hideTaxId : n.showTaxId
                               ]
                             }
@@ -453,9 +467,9 @@ function Et({
                   m && /* @__PURE__ */ t(p, { label: n.addressHeading, isLast: !0, children: /* @__PURE__ */ t(
                     C,
                     {
-                      mode: o,
-                      addressLines: s.addressLines,
-                      canEdit: h,
+                      mode: d,
+                      addressLines: i.addressLines,
+                      canEdit: u,
                       onEditAddress: A,
                       onAddAddress: D,
                       labels: n
@@ -465,19 +479,19 @@ function Et({
                 !m && /* @__PURE__ */ t(
                   C,
                   {
-                    mode: o,
-                    addressLines: s.addressLines,
-                    canEdit: h,
+                    mode: d,
+                    addressLines: i.addressLines,
+                    canEdit: u,
                     onEditAddress: A,
                     onAddAddress: D,
                     labels: n
                   }
                 ),
                 m && /* @__PURE__ */ t(
-                  mt,
+                  wt,
                   {
-                    paymentMethod: s.paymentMethod,
-                    canEdit: h,
+                    paymentMethod: i.paymentMethod,
+                    canEdit: u,
                     onAddBankAccount: P,
                     onEditBankAccount: S,
                     onDeleteBankAccount: H,
@@ -493,5 +507,5 @@ function Et({
   );
 }
 export {
-  Et as CounterpartDetailsSheet
+  Lt as CounterpartDetailsSheet
 };