@tesouro/embedded-components-react 0.2.161 → 0.2.164

package/dist/index.css

@@ -13,8 +13,11 @@
     --ttw-color-red-700: oklch(50.5% 0.213 27.518);
     --ttw-color-red-900: oklch(39.6% 0.141 25.723);
     --ttw-color-red-950: oklch(25.8% 0.092 26.042);
+    --ttw-color-orange-50: oklch(98% 0.016 73.684);
     --ttw-color-orange-100: oklch(95.4% 0.038 75.164);
+    --ttw-color-orange-400: oklch(75% 0.183 55.934);
     --ttw-color-orange-700: oklch(55.3% 0.195 38.402);
+    --ttw-color-orange-950: oklch(26.6% 0.079 36.259);
     --ttw-color-amber-50: oklch(98.7% 0.022 95.277);
     --ttw-color-amber-200: oklch(92.4% 0.12 95.746);
     --ttw-color-amber-600: oklch(66.6% 0.179 58.318);
@@ -387,6 +390,9 @@
   .ttw\:my-1 {
     margin-block: var(--ttw-spacing);
   }
+  .ttw\:my-1\.5 {
+    margin-block: calc(var(--ttw-spacing) * 1.5);
+  }
   .ttw\:my-4 {
     margin-block: calc(var(--ttw-spacing) * 4);
   }
@@ -2061,6 +2067,9 @@
   .ttw\:border-orange-100 {
     border-color: var(--ttw-color-orange-100);
   }
+  .ttw\:border-orange-400 {
+    border-color: var(--ttw-color-orange-400);
+  }
   .ttw\:border-primary {
     border-color: var(--ttw-primary);
   }
@@ -2325,6 +2334,9 @@
   .ttw\:bg-neutral-200 {
     background-color: var(--ttw-color-neutral-200);
   }
+  .ttw\:bg-orange-50 {
+    background-color: var(--ttw-color-orange-50);
+  }
   .ttw\:bg-orange-100 {
     background-color: var(--ttw-color-orange-100);
   }
@@ -2658,6 +2670,9 @@
   .ttw\:py-8 {
     padding-block: calc(var(--ttw-spacing) * 8);
   }
+  .ttw\:py-10 {
+    padding-block: calc(var(--ttw-spacing) * 10);
+  }
   .ttw\:py-12 {
     padding-block: calc(var(--ttw-spacing) * 12);
   }
@@ -2790,6 +2805,9 @@
   .ttw\:pl-6 {
     padding-left: calc(var(--ttw-spacing) * 6);
   }
+  .ttw\:pl-7 {
+    padding-left: calc(var(--ttw-spacing) * 7);
+  }
   .ttw\:pl-8 {
     padding-left: calc(var(--ttw-spacing) * 8);
   }
@@ -3135,6 +3153,9 @@
   .ttw\:text-orange-700 {
     color: var(--ttw-color-orange-700);
   }
+  .ttw\:text-orange-950 {
+    color: var(--ttw-color-orange-950);
+  }
   .ttw\:text-pink-700 {
     color: var(--ttw-color-pink-700);
   }

package/dist/lib/ReceivablesWidget.js

@@ -14,12 +14,12 @@ import "react-hot-toast";
 import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index85.js";
 import "radix-ui";
 import "react-hook-form";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index154.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index156.js";
 import "@radix-ui/react-label";
 import "@radix-ui/react-radio-group";
 import "@hookform/resolvers/zod";
 import "zod";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index272.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index298.js";
 import "@radix-ui/react-checkbox";
 import "@radix-ui/react-select";
 import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index90.js";
@@ -31,7 +31,7 @@ import "../libs/tesouro-embedded-components-react/shared/data-access/dist/lib/re
 import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index92.js";
 import "react-dom";
 import "@mui/x-data-grid";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index145.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index148.js";
 import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index83.js";
 import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index55.js";
 import "@mui/material";
@@ -41,25 +41,25 @@ import "@mui/icons-material/Close";
 import "@mui/material/IconButton";
 import "@mui/material/Tooltip";
 import "@tanstack/react-table";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index153.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index155.js";
 import "@radix-ui/react-avatar";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index221.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index228.js";
 import "@mui/icons-material/AddCircleOutline";
 import "@mui/icons-material/Delete";
-import "@emotion/react";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index101.js";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index454.js";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index462.js";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index400.js";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index289.js";
 import "@mui/icons-material/Cancel";
 import "@mui/icons-material/HourglassEmpty";
 import "@mui/icons-material/PaidOutlined";
