@tesouro/embedded-components-react 0.5.171 → 0.5.173

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

@@ -22,40 +22,40 @@ function b({ isFullScreenInline: e, className: t, children: n }) {
 		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: k, onCancel: A, isBackDisabled: j = !1, showDismissButton: M = !0, isNextDisabled: N = !1, isNextLoading: P = !1, nextLabel: F, nextIcon: I, errorMessage: L, children: R, labels: z, testIds: B }) {
-	let V = {
+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 }) {
+	let U = {
 		...c,
-		...z
-	}, [H, U] = g({
+		...V
+	}, [W, G] = g({
 		prop: i,
 		defaultProp: a,
 		onChange: x
-	}), [W, G] = p.useState(null), K = p.useCallback((e) => {
-		G(e);
-	}, []), q = p.useMemo(() => ({
-		container: W,
+	}), [K, q] = p.useState(null), J = p.useCallback((e) => {
+		q(e);
+	}, []), Y = p.useMemo(() => ({
+		container: K,
 		isFullScreenInline: S
-	}), [W, S]), J = !P && (I === void 0 ? /* @__PURE__ */ m(_, {
+	}), [K, S]), X = I || M, Z = !I && (R === void 0 ? /* @__PURE__ */ m(_, {
 		className: "ttw:size-5",
 		"aria-hidden": !0
-	}) : I), Y = M && !S, X = /* @__PURE__ */ h("div", {
-		ref: K,
+	}) : R), Q = P && !S, $ = /* @__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 ? B?.root : void 0,
+		"data-testid": S ? H?.root : void 0,
 		children: [
-			Y ? /* @__PURE__ */ h(n, {
+			Q ? /* @__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": B?.dismiss,
+				"data-testid": H?.dismiss,
 				children: [/* @__PURE__ */ m(v, {
 					className: "ttw:size-4",
 					"aria-hidden": !0
 				}), /* @__PURE__ */ m("span", {
 					className: "ttw:sr-only",
-					children: V.dismissAriaLabel
+					children: U.dismissAriaLabel
 				})]
 			}) : null,
 			/* @__PURE__ */ h("header", {
-				className: Y ? "ttw:px-8 ttw:pt-8 ttw:pr-14" : "ttw:px-8 ttw:pt-8",
+				className: Q ? "ttw:px-8 ttw:pt-8 ttw:pr-14" : "ttw:px-8 ttw:pt-8",
 				children: [
 					/* @__PURE__ */ m(y, {
 						isFullScreenInline: S,
@@ -70,15 +70,15 @@ function x({ open: i, defaultOpen: a = !0, onOpenChange: x, isFullScreenInline:
 					/* @__PURE__ */ m(l, {
 						stepLabels: T,
 						activeStep: E,
-						labels: z
+						labels: V
 					})
 				]
 			}),
 			/* @__PURE__ */ m(f, {
 				activeStep: E,
-				scrollForMoreLabel: V.scrollForMore,
-				testIds: B?.scrollRegion,
-				children: R
+				scrollForMoreLabel: U.scrollForMore,
+				testIds: H?.scrollRegion,
+				children: B
 			}),
 			/* @__PURE__ */ h("footer", {
 				className: "ttw:px-8 ttw:pb-8",
@@ -91,39 +91,52 @@ function x({ open: i, defaultOpen: a = !0, onOpenChange: x, isFullScreenInline:
 							children: D
 						}), /* @__PURE__ */ m(d, {})]
 					}),
-					L ? /* @__PURE__ */ m(s, {
+					z ? /* @__PURE__ */ m(s, {
 						className: "ttw:mb-3",
-						children: L
+						children: z
 					}) : null,
 					/* @__PURE__ */ h("div", {
 						className: "ttw:flex ttw:items-center ttw:justify-between ttw:gap-3",
 						children: [/* @__PURE__ */ m(e, {
 							type: "button",
 							variant: "outline",
-							disabled: j || P,
+							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": B?.back,
-							children: V.backButton
+							"data-testid": H?.back,
+							children: U.backButton
 						}), /* @__PURE__ */ h("div", {
 							className: "ttw:flex ttw:items-center ttw:gap-3",
-							children: [A ? /* @__PURE__ */ m(e, {
-								type: "button",
-								variant: "outline",
-								disabled: P,
-								onClick: A,
-								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": B?.cancel,
-								children: V.cancelButton
-							}) : null, /* @__PURE__ */ h(e, {
-								type: "button",
-								disabled: N || P,
-								loading: P,
-								onClick: k,
-								className: "ttw:h-auto ttw:rounded-2xl ttw:px-5 ttw:py-3 ttw:text-base ttw:font-medium",
-								"data-testid": B?.next,
-								children: [F, J]
-							})]
+							children: [
+								k ? /* @__PURE__ */ m(e, {
+									type: "button",
+									variant: "outline",
+									disabled: X,
+									onClick: k,
+									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, {
+									type: "button",
+									variant: "secondary",
+									disabled: j || X,
+									loading: M,
+									onClick: A,
+									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
+								}) : null,
+								/* @__PURE__ */ h(e, {
+									type: "button",
+									disabled: F || X,
+									loading: I,
+									onClick: ee,
+									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]
+								})
+							]
 						})]
 					})
 				]
@@ -131,17 +144,17 @@ function x({ open: i, defaultOpen: a = !0, onOpenChange: x, isFullScreenInline:
 		]
 	});
 	return S ? /* @__PURE__ */ m(u.Provider, {
-		value: q,
-		children: X
+		value: Y,
+		children: $
 	}) : /* @__PURE__ */ m(t, {
-		open: H,
-		onOpenChange: U,
+		open: W,
+		onOpenChange: G,
 		children: /* @__PURE__ */ m(u.Provider, {
-			value: q,
+			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",
-				"data-testid": B?.root,
-				children: X
+				"data-testid": H?.root,
+				children: $
 			})
 		})
 	});

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

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

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

@@ -8,11 +8,12 @@ import { InvoicingWidget as t } from "../../../invoicing-widget/feature/dist/ind
 import "../../../invoicing-widget/feature/dist/index.js";
 import { jsx as n } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/widget-suite/feature/dist/index12.js
-function r() {
-	return /* @__PURE__ */ n(t, {});
+function r({ renderTitle: e } = {}) {
+	return /* @__PURE__ */ n(t, { pageTitleComponent: e });
 }
 var i = {
 	anyOfScopes: [e.InvoiceReadOrg],
+	placesOwnTitle: !0,
 	Content: r
 };
 //#endregion

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

@@ -24,7 +24,7 @@ import { WIDGET_NAME as b, WidgetSuiteAnalyticsEvent as x } from "./index2.js";
 import { needsDisclosureAcceptance as S } from "./index3.js";
 import { AcceptDisclosuresWidget as C } from "../../../accept-disclosures-widget/feature/dist/index5.js";
 import "../../../accept-disclosures-widget/feature/dist/index.js";
-import { BankAccountOnboardingWidget as w } from "../../../bank-account-onboarding-widget/feature/dist/index22.js";
+import { BankAccountOnboardingWidget as w } from "../../../bank-account-onboarding-widget/feature/dist/index25.js";
 import "../../../bank-account-onboarding-widget/feature/dist/index.js";
 import { useCallback as T, useEffect as E, useMemo as D, useRef as O, useState as k } from "react";
 import { Fragment as A, jsx as j, jsxs as M } from "react/jsx-runtime";
@@ -89,14 +89,15 @@ function P({ showSectionTitle: n = !0, onboardingDisclosureLinks: r }) {
 		...c.onboarding
 	}) : $();
 	let ae = p?.bankName?.trim(), oe = ae ? c.sectionTitle.bankTagline.replaceAll("{bankName}", ae) : void 0, se = a.map((e) => {
-		let { Content: r } = y[e], a = c.menu[e], o = e === i.Accounts ? void 0 : oe;
-		return {
+		let { Content: r, placesOwnTitle: a } = y[e], o = c.menu[e], s = e === i.Accounts ? void 0 : oe, l = (e) => /* @__PURE__ */ j(t, {
+			title: o,
+			bankTagline: s,
+			children: e
+		}), u = /* @__PURE__ */ j(r, {});
+		return n && (u = a ? /* @__PURE__ */ j(r, { renderTitle: l }) : /* @__PURE__ */ M(A, { children: [l(), /* @__PURE__ */ j(r, {})] })), {
 			id: e,
-			label: a,
-			content: n ? /* @__PURE__ */ M(A, { children: [/* @__PURE__ */ j(t, {
-				title: a,
-				bankTagline: o
-			}), /* @__PURE__ */ j(r, {})] }) : /* @__PURE__ */ j(r, {})
+			label: o,
+			content: u
 		};
 	});
 	return /* @__PURE__ */ j(e, {

package/package.json

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