@tesouro/embedded-components-react 0.2.133 → 0.2.148

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

@@ -1,20 +1,21 @@
 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 X, EyeIcon as $, PlusIcon as T } from "lucide-react";
-import { Sheet as q, SheetContent as G, SheetHeader as J, SheetTitle as Q, SheetDescription as W, DropdownMenu as Y, DropdownMenuTrigger as Z, Button as w, DropdownMenuContent as tt, DropdownMenuItem as et, Typography as i, Badge as N, Separator as at, Skeleton as nt } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { MoreVerticalIcon as U, Trash2Icon as T, XIcon as K, PencilIcon as y, EyeOffIcon as G, EyeIcon as X, PlusIcon as I } from "lucide-react";
+import { Sheet as $, SheetContent as q, SheetHeader as J, SheetTitle as Q, SheetDescription as W, DropdownMenu as Y, DropdownMenuTrigger as Z, 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 "@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 lt } from "../../../shared/ui/dist/lib/ErrorState/ErrorState.js";
-import { COUNTERPART_FORM_SHEET_LABELS_EN as it } from "../../../shared/counterpart-management/ui/dist/index2.js";
+import { ErrorState as it } 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";
 const c = "-";
-function b({ className: l }) {
-  return /* @__PURE__ */ t(nt, { className: l ?? "ttw:h-5 ttw:w-24" });
+function b({ className: i }) {
+  return /* @__PURE__ */ t(nt, { className: i ?? "ttw:h-5 ttw:w-24" });
 }
 function p({
-  label: l,
+  label: i,
   children: a,
   isLast: d
 }) {
@@ -26,30 +27,30 @@ function p({
         d ? "" : "ttw:border-b"
       ].join(" "),
       children: [
-        /* @__PURE__ */ t(i, { variant: "body2", className: "ttw:text-muted-foreground", children: l }),
+        /* @__PURE__ */ t(l, { variant: "body2", className: "ttw:text-muted-foreground", children: i }),
         /* @__PURE__ */ t("div", { className: "ttw:min-w-0 ttw:text-sm", children: a })
       ]
     }
   );
 }
 function ot({
-  mode: l,
+  mode: i,
   summary: a,
   labels: d
 }) {
-  const o = l === "customer" ? d.summaryReceived : d.summaryPaid;
+  const o = i === "customer" ? d.summaryReceived : d.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(i, { variant: "body2", className: "ttw:text-muted-foreground", children: l === "customer" ? d.summaryAmountDue : d.summaryBalanceDue }),
-    a?.isPrimaryAmountLoading ? /* @__PURE__ */ t(b, { className: "ttw:h-9 ttw:w-36" }) : /* @__PURE__ */ t(i, { variant: "h3", className: "ttw:font-semibold", children: a?.primaryAmountLabel ?? c }),
+    /* @__PURE__ */ t(l, { variant: "body2", className: "ttw:text-muted-foreground", children: i === "customer" ? d.summaryAmountDue : d.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(i, { variant: "caption", className: "ttw:text-muted-foreground", children: d.summaryBilled }),
-        a?.isBilledAmountLoading ? /* @__PURE__ */ t(b, {}) : /* @__PURE__ */ t(i, { variant: "body1", className: "ttw:font-semibold", children: a?.billedAmountLabel ?? c })
+        /* @__PURE__ */ t(l, { variant: "caption", className: "ttw:text-muted-foreground", children: d.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(i, { variant: "caption", className: "ttw:text-muted-foreground", children: o }),
+        /* @__PURE__ */ t(l, { variant: "caption", className: "ttw:text-muted-foreground", children: o }),
         a?.isReceivedOrPaidAmountLoading ? /* @__PURE__ */ t(b, {}) : /* @__PURE__ */ t(
-          i,
+          l,
           {
             variant: "body1",
             className: "ttw:font-semibold ttw:text-green-600",
@@ -57,33 +58,33 @@ function ot({
           }
         )
       ] }),
-      l === "vendor" && /* @__PURE__ */ e("div", { className: "ttw:flex ttw:flex-col ttw:gap-1", children: [
-        /* @__PURE__ */ t(i, { variant: "caption", className: "ttw:text-muted-foreground", children: d.summaryRejected }),
-        a?.isRejectedAmountLoading ? /* @__PURE__ */ t(b, {}) : /* @__PURE__ */ t(i, { variant: "body1", className: "ttw:font-semibold", children: a?.rejectedAmountLabel ?? c })
+      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 }),
+        a?.isRejectedAmountLoading ? /* @__PURE__ */ t(b, {}) : /* @__PURE__ */ t(l, { variant: "body1", className: "ttw:font-semibold", children: a?.rejectedAmountLabel ?? c })
       ] })
     ] })
   ] });
 }
 function ct({
-  mode: l,
+  mode: i,
   documents: a,
   labels: d
 }) {
   if (!a || a.length === 0) return null;
-  const o = l === "vendor";
+  const o = i === "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(i, { variant: "body1", className: "ttw:font-medium", children: l === "customer" ? d.recentCustomerDocumentsHeading : d.recentVendorDocumentsHeading }),
-      /* @__PURE__ */ t(i, { variant: "body2", className: "ttw:text-muted-foreground", children: l === "customer" ? d.recentCustomerDocumentsDescription : d.recentVendorDocumentsDescription })
+      /* @__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__ */ 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;
       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(i, { variant: "h6", className: "ttw:font-medium", children: s.amountLabel }),
+            /* @__PURE__ */ t(l, { variant: "h6", className: "ttw:font-medium", children: s.amountLabel }),
             /* @__PURE__ */ t(
-              i,
+              l,
               {
                 variant: "body2",
                 className: u ? "ttw:text-destructive" : "ttw:text-muted-foreground",
@@ -92,8 +93,8 @@ function ct({
             )
           ] }),
           /* @__PURE__ */ e("div", { className: "ttw:flex ttw:items-center ttw:gap-2", children: [
-            u && /* @__PURE__ */ t(N, { variant: "destructive", children: d.overdueTag }),
-            /* @__PURE__ */ t(N, { variant: s.statusTone ?? "outline", children: s.statusLabel })
+            u && /* @__PURE__ */ t(v, { variant: "destructive", children: d.overdueTag }),
+            /* @__PURE__ */ t(v, { variant: s.statusTone ?? "outline", children: s.statusLabel })
           ] })
         ] }),
         r < a.length - 1 && /* @__PURE__ */ t(at, {})