+import "@emotion/react";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index101.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index465.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index448.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index378.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index286.js";
 import "../packages/shared-ui-shadcn/dist/index.js";
 import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index86.js";
 import "@mui/icons-material/DangerousOutlined";
 import "@mui/x-date-pickers";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index280.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index271.js";
 import "@mui/icons-material/CheckCircleOutlineRounded";
 import "@mui/icons-material/HighlightOffRounded";
 import "@mui/icons-material/Add";
@@ -67,17 +67,17 @@ import "@mui/icons-material/DeleteForever";
 import "@mui/icons-material/AttachFile";
 import "@mui/icons-material/CloudUploadOutlined";
 import "@mui/icons-material/MoreVert";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index473.js";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index347.js";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index349.js";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index366.js";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index162.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index451.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index265.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index267.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index367.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index177.js";
 import "@mui/icons-material/Sync";
 import "@mui/icons-material/Search";
 import "@mui/icons-material/CalendarToday";
 import "react-day-picker";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index413.js";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index416.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index399.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index402.js";
 import "@mui/icons-material/BlockOutlined";
 import "@mui/icons-material/CheckOutlined";
 import "@mui/icons-material/ErrorOutlineOutlined";
@@ -86,25 +86,25 @@ import "@mui/icons-material/InsertDriveFileOutlined";
 import "@mui/icons-material/ReplayOutlined";
 import "@mui/icons-material/SendOutlined";
 import "@mui/icons-material/StarHalfOutlined";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index422.js";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index424.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index413.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index415.js";
 import "@radix-ui/react-accordion";
 import "@radix-ui/react-tooltip";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index240.js";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index355.js";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index435.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index247.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index356.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index438.js";
 import "@mui/icons-material/DriveFileRenameOutline";
 import "deep-eql";
 import "react-use";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index187.js";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index340.js";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index341.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index166.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index346.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index347.js";
 import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index56.js";
 import "react-script-hook";
 import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index54.js";
 import "@mui/icons-material/Money";
 import "@mui/icons-material/MonetizationOnOutlined";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index178.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index196.js";
 import "@mui/material/styles";
 import "@emotion/cache";
 import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index106.js";

package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index13.js

