@tesouro/embedded-components-react 0.2.133 → 0.2.149

package/dist/libs/tesouro-embedded-components-react/team-widget/ui/dist/index5.js

@@ -2,22 +2,23 @@
 import { jsxs as a, jsx as t, Fragment as Y } from "react/jsx-runtime";
 import { useRef as Z, useEffect as $ } from "react";
 import { ArrowLeftIcon as ee, LockIcon as E } from "lucide-react";
-import { Button as p, Badge as M, Label as D, Input as S, Spinner as H } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { Button as p, Badge as M, Label as D, Input as S, Spinner as R } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
 import { avatarSwatchFor as te } from "../../../shared/ui/dist/lib/avatarSwatch.js";
 import "@radix-ui/react-use-controllable-state";
 import "../../../shared/ui/dist/lib/UIContext/UIContext.js";
 import { InlineErrorAlert as g } from "../../../shared/ui/dist/lib/InlineErrorAlert/InlineErrorAlert.js";
+import "../../../shared/ui/dist/lib/OnboardingShell/OnboardingShellOverlayPortal.js";
 import { AccountAccessTable as ae } from "./index3.js";
 import { OptionalSelect as w } from "./index10.js";
 import { DEFAULT_LABELS as ie } from "./index17.js";
 import { RoleCardGroup as re } from "./index11.js";
 import { statusToneClassName as ne } from "./index14.js";
