@tesouro/embedded-components-react 0.5.181 → 0.5.183

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

@@ -13,4 +13,6 @@ import { AboutYouPanel as u } from "./index23.js";
 import { BusinessDisclosuresSection as d } from "./index24.js";
 import "./index25.js";
 import { UnsavedApplicationDialog as f } from "./index26.js";
-export { l as ABOUT_YOU_PANEL_LABELS_EN, e as ADDITIONAL_OWNERS_LABELS_EN, u as AboutYouPanel, t as AdditionalOwnersForm, n as BUSINESS_DETAILS_LABELS_EN, s as BUSINESS_DETAILS_PANEL_LABELS_EN, c as BusinessDetailsPanel, d as BusinessDisclosuresSection, i as PERSONAL_DETAILS_LABELS_EN, o as RESULT_LABELS_EN, a as ResultStep, f as UnsavedApplicationDialog, r as interpolateBankName };
+import "./index27.js";
+import { DeleteApplicationDialog as p } from "./index28.js";
+export { l as ABOUT_YOU_PANEL_LABELS_EN, e as ADDITIONAL_OWNERS_LABELS_EN, u as AboutYouPanel, t as AdditionalOwnersForm, n as BUSINESS_DETAILS_LABELS_EN, s as BUSINESS_DETAILS_PANEL_LABELS_EN, c as BusinessDetailsPanel, d as BusinessDisclosuresSection, p as DeleteApplicationDialog, i as PERSONAL_DETAILS_LABELS_EN, o as RESULT_LABELS_EN, a as ResultStep, f as UnsavedApplicationDialog, r as interpolateBankName };

package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index27.js

@@ -0,0 +1,11 @@
+//#region ../../libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index27.js
+var e = {
+	title: "Delete this application?",
+	descriptionBeforeEmphasis: "Everything you've entered so far will be permanently removed. If you'd rather come back later, use ",
+	descriptionEmphasis: "Save and close",
+	descriptionAfterEmphasis: " instead.",
+	keepEditingButton: "Keep editing",
+	deleteButton: "Delete application"
+};
+//#endregion
+export { e as DELETE_APPLICATION_DIALOG_LABELS_EN };

package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index28.js

@@ -0,0 +1,64 @@
+import { AlertDialog as e, AlertDialogContent as t, AlertDialogDescription as n, AlertDialogFooter as r, AlertDialogHeader as i, AlertDialogTitle as a, Button as o } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { DELETE_APPLICATION_DIALOG_LABELS_EN as s } from "./index27.js";
+import { useRef as c } from "react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { Trash2Icon as d } from "lucide-react";
+//#region ../../libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index28.js
+function f({ open: f, onConfirm: p, onCancel: m, isDeleting: h = !1, labels: g, testIds: _ }) {
+	let v = {
+		...s,
+		...g
+	}, y = c(null);
+	return /* @__PURE__ */ l(e, {
+		open: f,
+		onOpenChange: (e) => {
+			!e && !h && m();
+		},
+		children: /* @__PURE__ */ u(t, {
+			"data-testid": _?.root,
+			onOpenAutoFocus: (e) => {
+				e.preventDefault(), y.current?.focus();
+			},
+			children: [/* @__PURE__ */ u(i, {
+				className: "ttw:items-center ttw:text-center ttw:sm:items-center ttw:sm:text-center",
+				children: [
+					/* @__PURE__ */ l("div", {
+						className: "ttw:flex ttw:size-14 ttw:items-center ttw:justify-center ttw:rounded-full ttw:bg-destructive/10",
+						"aria-hidden": !0,
+						children: /* @__PURE__ */ l(d, { className: "ttw:size-6 ttw:text-destructive" })
+					}),
+					/* @__PURE__ */ l(a, { children: v.title }),
+					/* @__PURE__ */ u(n, { children: [
+						v.descriptionBeforeEmphasis,
+						/* @__PURE__ */ l("strong", {
+							className: "ttw:font-semibold ttw:text-foreground",
+							children: v.descriptionEmphasis
+						}),
+						v.descriptionAfterEmphasis
+					] })
+				]
+			}), /* @__PURE__ */ u(r, {
+				className: "ttw:sm:justify-center",
+				children: [/* @__PURE__ */ l(o, {
+					ref: y,
+					type: "button",
+					variant: "outline",
+					onClick: m,
+					disabled: h,
+					"data-testid": _?.cancel,
+					children: v.keepEditingButton
+				}), /* @__PURE__ */ l(o, {
+					type: "button",
+					variant: "destructive",
+					loading: h,
+					disabled: h,
+					onClick: p,
+					"data-testid": _?.confirm,
+					children: v.deleteButton
+				})]
+			})]
+		})
+	});
+}
+//#endregion
+export { s as DELETE_APPLICATION_DIALOG_LABELS_EN, f as DeleteApplicationDialog };

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