@@ -101,8 +102,8 @@ function ct({
     }) })
   ] });
 }
-function C({
-  mode: l,
+function L({
+  mode: i,
   addressLines: a,
   canEdit: d,
   onEditAddress: o,
@@ -113,12 +114,12 @@ function C({
   return /* @__PURE__ */ e(
     "section",
     {
-      className: l === "customer" ? "ttw:flex ttw:flex-col ttw:gap-3 ttw:border-t ttw:pt-6" : "ttw:flex ttw:flex-col",
+      className: i === "customer" ? "ttw:flex ttw:flex-col ttw:gap-3 ttw:border-t ttw:pt-6" : "ttw:flex ttw:flex-col",
       children: [
-        l === "customer" && /* @__PURE__ */ e("div", { className: "ttw:flex ttw:items-center ttw:justify-between ttw:gap-3", children: [
+        i === "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(i, { variant: "body1", className: "ttw:font-medium", children: r.addressHeading }),
-            /* @__PURE__ */ t(i, { variant: "body2", className: "ttw:text-muted-foreground", children: r.customerAddressDescription })
+            /* @__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(
             w,
@@ -128,19 +129,19 @@ function C({
               size: "sm",
               onClick: u ? o : s,
               children: [
-                u ? /* @__PURE__ */ t(y, { className: "ttw:size-4" }) : /* @__PURE__ */ t(T, { className: "ttw:size-4" }),
+                u ? /* @__PURE__ */ t(y, { className: "ttw:size-4" }) : /* @__PURE__ */ t(I, { className: "ttw:size-4" }),
                 u ? 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(i, { variant: "body2", className: "ttw:text-muted-foreground", children: r.noAddress })
+        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 })
       ]
     }
   );
 }
 function mt({
-  paymentMethod: l,
+  paymentMethod: i,
   canEdit: a,
   onAddBankAccount: d,
   onEditBankAccount: o,
@@ -150,10 +151,10 @@ function mt({
   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(i, { variant: "body1", className: "ttw:font-medium", children: r.paymentMethodsHeading }),
-        /* @__PURE__ */ t(i, { variant: "body2", className: "ttw:text-muted-foreground", children: r.paymentMethodsDescription })
+        /* @__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 && !l && /* @__PURE__ */ e(
+      a && !i && /* @__PURE__ */ e(
         w,
         {
           type: "button",
@@ -161,17 +162,17 @@ function mt({
           size: "sm",
           onClick: d,
           children: [
-            /* @__PURE__ */ t(T, { className: "ttw:size-4" }),
+            /* @__PURE__ */ t(I, { className: "ttw:size-4" }),
             r.addPaymentMethodAction
           ]
         }
       )
     ] }),
-    l ? /* @__PURE__ */ e("div", { className: "ttw:flex ttw:flex-col ttw:gap-3 ttw:rounded-md ttw:border ttw:p-4", children: [
+    i ? /* @__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(i, { variant: "body2", className: "ttw:font-medium", children: l.title }),
-          l.isIncomplete && /* @__PURE__ */ t(N, { variant: "outline", children: r.incompletePaymentMethod })
+          /* @__PURE__ */ t(l, { variant: "body2", className: "ttw:font-medium", children: i.title }),
+          i.isIncomplete && /* @__PURE__ */ t(v, { variant: "outline", children: r.incompletePaymentMethod })
         ] }),
         a && /* @__PURE__ */ e("div", { className: "ttw:flex ttw:gap-1", children: [
           /* @__PURE__ */ t(
@@ -181,7 +182,7 @@ function mt({
               variant: "ghost",
               size: "icon-sm",
               "aria-label": r.editPaymentMethodAction,
-              onClick: () => o?.(l.id),
+              onClick: () => o?.(i.id),
               children: /* @__PURE__ */ t(y, { className: "ttw:size-4" })
             }
           ),
@@ -192,8 +193,8 @@ function mt({
               variant: "ghost",
               size: "icon-sm",
               "aria-label": r.deletePaymentMethodAction,
-              onClick: () => s?.(l.id),
-              children: /* @__PURE__ */ t(I, { className: "ttw:size-4" })
+              onClick: () => s?.(i.id),
+              children: /* @__PURE__ */ t(T, { className: "ttw:size-4" })
             }
           )
         ] })
@@ -201,25 +202,25 @@ 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: l.accountHolderLabel || c })
+          /* @__PURE__ */ t("span", { children: i.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: l.accountNumberLabel || c })
+          /* @__PURE__ */ t("span", { children: i.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: l.routingNumberLabel || c })
+          /* @__PURE__ */ t("span", { children: i.routingNumberLabel || c })
         ] })
       ] })
-    ] }) : /* @__PURE__ */ t(i, { variant: "body2", className: "ttw:text-muted-foreground", children: r.noPaymentMethods })
+    ] }) : /* @__PURE__ */ t(l, { variant: "body2", className: "ttw:text-muted-foreground", children: r.noPaymentMethods })
   ] });
 }
 function wt({
-  mode: l,
+  mode: i,
   form: a
 }) {
-  const d = { ...it, ...a.labels };
+  const d = { ...lt, ...a.labels };
   return /* @__PURE__ */ e(
     "form",
     {
@@ -228,12 +229,12 @@ function wt({
         o.preventDefault(), a.onSubmit();
       },
       children: [
-        a.errors?.form && /* @__PURE__ */ t(i, { variant: "body2", className: "ttw:text-destructive", children: a.errors.form }),
+        a.errors?.form && /* @__PURE__ */ t(l, { variant: "body2", className: "ttw:text-destructive", children: a.errors.form }),
         /* @__PURE__ */ t(
           dt,
           {
             mode: "edit",
-            counterpartMode: l,
+            counterpartMode: i,
             values: a.values,
             errors: a.errors,
             stateOptions: a.stateOptions,
@@ -260,8 +261,8 @@ function wt({
     }
   );
 }
-function Dt({
-  open: l,
+function Et({
+  open: i,
   onOpenChange: a,
   privacyResetKey: d,
   mode: o = "customer",
@@ -269,9 +270,9 @@ function Dt({
   isLoading: r,
   isError: u,
   canEdit: h = !0,
-  canDelete: k = !0,
-  onEdit: B,
-  onDelete: S,
+  canDelete: S = !0,
+  onEdit: k,
+  onDelete: B,
   onClose: M,
   onEditAddress: A,
   onAddAddress: D,
@@ -285,20 +286,20 @@ function Dt({
     d ?? s?.name ?? "",
     s?.taxId ?? "",
     s?.taxIdMasked ?? ""
-  ].join(":"), v = l && !!s?.taxId && O === g;
+  ].join(":"), N = i && !!s?.taxId && O === g;
   V(() => {
-    l || f(null);
-  }, [l]);
-  const m = o === "vendor", R = v ? s?.taxId ?? c : s?.taxIdMasked || s?.taxId || c, L = s?.taxIdHelpText ?? (m ? n.vendorTaxIdHelp : n.customerTaxIdHelp);
+    i || f(null);
+  }, [i]);
+  const m = o === "vendor", R = N ? s?.taxId ?? c : s?.taxIdMasked || s?.taxId || c, C = s?.taxIdHelpText ?? (m ? n.vendorTaxIdHelp : n.customerTaxIdHelp);
   return /* @__PURE__ */ t(
-    q,
+    $,
     {
-      open: l,
+      open: i,
       onOpenChange: (x) => {
         x || f(null), a(x);
       },
       children: /* @__PURE__ */ e(
-        G,
+        q,
         {
           showCloseButton: !1,
           className: "ttw:w-160 ttw:sm:max-w-160 ttw:gap-0 ttw:overflow-y-auto",
@@ -309,7 +310,7 @@ function Dt({
                 /* @__PURE__ */ t(W, { children: s?.subtitle ?? n.hiddenDescription })
               ] }),
               /* @__PURE__ */ e("div", { className: "ttw:flex ttw:gap-2", children: [
-                k && s && /* @__PURE__ */ e(Y, { children: [
+                S && s && /* @__PURE__ */ e(Y, { children: [
                   /* @__PURE__ */ t(Z, { asChild: !0, children: /* @__PURE__ */ t(
                     w,
                     {
@@ -317,11 +318,11 @@ function Dt({
                       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: S, children: [
-                    /* @__PURE__ */ t(I, { className: "ttw:size-4" }),
+                  /* @__PURE__ */ t(tt, { align: "end", children: /* @__PURE__ */ e(et, { variant: "destructive", onClick: B, children: [
+                    /* @__PURE__ */ t(T, { className: "ttw:size-4" }),
                     m ? n.deleteVendorAction : n.deleteCustomerAction
                   ] }) })
                 ] }),
@@ -335,13 +336,13 @@ function Dt({
                     onClick: () => {
                       f(null), M();
                     },
-                    children: /* @__PURE__ */ t(U, { className: "ttw:size-4" })
+                    children: /* @__PURE__ */ t(K, { className: "ttw:size-4" })
                   }
                 )
               ] })
             ] }),
             u ? /* @__PURE__ */ t("div", { className: "ttw:p-6", children: /* @__PURE__ */ t(
-              lt,
+              it,
               {
                 title: n.errorTitle,
                 description: n.errorDescription
@@ -368,9 +369,9 @@ function Dt({
               ),
               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(i, { variant: "body1", className: "ttw:font-medium", children: m ? n.vendorDetailsHeading : n.customerDetailsHeading }),
+                  /* @__PURE__ */ t(l, { variant: "body1", className: "ttw:font-medium", children: m ? n.vendorDetailsHeading : n.customerDetailsHeading }),
                   /* @__PURE__ */ t(
-                    i,
+                    l,
                     {
                       variant: "body2",
                       className: "ttw:text-muted-foreground",
@@ -383,9 +384,9 @@ function Dt({
                 /* @__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(i, { variant: "body1", className: "ttw:font-medium", children: m ? n.vendorDetailsHeading : n.customerDetailsHeading }),
+                      /* @__PURE__ */ t(l, { variant: "body1", className: "ttw:font-medium", children: m ? n.vendorDetailsHeading : n.customerDetailsHeading }),
                       /* @__PURE__ */ t(
-                        i,
+                        l,
                         {
                           variant: "body2",
                           className: "ttw:text-muted-foreground",
@@ -399,7 +400,7 @@ function Dt({
                         type: "button",
                         variant: "ghost",
                         size: "sm",
-                        onClick: B,
+                        onClick: k,
                         children: [
                           /* @__PURE__ */ t(y, { className: "ttw:size-4" }),
                           n.editButton
@@ -432,25 +433,25 @@ function Dt({
                                 );
                               },
                               children: [
-                                v ? /* @__PURE__ */ t(X, { className: "ttw:size-4" }) : /* @__PURE__ */ t($, { className: "ttw:size-4" }),
-                                v ? n.hideTaxId : n.showTaxId
+                                N ? /* @__PURE__ */ t(G, { className: "ttw:size-4" }) : /* @__PURE__ */ t(X, { className: "ttw:size-4" }),
+                                N ? n.hideTaxId : n.showTaxId
                               ]
                             }
                           )
                         ] }),
-                        L && /* @__PURE__ */ t(
-                          i,
+                        C && /* @__PURE__ */ t(
+                          l,
                           {
                             variant: "body2",
                             className: "ttw:text-muted-foreground",
-                            children: L
+                            children: C
                           }
                         )
                       ] })
                     }
                   ),
                   m && /* @__PURE__ */ t(p, { label: n.addressHeading, isLast: !0, children: /* @__PURE__ */ t(
-                    C,
+                    L,
                     {
                       mode: o,
                       addressLines: s.addressLines,
@@ -462,7 +463,7 @@ function Dt({
                   ) })
                 ] }),
                 !m && /* @__PURE__ */ t(
-                  C,
+                  L,
                   {
                     mode: o,
                     addressLines: s.addressLines,
@@ -492,5 +493,5 @@ function Dt({
   );
 }
 export {
-  Dt as CounterpartDetailsSheet
+  Et as CounterpartDetailsSheet
 };

package/dist/libs/tesouro-embedded-components-react/expense-approval-policies-widget/feature/dist/lib/ExpenseApprovalPoliciesWidgetFeature.js

@@ -15,6 +15,7 @@ import "../../../../../../packages/shared-ui-shadcn/dist/index.js";
 import { EmbeddedToaster as pe } from "../../../../shared/ui/dist/lib/EmbeddedToaster.js";
 import "../../../../shared/ui/dist/lib/UIContext/UIContext.js";
 import { ErrorState as U } from "../../../../shared/ui/dist/lib/ErrorState/ErrorState.js";
+import "../../../../shared/ui/dist/lib/OnboardingShell/OnboardingShellOverlayPortal.js";
 import "../../../../shared/feature/dist/lib/WidgetProvider/WidgetContext.js";
 import { WidgetProvider as de } from "../../../../shared/feature/dist/lib/WidgetProvider/WidgetProvider.js";
 import "../../../../shared/feature/dist/lib/WidgetProvider/WidgetTokenRefreshContext.js";
@@ -242,7 +243,7 @@ function Se() {
     )
   ] });
 }
-function en({
+function nn({
   token: e,
   orgId: t,
   widgetToken: n,
@@ -273,7 +274,7 @@ function en({
   );
 }
 export {
-  en as ExpenseApprovalPoliciesWidget,
+  nn as ExpenseApprovalPoliciesWidget,
   ve as buildApproverOptions,
   x as isEmbeddedSystemRoleKey,
   W as roleKeyHasSegment

package/dist/libs/tesouro-embedded-components-react/expense-approval-policies-widget/ui/dist/index7.js

@@ -1,10 +1,10 @@
 import { jsxs as l, jsx as t } from "react/jsx-runtime";
-import { useState as y, useId as P } from "react";
-import { RefreshCw as D, FilePenLine as j, Trash2 as L, CircleAlert as O } from "lucide-react";
+import { useState as y, useId as D } from "react";
+import { RefreshCw as I, FilePenLine as j, Trash2 as L, CircleAlert as O } from "lucide-react";
 import { TooltipProvider as $, Typography as R, Combobox as V, Button as x, Input as G, Tooltip as H, TooltipTrigger as J, TooltipContent as K } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
 import { ApprovalOutcomeType as i } from "./index2.js";
 import { ApprovalRuleFormLabels as a } from "./index3.js";
-function T({
+function S({
   value: o,
   onChange: p,
   onBlur: s,
@@ -44,30 +44,30 @@ const _ = ({
   isSaveDisabled: u,
   onValuesChange: c,
   onSave: w,
-  onCancel: k,
+  onCancel: T,
   onDelete: f
 }) => {
-  const n = (e) => c({ ...o, ...e }), [A, q] = y({}), [v, B] = y(!1), g = (e) => q((h) => ({ ...h, [e]: !0 })), m = {
+  const n = (e) => c({ ...o, ...e }), [A, k] = y({}), [v, q] = y(!1), g = (e) => k((h) => ({ ...h, [e]: !0 })), m = {
     minAmount: A.minAmount || v ? s.minAmount : void 0,
     maxAmount: A.maxAmount || v ? s.maxAmount : void 0,
     approvers: v ? s.approvers : void 0
-  }, S = () => {
-    B(!0), !(s.minAmount || s.maxAmount || s.approvers) && w();
-  }, b = P(), N = p.map((e) => ({
+  }, B = () => {
+    q(!0), !(s.minAmount || s.maxAmount || s.approvers) && w();
+  }, b = D(), C = p.map((e) => ({
     value: e.id,
     label: e.label
-  })), z = new Set(N.map((e) => e.value)), E = [
-    ...N,
+  })), z = new Set(C.map((e) => e.value)), F = [
+    ...C,
     ...o.approvers.filter((e) => !z.has(e.id)).map((e) => ({ value: e.id, label: e.label }))
   ], M = new Map([
     ...o.approvers.map((e) => [e.id, e]),
     ...p.map((e) => [e.id, e])
-  ]), F = (e) => {
+  ]), E = (e) => {
     const h = Array.isArray(e) ? e : [e];
     n({
-      approvers: h.flatMap((I) => {
-        const C = M.get(I);
-        return C ? [C] : [];
+      approvers: h.flatMap((P) => {
+        const N = M.get(P);
+        return N ? [N] : [];
       })
     });
   };
@@ -86,7 +86,7 @@ const _ = ({
             a.GreaterThanOrEqualTo
           ] }),
           /* @__PURE__ */ t(
-            T,
+            S,
             {
               value: o.minAmount,
               onChange: (e) => n({ minAmount: e }),
@@ -99,7 +99,7 @@ const _ = ({
           ),
           /* @__PURE__ */ t(R, { variant: "body2", children: a.AndLessThan }),
           /* @__PURE__ */ t(
-            T,
+            S,
             {
               value: o.maxAmount,
               onChange: (e) => n({ maxAmount: e }),
@@ -128,7 +128,7 @@ const _ = ({
                 className: "ttw:accent-primary"
               }
             ),
-            /* @__PURE__ */ t(D, { className: "ttw:text-green-600 ttw:size-4 ttw:shrink-0" }),
+            /* @__PURE__ */ t(I, { className: "ttw:text-green-600 ttw:size-4 ttw:shrink-0" }),
             /* @__PURE__ */ t("span", { className: "ttw:text-sm ttw:font-medium ttw:text-green-700", children: a.AutoApprove })
           ] }),
           /* @__PURE__ */ l("label", { className: "ttw:flex ttw:items-start ttw:gap-2 ttw:cursor-pointer", children: [
@@ -157,9 +157,9 @@ const _ = ({
           /* @__PURE__ */ t(
             V,
             {
-              items: E,
+              items: F,
               value: o.approvers.map((e) => e.id),
-              onValueChange: F,
+              onValueChange: E,
               multiple: !0,
               multipleSeparator: a.ApproverSeparator,
               placeholder: a.ChooseApprovers,
@@ -191,7 +191,7 @@ const _ = ({
               {
                 variant: "ghost",
                 size: "sm",
-                onClick: k,
+                onClick: T,
                 disabled: r,
                 children: a.Cancel
               }
@@ -200,7 +200,7 @@ const _ = ({
               x,
               {
                 size: "sm",
-                onClick: S,
+                onClick: B,
                 disabled: r || u,
                 "data-testid": "expense-approval-rule-save-button",
                 children: a.Save

package/dist/libs/tesouro-embedded-components-react/expense-approval-policies-widget/ui/dist/index8.js

@@ -6,7 +6,7 @@ import { ApprovalRuleCard as T } from "./index6.js";
 import { ApprovalRuleForm as R } from "./index7.js";
 import { ExpenseApprovalsPageLabels as i, GapCalloutLabels as p } from "./index3.js";
 import { formatAmount as u } from "./index4.js";
-function M(r) {
+function G(r) {
   return r.to === null ? `${p.Above} ${u(r.from)}` : `${u(r.from)} ${p.RangeSeparator} ${u(r.to)}`;
 }
 const U = ({
@@ -27,11 +27,11 @@ const U = ({
   onSaveNewRule: E,
   onNewRuleFormChange: y,
   onEditRule: S,
-  onCancelEditRule: V,
-  onSaveEditRule: k,
-  onEditRuleFormChange: D,
+  onCancelEditRule: k,
+  onSaveEditRule: D,
+  onEditRuleFormChange: F,
   onDeleteRule: v,
-  onLearnMore: F
+  onLearnMore: V
 }) => {
   const x = r.length > 0, j = !m && !a && !n;
   return /* @__PURE__ */ t("div", { className: "ttw:flex ttw:flex-col ttw:gap-3", children: A && !x && !a && !n ? /* @__PURE__ */ t(b, { children: Array.from({ length: 2 }).map((l, L) => /* @__PURE__ */ e(
@@ -54,7 +54,7 @@ const U = ({
     P,
     {
       onAddRule: h,
-      onLearnMore: F
+      onLearnMore: V
     }
   ) : /* @__PURE__ */ e(b, { children: [
     r.map(
@@ -67,9 +67,9 @@ const U = ({
           isEditing: !0,
           disabled: o,
           isSaveDisabled: !!(w.minAmount || w.maxAmount),
-          onValuesChange: D,
-          onSave: k,
-          onCancel: V,
+          onValuesChange: F,
+          onSave: D,
+          onCancel: k,
           onDelete: () => v(l.id)
         },
         l.id
@@ -119,7 +119,7 @@ const U = ({
         /* @__PURE__ */ t("strong", { children: "system default" }),
         " will apply to transactions",
         " ",
-        /* @__PURE__ */ t("strong", { children: f.map(M).join(", ") }),
+        /* @__PURE__ */ t("strong", { children: f.map(G).join(", ") }),
         p.Suffix
       ] })
     ] })