@tesouro/embedded-components-react 0.2.252 → 0.2.253

package/dist/experimental/index.js

@@ -1,3 +1,6 @@
-import { WidgetSuiteStyleProbe as e } from "../libs/tesouro-embedded-components-react/widget-suite/ui/dist/index3.js";
+import { WIDGET_SUITE_SECTION_LABELS_EN as e } from "../libs/tesouro-embedded-components-react/widget-suite/feature/dist/index3.js";
+import { WidgetSuiteSectionId as t } from "../libs/tesouro-embedded-components-react/widget-suite/feature/dist/index4.js";
+import { WIDGET_SUITE_SHELL_LABELS_EN as n } from "../libs/tesouro-embedded-components-react/widget-suite/ui/dist/index2.js";
+import { WidgetSuite as r } from "../libs/tesouro-embedded-components-react/widget-suite/feature/dist/index5.js";
 import "./WidgetSuite.js";
-export { e as WidgetSuiteStyleProbe };
+export { e as WIDGET_SUITE_SECTION_LABELS_EN, n as WIDGET_SUITE_SHELL_LABELS_EN, r as WidgetSuite, t as WidgetSuiteSectionId };

package/dist/index.css

@@ -449,6 +449,9 @@
   .ttw\:mr-auto {
     margin-right: auto;
   }
+  .ttw\:-mb-px {
+    margin-bottom: -1px;
+  }
   .ttw\:mb-0 {
     margin-bottom: 0px;
   }
@@ -916,8 +919,8 @@
   .ttw\:min-h-\[300px\] {
     min-height: 300px;
   }
