@tesouro/embedded-components-react 0.5.181 → 0.5.183

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.181", n = "ce2f6c5170bf0f6ef337971adcf7467d4d5c2baf", r = Object.freeze({
+var e = "@tesouro/embedded-components-react", t = "0.5.183", n = "9fb07b1082882df49077ff74f82900a73ef96881", r = Object.freeze({
 	library_name: e,
 	library_version: t,
 	library_sha: n

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/dist/libs/tesouro-embedded-components-react/widget-suite/feature/dist/index9.js

@@ -8,8 +8,8 @@ import { Scope as n } from "../../../shared/data-access/dist/lib/scopes.js";
 import "../../../shared/data-access/dist/index.js";
 import { SectionHeading as r } from "../../../shared/ui/dist/lib/SectionHeading/SectionHeading.js";
 import "../../../shared/ui/dist/index.js";
-import { CreditCardsWidget as i } from "../../../cards-widget/feature/dist/index10.js";
-import { DebitCardsWidget as a } from "../../../cards-widget/feature/dist/index11.js";
+import { CreditCardsWidget as i } from "../../../cards-widget/feature/dist/index11.js";
+import { DebitCardsWidget as a } from "../../../cards-widget/feature/dist/index12.js";
 import "../../../cards-widget/feature/dist/index.js";
 import { jsx as o, jsxs as s } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/widget-suite/feature/dist/index9.js
@@ -25,7 +25,7 @@ function c() {
 			})
 		}), t(c, [n.DebitCardReadOrg]) && /* @__PURE__ */ o(a, {
 			...d.debitCards,
-			cardArtSrc: u ?? "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='300' height='190' viewBox='0 0 300 190'><rect width='300' height='190' rx='16' fill='%23334155'/><rect x='28' y='64' width='44' height='34' rx='6' fill='%2364748b'/></svg>",
+			cardArtSrc: u,
 			headerStart: /* @__PURE__ */ o(r, {
 				className: "ttw:mb-0",
 				children: d.debitCardsTitle

package/package.json

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

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

@@ -1,19 +0,0 @@
-//#region ../../libs/tesouro-embedded-components-react/cards-widget/feature/dist/index3.js
-var e = {
-	list: "cards-list",
-	cardFaceSwatch: "card-face-swatch",
-	rowPrefix: "cards-list-row",
-	empty: "cards-list-empty",
-	error: "cards-list-error",
-	detailsSheet: "cards-list-details-sheet"
-}, t = {
-	root: e.list,
-	empty: e.empty,
-	error: e.error,
-	row: {
-		rootPrefix: e.rowPrefix,
-		cardFaceSwatch: { root: e.cardFaceSwatch }
-	}
-}, n = { root: e.detailsSheet };
-//#endregion
-export { n as cardsListDetailsSheetTestIds, t as cardsListTestIds, e as cardsWidgetTestIds };