@tesouro/embedded-components-react 0.2.259 → 0.2.261

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

@@ -12,42 +12,64 @@ import "../../ui/dist/index.js";
 import { useCardsWidget as a } from "./index7.js";
 import { CardDetailsWidget as o } from "../../../card-details-widget/feature/dist/index6.js";
 import "../../../card-details-widget/feature/dist/index.js";
-import { useMemo as s, useState as c } from "react";
-import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
+import { CreateCardWidget as s } from "../../../create-card-widget/feature/dist/index7.js";
+import "../../../create-card-widget/feature/dist/index.js";
+import { useCallback as c, useMemo as l, useState as u } from "react";
+import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/cards-widget/feature/dist/index8.js
-function f({ cardProgram: e, pagination: t, defaultPagination: f, onPaginationChange: p, labels: m, featureLabels: h, selectedCardId: g, defaultSelectedCardId: _, onSelectedCardIdChange: v, cardDetailsLabels: y, cardDetailsFeatureLabels: b, bankLogoSrc: x, bankLogoAlt: S, onCreateCard: C, onActivateCard: w }) {
-	let { selectedCardId: T, onSelectCard: E, ...D } = a({
+function m({ cardProgram: e, pagination: t, defaultPagination: m, onPaginationChange: h, labels: g, featureLabels: _, selectedCardId: v, defaultSelectedCardId: y, onSelectedCardIdChange: b, cardDetailsLabels: x, cardDetailsFeatureLabels: S, bankLogoSrc: C, bankLogoAlt: w, cardArtSrc: T, createCardLabels: E, createCardFeatureLabels: D, onCreateCard: O, onActivateCard: k }) {
+	let { selectedCardId: A, onSelectCard: j, onCreateCardClick: M, canCreateCard: N, canReadCards: P, ...F } = a({
 		cardProgram: e,
 		pagination: t,
-		defaultPagination: f,
-		onPaginationChange: p,
-		featureLabels: h,
-		selectedCardId: g,
-		defaultSelectedCardId: _,
-		onSelectedCardIdChange: v,
-		onCreateCard: C,
-		onActivateCard: w
-	}), O = s(() => n(m), [m]), [k, A] = c(T);
-	return T !== null && T !== k && A(T), /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u(r, {
-		...D,
-		labels: O
-	}), /* @__PURE__ */ u(i, {
-		isOpen: T !== null,
-		labels: O.detailsSheet,
-		onClose: () => E(null),
-		children: k === null ? null : /* @__PURE__ */ u(o, {
-			cardId: k,
+		defaultPagination: m,
+		onPaginationChange: h,
+		featureLabels: _,
+		selectedCardId: v,
+		defaultSelectedCardId: y,
+		onSelectedCardIdChange: b,
+		onCreateCard: O,
+		onActivateCard: k,
+		cardArtSrc: T
+	}), I = l(() => n(g), [g]), [L, R] = u(!1), [z, B] = u(0), [V, H] = u(A), [U, W] = u(null), G = c(() => {
+		A !== null && j(null), B((e) => e + 1), R(!0);
+	}, [A, j]), K = c(() => {
+		R(!1), A !== null && j(null);
+	}, [A, j]), q = c((e) => {
+		R(!1), j(e);
+	}, [j]), J = e === "debit" && !!T && !!N && M === void 0, Y = L && A === null && J;
+	L && (A !== null || !J) && R(!1), Y ? U !== "create" && W("create") : A !== null && (U !== "details" && W("details"), A !== V && H(A));
+	let X = U === "create", Z = A !== null || Y;
+	return /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f(r, {
+		...F,
+		canCreateCard: N,
+		onCreateCardClick: M ?? G,
+		labels: I
+	}), /* @__PURE__ */ f(i, {
+		isOpen: Z,
+		labels: X ? I.createSheet : I.detailsSheet,
+		contentClassName: X ? "ttw:overflow-hidden ttw:p-0 ttw:min-h-0" : void 0,
+		onClose: K,
+		children: X && J && T ? /* @__PURE__ */ f(s, {
+			cardArtSrc: T,
+			labels: E,
+			featureLabels: D,
+			onClose: K,
+			onCancel: K,
+			onViewCard: P ? q : void 0,
+			className: "ttw:min-h-0 ttw:flex-1"
+		}, z) : V === null ? null : /* @__PURE__ */ f(o, {
+			cardId: V,
 			cardProgram: e,
-			labels: y,
-			featureLabels: b,
-			bankLogoSrc: x,
-			bankLogoAlt: S,
-			onClose: () => E(null)
-		}, k)
+			labels: x,
+			featureLabels: S,
+			bankLogoSrc: C,
+			bankLogoAlt: w,
+			onClose: K
+		}, V)
 	})] });
 }