@@ -1,5 +1,5 @@
-import "./index4.js";
-import "./index6.js";
-import { CreditCardsWidget as e } from "./index10.js";
-import { DebitCardsWidget as t } from "./index11.js";
+import "./index5.js";
+import "./index7.js";
+import { CreditCardsWidget as e } from "./index11.js";
+import { DebitCardsWidget as t } from "./index12.js";
 export { e as CreditCardsWidget, t as DebitCardsWidget };

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

@@ -2,16 +2,95 @@
 "use client";
 "use client";
 "use client";
-import { CardProgram as e } from "../../../shared/feature/dist/lib/card/cardProgram.js";
+import { WidgetProvider as e } from "../../../shared/feature/dist/lib/WidgetProvider/WidgetProvider.js";
 import "../../../shared/feature/dist/index.js";
-import { CardsWidget as t } from "./index9.js";
-import { jsx as n } from "react/jsx-runtime";
+import { WIDGET_NAME as t } from "./index2.js";
+import { cardsListDetailsSheetTestIds as n, cardsListTestIds as r } from "./index4.js";
+import { resolveCardsListLabels as i } from "../../ui/dist/lib/CardsList/labels.js";
+import { CardsList as a } from "../../ui/dist/lib/CardsList/CardsList.js";
+import { CardsListDetailsSheet as o } from "../../ui/dist/lib/CardsList/CardsListDetailsSheet.js";
+import "../../ui/dist/index.js";
+import { useCardsWidget as s } from "./index9.js";
+import { CardDetailsWidget as c } from "../../../card-details-widget/feature/dist/index13.js";
+import "../../../card-details-widget/feature/dist/index.js";
+import { CreateCardWidget as l } from "../../create-card/feature/dist/index8.js";
+import "../../create-card/feature/dist/index.js";
+import { useCallback as u, useMemo as d, useState as f } from "react";
+import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/cards-widget/feature/dist/index10.js
-function r(r) {
-	return /* @__PURE__ */ n(t, {
-		...r,
-		cardProgram: e.Credit
+function g({ cardProgram: e, pagination: t, defaultPagination: g, onPaginationChange: _, labels: v, featureLabels: y, selectedCardId: b, defaultSelectedCardId: x, onSelectedCardIdChange: S, cardDetailsLabels: C, cardDetailsFeatureLabels: w, cardDetailsActivateLabels: T, bankLogoSrc: E, bankLogoAlt: D, cardArtSrc: O, createCardLabels: k, createCardFeatureLabels: A, onCreateCard: j, onActivateCard: M, headerStart: ee }) {
+	let { selectedCardId: N, onSelectCard: P, onCreateCardClick: F, canCreateCard: I, canReadCards: L, ...R } = s({
+		cardProgram: e,
+		pagination: t,
+		defaultPagination: g,
+		onPaginationChange: _,
+		featureLabels: y,
+		selectedCardId: b,
+		defaultSelectedCardId: x,
+		onSelectedCardIdChange: S,
+		onCreateCard: j,
+		onActivateCard: M
+	}), z = d(() => i(v), [v]), [B, V] = f(!1), [H, U] = f(0), [W, G] = f(N), [K, q] = f(null), J = u(() => {
+		N !== null && P(null), U((e) => e + 1), V(!0);
+	}, [N, P]), Y = u(() => {
+		V(!1), N !== null && P(null);
+	}, [N, P]), X = u((e) => {
+		V(!1), P(e);
+	}, [P]), Z = e === "debit" && !!I && F === void 0, Q = B && N === null && Z;
+	B && (N !== null || !Z) && V(!1), Q ? K !== "create" && q("create") : N !== null && (K !== "details" && q("details"), N !== W && G(N));
+	let $ = K === "create", te = N !== null || Q;
+	return /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m(a, {
+		...R,
+		canCreateCard: I,
+		onCreateCardClick: F ?? J,
+		headerStart: ee,
+		labels: z,
+		testIds: r
+	}), /* @__PURE__ */ m(o, {
+		isOpen: te,
+		labels: $ ? z.createSheet : z.detailsSheet,
+		contentClassName: $ ? "ttw:overflow-hidden ttw:p-0 ttw:min-h-0" : void 0,
+		onClose: Y,
+		testIds: n,
+		children: $ && Z ? /* @__PURE__ */ m(l, {
+			cardArtSrc: O ?? "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>",
+			labels: k,
+			featureLabels: A,
+			onClose: Y,
+			onCancel: Y,
+			onViewCard: L ? X : void 0,
+			className: "ttw:min-h-0 ttw:flex-1"
+		}, H) : W === null ? null : /* @__PURE__ */ m(c, {
+			cardId: W,
+			cardProgram: e,
+			labels: C,
+			activateLabels: T,
+			featureLabels: w,
+			cardArtSrc: O,
+			bankLogoSrc: E,
+			bankLogoAlt: D,
+			onClose: Y
+		}, W)
+	})] });
+}
+function _({ baseUrl: n, widgetToken: r, organizationId: i, configClient: a, gatewayRouting: o, linkComponent: s, implementation: c, uiFramework: l, errorFallback: u, onError: d, analytics: f, disclosuresAcceptance: p, providerLabels: h, ..._ }) {
+	return /* @__PURE__ */ m(e, {
+		widgetName: t,
+		baseUrl: n,
+		widgetToken: r,
+		organizationId: i,
+		configClient: a,
+		gatewayRouting: o,
+		linkComponent: s,
+		implementation: c,
+		uiFramework: l,
+		errorFallback: u,
+		onError: d,
+		analytics: f,
+		disclosuresAcceptance: p,
+		providerLabels: h,
+		children: /* @__PURE__ */ m(g, { ..._ })
 	});
 }
 //#endregion