-  .ttw\:min-h-\[364px\] {
-    min-height: 364px;
+  .ttw\:min-h-\[432px\] {
+    min-height: 432px;
   }
   .ttw\:min-h-\[1123px\] {
     min-height: 1123px;
@@ -2015,6 +2018,10 @@
     border-bottom-style: var(--tw-border-style);
     border-bottom-width: 0px;
   }
+  .ttw\:border-b-2 {
+    border-bottom-style: var(--tw-border-style);
+    border-bottom-width: 2px;
+  }
   .ttw\:border-l {
     border-left-style: var(--tw-border-style);
     border-left-width: 1px;
@@ -2660,6 +2667,9 @@
   .ttw\:p-8 {
     padding: calc(var(--ttw-spacing) * 8);
   }
+  .ttw\:p-10 {
+    padding: calc(var(--ttw-spacing) * 10);
+  }
   .ttw\:p-12 {
     padding: calc(var(--ttw-spacing) * 12);
   }
@@ -4075,6 +4085,9 @@
     .ttw\:hover\:border-\[\#EAECF0\]:hover {
       border-color: #EAECF0;
     }
+    .ttw\:hover\:border-border:hover {
+      border-color: var(--ttw-border);
+    }
     .ttw\:hover\:border-indigo-700:hover {
       border-color: var(--ttw-color-indigo-700);
     }
@@ -4428,6 +4441,13 @@
     outline-style: var(--tw-outline-style);
     outline-width: 1px;
   }
+  .ttw\:focus-visible\:outline-2:focus-visible {
+    outline-style: var(--tw-outline-style);
+    outline-width: 2px;
+  }
+  .ttw\:focus-visible\:outline-offset-2:focus-visible {
+    outline-offset: 2px;
+  }
   .ttw\:focus-visible\:outline-ring:focus-visible {
     outline-color: var(--ttw-ring);
   }

package/dist/libs/tesouro-embedded-components-react/bank-accounts-widget/feature/dist/index7.js

@@ -15,7 +15,7 @@ import { copyTextToClipboard as ae, formatAmountLabel as a, formatTotalAvailable
 import { DEFAULT_FEATURE_LABELS as se } from "./index4.js";
 import { getBankAccountsPermissions as ce } from "./index5.js";
 import { toAccessRows as le, toOrganizationRoleOptions as ue, toTeamMembers as de } from "./index6.js";
-import { DEFAULT_LABELS as fe } from "../../ui/dist/index2.js";
+import { DEFAULT_LABELS as fe } from "../../ui/dist/lib/labels.js";
 import "../../ui/dist/index.js";
 import { useCreateBankAccountMutation as pe } from "../../data-access/dist/index3.js";
 import { useGrantBankAccountAccessMutation as me } from "../../data-access/dist/index4.js";

package/dist/libs/tesouro-embedded-components-react/bank-accounts-widget/feature/dist/index8.js

@@ -7,7 +7,7 @@ import "../../../shared/ui/dist/index.js";
 import { WidgetProvider as t } from "../../../shared/feature/dist/lib/WidgetProvider/WidgetProvider.js";
 import "../../../shared/feature/dist/index.js";
 import { WIDGET_NAME as n } from "./index2.js";
-import { BankAccountsWidgetUi as r } from "../../ui/dist/index6.js";
+import { BankAccountsWidgetUi as r } from "../../ui/dist/lib/BankAccountsWidgetUi.js";
 import "../../ui/dist/index.js";
 import { useBankAccountsWidget as i } from "./index7.js";
 import { AccountDetailsWidget as a } from "../../account-details/feature/dist/index8.js";

package/dist/libs/tesouro-embedded-components-react/bank-accounts-widget/ui/dist/index.js

@@ -1,3 +1,3 @@
-import { DEFAULT_LABELS as e } from "./index2.js";
-import { BankAccountsWidgetUi as t } from "./index6.js";
+import { DEFAULT_LABELS as e } from "./lib/labels.js";
+import { BankAccountsWidgetUi as t } from "./lib/BankAccountsWidgetUi.js";
 export { t as BankAccountsWidgetUi, e as DEFAULT_LABELS };

package/dist/libs/tesouro-embedded-components-react/bank-accounts-widget/ui/dist/{index3.js → lib/AccountCard.js}

@@ -2,11 +2,11 @@
 "use client";
 "use client";
 "use client";
-import { Button as e } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { formatOpenAccountAriaLabel as t } from "./index2.js";
+import { Button as e } from "../../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { formatOpenAccountAriaLabel as t } from "./labels.js";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
 import { CheckCircle2Icon as i, CopyIcon as a, EyeIcon as o, EyeOffIcon as s, PlusIcon as c } from "lucide-react";
-//#region ../../libs/tesouro-embedded-components-react/bank-accounts-widget/ui/dist/index3.js
+//#region ../../libs/tesouro-embedded-components-react/bank-accounts-widget/ui/dist/lib/AccountCard.js
 var l = "ttw:absolute ttw:inset-0 ttw:z-0 ttw:cursor-pointer ttw:rounded-xl ttw:border-0 ttw:bg-transparent ttw:outline-none focus-visible:ttw:ring-2 focus-visible:ttw:ring-ring focus-visible:ttw:ring-offset-2", u = "ttw:pointer-events-auto ttw:relative ttw:z-10 ttw:size-7 ttw:text-primary";
 function d({ labels: c, card: d, testId: f }) {
 	return /* @__PURE__ */ r("article", {

package/dist/libs/tesouro-embedded-components-react/bank-accounts-widget/ui/dist/{index6.js → lib/BankAccountsWidgetUi.js}

@@ -2,14 +2,14 @@
 "use client";
 "use client";
 "use client";
-import { InlineErrorAlert as e } from "../../../shared/ui/dist/lib/InlineErrorAlert/InlineErrorAlert.js";
-import "../../../shared/ui/dist/index.js";
-import { DEFAULT_LABELS as t } from "./index2.js";
-import { AccountCard as n, AddAccountCard as r } from "./index3.js";
-import { AccountCardSkeleton as i, BankingHeader as a } from "./index4.js";
-import { CreateAccountDialog as o } from "./index5.js";
+import { InlineErrorAlert as e } from "../../../../shared/ui/dist/lib/InlineErrorAlert/InlineErrorAlert.js";
+import "../../../../shared/ui/dist/index.js";
+import { DEFAULT_LABELS as t } from "./labels.js";
+import { AccountCard as n, AddAccountCard as r } from "./AccountCard.js";
+import { AccountCardSkeleton as i, BankingHeader as a } from "./BankingHeader.js";
+import { CreateAccountDialog as o } from "./CreateAccountDialog.js";
 import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
-//#region ../../libs/tesouro-embedded-components-react/bank-accounts-widget/ui/dist/index6.js
+//#region ../../libs/tesouro-embedded-components-react/bank-accounts-widget/ui/dist/lib/BankAccountsWidgetUi.js
 function u({ labels: u, "data-testid": d, title: f, bankDisplayName: p, bankLogoSrc: m, bankLogoAlt: h, availableBalanceLabel: g, shouldDisplayAvailableBalance: _, isBankingTaglineVisible: v, accountCards: y, accountCardTestId: b, shouldDisplayAddAccountCard: x, isLoading: S, isError: C, isCreateOpen: w, createForm: T, legalCopy: E, accessRows: D, isTeamMembersLoading: O, isTeamMembersError: k, isCreateSubmitDisabled: A, isCreateError: j, hasNicknameError: M, isSubmitting: N, isCreateDisabled: P, onCreateOpenChange: F, onCreateFormChange: I, onCreateSubmit: L, onAddAccountClick: R }) {
 	let z = {
 		...t,

package/dist/libs/tesouro-embedded-components-react/bank-accounts-widget/ui/dist/{index4.js → lib/BankingHeader.js}

@@ -2,10 +2,10 @@
 "use client";
 "use client";
 "use client";
-import { Skeleton as e, Tooltip as t, TooltipContent as n, TooltipProvider as r, TooltipTrigger as i, Typography as a } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { Skeleton as e, Tooltip as t, TooltipContent as n, TooltipProvider as r, TooltipTrigger as i, Typography as a } from "../../../../../../packages/shared-ui-shadcn/dist/index.js";
 import { jsx as o, jsxs as s } from "react/jsx-runtime";
 import { HelpCircleIcon as c } from "lucide-react";
-//#region ../../libs/tesouro-embedded-components-react/bank-accounts-widget/ui/dist/index4.js
+//#region ../../libs/tesouro-embedded-components-react/bank-accounts-widget/ui/dist/lib/BankingHeader.js
 function l({ labels: e, title: l, bankDisplayName: u, bankLogoSrc: d, bankLogoAlt: f, availableBalanceLabel: p, shouldDisplayAvailableBalance: m, isBankingTaglineVisible: h }) {
 	return /* @__PURE__ */ s("header", {
 		className: "ttw:mb-6 ttw:space-y-2",

package/dist/libs/tesouro-embedded-components-react/bank-accounts-widget/ui/dist/{index5.js → lib/CreateAccountDialog.js}

@@ -2,13 +2,13 @@
 "use client";
 "use client";
 "use client";
-import { Button as e, Dialog as t, DialogContent as n, DialogDescription as r, DialogFooter as i, DialogHeader as a, DialogTitle as o, Input as s, Label as c, Skeleton as l, Switch as u, Tooltip as d, TooltipContent as f, TooltipProvider as p, TooltipTrigger as m } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { InlineErrorAlert as h } from "../../../shared/ui/dist/lib/InlineErrorAlert/InlineErrorAlert.js";
-import "../../../shared/ui/dist/index.js";
+import { Button as e, Dialog as t, DialogContent as n, DialogDescription as r, DialogFooter as i, DialogHeader as a, DialogTitle as o, Input as s, Label as c, Skeleton as l, Switch as u, Tooltip as d, TooltipContent as f, TooltipProvider as p, TooltipTrigger as m } from "../../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { InlineErrorAlert as h } from "../../../../shared/ui/dist/lib/InlineErrorAlert/InlineErrorAlert.js";
+import "../../../../shared/ui/dist/index.js";
 import { Fragment as g } from "react";
 import { jsx as _, jsxs as v } from "react/jsx-runtime";
 import { HelpCircleIcon as y, XIcon as b } from "lucide-react";
-//#region ../../libs/tesouro-embedded-components-react/bank-accounts-widget/ui/dist/index5.js
+//#region ../../libs/tesouro-embedded-components-react/bank-accounts-widget/ui/dist/lib/CreateAccountDialog.js
 function x(e, t, n, r) {
 	return e.split(/(\{bankName\}|\{vspName\}|\{agreementLink\})/g).map((e, i) => e === "{bankName}" ? t : e === "{vspName}" ? n : e === "{agreementLink}" ? /* @__PURE__ */ _(g, { children: r }, i) : e);
 }

package/dist/libs/tesouro-embedded-components-react/bank-accounts-widget/ui/dist/{index2.js → lib/labels.js}

@@ -1,4 +1,4 @@
-//#region ../../libs/tesouro-embedded-components-react/bank-accounts-widget/ui/dist/index2.js
+//#region ../../libs/tesouro-embedded-components-react/bank-accounts-widget/ui/dist/lib/labels.js
 var e = {
 	title: "Accounts",
 	bankingTaglinePrefix: "Business Banking provided by",

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

@@ -26,7 +26,7 @@ import { TagsWidget as m } from "../../../tags-widget/feature/dist/index11.js";
 import "../../../tags-widget/feature/dist/index.js";
 import { TeamWidget as h } from "../../../team-widget/feature/dist/index17.js";
 import "../../../team-widget/feature/dist/index.js";
-import { SettingsWidgetUi as g } from "../../ui/dist/index3.js";
+import { SettingsWidgetUi as g } from "../../ui/dist/lib/SettingsWidgetUi/SettingsWidgetUi.js";
 import "../../ui/dist/index.js";
 import { useEffect as _, useState as v } from "react";
 import { jsx as y } from "react/jsx-runtime";

package/dist/libs/tesouro-embedded-components-react/settings-widget/ui/dist/index.js

@@ -1,4 +1,4 @@
-import "./index2.js";
-import { SettingsWidgetUi as e } from "./index3.js";
-import "./index4.js";
+import "./lib/SettingsWidgetUi/labels.js";
+import { SettingsWidgetUi as e } from "./lib/SettingsWidgetUi/SettingsWidgetUi.js";
+import "./lib/SettingsWidgetUi/index.js";
 export { e as SettingsWidgetUi };

package/dist/libs/tesouro-embedded-components-react/settings-widget/ui/dist/{index3.js → lib/SettingsWidgetUi/SettingsWidgetUi.js}

@@ -2,10 +2,10 @@
 "use client";
 "use client";
 "use client";
-import { Tabs as e, TabsContent as t, TabsList as n, TabsTrigger as r } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { DEFAULT_LABELS as i } from "./index2.js";
+import { Tabs as e, TabsContent as t, TabsList as n, TabsTrigger as r } from "../../../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { DEFAULT_LABELS as i } from "./labels.js";
 import { jsx as a, jsxs as o } from "react/jsx-runtime";
-//#region ../../libs/tesouro-embedded-components-react/settings-widget/ui/dist/index3.js
+//#region ../../libs/tesouro-embedded-components-react/settings-widget/ui/dist/lib/SettingsWidgetUi/SettingsWidgetUi.js
 function s({ labels: s, sections: c, selectedSectionId: l, onSectionChange: u }) {
 	let d = {
 		...i,

package/dist/libs/tesouro-embedded-components-react/settings-widget/ui/dist/lib/SettingsWidgetUi/index.js

@@ -0,0 +1,2 @@
+import "./labels.js";
+import "./SettingsWidgetUi.js";

package/dist/libs/tesouro-embedded-components-react/settings-widget/ui/dist/{index2.js → lib/SettingsWidgetUi/labels.js}

@@ -1,4 +1,4 @@
-//#region ../../libs/tesouro-embedded-components-react/settings-widget/ui/dist/index2.js
+//#region ../../libs/tesouro-embedded-components-react/settings-widget/ui/dist/lib/SettingsWidgetUi/labels.js
 var e = { title: "Settings" };
 //#endregion
 export { e as DEFAULT_LABELS };

package/dist/libs/tesouro-embedded-components-react/shared/data-access/dist/lib/EmbedApiContext.js

@@ -1,3 +1,7 @@
+"use client";
+"use client";
+"use client";
+"use client";
 import { client as e } from "./rest/client.gen.js";
 import { createContext as t, useContext as n, useMemo as r } from "react";
 import { jsx as i } from "react/jsx-runtime";

package/dist/libs/tesouro-embedded-components-react/shared/feature/dist/lib/WidgetProvider/RootWidgetProvider.js

@@ -1,3 +1,7 @@
+"use client";
+"use client";
+"use client";
+"use client";
 import { registerQueryClient as e, unregisterQueryClient as t } from "../../../../data-access/dist/lib/clientRegistry.js";
 import { createEmbeddedClient as ee } from "../../../../data-access/dist/lib/createEmbeddedClient.js";
 import { EmbedApiProvider as n } from "../../../../data-access/dist/lib/EmbedApiContext.js";

package/dist/libs/tesouro-embedded-components-react/shared/feature/dist/lib/WidgetProvider/WidgetProvider.js

@@ -1,3 +1,7 @@
+"use client";
+"use client";
+"use client";
+"use client";
 import { registerQueryClient as e, unregisterQueryClient as t } from "../../../../data-access/dist/lib/clientRegistry.js";
 import { createEmbeddedClient as n } from "../../../../data-access/dist/lib/createEmbeddedClient.js";
 import { EmbedApiProvider as ee, useEmbedApi as te } from "../../../../data-access/dist/lib/EmbedApiContext.js";

package/dist/libs/tesouro-embedded-components-react/shared/feature/dist/lib/analytics/build-info.js

@@ -1,5 +1,5 @@
 //#region ../../libs/tesouro-embedded-components-react/shared/feature/dist/lib/analytics/build-info.js
-var e = "@tesouro/embedded-components-react", t = "0.2.252", n = "564dda023d90103959a7f30ad006c2dbdfeb4f44", r = Object.freeze({
+var e = "@tesouro/embedded-components-react", t = "0.2.253", n = "6a1ab1e8411dbf2ea634a7be5dfce3d8108b1aff", r = Object.freeze({
 	library_name: e,
 	library_version: t,
 	library_sha: n

package/dist/libs/tesouro-embedded-components-react/shared/ui/dist/lib/UIContext/UIProvider.js

@@ -1,3 +1,7 @@
+"use client";
+"use client";
+"use client";
+"use client";
 import { DefaultLinkComponent as e, UIContext as t, resolveUIFramework as n } from "./UIContext.js";
 import { useContext as r, useMemo as i } from "react";
 import { jsx as a } from "react/jsx-runtime";

package/dist/libs/tesouro-embedded-components-react/widget-suite/feature/dist/index.js

@@ -1,3 +1,6 @@
-import { WidgetSuiteStyleProbe as e } from "../../ui/dist/index3.js";
+import { WIDGET_SUITE_SECTION_LABELS_EN as e } from "./index3.js";
+import { WidgetSuiteSectionId as t } from "./index4.js";
+import { WIDGET_SUITE_SHELL_LABELS_EN as n } from "../../ui/dist/index2.js";
 import "../../ui/dist/index.js";
-export { e as WidgetSuiteStyleProbe };
+import { WidgetSuite as r } from "./index5.js";
+export { e as WIDGET_SUITE_SECTION_LABELS_EN, n as WIDGET_SUITE_SHELL_LABELS_EN, r as WidgetSuite, t as WidgetSuiteSectionId };

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

@@ -0,0 +1,4 @@
+//#region ../../libs/tesouro-embedded-components-react/widget-suite/feature/dist/index2.js
+var e = { Mounted: "widget_suite.mounted" }, t = "widget_suite";
+//#endregion
+export { t as WIDGET_NAME, e as WidgetSuiteAnalyticsEvent };

package/dist/libs/tesouro-embedded-components-react/widget-suite/feature/dist/index3.js

@@ -0,0 +1,8 @@
+//#region ../../libs/tesouro-embedded-components-react/widget-suite/feature/dist/index3.js
+var e = {
+	accounts: "Accounts",
+	cards: "Cards",
+	settings: "Settings"
+};
+//#endregion
+export { e as WIDGET_SUITE_SECTION_LABELS_EN };

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

@@ -0,0 +1,34 @@
+"use client";
+"use client";
+"use client";
+"use client";
+import { hasAnyScope as e } from "../../../shared/data-access/dist/lib/hasAnyScope.js";
+import { Scope as t } from "../../../shared/data-access/dist/lib/scopes.js";
+import "../../../shared/data-access/dist/index.js";
+import { CardProgram as n } from "../../../shared/feature/dist/lib/card/cardProgram.js";
+import "../../../shared/feature/dist/index.js";
+import { BankAccountsWidget as r } from "../../../bank-accounts-widget/feature/dist/index8.js";
+import "../../../bank-accounts-widget/feature/dist/index.js";
+import { CardsWidget as i } from "../../../cards-widget/feature/dist/index8.js";
+import "../../../cards-widget/feature/dist/index.js";
+import { SettingsWidget as a } from "../../../settings-widget/feature/dist/index5.js";
+import "../../../settings-widget/feature/dist/index.js";
+import { jsx as o } from "react/jsx-runtime";
+//#region ../../libs/tesouro-embedded-components-react/widget-suite/feature/dist/index4.js
+var s = {
+	Accounts: "accounts",
+	Cards: "cards",
+	Settings: "settings"
+}, c = {
+	[s.Accounts]: {
+		anyOfScopes: [t.BankAccountReadOrg, t.ExternalBankAccountReadOrg],
+		render: () => /* @__PURE__ */ o(r, {})
+	},
+	[s.Cards]: {
+		anyOfScopes: [t.CreditCardReadOrg, t.DebitCardReadOrg],
+		render: (r) => /* @__PURE__ */ o(i, { cardProgram: e(r, [t.CreditCardReadOrg]) ? n.Credit : n.Debit })
+	},
+	[s.Settings]: { render: () => /* @__PURE__ */ o(a, {}) }
+};
+//#endregion
+export { c as WIDGET_SUITE_SECTIONS, s as WidgetSuiteSectionId };

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

@@ -0,0 +1,59 @@
+"use client";
+"use client";
+"use client";
+"use client";
+import { hasAnyScope as e } from "../../../shared/data-access/dist/lib/hasAnyScope.js";
+import "../../../shared/data-access/dist/index.js";
+import { useAnalyticsTrack as t } from "../../../shared/feature/dist/lib/analytics/hooks.js";
+import { WidgetProvider as n } from "../../../shared/feature/dist/lib/WidgetProvider/WidgetProvider.js";
+import { useWidgetConfig as r } from "../../../shared/feature/dist/lib/WidgetProvider/hooks.js";
+import "../../../shared/feature/dist/index.js";
+import { WIDGET_SUITE_SECTION_LABELS_EN as i } from "./index3.js";
+import { WIDGET_SUITE_SECTIONS as a } from "./index4.js";
+import { WIDGET_NAME as o, WidgetSuiteAnalyticsEvent as s } from "./index2.js";
+import { WidgetSuiteShell as c } from "../../ui/dist/index3.js";
+import "../../ui/dist/index.js";
+import { useEffect as l, useState as u } from "react";
+import { jsx as d } from "react/jsx-runtime";
+//#region ../../libs/tesouro-embedded-components-react/widget-suite/feature/dist/index5.js
+function f({ sections: n, labels: o, sectionLabels: f }) {
+	let p = t();
+	l(() => {
+		p(s.Mounted);
+	}, [p]);
+	let m = {
+		...i,
+		...f
+	}, { initResponse: h } = r(), g = h?.scopes, _ = n.flatMap((t) => {
+		let n = a[t];
+		return !n || n.anyOfScopes && !e(g, n.anyOfScopes) ? [] : [{
+			id: t,
+			label: m[t],
+			content: n.render(g)
+		}];
+	}), [v, y] = u(n[0] ?? ""), b = _.some((e) => e.id === v) ? v : _[0]?.id ?? "";
+	return /* @__PURE__ */ d(c, {
+		sections: _,
+		selectedSectionId: b,
+		onSectionChange: y,
+		labels: o
+	});
+}
+function p({ baseUrl: e, widgetToken: t, organizationId: r, configClient: i, linkComponent: a, implementation: s, uiFramework: c, errorFallback: l, onError: u, analytics: p, ...m }) {
+	return /* @__PURE__ */ d(n, {
+		widgetName: o,
+		baseUrl: e,
+		widgetToken: t,
+		organizationId: r,
+		configClient: i,
+		linkComponent: a,
+		implementation: s,
+		uiFramework: c,
+		errorFallback: l,
+		onError: u,
+		analytics: p,
+		children: /* @__PURE__ */ d(f, { ...m })
+	});
+}
+//#endregion
+export { p as WidgetSuite, p as default };

package/dist/libs/tesouro-embedded-components-react/widget-suite/ui/dist/index.js

@@ -1,3 +1,3 @@
-import "./index2.js";
-import { WidgetSuiteStyleProbe as e } from "./index3.js";
-export { e as WidgetSuiteStyleProbe };
+import { WIDGET_SUITE_SHELL_LABELS_EN as e } from "./index2.js";
+import { WidgetSuiteShell as t } from "./index3.js";
+export { e as WIDGET_SUITE_SHELL_LABELS_EN, t as WidgetSuiteShell };

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

@@ -1,7 +1,10 @@
 //#region ../../libs/tesouro-embedded-components-react/widget-suite/ui/dist/index2.js
 var e = {
-	title: "Widget suite styling is wired",
-	body: "This box is 364px tall and uses theme tokens. If it is unstyled, this library is missing from the generated Tailwind @source block."
+	navAriaLabel: "Sections",
+	emptyState: {
+		title: "Nothing available here",
+		body: "This account doesn't have access to any of this page's sections."
+	}
 };
 //#endregion
-export { e as WIDGET_SUITE_STYLE_PROBE_LABELS_EN };
+export { e as WIDGET_SUITE_SHELL_LABELS_EN };

package/dist/libs/tesouro-embedded-components-react/widget-suite/ui/dist/index3.js

@@ -1,25 +1,77 @@
-import { Typography as e } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { WIDGET_SUITE_STYLE_PROBE_LABELS_EN as t } from "./index2.js";
-import { useMemo as n } from "react";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
+"use client";
+"use client";
+"use client";
+"use client";
+import { Typography as e, cn as t } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { WIDGET_SUITE_SHELL_LABELS_EN as n } from "./index2.js";
+import { useRef as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/widget-suite/ui/dist/index3.js
-var a = ({ labels: a }) => {
-	let o = n(() => ({
-		...t,
-		...a
-	}), [a]);
-	return /* @__PURE__ */ i("div", {
-		"data-testid": "widget-suite-style-probe",
-		className: "ttw:flex ttw:min-h-[364px] ttw:flex-col ttw:items-center ttw:justify-center ttw:gap-2 ttw:rounded-lg ttw:border ttw:border-border ttw:bg-muted ttw:p-6 ttw:text-center",
-		children: [/* @__PURE__ */ r(e, {
+function o({ sections: o, selectedSectionId: s, onSectionChange: c, labels: l }) {
+	let u = {
+		...n,
+		...l,
+		emptyState: {
+			...n.emptyState,
+			...l?.emptyState
+		}
+	}, d = r([]), f = o.find((e) => e.id === s), p = (e, t) => {
+		let n = o.length - 1, r;
+		switch (e.key) {
+			case "ArrowRight":
+				r = t === n ? 0 : t + 1;
+				break;
+			case "ArrowLeft":
+				r = t === 0 ? n : t - 1;
+				break;
+			case "Home":
+				r = 0;
+				break;
+			case "End":
+				r = n;
+				break;
+			default: return;
+		}
+		e.preventDefault(), d.current[r]?.focus();
+	};
+	return o.length === 0 ? /* @__PURE__ */ a("section", {
+		className: "ttw:flex ttw:w-full ttw:flex-col ttw:items-center ttw:justify-center ttw:gap-2 ttw:rounded-lg ttw:border ttw:border-border ttw:p-10 ttw:text-center",
+		children: [/* @__PURE__ */ i(e, {
 			variant: "h5",
-			children: o.title
-		}), /* @__PURE__ */ r(e, {
+			children: u.emptyState.title
+		}), /* @__PURE__ */ i(e, {
 			variant: "body2",
 			color: "muted",
-			children: o.body
+			children: u.emptyState.body
+		})]
+	}) : /* @__PURE__ */ a("section", {
+		className: "ttw:flex ttw:w-full ttw:flex-col ttw:gap-6",
+		children: [/* @__PURE__ */ i("nav", {
+			"aria-label": u.navAriaLabel,
+			children: /* @__PURE__ */ i("ul", {
+				className: "ttw:flex ttw:flex-wrap ttw:items-center ttw:gap-1 ttw:border-b ttw:border-border",
+				children: o.map((e, n) => {
+					let r = e.id === s;
+					return /* @__PURE__ */ i("li", { children: /* @__PURE__ */ i("button", {
+						type: "button",
+						ref: (e) => {
+							d.current[n] = e;
+						},
+						"aria-current": r ? "page" : void 0,
+						onClick: () => c(e.id),
+						onKeyDown: (e) => p(e, n),
+						className: t("ttw:-mb-px ttw:cursor-pointer ttw:border-b-2 ttw:px-4 ttw:py-2.5 ttw:text-sm ttw:font-medium ttw:whitespace-nowrap ttw:focus-visible:outline-2 ttw:focus-visible:outline-offset-2 ttw:focus-visible:outline-ring", r ? "ttw:border-primary ttw:text-primary" : "ttw:border-transparent ttw:text-muted-foreground ttw:hover:border-border ttw:hover:text-foreground"),
+						children: e.label
+					}) }, e.id);
+				})
+			})
+		}), /* @__PURE__ */ i("div", {
+			role: "region",
+			"aria-label": f?.label,
+			className: "ttw:min-h-[432px] ttw:min-w-0",
+			children: f?.content
 		})]
 	});
-};
+}
 //#endregion
-export { a as WidgetSuiteStyleProbe };
+export { o as WidgetSuiteShell };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tesouro/embedded-components-react",
-  "version": "0.2.252",
+  "version": "0.2.253",
   "license": "Apache-2.0",
   "type": "module",
   "packageDepSync": {

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

@@ -1,2 +0,0 @@
-import "./index2.js";
-import "./index3.js";