@@ -1,6 +1,6 @@
-import { jsxs as r, Fragment as h, jsx as e } from "react/jsx-runtime";
-import { Button as C } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { MARKETING_WIDGET_LABELS_EN as u } from "./index15.js";
+import { jsxs as r, Fragment as y, jsx as e } from "react/jsx-runtime";
+import { Button as u } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { MARKETING_WIDGET_LABELS_EN as C } from "./index15.js";
 import { MarketingWidgetModal as k } from "./index14.js";
 import { marketingWidgetTestIds as l } from "./index16.js";
 function E({
@@ -9,19 +9,19 @@ function E({
   vspLogo: o,
   bankingText: d,
   primaryCaption: m,
-  secondaryCaption: c,
+  secondaryCaption: w,
   providedByCaption: a,
-  modalPrimaryImg: w,
+  modalPrimaryImg: c,
   primaryModalHeader: p,
   benefits: g,
   appearance: t,
   onOpenMarketingModal: b,
   onCloseMarketingModal: f,
-  onPrimaryCtaClick: x,
+  onPrimaryCtaClick: h,
   labels: i
 }) {
-  const y = { ...u, ...i };
-  return s ? /* @__PURE__ */ r(h, { children: [
+  const x = { ...C, ...i };
+  return s ? /* @__PURE__ */ r(y, { children: [
     /* @__PURE__ */ r(
       "div",
       {
@@ -41,7 +41,7 @@ function E({
                 alt: o.alt,
                 height: 40,
                 width: o.width,
-                style: { objectFit: "contain" }
+                className: "ttw:h-10 ttw:w-auto ttw:object-contain"
               }
             ),
             /* @__PURE__ */ e("p", { className: "ttw:text-xl ttw:font-semibold ttw:text-foreground", children: d })
@@ -61,12 +61,12 @@ function E({
               {
                 className: "ttw:leading-snug",
                 style: { color: t.primaryColor },
-                children: c
+                children: w
               }
             )
           ] }),
           /* @__PURE__ */ e(
-            C,
+            u,
             {
               type: "button",
               "data-testid": l.learnMoreButton,
@@ -76,7 +76,7 @@ function E({
                 backgroundColor: t.primaryColor,
                 color: t.primaryContrastColor
               },
-              children: y.learnMore
+              children: x.learnMore
             }
           )
         ]
@@ -87,12 +87,12 @@ function E({
       {
         open: n,
         providedByCaption: a,
-        modalPrimaryImg: w,
+        modalPrimaryImg: c,
         primaryModalHeader: p,
         benefits: g,
         appearance: t,
         onClose: f,
-        onPrimaryCtaClick: x,
+        onPrimaryCtaClick: h,
         labels: i
       }
     )

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index4.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/index156.js";
 import "@radix-ui/react-label";
 import "@radix-ui/react-radio-group";
 import "@hookform/resolvers/zod";
 import "zod";
-import "../../../monite-sdk/dist/index272.js";
+import "../../../monite-sdk/dist/index298.js";
 import "@radix-ui/react-checkbox";
 import "@radix-ui/react-select";
 import "../../../monite-sdk/dist/index90.js";
@@ -32,7 +32,7 @@ import "../../../shared/data-access/dist/lib/rest/zod.gen.js";
 import "../../../monite-sdk/dist/index92.js";
 import "react-dom";
 import "@mui/x-data-grid";
-import "../../../monite-sdk/dist/index145.js";
+import "../../../monite-sdk/dist/index148.js";
 import "../../../monite-sdk/dist/index83.js";
 import "../../../monite-sdk/dist/index55.js";
 import "@mui/material";
@@ -42,25 +42,25 @@ 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/index155.js";
 import "@radix-ui/react-avatar";
-import "../../../monite-sdk/dist/index221.js";
+import "../../../monite-sdk/dist/index228.js";
 import "@mui/icons-material/AddCircleOutline";
 import "@mui/icons-material/Delete";
-import "@emotion/react";
-import "../../../monite-sdk/dist/index101.js";
-import "../../../monite-sdk/dist/index454.js";
-import "../../../monite-sdk/dist/index462.js";
-import "../../../monite-sdk/dist/index400.js";
-import "../../../monite-sdk/dist/index289.js";
 import "@mui/icons-material/Cancel";
 import "@mui/icons-material/HourglassEmpty";
 import "@mui/icons-material/PaidOutlined";
+import "@emotion/react";
+import "../../../monite-sdk/dist/index101.js";
+import "../../../monite-sdk/dist/index465.js";
+import "../../../monite-sdk/dist/index448.js";
+import "../../../monite-sdk/dist/index378.js";
+import "../../../monite-sdk/dist/index286.js";
 import "../../../../../packages/shared-ui-shadcn/dist/index.js";
 import "../../../monite-sdk/dist/index86.js";
 import "@mui/icons-material/DangerousOutlined";
 import "@mui/x-date-pickers";
-import "../../../monite-sdk/dist/index280.js";
+import "../../../monite-sdk/dist/index271.js";
 import "@mui/icons-material/CheckCircleOutlineRounded";
 import "@mui/icons-material/HighlightOffRounded";
 import "@mui/icons-material/Add";
@@ -68,18 +68,18 @@ import "@mui/icons-material/DeleteForever";
 import "@mui/icons-material/AttachFile";
 import "@mui/icons-material/CloudUploadOutlined";
 import "@mui/icons-material/MoreVert";
-import "../../../monite-sdk/dist/index473.js";
-import "../../../monite-sdk/dist/index347.js";
-import "../../../monite-sdk/dist/index349.js";
+import "../../../monite-sdk/dist/index451.js";
+import "../../../monite-sdk/dist/index265.js";
+import "../../../monite-sdk/dist/index267.js";
 import { Payables as k } from "../../../monite-sdk/dist/index15.js";
-import "../../../monite-sdk/dist/index162.js";
+import "../../../monite-sdk/dist/index177.js";
 import "@mui/icons-material/Sync";
 import "@mui/icons-material/Search";
 import "@mui/icons-material/CalendarToday";
-import "../../../monite-sdk/dist/index366.js";
+import "../../../monite-sdk/dist/index367.js";
 import "react-day-picker";
-import "../../../monite-sdk/dist/index413.js";
-import "../../../monite-sdk/dist/index416.js";
+import "../../../monite-sdk/dist/index399.js";
+import "../../../monite-sdk/dist/index402.js";
 import "@mui/icons-material/BlockOutlined";
 import "@mui/icons-material/CheckOutlined";
 import "@mui/icons-material/ErrorOutlineOutlined";
@@ -88,25 +88,25 @@ import "@mui/icons-material/InsertDriveFileOutlined";
 import "@mui/icons-material/ReplayOutlined";
 import "@mui/icons-material/SendOutlined";
 import "@mui/icons-material/StarHalfOutlined";
-import "../../../monite-sdk/dist/index422.js";
-import "../../../monite-sdk/dist/index424.js";
+import "../../../monite-sdk/dist/index413.js";
+import "../../../monite-sdk/dist/index415.js";
 import "@radix-ui/react-accordion";
 import "@radix-ui/react-tooltip";
-import "../../../monite-sdk/dist/index240.js";
-import "../../../monite-sdk/dist/index355.js";
-import "../../../monite-sdk/dist/index435.js";
+import "../../../monite-sdk/dist/index247.js";
+import "../../../monite-sdk/dist/index356.js";
+import "../../../monite-sdk/dist/index438.js";
 import "@mui/icons-material/DriveFileRenameOutline";
 import "deep-eql";
 import "react-use";
-import "../../../monite-sdk/dist/index187.js";
-import "../../../monite-sdk/dist/index340.js";
-import "../../../monite-sdk/dist/index341.js";
+import "../../../monite-sdk/dist/index166.js";
+import "../../../monite-sdk/dist/index346.js";
+import "../../../monite-sdk/dist/index347.js";
 import "../../../monite-sdk/dist/index56.js";
 import "react-script-hook";
 import "../../../monite-sdk/dist/index54.js";
 import "@mui/icons-material/Money";
 import "@mui/icons-material/MonetizationOnOutlined";
-import "../../../monite-sdk/dist/index178.js";
+import "../../../monite-sdk/dist/index196.js";
 import "@mui/material/styles";
 import "@emotion/cache";
 import "../../../monite-sdk/dist/index106.js";

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

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as o } from "react/jsx-runtime";
-import { useEffect as d } from "react";
-import { BillPayWidgetUi as f } from "../../ui/dist/index2.js";
+import { useEffect as u, useState as y } from "react";
+import { BillPayWidgetUi as v } from "../../ui/dist/index2.js";
 import "../../../../../packages/shared-ui-shadcn/dist/index.js";
 import "lucide-react";
 import "@radix-ui/react-use-controllable-state";
@@ -10,53 +10,104 @@ import "../../../shared/ui/dist/lib/OnboardingShell/OnboardingShellOverlayPortal
 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";
+import { hasAnyScope as P } from "../../../shared/data-access/dist/lib/hasAnyScope.js";
 import "@tanstack/react-query";
 import "../../../shared/data-access/dist/lib/rest/zod.gen.js";
+import { Scope as k } from "../../../shared/data-access/dist/lib/scopes.js";
 import "../../../shared/feature/dist/lib/WidgetProvider/types.js";
 import "../../../shared/feature/dist/lib/WidgetProvider/WidgetContext.js";
-import { WidgetProvider as g } from "../../../shared/feature/dist/lib/WidgetProvider/WidgetProvider.js";
+import { WidgetProvider as A } from "../../../shared/feature/dist/lib/WidgetProvider/WidgetProvider.js";
 import "../../../shared/feature/dist/lib/WidgetProvider/WidgetTokenRefreshContext.js";
-import { useAnalyticsTrack as k } from "../../../shared/feature/dist/lib/analytics/hooks.js";
-import { WIDGET_NAME as u, BillPayWidgetAnalyticsEvent as y } from "./index6.js";
-function b({
-  labels: r
+import { useWidgetConfig as E } from "../../../shared/feature/dist/lib/WidgetProvider/hooks.js";
+import { useAnalyticsTrack as S } from "../../../shared/feature/dist/lib/analytics/hooks.js";
+import { ApprovalPoliciesSettings as T } from "../../../shared/approval-policy/feature/dist/lib/ApprovalPoliciesSettings.js";
+import { WIDGET_NAME as h, BillPayWidgetAnalyticsEvent as w } from "./index6.js";
+import { DEFAULT_TABS_LABELS as x } from "./index7.js";
+const l = {
+  Bills: "bills",
+  Vendors: "vendors",
+  Settings: "settings"
+};
+function g({ text: i }) {
+  return /* @__PURE__ */ o("p", { className: "ttw:text-sm ttw:text-muted-foreground", children: i });
+}
+function B({
+  labels: i,
+  tabsLabels: s,
+  approvalPolicyLabels: a,
+  approvalPolicyComponentLabels: m
 }) {
-  const i = k();
-  return d(() => {
-    i(y.Mounted);
-  }, [i]), /* @__PURE__ */ o(f, { labels: r });
+  const r = S();
+  u(() => {
+    r(w.Mounted);
+  }, [r]);
+  const t = { ...x, ...s }, { initResponse: p } = E(), c = P(p?.scopes, [
+    k.ApprovalPolicyWriteOrg
+  ]), [n, d] = y(l.Settings), e = [
+    {
+      id: l.Bills,
+      label: t.bills,
+      content: /* @__PURE__ */ o(g, { text: t.billsPlaceholder })
+    },
+    {
+      id: l.Vendors,
+      label: t.vendors,
+      content: /* @__PURE__ */ o(g, { text: t.vendorsPlaceholder })
+    }
+  ];
+  c && e.push({
+    id: l.Settings,
+    label: t.settings,
+    content: /* @__PURE__ */ o(
+      T,
+      {
+        labels: a,
+        componentLabels: m
+      }
+    )
+  });
+  const b = e.some((f) => f.id === n) ? n : e[0]?.id ?? "";
+  return /* @__PURE__ */ o(
+    v,
+    {
+      labels: i,
+      tabs: e,
+      selectedTabId: b,
+      onTabChange: d
+    }
+  );
 }
-function D({
-  baseUrl: r,
-  widgetToken: i,
-  organizationId: t,
-  configClient: e,
-  linkComponent: n,
-  implementation: a,
-  uiFramework: m,
-  errorFallback: l,
-  onError: p,
-  analytics: s,
-  ...c
+function Z({
+  baseUrl: i,
+  widgetToken: s,
+  organizationId: a,
+  configClient: m,
+  linkComponent: r,
+  implementation: t,
+  uiFramework: p,
+  errorFallback: c,
+  onError: n,
+  analytics: d,
+  ...e
 }) {
   return /* @__PURE__ */ o(
-    g,
+    A,
     {
-      widgetName: u,
-      baseUrl: r,
-      widgetToken: i,
-      organizationId: t,
-      configClient: e,
-      linkComponent: n,
-      implementation: a,
-      uiFramework: m,
-      errorFallback: l,
-      onError: p,
-      analytics: s,
-      children: /* @__PURE__ */ o(b, { ...c })
+      widgetName: h,
+      baseUrl: i,
+      widgetToken: s,
+      organizationId: a,
+      configClient: m,
+      linkComponent: r,
+      implementation: t,
+      uiFramework: p,
+      errorFallback: c,
+      onError: n,
+      analytics: d,
+      children: /* @__PURE__ */ o(B, { ...e })
     }
   );
 }
 export {
-  D as BillPayWidgetNative
+  Z as BillPayWidgetNative
 };

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index7.js

@@ -0,0 +1,10 @@
+const e = {
+  bills: "Bills",
+  vendors: "Vendors",
+  settings: "Settings",
+  billsPlaceholder: "Bills will appear here.",
+  vendorsPlaceholder: "Vendors will appear here."
+};
+export {
+  e as DEFAULT_TABS_LABELS
+};

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

@@ -1,15 +1,33 @@
 "use client";
-import { jsx as t, jsxs as i } from "react/jsx-runtime";
-import { DEFAULT_LABELS as l } from "./index3.js";
-function o({
-  labels: s
+import { jsxs as a, jsx as e } from "react/jsx-runtime";
+import { Tabs as c, TabsList as d, TabsTrigger as o, TabsContent as m } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { DEFAULT_LABELS as w } from "./index3.js";
+function p({
+  labels: i,
+  tabs: s,
+  selectedTabId: n,
+  onTabChange: r
 }) {
-  const e = { ...l, ...s };
-  return /* @__PURE__ */ t("section", { className: "ttw:w-full ttw:space-y-5", children: /* @__PURE__ */ i("div", { className: "ttw:min-w-0", children: [
-    /* @__PURE__ */ t("h2", { className: "ttw:text-xl ttw:font-semibold ttw:text-foreground", children: e.title }),
-    /* @__PURE__ */ t("p", { className: "ttw:mt-1 ttw:text-sm ttw:text-muted-foreground", children: e.description })
-  ] }) });
+  const l = { ...w, ...i };
+  return /* @__PURE__ */ a("section", { className: "ttw:w-full ttw:space-y-5", children: [
+    /* @__PURE__ */ a("div", { className: "ttw:min-w-0", children: [
+      /* @__PURE__ */ e("h2", { className: "ttw:text-xl ttw:font-semibold ttw:text-foreground", children: l.title }),
+      /* @__PURE__ */ e("p", { className: "ttw:mt-1 ttw:text-sm ttw:text-muted-foreground", children: l.description })
+    ] }),
+    /* @__PURE__ */ a(
+      c,
+      {
+        value: n,
+        onValueChange: r,
+        className: "ttw:w-full",
+        children: [
+          /* @__PURE__ */ e(d, { children: s.map((t) => /* @__PURE__ */ e(o, { value: t.id, children: t.label }, t.id)) }),
+          s.map((t) => /* @__PURE__ */ e(m, { value: t.id, className: "ttw:mt-6", children: t.content }, t.id))
+        ]
+      }
+    )
+  ] });
 }
 export {
-  o as BillPayWidgetUi
+  p as BillPayWidgetUi
 };