@tesouro/embedded-components-react 0.2.132 → 0.2.148

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

@@ -1,7 +1,7 @@
 "use client";
-import { jsx as y } from "react/jsx-runtime";
-import { useEffect as h, useState as T, useCallback as _ } from "react";
-import { useProfileQuery as B } from "../../data-access/dist/index2.js";
+import { jsx as E } from "react/jsx-runtime";
+import { useEffect as P, useState as T, useCallback as _ } from "react";
+import { useProfileQuery as h } from "../../data-access/dist/index2.js";
 import { ProfileCard as C } from "../../ui/dist/index2.js";
 import "../../../shared/data-access/dist/lib/rest/client/utils.gen.js";
 import "../../../shared/data-access/dist/lib/EmbedApiContext.js";
@@ -13,134 +13,129 @@ 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 { WidgetProvider as j } from "../../../shared/feature/dist/lib/WidgetProvider/WidgetProvider.js";
-import { formatPhoneDisplay as k } from "../../../shared/util/dist/index5.js";
+import { WidgetProvider as B } from "../../../shared/feature/dist/lib/WidgetProvider/WidgetProvider.js";
+import { formatPhoneDisplay as A } from "../../../shared/util/dist/index5.js";
 import "../../../shared/feature/dist/lib/WidgetProvider/WidgetTokenRefreshContext.js";
-import { useAnalyticsTrack as U } from "../../../shared/feature/dist/lib/analytics/hooks.js";
-import { WIDGET_NAME as F, ProfileWidgetAnalyticsEvent as w } from "./index4.js";
-import { DEFAULT_FEATURE_LABELS as D } from "./index3.js";
+import { useAnalyticsTrack as j } from "../../../shared/feature/dist/lib/analytics/hooks.js";
+import { WIDGET_NAME as F, ProfileWidgetAnalyticsEvent as U } from "./index4.js";
+import { DEFAULT_FEATURE_LABELS as w } from "./index3.js";
 const n = {
   Personal: "personal",
   Business: "business"
 }, I = "https://d9qpikyk3ti89.cloudfront.net/misc/gradients/profile-gradient.png", W = "https://d9qpikyk3ti89.cloudfront.net/misc/gradients/business-gradient.png";