-export { r as CreditCardsWidget };
+export { _ as CardsWidget, _ as default };

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

@@ -4,14 +4,14 @@
 "use client";
 import { CardProgram as e } from "../../../shared/feature/dist/lib/card/cardProgram.js";
 import "../../../shared/feature/dist/index.js";
-import { CardsWidget as t } from "./index9.js";
+import { CardsWidget as t } from "./index10.js";
 import { jsx as n } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/cards-widget/feature/dist/index11.js
 function r(r) {
 	return /* @__PURE__ */ n(t, {
 		...r,
-		cardProgram: e.Debit
+		cardProgram: e.Credit
 	});
 }
 //#endregion
-export { r as DebitCardsWidget };
+export { r as CreditCardsWidget };

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

@@ -0,0 +1,17 @@
+"use client";
+"use client";
+"use client";
+"use client";
+import { CardProgram as e } from "../../../shared/feature/dist/lib/card/cardProgram.js";
+import "../../../shared/feature/dist/index.js";
+import { CardsWidget as t } from "./index10.js";
+import { jsx as n } from "react/jsx-runtime";
+//#region ../../libs/tesouro-embedded-components-react/cards-widget/feature/dist/index12.js
+function r(r) {
+	return /* @__PURE__ */ n(t, {
+		...r,
+		cardProgram: e.Debit
+	});
+}
+//#endregion
+export { r as DebitCardsWidget };

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

@@ -1,26 +1,19 @@
-import { CARD_STATUS_LABELS_EN as e, CARD_TYPE_LABELS_EN as t } from "../../../shared/feature/dist/lib/card/cardPresentation.js";
-import "../../../shared/feature/dist/index.js";
 //#region ../../libs/tesouro-embedded-components-react/cards-widget/feature/dist/index4.js
