@tesouro/embedded-components-react 0.5.182 → 0.5.184

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.5.182", n = "d5767c7cda8709eab716afbae3de306710dc6d86", r = Object.freeze({
+var e = "@tesouro/embedded-components-react", t = "0.5.184", n = "1bc865a8a1fe7fadaafba82424a6cda892988743", r = Object.freeze({
 	library_name: e,
 	library_version: t,
 	library_sha: n

package/dist/libs/tesouro-embedded-components-react/shared/monite-wrapper/feature/dist/lib/MoniteWrapper.js

@@ -7,78 +7,92 @@ import "../../../../data-access/dist/index.js";
 import { useOptionalWidgetToken as t } from "../../../../feature/dist/lib/WidgetProvider/useWidgetToken.js";
 import { useWidgetConfig as n, useWidgetError as r, useWidgetInitStaleForToken as i } from "../../../../feature/dist/lib/WidgetProvider/hooks.js";
 import "../../../../feature/dist/index.js";
-import { MoniteProvider as a } from "../../../../../monite-sdk/dist/index592.js";
+import { RootElementsProvider as a } from "../../../../../monite-sdk/dist/index48.js";
+import { MoniteProvider as o } from "../../../../../monite-sdk/dist/index592.js";
 import "../../../../../monite-sdk/dist/index.js";
-import { useMemo as o, useState as s } from "react";
-import { jsx as c } from "react/jsx-runtime";
+import { useEffect as s, useLayoutEffect as c, useMemo as l, useState as u } from "react";
+import { jsx as d } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/shared/monite-wrapper/feature/dist/lib/MoniteWrapper.js
-var l = 0;
-function u(e) {
+var f = 0, p = "tesouro-embedded-light", m = {
+	color: "var(--ttw-foreground)",
+	background: "var(--ttw-background)"
+}, h = "position: relative; z-index: calc(var(--tesouro-embedded-overlay-z-index, 2147483000) - 1); color: var(--ttw-foreground);", g = typeof document > "u" ? s : c;
+function _() {
+	let [e] = u(() => {
+		if (typeof document > "u") return;
+		let e = document.createElement("div");
+		return e.className = `tesouro-embedded ${p}`, e.setAttribute("style", h), e;
+	});
+	return g(() => {
+		if (e) return document.body.appendChild(e), () => e.remove();
+	}, [e]), e;
+}
+function v(e) {
 	return e instanceof Error ? e : Error(String(e));
 }
-function d({ finopsThemeColors: d, children: f }) {
-	let { baseUrl: p, organizationId: m, initResponse: h, widgetToken: g } = n(), { client: _ } = e(), v = t(), y = v !== null, b = v?.state, x = v?.refresh, S = v?.getState, C = y && b?.status === "ready" ? b.widgetToken : g ?? null, w = y && b?.status === "ready" ? b.exp : void 0, T = i(), [E, D] = s(() => ({
-		organizationId: m,
-		widgetToken: C,
-		widgetTokenExp: w
+function y({ finopsThemeColors: s, children: c }) {
+	let h = _(), { baseUrl: g, organizationId: y, initResponse: b, widgetToken: x } = n(), { client: S } = e(), C = t(), w = C !== null, T = C?.state, E = C?.refresh, D = C?.getState, O = w && T?.status === "ready" ? T.widgetToken : x ?? null, k = w && T?.status === "ready" ? T.exp : void 0, A = i(), [j, M] = u(() => ({
+		organizationId: y,
+		widgetToken: O,
+		widgetTokenExp: k
 	}));
-	!T && (E.organizationId !== m || E.widgetToken !== C || E.widgetTokenExp !== w) && D({
-		organizationId: m,
-		widgetToken: C,
-		widgetTokenExp: w
+	!A && (j.organizationId !== y || j.widgetToken !== O || j.widgetTokenExp !== k) && M({
+		organizationId: y,
+		widgetToken: O,
+		widgetTokenExp: k
 	});
-	let O = T ? E.organizationId : m, k = T ? E.widgetToken : C, A = T ? E.widgetTokenExp : w, j = r();
-	if (j) throw j;
-	if (b?.status === "error") throw b.error instanceof Error ? b.error : Error(String(b.error));
-	let M = h?.userId ?? null, N = y ? b?.status === "ready" : !!g, P = o(() => {
-		let e = _.getConfig();
+	let N = A ? j.organizationId : y, P = A ? j.widgetToken : O, F = A ? j.widgetTokenExp : k, I = r();
+	if (I) throw I;
+	if (T?.status === "error") throw T.error instanceof Error ? T.error : Error(String(T.error));
+	let L = b?.userId ?? null, R = w ? T?.status === "ready" : !!x, z = l(() => {
+		let e = S.getConfig();
 		return async (t, n) => {
 			let r = t instanceof Request ? t : new Request(t, n);
-			for (let t of _.interceptors.request.fns) t && (r = await t(r, e));
-			if (T) {
-				if (!k) throw Error("MoniteWrapper.fetch: widget token is not ready during init refresh");
-				r = new Request(r), r.headers.has("X-Client-Secret") ? (r.headers.delete("Authorization"), r.headers.set("X-Widget-Token", k)) : (r.headers.set("Authorization", `Bearer ${k}`), r.headers.has("X-Widget-Token") && r.headers.set("X-Widget-Token", k));
+			for (let t of S.interceptors.request.fns) t && (r = await t(r, e));
+			if (A) {
+				if (!P) throw Error("MoniteWrapper.fetch: widget token is not ready during init refresh");
+				r = new Request(r), r.headers.has("X-Client-Secret") ? (r.headers.delete("Authorization"), r.headers.set("X-Widget-Token", P)) : (r.headers.set("Authorization", `Bearer ${P}`), r.headers.has("X-Widget-Token") && r.headers.set("X-Widget-Token", P));
 			}
-			return (_.getConfig().fetch ?? globalThis.fetch)(r);
+			return (S.getConfig().fetch ?? globalThis.fetch)(r);
 		};
 	}, [
-		_,
-		T,
-		k
-	]), F = o(() => !p || !O ? null : {
-		apiUrl: p,
-		entityId: O,
-		fetch: P,
+		S,
+		A,
+		P
+	]), B = l(() => !g || !N ? null : {
+		apiUrl: g,
+		entityId: N,
+		fetch: z,
 		fetchToken: async () => {
-			if (T) {
-				if (!k) throw Error("MoniteWrapper.fetchToken: widget token is not ready during init refresh");
+			if (A) {
+				if (!P) throw Error("MoniteWrapper.fetchToken: widget token is not ready during init refresh");
 				let e = Date.now() / 1e3;
 				return {
-					access_token: k,
-					expires_in: A === void 0 ? l : Math.max(0, A - e),
+					access_token: P,
+					expires_in: F === void 0 ? f : Math.max(0, F - e),
 					token_type: "Bearer"
 				};
 			}
-			if (!y) {
-				if (!g) throw Error("MoniteWrapper.fetchToken: widget token is not ready");
+			if (!w) {
+				if (!x) throw Error("MoniteWrapper.fetchToken: widget token is not ready");
 				return {
-					access_token: g,
-					expires_in: l,
+					access_token: x,
+					expires_in: f,
 					token_type: "Bearer"
 				};
 			}
-			if (!x || !S) throw Error("MoniteWrapper.fetchToken: token refresh provider is unavailable");
+			if (!E || !D) throw Error("MoniteWrapper.fetchToken: token refresh provider is unavailable");
 			let e = !1, t = () => {
-				let e = S();
-				if (e.status === "error") throw u(e.error);
+				let e = D();
+				if (e.status === "error") throw v(e.error);
 				return e;
 			}, n = (e) => {
 				if (e.status !== "ready") throw Error("MoniteWrapper.fetchToken: widget token is not ready after refresh()");
 				return e;
-			}, r = S();
-			if (r.status === "error") throw u(r.error);
-			if (r.status !== "ready" && (await x(), e = !0, r = t()), r = n(r), r.exp === void 0 && !e && (await x(), r = n(t())), r.exp === void 0 && r.lastError !== void 0) throw u(r.lastError);
-			let i = Date.now() / 1e3, a = r.exp === void 0 ? l : Math.max(0, r.exp - i);
+			}, r = D();
+			if (r.status === "error") throw v(r.error);
+			if (r.status !== "ready" && (await E(), e = !0, r = t()), r = n(r), r.exp === void 0 && !e && (await E(), r = n(t())), r.exp === void 0 && r.lastError !== void 0) throw v(r.lastError);
+			let i = Date.now() / 1e3, a = r.exp === void 0 ? f : Math.max(0, r.exp - i);
 			return {
 				access_token: r.widgetToken,
 				expires_in: a,
@@ -86,35 +100,45 @@ function d({ finopsThemeColors: d, children: f }) {
 			};
 		}
 	}, [
-		p,
-		S,
-		y,
-		T,
-		P,
-		k,
+		g,
+		D,
+		w,
 		A,
-		O,
-		x,
-		g
-	]), I = o(() => new Set(h?.scopes ?? []), [h?.scopes]), L = o(() => {
-		if (!d) return;
+		z,
+		P,
+		F,
+		N,
+		E,
+		x
+	]), V = l(() => new Set(b?.scopes ?? []), [b?.scopes]), H = l(() => {
+		if (!s) return;
 		let e = {};
-		return d.primary && (e.primary = d.primary), d.primaryForeground && (e.primaryForeground = d.primaryForeground), Object.keys(e).length > 0 ? { colors: e } : void 0;
-	}, [d]);
-	return !N || !F || !h || !p || !O ? null : /* @__PURE__ */ c(a, {
-		monite: F,
-		theme: L,
-		userPermissions: I,
-		componentSettings: {
-			receivables: {
-				bankAccountCountries: ["US"],
-				bankAccountCurrencies: ["USD"],
-				enableEntityBankAccount: !0
+		return s.primary && (e.primary = s.primary), s.primaryForeground && (e.primaryForeground = s.primaryForeground), Object.keys(e).length > 0 ? { colors: e } : void 0;
+	}, [s]);
+	return !R || !B || !b || !g || !N ? null : /* @__PURE__ */ d(a, {
+		elements: h ? {
+			root: h,
+			styles: void 0
+		} : void 0,
+		children: /* @__PURE__ */ d(o, {
+			monite: B,
+			theme: H,
+			userPermissions: V,
+			componentSettings: {
+				receivables: {
+					bankAccountCountries: ["US"],
+					bankAccountCurrencies: ["USD"],
+					enableEntityBankAccount: !0
+				},
+				financing: { enableFinanceWidgetButton: !1 }
 			},
-			financing: { enableFinanceWidgetButton: !1 }
-		},
-		children: f
-	}, M ?? "no-user");
+			children: /* @__PURE__ */ d("div", {
+				className: p,
+				style: m,
+				children: c
+			})
+		}, L ?? "no-user")
+	});
 }
 //#endregion
-export { d as MoniteWrapper };
+export { y as MoniteWrapper };

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

@@ -6,21 +6,21 @@ import { PortalContainerProvider as e, usePortalContainer as t } from "../../../
 import { useEffect as n, useLayoutEffect as r, useState as i } from "react";
 import { jsx as a } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/shared/ui/dist/lib/HostIsolationScope/HostIsolationScope.js
-var o = { display: "contents" }, s = "tesouro-embedded", c = "document" in globalThis ? r : n;
-function l({ children: n }) {
-	let r = t(), [l] = i(() => {
+var o = { display: "contents" }, s = "tesouro-embedded", c = "position: relative; z-index: var(--tesouro-embedded-overlay-z-index, 2147483000);", l = "document" in globalThis ? r : n;
+function u({ children: n }) {
+	let r = t(), [u] = i(() => {
 		if (r != null || !("document" in globalThis)) return null;
 		let e = globalThis.document.createElement("div");
-		return e.classList.add(s), e;
+		return e.classList.add(s), e.setAttribute("style", c), e;
 	});
-	return c(() => {
-		if (!l) return;
-		let e = l, t = globalThis.document?.body;
+	return l(() => {
+		if (!u) return;
+		let e = u, t = globalThis.document?.body;
 		if (t) return t.appendChild(e), () => {
 			e.remove();
 		};
-	}, [l]), /* @__PURE__ */ a(e, {
-		container: l ?? r,
+	}, [u]), /* @__PURE__ */ a(e, {
+		container: u ?? r,
 		children: /* @__PURE__ */ a("div", {
 			className: s,
 			style: o,
@@ -29,4 +29,4 @@ function l({ children: n }) {
 	});
 }
 //#endregion
-export { l as HostIsolationScope };
+export { u as HostIsolationScope };

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

@@ -1,52 +1,60 @@
-import { Button as e, Dialog as t, DialogClose as n, DialogContent as r, DialogDescription as i, DialogTitle as a, Separator as o } from "../../../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { InlineErrorAlert as s } from "../InlineErrorAlert/InlineErrorAlert.js";
-import { ONBOARDING_SHELL_LABELS_EN as c } from "./labels.js";
-import { OnboardingShellStepper as l } from "./OnboardingShellStepper.js";
-import { OnboardingShellOverlayContainerContext as u } from "./OnboardingShellOverlayPortal.js";
-import { FdicLogo as d } from "./FdicLogo.js";
+import { Button as e, Dialog as t, DialogClose as n, DialogContent as r, DialogDescription as i, DialogTitle as a, Separator as o, cn as s } from "../../../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { InlineErrorAlert as c } from "../InlineErrorAlert/InlineErrorAlert.js";
+import { ONBOARDING_SHELL_LABELS_EN as l } from "./labels.js";
+import { OnboardingShellStepper as u } from "./OnboardingShellStepper.js";
+import { OnboardingShellOverlayContainerContext as d } from "./OnboardingShellOverlayPortal.js";
+import { FdicLogo as ee } from "./FdicLogo.js";
 import { OnboardingShellScrollRegion as f } from "./OnboardingShellScrollRegion.js";
 import * as p from "react";
 import { jsx as m, jsxs as h } from "react/jsx-runtime";
 import { useControllableState as g } from "@radix-ui/react-use-controllable-state";
-import { Check as _, X as v } from "lucide-react";
+import { Check as _, Trash2 as v, X as y } from "lucide-react";
 //#region ../../libs/tesouro-embedded-components-react/shared/ui/dist/lib/OnboardingShell/OnboardingShell.js
-function y({ isFullScreenInline: e, className: t, children: n }) {
+function b({ isFullScreenInline: e, className: t, children: n }) {
 	return m(e ? "h2" : a, {
 		className: t,
 		children: n
 	});
 }
-function b({ isFullScreenInline: e, className: t, children: n }) {
+function x({ isFullScreenInline: e, className: t, children: n }) {
 	return m(e ? "p" : i, {
 		className: t,
 		children: n
 	});
 }
-function x({ open: i, defaultOpen: a = !0, onOpenChange: x, isFullScreenInline: S = !1, title: C, subtitle: w, stepLabels: T, activeStep: E, disclaimerText: D, onBack: O, onNext: ee, onCancel: k, onSaveAndClose: A, isSaveAndCloseDisabled: j = !1, isSaveAndCloseLoading: M = !1, isBackDisabled: N = !1, showDismissButton: P = !0, isNextDisabled: F = !1, isNextLoading: I = !1, nextLabel: L, nextIcon: R, errorMessage: z, children: B, labels: V, testIds: H }) {
+function S({ open: i, defaultOpen: a = !0, onOpenChange: S, isFullScreenInline: C = !1, title: w, subtitle: T, stepLabels: E, activeStep: D, disclaimerText: te, onBack: ne, onNext: re, onCancel: O, onSaveAndClose: k, isSaveAndCloseDisabled: A = !1, isSaveAndCloseLoading: j = !1, onDelete: M, isBackDisabled: N = !1, showDismissButton: P = !0, isNextDisabled: F = !1, isNextLoading: I = !1, nextLabel: L, nextIcon: R, errorMessage: z, children: B, labels: V, testIds: H }) {
 	let U = {
-		...c,
+		...l,
 		...V
 	}, [W, G] = g({
 		prop: i,
 		defaultProp: a,
-		onChange: x
+		onChange: S
 	}), [K, q] = p.useState(null), J = p.useCallback((e) => {
 		q(e);
 	}, []), Y = p.useMemo(() => ({
 		container: K,
-		isFullScreenInline: S
-	}), [K, S]), X = I || M, Z = !I && (R === void 0 ? /* @__PURE__ */ m(_, {
+		isFullScreenInline: C
+	}), [K, C]), X = I || j, ie = !I && (R === void 0 ? /* @__PURE__ */ m(_, {
 		className: "ttw:size-5",
 		"aria-hidden": !0
-	}) : R), Q = P && !S, $ = /* @__PURE__ */ h("div", {
+	}) : R), Z = P && !C, Q = /* @__PURE__ */ m(e, {
+		type: "button",
+		variant: "outline",
+		disabled: N || X,
+		onClick: ne,
+		className: "ttw:h-auto ttw:rounded-2xl ttw:border-border ttw:px-5 ttw:py-3 ttw:text-base ttw:font-medium ttw:text-foreground ttw:hover:bg-muted ttw:hover:text-foreground",
+		"data-testid": H?.back,
+		children: U.backButton
+	}), $ = /* @__PURE__ */ h("div", {
 		ref: J,
-		className: S ? "ttw:relative ttw:grid ttw:h-full ttw:w-full ttw:min-h-0 ttw:grid-rows-[auto_1fr_auto] ttw:gap-0 ttw:overflow-hidden ttw:bg-background" : "ttw:relative ttw:grid ttw:max-h-[95vh] ttw:min-h-0 ttw:grid-rows-[auto_1fr_auto] ttw:gap-0",
-		"data-testid": S ? H?.root : void 0,
+		className: C ? "ttw:relative ttw:grid ttw:h-full ttw:w-full ttw:min-h-0 ttw:grid-rows-[auto_1fr_auto] ttw:gap-0 ttw:overflow-hidden ttw:bg-background" : "ttw:relative ttw:grid ttw:max-h-[95vh] ttw:min-h-0 ttw:grid-rows-[auto_1fr_auto] ttw:gap-0",
+		"data-testid": C ? H?.root : void 0,
 		children: [
-			Q ? /* @__PURE__ */ h(n, {
+			Z ? /* @__PURE__ */ h(n, {
 				className: "ttw:absolute ttw:right-4 ttw:top-4 ttw:cursor-pointer ttw:rounded-sm ttw:opacity-70 ttw:ring-offset-background ttw:transition-opacity ttw:hover:opacity-100 ttw:focus:outline-hidden ttw:focus:ring-2 ttw:focus:ring-ring ttw:focus:ring-offset-2 ttw:disabled:pointer-events-none ttw:data-[state=open]:bg-accent ttw:data-[state=open]:text-muted-foreground",
 				"data-testid": H?.dismiss,
-				children: [/* @__PURE__ */ m(v, {
+				children: [/* @__PURE__ */ m(y, {
 					className: "ttw:size-4",
 					"aria-hidden": !0
 				}), /* @__PURE__ */ m("span", {
@@ -55,27 +63,27 @@ function x({ open: i, defaultOpen: a = !0, onOpenChange: x, isFullScreenInline:
 				})]
 			}) : null,
 			/* @__PURE__ */ h("header", {
-				className: Q ? "ttw:px-8 ttw:pt-8 ttw:pr-14" : "ttw:px-8 ttw:pt-8",
+				className: Z ? "ttw:px-8 ttw:pt-8 ttw:pr-14" : "ttw:px-8 ttw:pt-8",
 				children: [
-					/* @__PURE__ */ m(y, {
-						isFullScreenInline: S,
+					/* @__PURE__ */ m(b, {
+						isFullScreenInline: C,
 						className: "ttw:text-2xl ttw:font-bold ttw:leading-tight ttw:text-foreground",
-						children: C
+						children: w
 					}),
-					/* @__PURE__ */ m(b, {
-						isFullScreenInline: S,
+					/* @__PURE__ */ m(x, {
+						isFullScreenInline: C,
 						className: "ttw:mt-1 ttw:mb-4 ttw:text-sm ttw:text-muted-foreground",
-						children: w
+						children: T
 					}),
-					/* @__PURE__ */ m(l, {
-						stepLabels: T,
-						activeStep: E,
+					/* @__PURE__ */ m(u, {
+						stepLabels: E,
+						activeStep: D,
 						labels: V
 					})
 				]
 			}),
 			/* @__PURE__ */ m(f, {
-				activeStep: E,
+				activeStep: D,
 				scrollForMoreLabel: U.scrollForMore,
 				testIds: H?.scrollRegion,
 				children: B
@@ -88,41 +96,45 @@ function x({ open: i, defaultOpen: a = !0, onOpenChange: x, isFullScreenInline:
 						className: "ttw:mb-4 ttw:flex ttw:items-center ttw:gap-1",
 						children: [/* @__PURE__ */ m("p", {
 							className: "ttw:text-sm ttw:text-muted-foreground",
-							children: D
-						}), /* @__PURE__ */ m(d, {})]
+							children: te
+						}), /* @__PURE__ */ m(ee, {})]
 					}),
-					z ? /* @__PURE__ */ m(s, {
+					z ? /* @__PURE__ */ m(c, {
 						className: "ttw:mb-3",
 						children: z
 					}) : null,
 					/* @__PURE__ */ h("div", {
-						className: "ttw:flex ttw:items-center ttw:justify-between ttw:gap-3",
-						children: [/* @__PURE__ */ m(e, {
+						className: "ttw:flex ttw:flex-wrap ttw:items-center ttw:justify-between ttw:gap-3",
+						children: [M ? /* @__PURE__ */ h(e, {
 							type: "button",
-							variant: "outline",
-							disabled: N || X,
-							onClick: O,
-							className: "ttw:h-auto ttw:rounded-2xl ttw:border-border ttw:px-5 ttw:py-3 ttw:text-base ttw:font-medium ttw:text-foreground ttw:hover:bg-muted ttw:hover:text-foreground",
-							"data-testid": H?.back,
-							children: U.backButton
-						}), /* @__PURE__ */ h("div", {
-							className: "ttw:flex ttw:items-center ttw:gap-3",
+							variant: "ghost",
+							disabled: X,
+							onClick: M,
+							className: "ttw:h-auto ttw:max-w-full ttw:whitespace-normal ttw:rounded-2xl ttw:px-3 ttw:py-3 ttw:text-base ttw:font-medium ttw:text-destructive ttw:hover:bg-destructive/10 ttw:hover:text-destructive",
+							"data-testid": H?.delete,
+							children: [/* @__PURE__ */ m(v, {
+								className: "ttw:size-4",
+								"aria-hidden": !0
+							}), U.deleteButton]
+						}) : Q, /* @__PURE__ */ h("div", {
+							className: "ttw:ml-auto ttw:flex ttw:min-w-0 ttw:max-w-full ttw:flex-wrap ttw:items-center ttw:justify-end ttw:gap-3",
 							children: [
-								k ? /* @__PURE__ */ m(e, {
+								M ? Q : null,
+								O ? /* @__PURE__ */ m(e, {
 									type: "button",
 									variant: "outline",
 									disabled: X,
-									onClick: k,
+									onClick: O,
 									className: "ttw:h-auto ttw:rounded-2xl ttw:border-border ttw:px-5 ttw:py-3 ttw:text-base ttw:font-medium ttw:text-foreground ttw:hover:bg-muted ttw:hover:text-foreground",
 									"data-testid": H?.cancel,
 									children: U.cancelButton
 								}) : null,
-								A ? /* @__PURE__ */ m(e, {
+								k ? /* @__PURE__ */ m(e, {
 									type: "button",
 									variant: "secondary",
-									disabled: j || X,
-									loading: M,
-									onClick: A,
+									disabled: A || X,
+									loading: j,
+									onClick: k,
 									className: "ttw:h-auto ttw:rounded-2xl ttw:px-5 ttw:py-3 ttw:text-base ttw:font-medium",
 									"data-testid": H?.saveAndClose,
 									children: U.saveAndCloseButton
@@ -131,10 +143,10 @@ function x({ open: i, defaultOpen: a = !0, onOpenChange: x, isFullScreenInline:
 									type: "button",
 									disabled: F || X,
 									loading: I,
-									onClick: ee,
+									onClick: re,
 									className: "ttw:h-auto ttw:rounded-2xl ttw:px-5 ttw:py-3 ttw:text-base ttw:font-medium",
 									"data-testid": H?.next,
-									children: [L, Z]
+									children: [L, ie]
 								})
 							]
 						})]
@@ -143,16 +155,16 @@ function x({ open: i, defaultOpen: a = !0, onOpenChange: x, isFullScreenInline:
 			})
 		]
 	});
-	return S ? /* @__PURE__ */ m(u.Provider, {
+	return C ? /* @__PURE__ */ m(d.Provider, {
 		value: Y,
 		children: $
 	}) : /* @__PURE__ */ m(t, {
 		open: W,
 		onOpenChange: G,
-		children: /* @__PURE__ */ m(u.Provider, {
+		children: /* @__PURE__ */ m(d.Provider, {
 			value: Y,
 			children: /* @__PURE__ */ m(r, {
-				className: "ttw:max-h-[95vh] ttw:w-[720px] ttw:max-w-[calc(100vw-2rem)] ttw:overflow-hidden ttw:rounded-2xl ttw:p-0",
+				className: s("ttw:max-h-[95vh] ttw:max-w-[calc(100vw-2rem)] ttw:overflow-hidden ttw:rounded-2xl ttw:p-0", M ? "ttw:w-[840px]" : "ttw:w-[720px]"),
 				"data-testid": H?.root,
 				children: $
 			})
@@ -160,4 +172,4 @@ function x({ open: i, defaultOpen: a = !0, onOpenChange: x, isFullScreenInline:
 	});
 }
 //#endregion
-export { c as ONBOARDING_SHELL_LABELS_EN, x as OnboardingShell, l as OnboardingShellStepper };
+export { l as ONBOARDING_SHELL_LABELS_EN, S as OnboardingShell, u as OnboardingShellStepper };

package/dist/libs/tesouro-embedded-components-react/shared/ui/dist/lib/OnboardingShell/labels.js

@@ -3,6 +3,7 @@ var e = {
 	backButton: "Back",
 	cancelButton: "Cancel",
 	saveAndCloseButton: "Save and close",
+	deleteButton: "Cancel and delete application",
 	dismissAriaLabel: "Close onboarding",
 	stepperAriaLabel: "Onboarding progress",
 	scrollForMore: "Scroll for more"

package/package.json

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