-function o(e, i) {
-  return e?.trim() ? e : i;
+function o(e, r) {
+  return e?.trim() ? e : r;
 }
 function $(e) {
-  return [e?.first_name, e?.last_name].filter((i) => !!i?.trim()).join(" ");
+  return [e?.first_name, e?.last_name].filter((r) => !!r?.trim()).join(" ");
 }
 function z(e) {
   if (!e)
     return "";
-  const i = [e.line1, e.line2].filter((r) => !!r?.trim()).join(" "), a = [e.state, e.postal_code].filter((r) => !!r?.trim()).join(" ");
-  return [i, e.city, a].filter((r) => !!r?.trim()).join(", ");
+  const r = [e.line1, e.line2].filter((a) => !!a?.trim()).join(" "), i = [e.state, e.postal_code].filter((a) => !!a?.trim()).join(" ");
+  return [r, e.city, i].filter((a) => !!a?.trim()).join(", ");
 }
-function M(e) {
-  return e ? e.type === "organization" ? e.organization.legal_name : [e.individual.first_name, e.individual.last_name].filter((i) => !!i?.trim()).join(" ") : "";
-}
-function A(e) {
-  return e.split(" ").filter(Boolean).map((i) => i.charAt(0).toUpperCase()).slice(0, 2).join("");
+function D(e) {
+  return e ? e.type === "organization" ? e.organization.legal_name : [e.individual.first_name, e.individual.last_name].filter((r) => !!r?.trim()).join(" ") : "";
 }
 function Q({
   labels: e,
-  featureLabels: i
+  featureLabels: r
 }) {
-  const a = {
-    ...D,
-    ...i
-  }, r = U();
-  h(() => {
-    r(w.Mounted);
-  }, [r]);
-  const [m, b] = T(
+  const i = {
+    ...w,
+    ...r
+  }, a = j();
+  P(() => {
+    a(U.Mounted);
+  }, [a]);
+  const [m, u] = T(
     n.Personal
-  ), c = _((L) => {
-    (L === n.Personal || L === n.Business) && b(L);
-  }, []), { userQuery: l, entityQuery: s } = B(), g = l.isLoading || s.isLoading, v = l.isError || s.isError, p = l.data, u = s.data, d = m === n.Personal, f = $(p), t = a.emptyValue, E = o(M(u), t), P = d ? [
-    { label: a.nameLabel, value: o(f, t) },
+  ), d = _((y) => {
+    (y === n.Personal || y === n.Business) && u(y);
+  }, []), { userQuery: l, entityQuery: s } = h(), f = l.isLoading || s.isLoading, b = l.isError || s.isError, c = l.data, p = s.data, g = m === n.Personal, k = $(c), t = i.emptyValue, v = o(D(p), t), L = g ? [
+    { label: i.nameLabel, value: o(k, t) },
     {
-      label: a.phoneLabel,
-      value: k(p?.phone, t)
+      label: i.phoneLabel,
+      value: A(c?.phone, t)
     },
     {
-      label: a.emailLabel,
-      value: o(p?.email, t)
+      label: i.emailLabel,
+      value: o(c?.email, t)
     }
   ] : [
     {
-      label: a.legalNameLabel,
-      value: E
+      label: i.legalNameLabel,
+      value: v
     },
     {
-      label: a.companyAddressLabel,
-      value: o(z(u?.address), t)
+      label: i.companyAddressLabel,
+      value: o(z(p?.address), t)
     },
     {
-      label: a.companyPhoneLabel,
-      value: k(u?.phone, t)
+      label: i.companyPhoneLabel,
+      value: A(p?.phone, t)
     },
     {
-      label: a.companyEmailLabel,
-      value: o(u?.email, t)
+      label: i.companyEmailLabel,
+      value: o(p?.email, t)
     }
   ];
-  return /* @__PURE__ */ y(
+  return /* @__PURE__ */ E(
     C,
     {
       labels: e,
       tabs: [
-        { id: n.Personal, label: a.personalTab },
-        { id: n.Business, label: a.businessTab }
+        { id: n.Personal, label: i.personalTab },
+        { id: n.Business, label: i.businessTab }
       ],
       activeTabId: m,
-      onTabChange: c,
-      banner: d ? {
+      onTabChange: d,
+      banner: g ? {
         imageUrl: I,
-        imageAlt: a.personalBannerAlt
+        imageAlt: i.personalBannerAlt
       } : {
         imageUrl: W,
-        imageAlt: a.businessBannerAlt
+        imageAlt: i.businessBannerAlt
       },
-      avatarMode: d ? "label" : "icon",
-      avatarLabel: A(f),
-      avatarSeed: p?.email || A(f),
-      title: d ? o(f, t) : E,
-      subtitle: a.subtitle,
-      fields: P,
-      isLoading: g,
-      isError: v
+      title: g ? o(k, t) : v,
+      subtitle: i.subtitle,
+      fields: L,
+      isLoading: f,
+      isError: b
     }
   );
 }
 function le({
   baseUrl: e,
-  widgetToken: i,
-  organizationId: a,
-  configClient: r,
+  widgetToken: r,
+  organizationId: i,
+  configClient: a,
   linkComponent: m,
-  implementation: b,
-  uiFramework: c,
+  implementation: u,
+  uiFramework: d,
   errorFallback: l,
   onError: s,
-  analytics: g,
-  ...v
+  analytics: f,
+  ...b
 }) {
-  return /* @__PURE__ */ y(
-    j,
+  return /* @__PURE__ */ E(
+    B,
     {
       widgetName: F,
       baseUrl: e,
-      widgetToken: i,
-      organizationId: a,
-      configClient: r,
+      widgetToken: r,
+      organizationId: i,
+      configClient: a,
       linkComponent: m,
-      implementation: b,
-      uiFramework: c,
+      implementation: u,
+      uiFramework: d,
       errorFallback: l,
       onError: s,
-      analytics: g,
-      children: /* @__PURE__ */ y(Q, { ...v })
+      analytics: f,
+      children: /* @__PURE__ */ E(Q, { ...b })
     }
   );
 }

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

@@ -1,73 +1,55 @@
 "use client";
-import { jsxs as a, jsx as t, Fragment as v } from "react/jsx-runtime";
-import { Avatar as x, AvatarFallback as N, Skeleton as r, Tabs as T, TabsList as L, TabsTrigger as k, TabsContent as y } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { avatarSwatchFor as F } from "../../../shared/ui/dist/lib/avatarSwatch.js";
+import { jsxs as a, jsx as t, Fragment as u } from "react/jsx-runtime";
+import { Skeleton as r, Tabs as b, TabsList as p, TabsTrigger as f, TabsContent as v } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
 import "@radix-ui/react-use-controllable-state";
-import { Building2Icon as P } from "lucide-react";
-import { Fragment as A } from "react";
+import "lucide-react";
+import { Fragment as x } from "react";
 import "../../../shared/ui/dist/lib/UIContext/UIContext.js";
-import { SectionHeading as S } from "../../../shared/ui/dist/lib/SectionHeading/SectionHeading.js";
-import { DEFAULT_LABELS as C } from "./index3.js";
-function $({
-  labels: c,
-  tabs: m,
+import "../../../shared/ui/dist/lib/OnboardingShell/OnboardingShellOverlayPortal.js";
+import { SectionHeading as N } from "../../../shared/ui/dist/lib/SectionHeading/SectionHeading.js";
+import { DEFAULT_LABELS as T } from "./index3.js";
+function k({
+  labels: n,
+  tabs: w,
   activeTabId: l,
-  onTabChange: h,
-  banner: d,
-  avatarMode: g = "label",
-  avatarLabel: s,
-  avatarSeed: b,
-  title: u,
-  subtitle: w,
-  fields: p,
-  isLoading: o = !1,
-  isError: f = !1
+  onTabChange: m,
+  banner: i,
+  title: c,
+  subtitle: d,
+  fields: h,
+  isLoading: s = !1,
+  isError: g = !1
 }) {
-  const n = { ...C, ...c }, i = g === "icon";
+  const o = { ...T, ...n };
   return /* @__PURE__ */ a("div", { className: "ttw:overflow-hidden ttw:rounded-lg ttw:border ttw:border-border ttw:bg-background", children: [
-    d ? /* @__PURE__ */ t(
+    i ? /* @__PURE__ */ t(
       "img",
       {
-        src: d.imageUrl,
-        alt: d.imageAlt,
+        src: i.imageUrl,
+        alt: i.imageAlt,
         className: "ttw:h-28 ttw:w-full ttw:object-cover"
       }
     ) : /* @__PURE__ */ t("div", { className: "ttw:h-28 ttw:w-full ttw:bg-gradient-to-r ttw:from-muted ttw:to-accent" }),
-    /* @__PURE__ */ a("div", { className: "ttw:flex ttw:gap-3 ttw:px-6", children: [
-      /* @__PURE__ */ t(
-        x,
-        {
-          className: i ? "ttw:size-24 ttw:shrink-0 ttw:-translate-y-1/3 ttw:rounded-[20px] ttw:border-4 ttw:border-background ttw:shadow-md" : "ttw:size-24 ttw:shrink-0 ttw:-translate-y-1/3 ttw:border-4 ttw:border-background ttw:shadow-md",
-          children: /* @__PURE__ */ t(
-            N,
-            {
-              className: i ? "ttw:rounded-none ttw:text-3xl" : `ttw:text-3xl ${F(b || s || "")}`,
-              children: i ? /* @__PURE__ */ t(P, { "aria-hidden": !0, className: "ttw:size-10" }) : s
-            }
-          )
-        }
-      ),
-      /* @__PURE__ */ t("div", { className: "ttw:mt-auto ttw:min-w-0 ttw:pb-2", children: o ? /* @__PURE__ */ a("div", { "aria-hidden": !0, children: [
-        /* @__PURE__ */ t(r, { width: 150, height: 28, className: "ttw:mb-2" }),
-        /* @__PURE__ */ t(r, { width: 250, height: 20 })
-      ] }) : /* @__PURE__ */ a(v, { children: [
-        /* @__PURE__ */ t(S, { className: "ttw:truncate ttw:mb-0", children: u }),
-        w ? /* @__PURE__ */ t("p", { className: "ttw:truncate ttw:text-sm ttw:text-muted-foreground", children: w }) : null
-      ] }) })
-    ] }),
+    /* @__PURE__ */ t("div", { className: "ttw:px-6 ttw:pt-5 ttw:pb-2", children: s ? /* @__PURE__ */ a("div", { "aria-hidden": !0, children: [
+      /* @__PURE__ */ t(r, { width: 150, height: 32 }),
+      /* @__PURE__ */ t(r, { width: 250, height: 20 })
+    ] }) : /* @__PURE__ */ a(u, { children: [
+      /* @__PURE__ */ t(N, { className: "ttw:truncate ttw:mb-0", children: c }),
+      d ? /* @__PURE__ */ t("p", { className: "ttw:truncate ttw:text-sm ttw:text-muted-foreground", children: d }) : null
+    ] }) }),
     /* @__PURE__ */ a(
-      T,
+      b,
       {
         value: l,
-        onValueChange: h,
+        onValueChange: m,
         className: "ttw:px-6 ttw:py-4",
         children: [
-          /* @__PURE__ */ t(L, { children: m.map((e) => /* @__PURE__ */ t(k, { value: e.id, children: e.label }, e.id)) }),
-          /* @__PURE__ */ t(y, { value: l, children: o ? /* @__PURE__ */ a(
+          /* @__PURE__ */ t(p, { children: w.map((e) => /* @__PURE__ */ t(f, { value: e.id, children: e.label }, e.id)) }),
+          /* @__PURE__ */ t(v, { value: l, children: s ? /* @__PURE__ */ a(
             "div",
             {
               role: "status",
-              "aria-label": n.loadingLabel,
+              "aria-label": o.loadingLabel,
               className: "ttw:grid ttw:grid-cols-2 ttw:gap-2 ttw:py-4",
               children: [
                 /* @__PURE__ */ t(r, { width: 100, height: 20 }),
@@ -76,14 +58,14 @@ function $({
                 /* @__PURE__ */ t(r, { width: 100, height: 20 })
               ]
             }
-          ) : f ? /* @__PURE__ */ t(
+          ) : g ? /* @__PURE__ */ t(
             "div",
             {
               role: "alert",
               className: "ttw:py-4 ttw:text-sm ttw:text-destructive",
-              children: n.errorLabel
+              children: o.errorLabel
             }
-          ) : /* @__PURE__ */ t("dl", { className: "ttw:grid ttw:grid-cols-[50%_1fr] ttw:gap-x-6 ttw:gap-y-4 ttw:py-4", children: p.map((e) => /* @__PURE__ */ a(A, { children: [
+          ) : /* @__PURE__ */ t("dl", { className: "ttw:grid ttw:grid-cols-[50%_1fr] ttw:gap-x-6 ttw:gap-y-4 ttw:py-4", children: h.map((e) => /* @__PURE__ */ a(x, { children: [
             /* @__PURE__ */ t("dt", { className: "ttw:text-sm ttw:font-medium ttw:text-muted-foreground", children: e.label }),
             /* @__PURE__ */ t("dd", { className: "ttw:text-sm ttw:font-medium ttw:text-foreground", children: e.value })
           ] }, e.label)) }) })
@@ -93,5 +75,5 @@ function $({
   ] });
 }
 export {
-  $ as ProfileCard
+  k as ProfileCard
 };

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

@@ -15,12 +15,12 @@ import "react-hot-toast";
 import "../../../monite-sdk/dist/index85.js";
 import "radix-ui";
 import "react-hook-form";
-import "../../../monite-sdk/dist/index154.js";
+import "../../../monite-sdk/dist/index159.js";
 import "@radix-ui/react-label";
 import "@radix-ui/react-radio-group";
 import "@hookform/resolvers/zod";
 import "zod";
-import "../../../monite-sdk/dist/index306.js";
+import "../../../monite-sdk/dist/index311.js";
 import "@radix-ui/react-checkbox";
 import "@radix-ui/react-select";
 import "../../../monite-sdk/dist/index90.js";
@@ -34,7 +34,7 @@ import { Scope as o } from "../../../shared/data-access/dist/lib/scopes.js";
 import "../../../monite-sdk/dist/index92.js";
 import "react-dom";
 import "@mui/x-data-grid";
-import "../../../monite-sdk/dist/index146.js";
+import "../../../monite-sdk/dist/index150.js";
 import "../../../monite-sdk/dist/index83.js";
 import "../../../monite-sdk/dist/index55.js";
 import "@mui/material";
@@ -44,17 +44,17 @@ import "@mui/icons-material/Close";
 import "@mui/material/IconButton";
 import "@mui/material/Tooltip";
 import "@tanstack/react-table";
-import "../../../monite-sdk/dist/index153.js";
+import "../../../monite-sdk/dist/index158.js";
 import "@radix-ui/react-avatar";
 import "../../../monite-sdk/dist/index238.js";
 import "@mui/icons-material/AddCircleOutline";
 import "@mui/icons-material/Delete";
 import "@emotion/react";
 import "../../../monite-sdk/dist/index101.js";
-import "../../../monite-sdk/dist/index452.js";
-import "../../../monite-sdk/dist/index460.js";
-import "../../../monite-sdk/dist/index384.js";
-import "../../../monite-sdk/dist/index276.js";
+import "../../../monite-sdk/dist/index470.js";
+import "../../../monite-sdk/dist/index453.js";
+import "../../../monite-sdk/dist/index394.js";
+import "../../../monite-sdk/dist/index287.js";
 import "@mui/icons-material/Cancel";
 import "@mui/icons-material/HourglassEmpty";
 import "@mui/icons-material/PaidOutlined";
@@ -63,7 +63,7 @@ import { ApprovalPolicies as k } from "../../../monite-sdk/dist/index10.js";
 import "../../../monite-sdk/dist/index86.js";
 import "@mui/icons-material/DangerousOutlined";
 import "@mui/x-date-pickers";
-import "../../../monite-sdk/dist/index321.js";
+import "../../../monite-sdk/dist/index282.js";
 import "@mui/icons-material/CheckCircleOutlineRounded";
 import "@mui/icons-material/HighlightOffRounded";
 import "@mui/icons-material/Add";
@@ -71,19 +71,19 @@ import "@mui/icons-material/DeleteForever";
 import "@mui/icons-material/AttachFile";
 import "@mui/icons-material/CloudUploadOutlined";
 import "@mui/icons-material/MoreVert";
-import "../../../monite-sdk/dist/index463.js";
-import "../../../monite-sdk/dist/index361.js";
-import "../../../monite-sdk/dist/index363.js";
-import "../../../monite-sdk/dist/index401.js";
-import "../../../monite-sdk/dist/index162.js";
+import "../../../monite-sdk/dist/index456.js";
+import "../../../monite-sdk/dist/index297.js";
+import "../../../monite-sdk/dist/index299.js";
+import "../../../monite-sdk/dist/index369.js";
+import "../../../monite-sdk/dist/index169.js";
 import "@mui/icons-material/Sync";
 import "@mui/icons-material/Search";
 import "@mui/icons-material/CalendarToday";
-import "../../../monite-sdk/dist/index325.js";
-import "../../../monite-sdk/dist/index330.js";
-import "../../../monite-sdk/dist/index332.js";
+import "../../../monite-sdk/dist/index344.js";
+import "../../../monite-sdk/dist/index349.js";
+import "../../../monite-sdk/dist/index351.js";
 import "react-day-picker";
-import "../../../monite-sdk/dist/index334.js";
+import "../../../monite-sdk/dist/index353.js";
 import "@mui/icons-material/BlockOutlined";
 import "@mui/icons-material/CheckOutlined";
 import "@mui/icons-material/ErrorOutlineOutlined";
@@ -95,14 +95,14 @@ import "@mui/icons-material/StarHalfOutlined";
 import "@radix-ui/react-accordion";
 import "@radix-ui/react-tooltip";
 import "../../../monite-sdk/dist/index253.js";
-import "../../../monite-sdk/dist/index375.js";
-import "../../../monite-sdk/dist/index442.js";
+import "../../../monite-sdk/dist/index380.js";
+import "../../../monite-sdk/dist/index419.js";
 import "@mui/icons-material/DriveFileRenameOutline";
 import "deep-eql";
 import "react-use";
-import "../../../monite-sdk/dist/index200.js";
-import "../../../monite-sdk/dist/index285.js";
-import "../../../monite-sdk/dist/index286.js";
+import "../../../monite-sdk/dist/index211.js";
+import "../../../monite-sdk/dist/index315.js";
+import "../../../monite-sdk/dist/index316.js";
 import "../../../monite-sdk/dist/index56.js";
 import "react-script-hook";
 import "../../../monite-sdk/dist/index54.js";
@@ -120,19 +120,20 @@ import { TeamWidget as w } from "../../../team-widget/feature/dist/index2.js";
 import { SettingsWidgetUi as L } from "../../ui/dist/index2.js";
 import { GLCodeTableWidget as O } from "../../../gl-code-table-widget/feature/dist/index2.js";
 import { HelpWidget as P } from "../../../help-widget/feature/dist/index2.js";
-import { ProfileWidget as $ } from "../../../profile-widget/feature/dist/index2.js";
+import { ProfileWidget as F } from "../../../profile-widget/feature/dist/index2.js";
 import "../../../shared/feature/dist/lib/WidgetProvider/types.js";
 import "@radix-ui/react-use-controllable-state";
 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 F } from "../../../shared/feature/dist/lib/analytics/hooks.js";
+import { useAnalyticsTrack as I } from "../../../shared/feature/dist/lib/analytics/hooks.js";
 import "../../../shared/feature/dist/lib/WidgetProvider/WidgetTokenRefreshContext.js";
-import { useWidgetConfig as I } from "../../../shared/feature/dist/lib/WidgetProvider/hooks.js";
+import { useWidgetConfig as $ } from "../../../shared/feature/dist/lib/WidgetProvider/hooks.js";
 import { MoniteRegionProvider as z } from "../../../shared/monite-wrapper/feature/dist/lib/MoniteRegionProvider.js";
-import { WIDGET_NAME as M, SettingsWidgetAnalyticsEvent as _ } from "./index4.js";
-import { DEFAULT_FEATURE_LABELS as j } from "./index3.js";
-import { ExpenseSettingsTabs as q } from "./index5.js";
+import { WIDGET_NAME as q, SettingsWidgetAnalyticsEvent as M } from "./index4.js";
+import { DEFAULT_FEATURE_LABELS as _ } from "./index3.js";
+import { ExpenseSettingsTabs as j } from "./index5.js";
 const D = {
   profile: [],
   team: [o.UserReadOrg],
@@ -157,17 +158,17 @@ function G({
   invoiceContent: d
 }) {
   const t = {
-    ...j,
+    ..._,
     ...e
-  }, S = F();
+  }, S = I();
   x(() => {
-    S(_.Mounted);
+    S(M.Mounted);
   }, [S]);
-  const { initResponse: A } = I(), v = A?.scopes, f = [
+  const { initResponse: A } = $(), v = A?.scopes, f = [
     {
       id: "profile",
       label: t.profileSection,
-      content: m ?? /* @__PURE__ */ i($, {})
+      content: m ?? /* @__PURE__ */ i(F, {})
     },
     {
       id: "team",
@@ -189,7 +190,7 @@ function G({
       id: "expense",
       label: t.expenseSection,
       content: s ?? /* @__PURE__ */ i(
-        q,
+        j,
         {
           sectionTitle: t.expenseSection,
           approvalsLabel: t.expenseApprovalsTab,
@@ -235,7 +236,7 @@ function G({
     }
   );
 }
-function uo({
+function Co({
   baseUrl: r,
   widgetToken: e,
   organizationId: p,
@@ -252,7 +253,7 @@ function uo({
   return /* @__PURE__ */ i(
     z,
     {
-      widgetName: M,
+      widgetName: q,
       baseUrl: r,
       widgetToken: e,
       organizationId: p,
@@ -269,5 +270,5 @@ function uo({
   );
 }
 export {
-  uo as SettingsWidget
+  Co as SettingsWidget
 };

package/dist/libs/tesouro-embedded-components-react/settings-widget/feature/dist/index5.js

@@ -1,39 +1,45 @@
 "use client";
-import { jsxs as r, jsx as e } from "react/jsx-runtime";
-import { useState as p } from "react";
-import { Tabs as m, TabsList as c, TabsTrigger as t, TabsContent as a } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { ExpenseApprovalPoliciesWidget as d } from "../../../expense-approval-policies-widget/feature/dist/lib/ExpenseApprovalPoliciesWidgetFeature.js";
-import { ExpenseRequirementsWidget as u } from "../../../expense-requirements-widget/feature/dist/lib/ExpenseRequirementsWidget.js";
+import { jsxs as r, Fragment as p, jsx as e } from "react/jsx-runtime";
+import { useState as m } from "react";
+import { Tabs as c, TabsList as d, TabsTrigger as t, TabsContent as a } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { ExpenseApprovalPoliciesWidget as u } from "../../../expense-approval-policies-widget/feature/dist/lib/ExpenseApprovalPoliciesWidgetFeature.js";
+import { ExpenseRequirementsWidget as b } from "../../../expense-requirements-widget/feature/dist/lib/ExpenseRequirementsWidget.js";
 import "@radix-ui/react-use-controllable-state";
 import "lucide-react";
 import "../../../shared/ui/dist/lib/UIContext/UIContext.js";
-import { SectionHeading as b } from "../../../shared/ui/dist/lib/SectionHeading/SectionHeading.js";
-function E({
+import "../../../shared/ui/dist/lib/OnboardingShell/OnboardingShellOverlayPortal.js";
+import { SectionHeading as v } from "../../../shared/ui/dist/lib/SectionHeading/SectionHeading.js";
+function S({
   sectionTitle: s,
   approvalsLabel: i,
   requirementsLabel: o
 }) {
-  const [l, n] = p("approvals");
-  return /* @__PURE__ */ r("div", { className: "ttw:space-y-4 ttw:rounded-xl ttw:border ttw:border-border ttw:bg-card ttw:p-6", children: [
-    /* @__PURE__ */ e(b, { children: s }),
-    /* @__PURE__ */ r(
-      m,
-      {
-        value: l,
-        onValueChange: n,
-        className: "ttw:w-full ttw:space-y-5",
-        children: [
-          /* @__PURE__ */ r(c, { children: [
-            /* @__PURE__ */ e(t, { value: "approvals", children: i }),
-            /* @__PURE__ */ e(t, { value: "requirements", children: o })
-          ] }),
-          /* @__PURE__ */ e(a, { value: "approvals", children: /* @__PURE__ */ e(d, {}) }),
-          /* @__PURE__ */ e(a, { value: "requirements", children: /* @__PURE__ */ e(u, {}) })
-        ]
-      }
-    )
-  ] });
+  const [l, n] = m("approvals");
+  return (
+    // Heading sits outside the card, matching the other settings sections
+    // (Team, Accounting): the shared SectionHeading's own bottom margin gives
+    // the gap down to the card.
+    /* @__PURE__ */ r(p, { children: [
+      /* @__PURE__ */ e(v, { children: s }),
+      /* @__PURE__ */ e("div", { className: "ttw:rounded-xl ttw:border ttw:border-border ttw:bg-card ttw:p-6", children: /* @__PURE__ */ r(
+        c,
+        {
+          value: l,
+          onValueChange: n,
+          className: "ttw:w-full ttw:space-y-5",
+          children: [
+            /* @__PURE__ */ r(d, { children: [
+              /* @__PURE__ */ e(t, { value: "approvals", children: i }),
+              /* @__PURE__ */ e(t, { value: "requirements", children: o })
+            ] }),
+            /* @__PURE__ */ e(a, { value: "approvals", children: /* @__PURE__ */ e(u, {}) }),
+            /* @__PURE__ */ e(a, { value: "requirements", children: /* @__PURE__ */ e(b, {}) })
+          ]
+        }
+      ) })
+    ] })
+  );
 }
 export {
-  E as ExpenseSettingsTabs
+  S as ExpenseSettingsTabs
 };

package/dist/libs/tesouro-embedded-components-react/shared/counterpart-management/ui/dist/index10.js

@@ -1,7 +1,7 @@
 import { jsx as t, jsxs as s } from "react/jsx-runtime";
-import { Sheet as x, SheetContent as f, SheetHeader as S, SheetTitle as g, SheetDescription as b, SheetFooter as v, Button as n } from "../../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { Sheet as u, SheetContent as f, SheetHeader as x, SheetTitle as g, SheetDescription as b, SheetFooter as v, Button as n } from "../../../../../../packages/shared-ui-shadcn/dist/index.js";
 import { AddressFieldGroup as C } from "./index4.js";
-import { ADDRESS_FORM_SHEET_LABELS_EN as y } from "./index2.js";
+import { ADDRESS_FORM_SHEET_LABELS_EN as E } from "./index2.js";
 function A({
   open: a,
   onOpenChange: i,
@@ -13,11 +13,11 @@ function A({
   onChange: w,
   onSubmit: h,
   onCancel: m,
-  labels: u
+  labels: S
 }) {
-  const e = { ...y, ...u };
-  return /* @__PURE__ */ t(x, { open: a, onOpenChange: i, children: /* @__PURE__ */ s(f, { className: "ttw:w-[600px] ttw:sm:max-w-[600px] ttw:overflow-y-auto", children: [
-    /* @__PURE__ */ s(S, { children: [
+  const e = { ...E, ...S };
+  return /* @__PURE__ */ t(u, { open: a, onOpenChange: i, children: /* @__PURE__ */ s(f, { className: "ttw:w-[600px] ttw:sm:max-w-[600px] ttw:overflow-y-auto", children: [
+    /* @__PURE__ */ s(x, { children: [
       /* @__PURE__ */ t(g, { children: e.title }),
       /* @__PURE__ */ t(b, { className: "ttw:sr-only", children: e.title })
     ] }),