-function p({ baseUrl: n, widgetToken: r, organizationId: i, configClient: a, linkComponent: o, implementation: s, uiFramework: c, errorFallback: l, onError: d, analytics: p, ...m }) {
-	return /* @__PURE__ */ u(e, {
+function h({ baseUrl: n, widgetToken: r, organizationId: i, configClient: a, linkComponent: o, implementation: s, uiFramework: c, errorFallback: l, onError: u, analytics: d, ...p }) {
+	return /* @__PURE__ */ f(e, {
 		widgetName: t,
 		baseUrl: n,
 		widgetToken: r,
@@ -57,10 +79,10 @@ function p({ baseUrl: n, widgetToken: r, organizationId: i, configClient: a, lin
 		implementation: s,
 		uiFramework: c,
 		errorFallback: l,
-		onError: d,
-		analytics: p,
-		children: /* @__PURE__ */ u(f, { ...m })
+		onError: u,
+		analytics: d,
+		children: /* @__PURE__ */ f(m, { ...p })
 	});
 }
 //#endregion
-export { p as CardsWidget, p as default };
+export { h as CardsWidget, h as default };

package/dist/libs/tesouro-embedded-components-react/cards-widget/ui/dist/lib/CardsList/CardsListDetailsSheet.js

@@ -2,37 +2,37 @@
 "use client";
 "use client";
 "use client";
-import { Sheet as e, SheetContent as t, SheetDescription as n, SheetTitle as r } from "../../../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { CARDS_LIST_LABELS_EN as i } from "./labels.js";
-import { useMemo as a } from "react";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { Sheet as e, SheetContent as t, SheetDescription as n, SheetTitle as r, cn as i } from "../../../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { CARDS_LIST_LABELS_EN as a } from "./labels.js";
+import { useMemo as o } from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/cards-widget/ui/dist/lib/CardsList/CardsListDetailsSheet.js
-function c({ isOpen: c, onClose: l, labels: u, children: d }) {
-	let f = a(() => ({
-		...i.detailsSheet,
-		...u
-	}), [u]);
-	return /* @__PURE__ */ o(e, {
-		open: c,
+function l({ isOpen: l, onClose: u, labels: d, contentClassName: f, children: p }) {
+	let m = o(() => ({
+		...a.detailsSheet,
+		...d
+	}), [d]);
+	return /* @__PURE__ */ s(e, {
+		open: l,
 		onOpenChange: (e) => {
-			e || l();
+			e || u();
 		},
-		children: /* @__PURE__ */ s(t, {
+		children: /* @__PURE__ */ c(t, {
 			showCloseButton: !1,
-			className: "ttw:w-168 ttw:overflow-y-auto ttw:sm:max-w-168",
+			className: i("ttw:w-168 ttw:sm:max-w-168", f ?? "ttw:overflow-y-auto"),
 			children: [
-				/* @__PURE__ */ o(r, {
+				/* @__PURE__ */ s(r, {
 					className: "ttw:sr-only",
-					children: f.title
+					children: m.title
 				}),
-				/* @__PURE__ */ o(n, {
+				/* @__PURE__ */ s(n, {
 					className: "ttw:sr-only",
-					children: f.description
+					children: m.description
 				}),
-				d
+				p
 			]
 		})
 	});
 }
 //#endregion
-export { c as CardsListDetailsSheet };
+export { l as CardsListDetailsSheet };

package/dist/libs/tesouro-embedded-components-react/cards-widget/ui/dist/lib/CardsList/labels.js

@@ -29,6 +29,10 @@ var t = {
 	detailsSheet: {
 		title: "Card details",
 		description: "Details for the selected card. Press Escape to close."
+	},
+	createSheet: {
+		title: "Create card",
+		description: "Create a new card. Press Escape to close."
 	}
 };
 function n(e) {
@@ -46,6 +50,10 @@ function n(e) {
 		detailsSheet: {
 			...t.detailsSheet,
 			...e?.detailsSheet
+		},
+		createSheet: {
+			...t.createSheet,
+			...e?.createSheet
 		}
 	};
 }