-var n = {
-	emptyValue: "—",
-	untitledCard: "Untitled card",
-	untitledFundingAccount: "Account",
-	cardStatus: e,
-	cardType: t
-};
-function r(e) {
-	return {
-		...n,
-		...e,
-		cardStatus: {
-			...n.cardStatus,
-			...e?.cardStatus
-		},
-		cardType: {
-			...n.cardType,
-			...e?.cardType
-		}
-	};
-}
+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 DEFAULT_CARDS_FEATURE_LABELS, r as resolveCardsFeatureLabels };
+export { n as cardsListDetailsSheetTestIds, t as cardsListTestIds, e as cardsWidgetTestIds };

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

@@ -1,27 +1,26 @@
-import { minorExponentForCurrency as e } from "../../../shared/util/dist/lib/amountOutputToMajorUnits.js";
-import { normalizeAmountOutputCurrencyCode as t } from "../../../shared/util/dist/lib/normalizeAmountOutputCurrencyCode.js";
+import { CARD_STATUS_LABELS_EN as e, CARD_TYPE_LABELS_EN as t } from "../../../shared/feature/dist/lib/card/cardPresentation.js";
+import "../../../shared/feature/dist/index.js";
 //#region ../../libs/tesouro-embedded-components-react/cards-widget/feature/dist/index5.js