-function fe({
+function Ne({
   open: c,
   memberName: u,
   memberEmail: h,
-  memberInitials: R = "",
-  avatarSeed: C,
+  memberInitials: C = "",
+  avatarSeed: H,
   roleBadgeLabel: v,
   statusLabel: b,
   statusTone: O = "neutral",
@@ -26,8 +27,8 @@ function fe({
   roleOptions: B,
   departmentOptions: T,
   locationOptions: I,
-  reportingManagerOptions: P,
-  departmentsLoading: z = !1,
+  reportingManagerOptions: z,
+  departmentsLoading: P = !1,
   locationsLoading: k = !1,
   reportingManagersLoading: F = !1,
   departmentsError: V = !1,
@@ -80,9 +81,9 @@ function fe({
             {
               "aria-hidden": !0,
               className: `ttw:flex ttw:size-12 ttw:shrink-0 ttw:items-center ttw:justify-center ttw:rounded-full ttw:text-sm ttw:font-semibold ${te(
-                C || h || u
+                H || h || u
               )}`,
-              children: R
+              children: C
             }
           ),
           /* @__PURE__ */ a("div", { className: "ttw:min-w-0", children: [
@@ -191,7 +192,7 @@ function fe({
                     loadingMessage: e.inviteOptionsLoading,
                     noneLabel: e.inviteOptionNone,
                     disabled: x,
-                    isLoading: z,
+                    isLoading: P,
                     isError: V,
                     errorMessage: e.inviteDepartmentLoadError,
                     errorHelper: e.inviteDepartmentLoadErrorHelper,
@@ -225,7 +226,7 @@ function fe({
                     id: "team-edit-reporting-manager",
                     label: e.inviteReportingManagerLabel,
                     value: r.reportingManager,
-                    options: P,
+                    options: z,
                     placeholder: e.inviteReportingManagerPlaceholder,
                     emptyMessage: e.inviteReportingManagerEmpty,
                     loadingMessage: e.inviteOptionsLoading,
@@ -284,7 +285,7 @@ function fe({
                   /* @__PURE__ */ t("p", { className: "ttw:mt-1 ttw:text-sm ttw:text-muted-foreground", children: e.manageAccessEmployeeNote })
                 ] }),
                 N ? /* @__PURE__ */ a("div", { className: "ttw:flex ttw:items-center ttw:gap-2 ttw:py-2", children: [
-                  /* @__PURE__ */ t(H, { className: "ttw:size-4" }),
+                  /* @__PURE__ */ t(R, { className: "ttw:size-4" }),
                   /* @__PURE__ */ t("span", { className: "ttw:text-sm ttw:text-muted-foreground", children: e.manageAccessLoadingLabel })
                 ] }) : d ? /* @__PURE__ */ t(g, { children: d }) : null
               ] }),
@@ -294,7 +295,7 @@ function fe({
                   /* @__PURE__ */ t("p", { className: "ttw:mt-1 ttw:text-sm ttw:text-muted-foreground", children: e.inviteAccountAccessSectionDescription })
                 ] }),
                 N ? /* @__PURE__ */ a("div", { className: "ttw:flex ttw:items-center ttw:gap-2 ttw:py-2", children: [
-                  /* @__PURE__ */ t(H, { className: "ttw:size-4" }),
+                  /* @__PURE__ */ t(R, { className: "ttw:size-4" }),
                   /* @__PURE__ */ t("span", { className: "ttw:text-sm ttw:text-muted-foreground", children: e.manageAccessLoadingLabel })
                 ] }) : d ? /* @__PURE__ */ t(g, { children: d }) : /* @__PURE__ */ t(
                   ae,
@@ -341,5 +342,5 @@ function fe({
   ) : null;
 }
 export {
-  fe as EditTeamMemberPanel
+  Ne as EditTeamMemberPanel
 };

package/dist/libs/tesouro-embedded-components-react/team-widget/ui/dist/index6.js

@@ -1,14 +1,15 @@
 "use client";
 import { jsx as e, jsxs as a } from "react/jsx-runtime";
-import { Sheet as v, SheetContent as x, SheetHeader as S, SheetTitle as y, SheetDescription as C, Label as c, Input as N, Combobox as D, SheetFooter as E, Button as r } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { Sheet as g, SheetContent as v, SheetHeader as x, SheetTitle as C, SheetDescription as y, Label as m, Input as N, Combobox as D, SheetFooter as E, Button as r } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
 import "@radix-ui/react-use-controllable-state";
 import "lucide-react";
 import "react";
 import "../../../shared/ui/dist/lib/UIContext/UIContext.js";
 import { InlineErrorAlert as A } from "../../../shared/ui/dist/lib/InlineErrorAlert/InlineErrorAlert.js";
+import "../../../shared/ui/dist/lib/OnboardingShell/OnboardingShellOverlayPortal.js";
 import { DEFAULT_GROUP_ADMIN_DRAWER_LABELS as L } from "./index7.js";
 function I({
-  open: m,
+  open: c,
   isEditMode: l,
   name: d,
   onNameChange: p,
@@ -18,15 +19,15 @@ function I({
   isSaveDisabled: b = !1,
   submitErrorMessage: s,
   onOpenChange: i,
-  onSubmit: g,
+  onSubmit: S,
   onDelete: o,
   labels: f
 }) {
   const t = { ...L, ...f };
-  return /* @__PURE__ */ e(v, { open: m, onOpenChange: i, children: /* @__PURE__ */ a(x, { className: "ttw:gap-0", children: [
-    /* @__PURE__ */ a(S, { children: [
-      /* @__PURE__ */ e(y, { children: l ? t.editTitle : t.createTitle }),
-      /* @__PURE__ */ e(C, { children: t.description })
+  return /* @__PURE__ */ e(g, { open: c, onOpenChange: i, children: /* @__PURE__ */ a(v, { className: "ttw:gap-0", children: [
+    /* @__PURE__ */ a(x, { children: [
+      /* @__PURE__ */ e(C, { children: l ? t.editTitle : t.createTitle }),
+      /* @__PURE__ */ e(y, { children: t.description })
     ] }),
     /* @__PURE__ */ a(
       "form",
@@ -34,12 +35,12 @@ function I({
         noValidate: !0,
         className: "ttw:flex ttw:flex-1 ttw:flex-col",
         onSubmit: (n) => {
-          n.preventDefault(), g();
+          n.preventDefault(), S();
         },
         children: [
           /* @__PURE__ */ a("div", { className: "ttw:flex-1 ttw:space-y-5 ttw:px-4 ttw:py-2", children: [
             /* @__PURE__ */ a("div", { className: "ttw:space-y-2", children: [
-              /* @__PURE__ */ e(c, { htmlFor: "group-admin-name", children: t.nameLabel }),
+              /* @__PURE__ */ e(m, { htmlFor: "group-admin-name", children: t.nameLabel }),
               /* @__PURE__ */ e(
                 N,
                 {
@@ -51,7 +52,7 @@ function I({
               )
             ] }),
             /* @__PURE__ */ a("div", { className: "ttw:space-y-2", children: [
-              /* @__PURE__ */ e(c, { children: t.membersLabel }),
+              /* @__PURE__ */ e(m, { children: t.membersLabel }),
               /* @__PURE__ */ e(
                 D,
                 {

package/dist/libs/tesouro-embedded-components-react/team-widget/ui/dist/index8.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsxs as s, jsx as t } from "react/jsx-runtime";
-import { Plus as f, MoreVertical as p, Pencil as h, Trash2 as g } from "lucide-react";
-import { Button as d, Skeleton as i, DropdownMenu as x, DropdownMenuTrigger as N, DropdownMenuContent as b, DropdownMenuItem as o } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { Plus as f, MoreVertical as p, Pencil as h, Trash2 as x } from "lucide-react";
+import { Button as d, Skeleton as i, DropdownMenu as g, DropdownMenuTrigger as N, DropdownMenuContent as b, DropdownMenuItem as o } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
 import { AvatarStack as v } from "./index4.js";
 import { DEFAULT_GROUP_ADMIN_PANEL_LABELS as A } from "./index9.js";
 const y = 4;
@@ -71,7 +71,7 @@ function z({
                   label: e.membersLabel
                 }
               ) : /* @__PURE__ */ t("span", { className: "ttw:text-sm ttw:text-muted-foreground", children: e.membersLabel }),
-              /* @__PURE__ */ t("div", { className: "ttw:flex ttw:justify-end", children: e.onEdit || e.onDelete ? /* @__PURE__ */ s(x, { children: [
+              /* @__PURE__ */ t("div", { className: "ttw:flex ttw:justify-end", children: e.onEdit || e.onDelete ? /* @__PURE__ */ s(g, { children: [
                 /* @__PURE__ */ t(N, { asChild: !0, children: /* @__PURE__ */ t(
                   d,
                   {
@@ -88,7 +88,7 @@ function z({
                     r.editAction
                   ] }) : null,
                   e.onDelete ? /* @__PURE__ */ s(o, { onClick: e.onDelete, children: [
-                    /* @__PURE__ */ t(g, { className: "ttw:size-4 ttw:text-destructive" }),
+                    /* @__PURE__ */ t(x, { className: "ttw:size-4 ttw:text-destructive" }),
                     r.deleteAction
                   ] }) : null
                 ] })

package/dist/libs/tesouro-embedded-components-react/transfers-widget/feature/dist/index2.js

@@ -12,12 +12,13 @@ import "lucide-react";
 import "../../../../../packages/shared-ui-shadcn/dist/index.js";
 import { EmbeddedToaster as e } from "../../../shared/ui/dist/lib/EmbeddedToaster.js";
 import "../../../shared/ui/dist/lib/UIContext/UIContext.js";
+import "../../../shared/ui/dist/lib/OnboardingShell/OnboardingShellOverlayPortal.js";
 import "../../../shared/feature/dist/lib/WidgetProvider/WidgetContext.js";
 import { WidgetProvider as p } from "../../../shared/feature/dist/lib/WidgetProvider/WidgetProvider.js";
 import "../../../shared/feature/dist/lib/WidgetProvider/WidgetTokenRefreshContext.js";
 import { TransfersWidgetInner as s } from "./index4.js";
 import { WIDGET_NAME as a } from "./index5.js";
-function v({
+function w({
   labels: t,
   featureLabels: o,
   ...i
@@ -28,5 +29,5 @@ function v({
   ] });
 }
 export {
-  v as TransfersWidget
+  w as TransfersWidget
 };

package/dist/libs/tesouro-embedded-components-react/transfers-widget/feature/dist/index4.js

@@ -12,6 +12,7 @@ import "@radix-ui/react-use-controllable-state";
 import "lucide-react";
 import "../../../../../packages/shared-ui-shadcn/dist/index.js";
 import "../../../shared/ui/dist/lib/UIContext/UIContext.js";
+import "../../../shared/ui/dist/lib/OnboardingShell/OnboardingShellOverlayPortal.js";
 import "../../../shared/feature/dist/lib/WidgetProvider/WidgetContext.js";
 import "react-error-boundary";
 import { useAnalyticsTrack as Y } from "../../../shared/feature/dist/lib/analytics/hooks.js";
@@ -37,7 +38,7 @@ const ir = [
 function B(a) {
   return a.slice(-4);
 }
-function Fr({
+function Ir({
   labels: a,
   featureLabels: c
 }) {
@@ -79,12 +80,12 @@ function Fr({
   ), k = d(() => {
     const r = /* @__PURE__ */ new Map();
     for (const e of n) {
-      const p = B(e.accountNumber), l = e.nickname?.trim() || t.accountFallbackName;
-      r.set(e.id, `${l} ···${p}`);
+      const E = B(e.accountNumber), l = e.nickname?.trim() || t.accountFallbackName;
+      r.set(e.id, `${l} ···${E}`);
     }
     for (const e of s) {
-      const p = B(e.accountNumber), l = e.nickname?.trim() || e.nameOnAccount;
-      r.set(e.id, `${l} ···${p}`);
+      const E = B(e.accountNumber), l = e.nickname?.trim() || e.nameOnAccount;
+      r.set(e.id, `${l} ···${E}`);
     }
     return r;
   }, [
@@ -96,7 +97,7 @@ function Fr({
       (r) => ar(r, k, t, m)
     ),
     [k, m, t, S]
-  ), E = X(() => {
+  ), p = X(() => {
     _(), C(), o && b();
   }, [
     o,
@@ -106,7 +107,7 @@ function Fr({
   ]);
   M(() => {
     const r = () => {
-      E();
+      p();
     };
     for (const e of w)
       window.addEventListener(e, r);
@@ -114,7 +115,7 @@ function Fr({
       for (const e of w)
         window.removeEventListener(e, r);
     };
-  }, [E]);
+  }, [p]);
   const { modalProps: V, openModal: x } = sr({
     labels: t,
     featureLabels: m,
@@ -129,7 +130,7 @@ function Fr({
       isLoading: P,
       isError: L,
       onRetry: L ? () => {
-        E();
+        p();
       } : void 0,
       showTransferMoneyCta: A,
       isTransferMoneyCtaDisabled: y,
@@ -140,5 +141,5 @@ function Fr({
   );
 }
 export {
-  Fr as TransfersWidgetInner
+  Ir as TransfersWidgetInner
 };

package/dist/libs/tesouro-embedded-components-react/transfers-widget/feature/dist/index6.js

@@ -5,6 +5,7 @@ import "@radix-ui/react-use-controllable-state";
 import "lucide-react";
 import "../../../../../packages/shared-ui-shadcn/dist/index.js";
 import "../../../shared/ui/dist/lib/UIContext/UIContext.js";
+import "../../../shared/ui/dist/lib/OnboardingShell/OnboardingShellOverlayPortal.js";
 import "../../../shared/data-access/dist/lib/rest/client/utils.gen.js";
 import "../../../shared/data-access/dist/lib/EmbedApiContext.js";
 import "../../../shared/data-access/dist/lib/rest/client.gen.js";
@@ -70,7 +71,7 @@ function j(e, r, n, u, l) {
     showInstitutionIcon: n
   };
 }
-function he({
+function De({
   labels: e,
   featureLabels: r,
   embeddedBankAccounts: n,
@@ -380,7 +381,7 @@ function he({
     onClearSelections: ne
   }, openModal: J };
 }
-function De(e, r, n, u) {
+function Ue(e, r, n, u) {
   const l = r.get(e.fromAccount.id) ?? e.fromAccount.nickname ?? n.accountFallbackName, C = r.get(e.toAccount.id) ?? e.toAccount.nickname ?? n.accountFallbackName, y = new Date(e.date), v = Number.isNaN(y.getTime()) ? u.unavailableLabel : new Intl.DateTimeFormat(void 0, {
     dateStyle: "medium"
   }).format(y), E = e.amount?.value, R = E == null || !Number.isFinite(Number(E)) ? u.unavailableLabel : D(q(e.amount), {
@@ -396,6 +397,6 @@ function De(e, r, n, u) {
   };
 }
 export {
-  De as mapTransferToRowView,
-  he as useTransferMoneyModalController
+  Ue as mapTransferToRowView,
+  De as useTransferMoneyModalController
 };

package/dist/libs/tesouro-embedded-components-react/transfers-widget/ui/dist/index2.js

@@ -5,9 +5,10 @@ import "@radix-ui/react-use-controllable-state";
 import "react";
 import "../../../shared/ui/dist/lib/UIContext/UIContext.js";
 import { WidgetTitleWithIconAndChildren as v } from "../../../shared/ui/dist/lib/WidgetTitleWithIconAndChildren/WidgetTitleWithIconAndChildren.js";
+import "../../../shared/ui/dist/lib/OnboardingShell/OnboardingShellOverlayPortal.js";
 import { TransferMoneyModal as x } from "./index4.js";
 import { TRANSFERS_WIDGET_LABELS_EN as T } from "./index3.js";
-function S({
+function z({
   transferRows: o,
   isLoading: s,
   isError: w,
@@ -157,5 +158,5 @@ function S({
 }
 export {
   T as TRANSFERS_WIDGET_LABELS_EN,
-  S as TransfersWidget
+  z as TransfersWidget
 };

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

@@ -1,15 +1,15 @@
 import { jsx as t, jsxs as o, Fragment as f } from "react/jsx-runtime";
-import { Dialog as q, DialogContent as J, Select as C, SelectTrigger as A, SelectContent as k, Label as K, Input as T, Typography as p, Button as i, DialogFooter as Q, Separator as U, SelectItem as W } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { Dialog as q, DialogContent as J, Select as C, SelectTrigger as S, SelectContent as A, Label as K, Input as k, Typography as p, Button as i, DialogFooter as Q, Separator as U, SelectItem as W } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
 import { ArrowRight as X } from "lucide-react";
 import { ReviewTransferStep as Y } from "./index5.js";
 import { TransferMoneyModalHeader as Z } from "./index6.js";
 import { TransferResultStep as $ } from "./index7.js";
-const S = "ttw:flex ttw:h-auto ttw:min-h-14 ttw:w-full ttw:cursor-pointer ttw:items-center ttw:justify-start ttw:rounded-lg ttw:border-border ttw:px-5 ttw:py-3.5 ttw:text-left ttw:text-base ttw:font-normal ttw:text-foreground ttw:disabled:cursor-not-allowed ttw:[&_svg]:ml-auto ttw:[&_svg]:shrink-0", L = {
+const T = "ttw:flex ttw:h-auto ttw:min-h-14 ttw:w-full ttw:cursor-pointer ttw:items-center ttw:justify-start ttw:rounded-lg ttw:border-border ttw:px-5 ttw:py-3.5 ttw:text-left ttw:text-base ttw:font-normal ttw:text-foreground ttw:disabled:cursor-not-allowed ttw:[&_svg]:ml-auto ttw:[&_svg]:shrink-0", L = {
   position: "popper",
   align: "start",
   sideOffset: 4
 };
-function F(a) {
+function B(a) {
   return [a.primaryLabel, a.secondaryLabel, a.balanceLabel].filter(Boolean).join(" ");
 }
 function R({
@@ -38,12 +38,12 @@ function V({
   const e = n.find((s) => s.optionValue === a);
   return e ? /* @__PURE__ */ t(R, { opt: e }) : /* @__PURE__ */ t("span", { className: "ttw:block ttw:w-full ttw:text-left ttw:text-muted-foreground", children: l });
 }
-function M(a) {
+function F(a) {
   return a.map((n) => /* @__PURE__ */ t(
     W,
     {
       value: n.optionValue,
-      textValue: F(n),
+      textValue: B(n),
       className: "ttw:cursor-pointer ttw:py-3 ttw:pr-6 ttw:[&>span:last-of-type]:min-w-0 ttw:[&>span:last-of-type]:w-full",
       "data-testid": `embedded-banking-transfer-money-account-option-${n.optionValue}`,
       children: /* @__PURE__ */ t(R, { opt: n, balanceInsetEnd: !0 })
@@ -51,11 +51,11 @@ function M(a) {
     n.optionValue
   ));
 }
-function B(a, n, l) {
+function M(a, n, l) {
   if (!a)
     return l;
   const e = n.find((s) => s.optionValue === a);
-  return e ? F(e) : l;
+  return e ? B(e) : l;
 }
 function rt({
   open: a,
@@ -116,11 +116,11 @@ function rt({
           /* @__PURE__ */ o("div", { className: "ttw:flex ttw:flex-col ttw:gap-4 ttw:py-5", children: [
             /* @__PURE__ */ o(C, { value: c, onValueChange: j, children: [
               /* @__PURE__ */ t(
-                A,
+                S,
                 {
-                  className: S,
+                  className: T,
                   "data-testid": "embedded-banking-transfer-money-from-account-trigger",
-                  "aria-label": B(
+                  "aria-label": M(
                     c,
                     s,
                     e.modalFromAccountPlaceholder
@@ -135,15 +135,15 @@ function rt({
                   ) })
                 }
               ),
-              /* @__PURE__ */ t(k, { ...L, children: M(s) })
+              /* @__PURE__ */ t(A, { ...L, children: F(s) })
             ] }),
             /* @__PURE__ */ o(C, { value: w, onValueChange: P, children: [
               /* @__PURE__ */ t(
-                A,
+                S,
                 {
-                  className: S,
+                  className: T,
                   "data-testid": "embedded-banking-transfer-money-to-account-trigger",
-                  "aria-label": B(
+                  "aria-label": M(
                     w,
                     d,
                     e.modalToAccountPlaceholder
@@ -158,7 +158,7 @@ function rt({
                   ) })
                 }
               ),
-              /* @__PURE__ */ t(k, { ...L, children: M(d) })
+              /* @__PURE__ */ t(A, { ...L, children: F(d) })
             ] }),
             /* @__PURE__ */ o("div", { className: "ttw:flex ttw:flex-col ttw:gap-2", children: [
               /* @__PURE__ */ t(
@@ -183,7 +183,7 @@ function rt({
                       }
                     ),
                     /* @__PURE__ */ t(
-                      T,
+                      k,
                       {
                         id: "transfer-money-modal-amount",
                         className: "ttw:h-auto ttw:min-h-0 ttw:flex-1 ttw:border-0 ttw:bg-transparent ttw:px-0 ttw:py-0 ttw:text-base ttw:shadow-none ttw:focus-visible:ring-0",
@@ -273,7 +273,7 @@ function rt({
           /* @__PURE__ */ t("div", { className: "ttw:flex ttw:flex-col ttw:gap-4 ttw:py-5", children: /* @__PURE__ */ o("div", { className: "ttw:flex ttw:flex-col ttw:gap-2", children: [
             /* @__PURE__ */ t(p, { variant: "body2", className: "ttw:font-medium", children: e.modalAmountLabel }),
             /* @__PURE__ */ t(
-              T,
+              k,
               {
                 className: "ttw:h-11 ttw:px-4 ttw:py-3",
                 inputMode: "decimal",

package/dist/libs/tesouro-embedded-components-react/transfers-widget/ui/dist/index6.js

@@ -1,7 +1,7 @@
 import { jsx as t, jsxs as e } from "react/jsx-runtime";
 import { DialogTitle as s, DialogDescription as a } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
 import { ArrowRightLeft as l } from "lucide-react";
-function m({
+function c({
   title: i,
   subtitle: r
 }) {
@@ -20,5 +20,5 @@ function m({
   ] }) });
 }
 export {
-  m as TransferMoneyModalHeader
+  c as TransferMoneyModalHeader
 };