@tesouro/embedded-components-react 0.5.201 → 0.5.203

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

@@ -1,85 +1,37 @@
-"use client";
-"use client";
-"use client";
-"use client";
-import { useOrganizationOnboardingSuppression as e } from "../../../shared/data-access/dist/lib/useOrganizationOnboardingSuppression.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 { MarketingWidgetAnalyticsEvent as i, WIDGET_NAME as a } from "./index2.js";
-import { marketingWidgetTestIds as o } from "./index3.js";
-import { MARKETING_WIDGET_LABELS_EN as s } from "../../ui/dist/index2.js";
-import { MarketingBenefitIcon as c } from "../../ui/dist/index3.js";
-import { MarketingWidget as l } from "../../ui/dist/index8.js";
-import "../../ui/dist/index.js";
-import { useCallback as u, useEffect as d, useState as f } from "react";
-import { jsx as p } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/marketing-widget/feature/dist/index4.js
-var m = /* @__PURE__ */ new Set([
-	"ACTIVE",
-	"INACTIVE",
-	"INVITED"
-]);
-function h({ content: n, onPrimaryCtaClick: a, labels: s }) {
-	let c = t(), { initResponse: h } = r(), g = e(), [_, v] = f(!1);
-	d(() => {
-		c(i.Mounted);
-	}, [c]);
-	let y = u(() => {
-		c(i.OpenModal), v(!0);
-	}, [c]), b = u(() => {
-		v(!1);
-	}, []), x = u(() => {
-		c(i.PrimaryCta), v(!1), a();
-	}, [a, c]);
-	return !h?.status || m.has(h.status) || g.isSuppressed || !g.isResolved ? null : /* @__PURE__ */ p(l, {
-		open: _,
-		vspLogo: n.vspLogo,
-		bankingText: n.bankingText,
-		primaryCaption: n.primaryCaption,
-		secondaryCaption: n.secondaryCaption,
-		providedByCaption: n.providedByCaption,
-		primaryModalHeader: n.primaryModalHeader,
-		howItWorksHeader: n.howItWorksHeader,
-		howItWorksSteps: n.howItWorksSteps,
-		fromDayOneHeader: n.fromDayOneHeader,
-		benefits: n.benefits,
-		appearance: n.appearance,
-		onOpenMarketingModal: y,
-		onCloseMarketingModal: b,
-		onPrimaryCtaClick: x,
-		labels: s,
-		testIds: {
-			root: o.root,
-			learnMoreButton: o.learnMoreButton,
-			applyNowButton: o.applyNowButton,
-			modal: {
-				root: o.modal,
-				primaryCtaButton: o.primaryCtaButton
-			}
-		}
-	});
+function e(e) {
+	return e.charAt(0).toUpperCase() + e.slice(1);
 }
-function g({ baseUrl: e, widgetToken: t, organizationId: r, configClient: i, gatewayRouting: o, linkComponent: s, implementation: c, uiFramework: l, errorFallback: u, onError: d, analytics: f, disclosuresAcceptance: m, providerLabels: g, ..._ }) {
-	return /* @__PURE__ */ p(n, {
-		widgetName: a,
-		baseUrl: e,
-		widgetToken: t,
-		organizationId: r,
-		configClient: i,
-		gatewayRouting: o,
-		linkComponent: s,
-		implementation: c,
-		uiFramework: l,
-		errorFallback: u,
-		onError: d,
-		analytics: f,
-		disclosuresAcceptance: m,
-		providerLabels: g,
-		children: /* @__PURE__ */ p(h, { ..._ })
-	});
+function t({ applicantName: e, submittedOn: t }) {
+	return e && t ? [`Submitted by ${e} on ${t}.`] : e ? [`Submitted by ${e}.`] : t ? [`Submitted on ${t}.`] : [];
 }
+var n = {
+	chipLabel: "Under review",
+	heading: ({ bankName: e }) => `Your business's application is with ${e}.`,
+	body: (e) => [...t(e), `${e.applicantName ?? "The applicant"} will be contacted with updates.`]
+}, r = {
+	resumeApplication: "Resume application",
+	bankNameFallback: "the bank",
+	formatDate: (e) => new Date(e).toLocaleDateString("en-US", {
+		month: "short",
+		day: "numeric",
+		year: "numeric"
+	}),
+	draftStartedByOther: {
+		chipLabel: "Application in progress",
+		heading: ({ startedOn: e }) => e ? `Your business already started applying on ${e}.` : "Your business already started applying.",
+		body: () => ["Only the user who started the application can finish it. If someone else needs to apply instead, the original applicant can cancel theirs so someone else can start one."]
+	},
+	submittedByYou: n,
+	submittedByOther: n,
+	deniedByYou: {
+		chipLabel: "Not approved",
+		body: ({ deniedOn: e }) => [e ? `Application denied on ${e}. Details have been sent to your email.` : "Application denied. Details have been sent to your email."]
+	},
+	deniedByOther: {
+		chipLabel: "Not approved",
+		body: ({ bankName: t, applicantName: n }) => [`${e(t)} was unable to approve your business's application.`, `${n ?? "The applicant"} has the details.`]
+	}
+};
 //#endregion
-export { s as MARKETING_WIDGET_LABELS_EN, c as MarketingBenefitIcon, g as MarketingWidget };
+export { r as MARKETING_WIDGET_STATUS_LABELS_EN };

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

@@ -0,0 +1,34 @@
+//#region ../../libs/tesouro-embedded-components-react/marketing-widget/feature/dist/index5.js
+var e = {
+	Offer: "offer",
+	Resume: "resume",
+	DraftStartedByOther: "draftStartedByOther",
+	SubmittedByYou: "submittedByYou",
+	SubmittedByOther: "submittedByOther",
+	DeniedByYou: "deniedByYou",
+	DeniedByOther: "deniedByOther",
+	Hidden: "hidden"
+}, t = 2592e6;
+function n(e) {
+	if (e?.status !== "DENIED") return null;
+	let n = Date.parse(e.deniedAt ?? e.updatedAt);
+	return Number.isFinite(n) ? n + t : null;
+}
+function r(t, r = Date.now()) {
+	if (!t) return e.Offer;
+	let i = t.ownership === "STARTED_BY_YOU";
+	switch (t.status) {
+		case "COMPLETE": return e.Hidden;
+		case "DRAFT": return i ? e.Resume : e.DraftStartedByOther;
+		case "SUBMITTED": return i ? e.SubmittedByYou : e.SubmittedByOther;
+		case "DENIED": {
+			let a = n(t);
+			return a !== null && r > a ? e.Hidden : i ? e.DeniedByYou : e.DeniedByOther;
+		}
+		case "DELETED":
+		case "CANCELED": return e.Offer;
+		default: return e.Hidden;
+	}
+}
+//#endregion
+export { t as DENIED_NOTICE_DURATION_MS, e as MarketingApplicationView, n as deniedNoticeExpiresAt, r as marketingApplicationViewFor };

package/dist/libs/tesouro-embedded-components-react/marketing-widget/feature/dist/index6.js

@@ -0,0 +1,20 @@
+//#region ../../libs/tesouro-embedded-components-react/marketing-widget/feature/dist/index6.js
+var e = [
+	"COMPLETE",
+	"SUBMITTED",
+	"DRAFT",
+	"DENIED"
+], t = /* @__PURE__ */ new Set(["DELETED", "CANCELED"]);
+function n(e) {
+	return e.find((e) => e.ownership === "STARTED_BY_YOU") ?? e[0] ?? null;
+}
+function r(r) {
+	let i = r.filter((e) => e.product === "BANK_ACCOUNT" && !t.has(e.status));
+	for (let t of e) {
+		let e = i.filter((e) => e.status === t);
+		if (e.length > 0) return n(e);
+	}
+	return n(i);
+}
+//#endregion
+export { r as selectBankAccountApplication };

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

@@ -0,0 +1,161 @@
+"use client";
+"use client";
+"use client";
+"use client";
+import { useOrganizationApplicationStatus as e } from "../../../shared/data-access/dist/lib/useOrganizationApplicationStatus.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, useWidgetInitStaleForToken as i } from "../../../shared/feature/dist/lib/WidgetProvider/hooks.js";
+import "../../../shared/feature/dist/index.js";
+import { MARKETING_WIDGET_STATUS_LABELS_EN as a } from "./index4.js";
+import { MarketingWidgetAnalyticsEvent as o, WIDGET_NAME as s } from "./index2.js";
+import { marketingWidgetTestIds as c } from "./index3.js";
+import { MarketingApplicationView as l, deniedNoticeExpiresAt as u, marketingApplicationViewFor as d } from "./index5.js";
+import { selectBankAccountApplication as f } from "./index6.js";
+import { MARKETING_WIDGET_LABELS_EN as p } from "../../ui/dist/index2.js";
+import { MarketingBenefitIcon as m, MarketingWidgetStatusTone as h } from "../../ui/dist/index3.js";
+import { MarketingWidget as g } from "../../ui/dist/index9.js";
+import "../../ui/dist/index.js";
+import { useCallback as _, useEffect as v, useMemo as y, useReducer as b, useState as x } from "react";
+import { jsx as S } from "react/jsx-runtime";
+//#region ../../libs/tesouro-embedded-components-react/marketing-widget/feature/dist/index7.js
+var C = 2 ** 31 - 1, w = /* @__PURE__ */ new Set([
+	"ACTIVE",
+	"INACTIVE",
+	"INVITED"
+]), T = {
+	[l.DraftStartedByOther]: "draftStartedByOther",
+	[l.SubmittedByYou]: "submittedByYou",
+	[l.SubmittedByOther]: "submittedByOther",
+	[l.DeniedByYou]: "deniedByYou",
+	[l.DeniedByOther]: "deniedByOther"
+}, E = {
+	[l.DraftStartedByOther]: h.Brand,
+	[l.SubmittedByYou]: h.Warning,
+	[l.SubmittedByOther]: h.Warning,
+	[l.DeniedByYou]: h.Danger,
+	[l.DeniedByOther]: h.Danger
+};
+function D(e) {
+	return e in T;
+}
+function O(e) {
+	let t = a, n = (n) => ({
+		...t[n],
+		...e?.[n]
+	});
+	return {
+		resumeApplication: e?.resumeApplication ?? t.resumeApplication,
+		bankNameFallback: e?.bankNameFallback ?? t.bankNameFallback,
+		formatDate: e?.formatDate ?? t.formatDate,
+		draftStartedByOther: n("draftStartedByOther"),
+		submittedByYou: n("submittedByYou"),
+		submittedByOther: n("submittedByOther"),
+		deniedByYou: n("deniedByYou"),
+		deniedByOther: n("deniedByOther")
+	};
+}
+function k(e, t, n) {
+	let r = (e) => e ? n(e) : void 0;
+	return {
+		bankName: t,
+		applicantName: [e?.applicantFirstName, e?.applicantLastName].map((e) => e?.trim()).filter(Boolean).join(" ") || void 0,
+		startedOn: r(e?.createdAt),
+		submittedOn: r(e?.submittedAt),
+		deniedOn: r(e?.deniedAt)
+	};
+}
+function A({ content: n, onPrimaryCtaClick: a, labels: s, statusLabels: p }) {
+	let m = t(), { initResponse: h } = r(), A = i(), j = e(), [M, N] = x(!1), [P, F] = b((e) => e + 1, 0), I = y(() => f(j.applications), [j.applications]), L = u(I), R = y(() => O(p), [p]), z = d(I), B = h?.bankName || R.bankNameFallback, V = y(() => {
+		if (!D(z)) return;
+		let e = R[T[z]], t = k(I, B, R.formatDate);
+		return {
+			chipLabel: e.chipLabel,
+			chipTone: E[z],
+			heading: e.heading?.(t),
+			body: e.body(t)
+		};
+	}, [
+		I,
+		B,
+		R,
+		z
+	]), H = y(() => z === l.Resume ? {
+		...s,
+		applyNow: R.resumeApplication,
+		primaryCta: R.resumeApplication
+	} : s, [
+		s,
+		R.resumeApplication,
+		z
+	]);
+	v(() => {
+		m(o.Mounted);
+	}, [m]), v(() => {
+		if (L === null) return;
+		let e = L - Date.now();
+		if (e < 0) return;
+		let t = setTimeout(F, Math.min(e + 1, C));
+		return () => clearTimeout(t);
+	}, [L, P]);
+	let U = !V && z !== l.Hidden;
+	M && !U && N(!1);
+	let W = _(() => {
+		m(o.OpenModal), N(!0);
+	}, [m]), G = _(() => {
+		N(!1);
+	}, []), K = _(() => {
+		m(o.PrimaryCta), N(!1), a();
+	}, [a, m]);
+	return !h?.status || w.has(h.status) || A || !j.isResolved || z === l.Hidden ? null : /* @__PURE__ */ S(g, {
+		open: M,
+		vspLogo: n.vspLogo,
+		bankingText: n.bankingText,
+		primaryCaption: n.primaryCaption,
+		secondaryCaption: n.secondaryCaption,
+		providedByCaption: n.providedByCaption,
+		primaryModalHeader: n.primaryModalHeader,
+		howItWorksHeader: n.howItWorksHeader,
+		howItWorksSteps: n.howItWorksSteps,
+		fromDayOneHeader: n.fromDayOneHeader,
+		benefits: n.benefits,
+		appearance: n.appearance,
+		onOpenMarketingModal: W,
+		onCloseMarketingModal: G,
+		onPrimaryCtaClick: K,
+		statusMessage: V,
+		labels: H,
+		testIds: {
+			root: c.root,
+			learnMoreButton: c.learnMoreButton,
+			applyNowButton: c.applyNowButton,
+			statusMessage: c.statusMessage,
+			modal: {
+				root: c.modal,
+				primaryCtaButton: c.primaryCtaButton
+			}
+		}
+	});
+}
+function j({ baseUrl: e, widgetToken: t, organizationId: r, configClient: i, gatewayRouting: a, linkComponent: o, implementation: c, uiFramework: l, errorFallback: u, onError: d, analytics: f, disclosuresAcceptance: p, providerLabels: m, ...h }) {
+	return /* @__PURE__ */ S(n, {
+		widgetName: s,
+		baseUrl: e,
+		widgetToken: t,
+		organizationId: r,
+		configClient: i,
+		gatewayRouting: a,
+		linkComponent: o,
+		implementation: c,
+		uiFramework: l,
+		errorFallback: u,
+		onError: d,
+		analytics: f,
+		disclosuresAcceptance: p,
+		providerLabels: m,
+		children: /* @__PURE__ */ S(A, { ...h })
+	});
+}
+//#endregion
+export { p as MARKETING_WIDGET_LABELS_EN, a as MARKETING_WIDGET_STATUS_LABELS_EN, m as MarketingBenefitIcon, j as MarketingWidget };

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

@@ -1,5 +1,5 @@
 import { MARKETING_WIDGET_LABELS_EN as e } from "./index2.js";
-import { MarketingBenefitIcon as t } from "./index3.js";
+import { MarketingBenefitIcon as t, MarketingWidgetStatusTone as n } from "./index3.js";
 import "./index7.js";
-import { MarketingWidget as n } from "./index8.js";
-export { e as MARKETING_WIDGET_LABELS_EN, t as MarketingBenefitIcon, n as MarketingWidget };
+import { MarketingWidget as r } from "./index9.js";
+export { e as MARKETING_WIDGET_LABELS_EN, t as MarketingBenefitIcon, r as MarketingWidget, n as MarketingWidgetStatusTone };

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

@@ -5,6 +5,10 @@ var e = {
 	Document: "document",
 	Dollar: "dollar",
 	Card: "card"
+}, t = {
+	Brand: "brand",
+	Warning: "warning",
+	Danger: "danger"
 };
 //#endregion
-export { e as MarketingBenefitIcon };
+export { e as MarketingBenefitIcon, t as MarketingWidgetStatusTone };

package/dist/libs/tesouro-embedded-components-react/marketing-widget/ui/dist/index8.js

@@ -1,88 +1,41 @@
-import { Button as e } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { MARKETING_WIDGET_LABELS_EN as t } from "./index2.js";
-import { MarketingWidgetModal as n } from "./index7.js";
-import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
+import { Badge as e, cn as t } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { MarketingWidgetStatusTone as n } from "./index3.js";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/marketing-widget/ui/dist/index8.js
-function o({ open: o, vspLogo: s, bankingText: c, primaryCaption: l, secondaryCaption: u, providedByCaption: d, primaryModalHeader: f, howItWorksHeader: p, howItWorksSteps: m, fromDayOneHeader: h, benefits: g, appearance: _, onOpenMarketingModal: v, onCloseMarketingModal: y, onPrimaryCtaClick: b, labels: x, testIds: S }) {
-	let C = {
-		...t,
-		...x
-	};
-	return /* @__PURE__ */ a(r, { children: [/* @__PURE__ */ a("div", {
-		"data-testid": S?.root,
-		className: "ttw:relative ttw:flex ttw:w-full ttw:flex-col ttw:items-start ttw:overflow-hidden ttw:border ttw:border-border ttw:p-6",
-		style: {
-			backgroundColor: _.cardBackgroundColor,
-			borderRadius: _.borderRadius,
-			boxShadow: _.boxShadow
-		},
+var a = {
+	[n.Brand]: "ttw:border-transparent",
+	[n.Warning]: "ttw:border-amber-100 ttw:bg-amber-100 ttw:text-amber-700",
+	[n.Danger]: "ttw:border-destructive/20 ttw:bg-destructive/20 ttw:text-destructive"
+};
+function o({ statusMessage: o, primaryColor: s, testId: c }) {
+	let { chipLabel: l, chipTone: u, heading: d, body: f } = o, p = u === n.Brand;
+	return /* @__PURE__ */ i("div", {
+		"data-testid": c,
+		className: "ttw:flex ttw:flex-col ttw:items-start",
 		children: [
-			/* @__PURE__ */ a("div", {
-				className: "ttw:mb-2 ttw:flex ttw:items-center ttw:gap-3",
-				children: [/* @__PURE__ */ i("img", {
-					src: s.src,
-					alt: s.alt,
-					height: 40,
-					width: s.width,
-					className: "ttw:h-10 ttw:w-auto ttw:object-contain"
-				}), /* @__PURE__ */ i("p", {
-					className: "ttw:text-xl ttw:font-semibold ttw:text-foreground",
-					children: c
-				})]
+			/* @__PURE__ */ i(e, {
+				variant: "outline",
+				className: t("ttw:mb-2 ttw:gap-2 ttw:rounded-full ttw:px-3 ttw:py-1 ttw:text-sm", a[u]),
+				style: p ? {
+					color: s,
+					backgroundColor: `color-mix(in srgb, ${s} 12%, transparent)`
+				} : void 0,
+				children: [/* @__PURE__ */ r("span", {
+					"aria-hidden": "true",
+					className: "ttw:size-2 ttw:rounded-full ttw:bg-current"
+				}), l]
 			}),
-			/* @__PURE__ */ i("p", {
-				className: "ttw:mb-2 ttw:text-sm ttw:text-muted-foreground",
+			d ? /* @__PURE__ */ r("p", {
+				className: "ttw:text-xl ttw:font-semibold",
+				style: { color: s },
 				children: d
-			}),
-			/* @__PURE__ */ a("div", {
-				className: "ttw:mb-2 ttw:flex ttw:flex-col",
-				children: [/* @__PURE__ */ i("p", {
-					className: "ttw:text-xl ttw:font-semibold",
-					style: { color: _.primaryColor },
-					children: l
-				}), /* @__PURE__ */ i("p", {
-					className: "ttw:leading-snug",
-					style: { color: _.primaryColor },
-					children: u
-				})]
-			}),
-			/* @__PURE__ */ a("div", {
-				className: "ttw:flex ttw:flex-wrap ttw:gap-3",
-				children: [/* @__PURE__ */ i(e, {
-					type: "button",
-					"data-testid": S?.applyNowButton,
-					onClick: b,
-					className: "ttw:h-auto ttw:rounded-xl ttw:px-6 ttw:py-2 ttw:text-base ttw:font-light ttw:transition-[filter] ttw:hover:brightness-90",
-					style: {
-						backgroundColor: _.primaryColor,
-						color: _.primaryContrastColor
-					},
-					children: C.applyNow
-				}), /* @__PURE__ */ i(e, {
-					type: "button",
-					variant: "outline",
-					"data-testid": S?.learnMoreButton,
-					onClick: v,
-					className: "ttw:h-auto ttw:rounded-xl ttw:px-6 ttw:py-2 ttw:text-base ttw:font-light",
-					children: C.learnMore
-				})]
-			})
+			}) : null,
+			f.map((e) => /* @__PURE__ */ r("p", {
+				className: "ttw:mt-1 ttw:text-sm ttw:text-muted-foreground",
+				children: e
+			}, e))
 		]
-	}), /* @__PURE__ */ i(n, {
-		open: o,
-		vspLogo: s,
-		providedByCaption: d,
-		primaryModalHeader: f,
-		howItWorksHeader: p,
-		howItWorksSteps: m,
-		fromDayOneHeader: h,
-		benefits: g,
-		appearance: _,
-		onClose: y,
-		onPrimaryCtaClick: b,
-		labels: x,
-		testIds: S?.modal
-	})] });
+	});
 }
 //#endregion
-export { o as MarketingWidget };
+export { o as MarketingWidgetStatus };

package/dist/libs/tesouro-embedded-components-react/marketing-widget/ui/dist/index9.js

@@ -0,0 +1,92 @@
+import { Button as e } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { MARKETING_WIDGET_LABELS_EN as t } from "./index2.js";
+import { MarketingWidgetModal as n } from "./index7.js";
+import { MarketingWidgetStatus as r } from "./index8.js";
+import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region ../../libs/tesouro-embedded-components-react/marketing-widget/ui/dist/index9.js
+function s({ open: s, vspLogo: c, bankingText: l, primaryCaption: u, secondaryCaption: d, providedByCaption: f, primaryModalHeader: p, howItWorksHeader: m, howItWorksSteps: h, fromDayOneHeader: g, benefits: _, appearance: v, onOpenMarketingModal: y, onCloseMarketingModal: b, onPrimaryCtaClick: x, statusMessage: S, labels: C, testIds: w }) {
+	let T = {
+		...t,
+		...C
+	};
+	return /* @__PURE__ */ o(i, { children: [/* @__PURE__ */ o("div", {
+		"data-testid": w?.root,
+		className: "ttw:relative ttw:flex ttw:w-full ttw:flex-col ttw:items-start ttw:overflow-hidden ttw:border ttw:border-border ttw:p-6",
+		style: {
+			backgroundColor: v.cardBackgroundColor,
+			borderRadius: v.borderRadius,
+			boxShadow: v.boxShadow
+		},
+		children: [
+			/* @__PURE__ */ o("div", {
+				className: "ttw:mb-2 ttw:flex ttw:items-center ttw:gap-3",
+				children: [/* @__PURE__ */ a("img", {
+					src: c.src,
+					alt: c.alt,
+					height: 40,
+					width: c.width,
+					className: "ttw:h-10 ttw:w-auto ttw:object-contain"
+				}), /* @__PURE__ */ a("p", {
+					className: "ttw:text-xl ttw:font-semibold ttw:text-foreground",
+					children: l
+				})]
+			}),
+			/* @__PURE__ */ a("p", {
+				className: "ttw:mb-2 ttw:text-sm ttw:text-muted-foreground",
+				children: f
+			}),
+			S ? /* @__PURE__ */ a(r, {
+				statusMessage: S,
+				primaryColor: v.primaryColor,
+				testId: w?.statusMessage
+			}) : /* @__PURE__ */ o(i, { children: [/* @__PURE__ */ o("div", {
+				className: "ttw:mb-2 ttw:flex ttw:flex-col",
+				children: [/* @__PURE__ */ a("p", {
+					className: "ttw:text-xl ttw:font-semibold",
+					style: { color: v.primaryColor },
+					children: u
+				}), /* @__PURE__ */ a("p", {
+					className: "ttw:leading-snug",
+					style: { color: v.primaryColor },
+					children: d
+				})]
+			}), /* @__PURE__ */ o("div", {
+				className: "ttw:flex ttw:flex-wrap ttw:gap-3",
+				children: [/* @__PURE__ */ a(e, {
+					type: "button",
+					"data-testid": w?.applyNowButton,
+					onClick: x,
+					className: "ttw:h-auto ttw:rounded-xl ttw:px-6 ttw:py-2 ttw:text-base ttw:font-light ttw:transition-[filter] ttw:hover:brightness-90",
+					style: {
+						backgroundColor: v.primaryColor,
+						color: v.primaryContrastColor
+					},
+					children: T.applyNow
+				}), /* @__PURE__ */ a(e, {
+					type: "button",
+					variant: "outline",
+					"data-testid": w?.learnMoreButton,
+					onClick: y,
+					className: "ttw:h-auto ttw:rounded-xl ttw:px-6 ttw:py-2 ttw:text-base ttw:font-light",
+					children: T.learnMore
+				})]
+			})] })
+		]
+	}), /* @__PURE__ */ a(n, {
+		open: s,
+		vspLogo: c,
+		providedByCaption: f,
+		primaryModalHeader: p,
+		howItWorksHeader: m,
+		howItWorksSteps: h,
+		fromDayOneHeader: g,
+		benefits: _,
+		appearance: v,
+		onClose: b,
+		onPrimaryCtaClick: x,
+		labels: C,
+		testIds: w?.modal
+	})] });
+}
+//#endregion
+export { s as MarketingWidget };