-function n(e) {
-	if (e == null || e === "") return;
-	let t = Number(e);
-	return Number.isFinite(t) ? t : void 0;
-}
-function r({ limit: r, currencyCode: i }) {
-	let a = n(r);
-	if (a === void 0) return;
-	let o = t(i);
-	return new Intl.NumberFormat(void 0, {
-		style: "currency",
-		currency: o,
-		maximumFractionDigits: 0
-	}).format(a / 10 ** e(o));
-}
-function i(e) {
-	let t = e?.trim().slice(-4);
-	return t ? `••••${t}` : void 0;
-}
-function a(e, t) {
-	return e?.trim() || t;
+var n = {
+	emptyValue: "—",
+	untitledCard: "Untitled card",
+	untitledFundingAccount: "Account",
+	cardStatus: e,
+	cardType: t
+};
+function r(e) {
+	return {
+		...n,
+		...e,
+		cardStatus: {
+			...n.cardStatus,
+			...e?.cardStatus
+		},
+		cardType: {
+			...n.cardType,
+			...e?.cardType
+		}
+	};
 }
 //#endregion
-export { r as formatCardLimit, i as maskAccountNumber, a as withFallback };
+export { n as DEFAULT_CARDS_FEATURE_LABELS, r as resolveCardsFeatureLabels };

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

@@ -1,33 +1,27 @@
-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 { minorExponentForCurrency as e } from "../../../shared/util/dist/lib/amountOutputToMajorUnits.js";
+import { normalizeAmountOutputCurrencyCode as t } from "../../../shared/util/dist/lib/normalizeAmountOutputCurrencyCode.js";
 //#region ../../libs/tesouro-embedded-components-react/cards-widget/feature/dist/index6.js
-var r = {
-	[n.Credit]: {
-		read: [t.CreditCardReadOrg],
-		activate: [t.CreditCardActivateOrg],
-		create: [t.CreditCardIssueOrg]
-	},
-	[n.Debit]: {
-		read: [t.DebitCardReadOrg],
-		activate: [t.DebitCardActivateOrg],
-		create: [t.DebitCardIssueOrg]
-	}
-}, i = [t.BankAccountReadOrg], a = {
-	users: [t.UserReadOrg],
-	funding: i
-};
-function o({ cardProgram: t, scopes: o }) {
-	let s = new Set(o ?? []), c = r[t];
-	return {
-		canRead: e(s, c.read),
-		canActivate: e(s, c.activate),
-		canCreate: e(s, c.create),
-		canReadFundingAccounts: t === n.Debit && e(s, i),
-		canComposeDebitCreate: t === n.Debit && e(s, a.users) && e(s, a.funding)
-	};
+function n(e) {
+	if (e == null || e === "") return;
+	let t = Number(e);
+	return Number.isFinite(t) ? t : void 0;
+}
+function r({ limit: r, currencyCode: i }) {
+	let a = n(r);
+	if (a === void 0) return;
+	let o = t(i);
+	return new Intl.NumberFormat(void 0, {
+		style: "currency",
+		currency: o,
+		maximumFractionDigits: 0
+	}).format(a / 10 ** e(o));
+}
+function i(e) {
+	let t = e?.trim().slice(-4);
+	return t ? `••••${t}` : void 0;
+}
+function a(e, t) {
+	return e?.trim() || t;
 }
 //#endregion
-export { o as getCardsPermissions };
+export { r as formatCardLimit, i as maskAccountNumber, a as withFallback };

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

@@ -1,60 +1,33 @@
-import { CardProgram as e } from "../../../shared/feature/dist/lib/card/cardProgram.js";
-import { CARD_STATUS_TONE as t } from "../../../shared/feature/dist/lib/card/cardPresentation.js";
+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 { formatCardLimit as n, withFallback as r } from "./index5.js";
-import { CARD_COLUMN_KEYS as i } from "../../ui/dist/lib/CardsList/types.js";
-import "../../ui/dist/index.js";
 //#region ../../libs/tesouro-embedded-components-react/cards-widget/feature/dist/index7.js
-var a = "PENDING_ACTIVATION", o = {
-	[e.Credit]: i.filter((e) => e !== "fundingAccount" && e !== "limit"),
-	[e.Debit]: i.filter((e) => e !== "limit")
+var r = {
+	[n.Credit]: {
+		read: [t.CreditCardReadOrg],
+		activate: [t.CreditCardActivateOrg],
+		create: [t.CreditCardIssueOrg]
+	},
+	[n.Debit]: {
+		read: [t.DebitCardReadOrg],
+		activate: [t.DebitCardActivateOrg],
+		create: [t.DebitCardIssueOrg]
+	}
+}, i = [t.BankAccountReadOrg], a = {
+	users: [t.UserReadOrg],
+	funding: i
 };
-function s(e) {
-	return e.map((e) => ({
-		id: e.id,
-		userId: e.userId,
-		status: e.cardStatus,
-		type: e.cardType,
-		cardholderName: e.cardholderName,
-		nickname: e.nickname,
-		lastFourDigits: e.lastFourDigits,
-		limit: e.cardLimit,
-		limitCurrencyCode: e.currentBalance?.currencyCode
-	}));
-}
-function c(e) {
-	return e.map((e) => ({
-		id: e.id,
-		userId: e.userId,
-		status: e.cardStatus,
-		type: e.cardType,
-		cardholderName: e.cardholderName,
-		nickname: e.nickname,
-		lastFourDigits: e.lastFourDigits,
-		fundingAccountId: e.bankAccountId
-	}));
-}
-function l(e, { labels: i, fundingAccountNames: o, canActivate: s, onCardSelect: c, onActivateCard: l }) {
-	return e.map((e) => {
-		let u = s && e.status === a, d = e.fundingAccountId ? o?.get(e.fundingAccountId) : void 0;
-		return {
-			key: e.id,
-			nickname: r(e.nickname, i.untitledCard),
-			lastFour: e.lastFourDigits,
-			typeLabel: i.cardType[e.type] ?? i.emptyValue,
-			fundingAccount: d?.name ?? i.emptyValue,
-			fundingAccountLastFour: d?.lastFour,
-			cardholder: r(e.cardholderName, i.emptyValue),
-			statusLabel: i.cardStatus[e.status] ?? i.emptyValue,
-			statusTone: t[e.status] ?? "neutral",
-			limit: n({
-				limit: e.limit,
-				currencyCode: e.limitCurrencyCode
-			}),
-			onSelect: c ? () => c(e.id) : void 0,
-			onActivate: u && l ? () => l(e.id) : void 0
-		};
-	});
+function o({ cardProgram: t, scopes: o }) {
+	let s = new Set(o ?? []), c = r[t];
+	return {
+		canRead: e(s, c.read),
+		canActivate: e(s, c.activate),
+		canCreate: e(s, c.create),
+		canReadFundingAccounts: t === n.Debit && e(s, i),
+		canComposeDebitCreate: t === n.Debit && e(s, a.users) && e(s, a.funding)
+	};
 }
 //#endregion
-export { o as CARD_COLUMNS_BY_PROGRAM, l as toCardRows, s as toCreditCardListItems, c as toDebitCardListItems };
+export { o as getCardsPermissions };