@tesouro/embedded-components-react 0.3.9 → 0.3.12

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index53.js

@@ -5,25 +5,25 @@ import { BillOverflowMenu as f } from "./index16.js";
 import "./index17.js";
 import { BillStatusBadge as p } from "./index20.js";
 import "./index21.js";
-import { BillActionButtons as m, NO_BILL_ACTIONS as h, hasBillActions as g } from "./index15.js";
-import { BILL_DETAILS_SHEET_LABELS_EN as _ } from "./index52.js";
-import { Fragment as v, jsx as y, jsxs as b } from "react/jsx-runtime";
-import { ChevronDownIcon as x, MoveDiagonal2Icon as S, XIcon as C } from "lucide-react";
+import { BillActionButtons as m, NO_BILL_ACTIONS as h } from "./index15.js";
+import { BILL_DETAILS_SHEET_LABELS_EN as g } from "./index52.js";
+import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
+import { ChevronDownIcon as b, MoveDiagonal2Icon as x, XIcon as S } from "lucide-react";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index53.js
-function w({ items: e }) {
-	return /* @__PURE__ */ y("dl", {
+function C({ items: e }) {
+	return /* @__PURE__ */ v("dl", {
 		className: "ttw:flex ttw:flex-col",
-		children: e.map((e) => /* @__PURE__ */ b("div", {
+		children: e.map((e) => /* @__PURE__ */ y("div", {
 			className: "ttw:flex ttw:items-start ttw:justify-between ttw:gap-6 ttw:border-b ttw:border-border ttw:py-3 ttw:last:border-b-0",
-			children: [/* @__PURE__ */ y("dt", {
+			children: [/* @__PURE__ */ v("dt", {
 				className: "ttw:text-sm ttw:text-muted-foreground",
 				children: e.label
-			}), /* @__PURE__ */ b("dd", {
+			}), /* @__PURE__ */ y("dd", {
 				className: "ttw:flex ttw:flex-col ttw:items-end ttw:text-right",
-				children: [/* @__PURE__ */ y("span", {
+				children: [/* @__PURE__ */ v("span", {
 					className: "ttw:text-sm ttw:font-medium",
 					children: e.value
-				}), e.secondaryValue ? /* @__PURE__ */ y("span", {
+				}), e.secondaryValue ? /* @__PURE__ */ v("span", {
 					className: "ttw:text-sm ttw:text-muted-foreground",
 					children: e.secondaryValue
 				}) : null]
@@ -31,218 +31,223 @@ function w({ items: e }) {
 		}, e.label))
 	});
 }
-function T({ heading: e, children: i }) {
-	return /* @__PURE__ */ b(t, {
+function w({ heading: e, children: i }) {
+	return /* @__PURE__ */ y(t, {
 		defaultOpen: !0,
 		className: "ttw:flex ttw:flex-col ttw:gap-3",
-		children: [/* @__PURE__ */ b(r, {
+		children: [/* @__PURE__ */ y(r, {
 			className: "ttw:group ttw:flex ttw:w-full ttw:items-center ttw:justify-between ttw:rounded-xs ttw:focus-visible:ring-2 ttw:focus-visible:ring-ring ttw:focus-visible:outline-hidden",
-			children: [/* @__PURE__ */ y(u, {
+			children: [/* @__PURE__ */ v(u, {
 				variant: "body1",
 				className: "ttw:font-semibold",
 				children: e
-			}), /* @__PURE__ */ y(x, { className: "ttw:size-4 ttw:text-muted-foreground ttw:transition-transform ttw:group-data-[state=closed]:-rotate-90" })]
-		}), /* @__PURE__ */ y(n, { children: i })]
+			}), /* @__PURE__ */ v(b, { className: "ttw:size-4 ttw:text-muted-foreground ttw:transition-transform ttw:group-data-[state=closed]:-rotate-90" })]
+		}), /* @__PURE__ */ v(n, { children: i })]
 	});
 }
-function E({ open: t, onOpenChange: n, details: r, actions: u = h, approvalPolicy: x, isLoading: E, isError: D, notice: O, onClose: k, onExpand: A, testId: j, labels: M }) {
-	let N = {
-		..._,
-		...M,
+function T({ open: t, onOpenChange: n, details: r, actions: u = h, approvalPolicy: b, isLoading: T, isError: E, notice: D, onClose: O, onExpand: k, testId: A, labels: j }) {
+	let M = {
+		...g,
+		...j,
 		statusBadge: {
-			..._.statusBadge,
-			...M?.statusBadge
+			...g.statusBadge,
+			...j?.statusBadge
 		},
 		approvalPolicy: {
-			..._.approvalPolicy,
-			...M?.approvalPolicy
+			...g.approvalPolicy,
+			...j?.approvalPolicy
 		}
 	};
-	return /* @__PURE__ */ y(i, {
+	return /* @__PURE__ */ v(i, {
 		open: t,
-		onOpenChange: (e) => e ? n(e) : k(),
-		children: /* @__PURE__ */ b(a, {
+		onOpenChange: (e) => e ? n(e) : O(),
+		children: /* @__PURE__ */ y(a, {
 			showCloseButton: !1,
 			className: "ttw:w-150 ttw:gap-0 ttw:overflow-y-auto ttw:sm:max-w-150",
-			"data-testid": j,
-			children: [/* @__PURE__ */ b(s, {
+			"data-testid": A,
+			children: [/* @__PURE__ */ y(s, {
 				className: "ttw:flex ttw:flex-row ttw:items-start ttw:justify-between ttw:gap-3",
-				children: [/* @__PURE__ */ b("div", {
+				children: [/* @__PURE__ */ y("div", {
 					className: "ttw:flex ttw:flex-col ttw:gap-0.5",
 					children: [
-						/* @__PURE__ */ y(c, {
-							className: E ? "ttw:sr-only" : "ttw:text-xl ttw:font-semibold",
-							children: D ? N.errorTitle : E ? N.loadingTitle : r?.title
+						/* @__PURE__ */ v(c, {
+							className: T ? "ttw:sr-only" : "ttw:text-xl ttw:font-semibold",
+							children: E ? M.errorTitle : T ? M.loadingTitle : r?.title
 						}),
-						E ? /* @__PURE__ */ b("div", {
+						T ? /* @__PURE__ */ y("div", {
 							"aria-hidden": !0,
 							className: "ttw:flex ttw:flex-col ttw:gap-2 ttw:py-1",
-							children: [/* @__PURE__ */ y(l, { className: "ttw:h-6 ttw:w-48" }), /* @__PURE__ */ y(l, { className: "ttw:h-4 ttw:w-28" })]
+							children: [/* @__PURE__ */ v(l, { className: "ttw:h-6 ttw:w-48" }), /* @__PURE__ */ v(l, { className: "ttw:h-4 ttw:w-28" })]
 						}) : null,
-						r && !E && !D ? /* @__PURE__ */ y("p", {
+						r && !T && !E ? /* @__PURE__ */ v("p", {
 							className: "ttw:text-sm ttw:text-muted-foreground",
 							children: r.subtitle
 						}) : null,
-						/* @__PURE__ */ y(o, {
+						/* @__PURE__ */ v(o, {
 							className: "ttw:sr-only",
-							children: N.hiddenDescription
+							children: M.hiddenDescription
 						})
 					]
-				}), /* @__PURE__ */ b("div", {
+				}), /* @__PURE__ */ y("div", {
 					className: "ttw:flex ttw:items-center ttw:gap-1",
-					children: [A ? /* @__PURE__ */ y(e, {
-						type: "button",
-						variant: "ghost",
-						size: "icon",
-						"aria-label": N.expandButton,
-						onClick: A,
-						children: /* @__PURE__ */ y(S, { className: "ttw:size-4" })
-					}) : null, /* @__PURE__ */ y(e, {
-						type: "button",
-						variant: "ghost",
-						size: "icon",
-						"aria-label": N.closeButton,
-						onClick: k,
-						children: /* @__PURE__ */ y(C, { className: "ttw:size-4" })
-					})]
+					children: [
+						k ? /* @__PURE__ */ v(e, {
+							type: "button",
+							variant: "ghost",
+							size: "icon",
+							"aria-label": M.expandButton,
+							onClick: k,
+							children: /* @__PURE__ */ v(x, { className: "ttw:size-4" })
+						}) : null,
+						r && !T && !E ? /* @__PURE__ */ v(f, {
+							actions: u.menu,
+							triggerLabel: M.overflowMenuTrigger,
+							placement: "header"
+						}) : null,
+						/* @__PURE__ */ v(e, {
+							type: "button",
+							variant: "ghost",
+							size: "icon",
+							"aria-label": M.closeButton,
+							onClick: O,
+							children: /* @__PURE__ */ v(S, { className: "ttw:size-4" })
+						})
+					]
 				})]
-			}), /* @__PURE__ */ y("div", {
+			}), /* @__PURE__ */ v("div", {
 				className: "ttw:flex ttw:flex-col ttw:gap-6 ttw:px-6 ttw:pb-6",
-				children: D ? /* @__PURE__ */ y("p", {
+				children: E ? /* @__PURE__ */ v("p", {
 					className: "ttw:text-sm ttw:text-muted-foreground",
-					children: N.errorDescription
-				}) : E ? /* @__PURE__ */ b("div", {
+					children: M.errorDescription
+				}) : T ? /* @__PURE__ */ y("div", {
 					className: "ttw:flex ttw:flex-col ttw:gap-6",
-					children: [/* @__PURE__ */ y(l, { className: "ttw:h-32 ttw:w-full" }), /* @__PURE__ */ b("div", {
+					children: [/* @__PURE__ */ v(l, { className: "ttw:h-32 ttw:w-full" }), /* @__PURE__ */ y("div", {
 						className: "ttw:flex ttw:flex-col ttw:gap-2",
 						children: [
-							/* @__PURE__ */ y(l, { className: "ttw:h-4 ttw:w-40" }),
-							/* @__PURE__ */ y(l, { className: "ttw:h-9 ttw:w-full" }),
-							/* @__PURE__ */ y(l, { className: "ttw:h-9 ttw:w-full" })
+							/* @__PURE__ */ v(l, { className: "ttw:h-4 ttw:w-40" }),
+							/* @__PURE__ */ v(l, { className: "ttw:h-9 ttw:w-full" }),
+							/* @__PURE__ */ v(l, { className: "ttw:h-9 ttw:w-full" })
 						]
 					})]
-				}) : r ? /* @__PURE__ */ b(v, { children: [
-					O,
-					/* @__PURE__ */ b("section", {
+				}) : r ? /* @__PURE__ */ y(_, { children: [
+					D,
+					/* @__PURE__ */ y("section", {
 						className: "ttw:flex ttw:flex-col ttw:gap-3 ttw:rounded-lg ttw:bg-muted/50 ttw:p-4",
 						children: [
-							/* @__PURE__ */ b("div", {
+							/* @__PURE__ */ y("div", {
 								className: "ttw:flex ttw:flex-col ttw:gap-2",
 								children: [
-									/* @__PURE__ */ y("span", {
+									/* @__PURE__ */ v("span", {
 										className: "ttw:text-sm ttw:text-muted-foreground",
-										children: N.amountDueHeading
+										children: M.amountDueHeading
 									}),
-									/* @__PURE__ */ y("span", {
+									/* @__PURE__ */ v("span", {
 										className: "ttw:text-3xl ttw:font-semibold",
 										children: r.amountDueLabel
 									}),
-									/* @__PURE__ */ y("div", { children: /* @__PURE__ */ y(p, {
+									/* @__PURE__ */ v("div", { children: /* @__PURE__ */ v(p, {
 										status: r.status,
 										tone: r.statusTone,
-										labels: N.statusBadge
+										labels: M.statusBadge
 									}) })
 								]
 							}),
-							/* @__PURE__ */ b("div", {
+							/* @__PURE__ */ y("div", {
 								className: "ttw:grid ttw:grid-cols-2 ttw:gap-x-6 ttw:gap-y-1",
-								children: [/* @__PURE__ */ b("div", {
+								children: [/* @__PURE__ */ y("div", {
 									className: "ttw:flex ttw:flex-col",
-									children: [/* @__PURE__ */ y("span", {
+									children: [/* @__PURE__ */ v("span", {
 										className: "ttw:text-xs ttw:text-muted-foreground",
-										children: N.invoiceDateLabel
-									}), /* @__PURE__ */ y("span", {
+										children: M.invoiceDateLabel
+									}), /* @__PURE__ */ v("span", {
 										className: "ttw:text-sm ttw:font-medium",
 										children: r.invoiceDateLabel
 									})]
-								}), /* @__PURE__ */ b("div", {
+								}), /* @__PURE__ */ y("div", {
 									className: "ttw:flex ttw:flex-col",
-									children: [/* @__PURE__ */ y("span", {
+									children: [/* @__PURE__ */ v("span", {
 										className: "ttw:text-xs ttw:text-muted-foreground",
-										children: N.dueDateLabel
-									}), /* @__PURE__ */ y("span", {
+										children: M.dueDateLabel
+									}), /* @__PURE__ */ v("span", {
 										className: "ttw:text-sm ttw:font-medium",
 										children: r.dueDateLabel
 									})]
 								})]
 							}),
-							g(u) ? /* @__PURE__ */ b("div", {
+							u.row.length ? /* @__PURE__ */ v("div", {
 								className: "ttw:flex ttw:items-center ttw:gap-2",
-								children: [/* @__PURE__ */ y(m, { actions: u.row }), /* @__PURE__ */ y(f, {
-									actions: u.menu,
-									triggerLabel: N.overflowMenuTrigger
-								})]
+								children: /* @__PURE__ */ v(m, { actions: u.row })
 							}) : null
 						]
 					}),
-					/* @__PURE__ */ y(T, {
-						heading: N.payToHeading,
-						children: /* @__PURE__ */ y(w, { items: r.payToItems })
+					/* @__PURE__ */ v(w, {
+						heading: M.payToHeading,
+						children: /* @__PURE__ */ v(C, { items: r.payToItems })
 					}),
-					/* @__PURE__ */ y(T, {
-						heading: N.invoiceDetailsHeading,
-						children: /* @__PURE__ */ b("div", {
+					/* @__PURE__ */ v(w, {
+						heading: M.invoiceDetailsHeading,
+						children: /* @__PURE__ */ y("div", {
 							className: "ttw:flex ttw:flex-col ttw:gap-4",
 							children: [
-								/* @__PURE__ */ y(w, { items: r.invoiceItems }),
-								r.lineItems.length ? /* @__PURE__ */ b("table", {
+								/* @__PURE__ */ v(C, { items: r.invoiceItems }),
+								r.lineItems.length ? /* @__PURE__ */ y("table", {
 									className: "ttw:w-full ttw:text-sm",
-									children: [/* @__PURE__ */ y("thead", { children: /* @__PURE__ */ b("tr", {
+									children: [/* @__PURE__ */ v("thead", { children: /* @__PURE__ */ y("tr", {
 										className: "ttw:bg-muted/50 ttw:text-xs ttw:text-muted-foreground",
 										children: [
-											/* @__PURE__ */ y("th", {
+											/* @__PURE__ */ v("th", {
 												className: "ttw:px-3 ttw:py-2 ttw:text-left ttw:font-normal",
-												children: N.lineItemsHeading
+												children: M.lineItemsHeading
 											}),
-											/* @__PURE__ */ y("th", {
+											/* @__PURE__ */ v("th", {
 												className: "ttw:px-3 ttw:py-2 ttw:text-right ttw:font-normal",
-												children: N.lineItemsQuantityHeading
+												children: M.lineItemsQuantityHeading
 											}),
-											/* @__PURE__ */ y("th", {
+											/* @__PURE__ */ v("th", {
 												className: "ttw:px-3 ttw:py-2 ttw:text-right ttw:font-normal",
-												children: N.lineItemsAmountHeading
+												children: M.lineItemsAmountHeading
 											})
 										]
-									}) }), /* @__PURE__ */ y("tbody", { children: r.lineItems.map((e) => /* @__PURE__ */ b("tr", {
+									}) }), /* @__PURE__ */ v("tbody", { children: r.lineItems.map((e) => /* @__PURE__ */ y("tr", {
 										className: "ttw:border-b ttw:border-border",
 										children: [
-											/* @__PURE__ */ b("td", {
+											/* @__PURE__ */ y("td", {
 												className: "ttw:px-3 ttw:py-2",
-												children: [/* @__PURE__ */ y("span", {
+												children: [/* @__PURE__ */ v("span", {
 													className: "ttw:block",
 													children: e.description
-												}), /* @__PURE__ */ y("span", {
+												}), /* @__PURE__ */ v("span", {
 													className: "ttw:block ttw:text-xs ttw:text-muted-foreground",
 													children: e.glCodeLabel
 												})]
 											}),
-											/* @__PURE__ */ y("td", {
+											/* @__PURE__ */ v("td", {
 												className: "ttw:px-3 ttw:py-2 ttw:text-right ttw:whitespace-nowrap ttw:text-muted-foreground",
 												children: e.quantityLabel
 											}),
-											/* @__PURE__ */ y("td", {
+											/* @__PURE__ */ v("td", {
 												className: "ttw:px-3 ttw:py-2 ttw:text-right ttw:whitespace-nowrap",
 												children: e.amountLabel
 											})
 										]
 									}, e.id)) })]
 								}) : null,
-								/* @__PURE__ */ y("dl", {
+								/* @__PURE__ */ v("dl", {
 									className: "ttw:flex ttw:flex-col ttw:gap-1",
-									children: r.totals.map((e) => /* @__PURE__ */ b("div", {
+									children: r.totals.map((e) => /* @__PURE__ */ y("div", {
 										className: e.emphasis ? "ttw:flex ttw:justify-between ttw:gap-6 ttw:border-t ttw:border-border ttw:pt-2 ttw:text-base ttw:font-semibold" : "ttw:flex ttw:justify-between ttw:gap-6 ttw:text-sm",
-										children: [/* @__PURE__ */ y("dt", {
+										children: [/* @__PURE__ */ v("dt", {
 											className: e.emphasis ? "" : "ttw:text-muted-foreground",
 											children: e.label
-										}), /* @__PURE__ */ y("dd", { children: e.value })]
+										}), /* @__PURE__ */ v("dd", { children: e.value })]
 									}, e.label))
 								})
 							]
 						})
 					}),
-					x ? /* @__PURE__ */ y(d, {
-						view: x,
-						labels: N.approvalPolicy
+					b ? /* @__PURE__ */ v(d, {
+						view: b,
+						labels: M.approvalPolicy
 					}) : null
 				] }) : null
 			})]
@@ -250,4 +255,4 @@ function E({ open: t, onOpenChange: n, details: r, actions: u = h, approvalPolic
 	});
 }
 //#endregion
-export { E as BillDetailsSheet, E as default };
+export { T as BillDetailsSheet, T as default };

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

@@ -96,20 +96,21 @@ function d({ cardProgram: c, pagination: d, defaultPagination: f, onPaginationCh
 		A,
 		k
 	]);
-	let L = A ? Se : ke ? j : E, Ae = L.paginationToken, R = L.pageSize, z = {
+	let L = A ? Se : ke ? j : E, Ae = L.paginationToken, R = L.pageSize, z = I ? x : void 0, B = {
 		limit: R,
-		paginationToken: Ae,
-		userId: I ? x : void 0
-	}, B = ue({
-		...z,
+		paginationToken: Ae
+	}, V = ue({
+		...B,
+		userId: z,
 		enabled: T && c === r.Credit
-	}), V = de({
-		...z,
+	}), H = de({
+		...B,
+		cardholderUserId: z,
 		enabled: T && c === r.Debit
-	}), H = c === r.Credit ? B : V, U = T && w.canReadFundingAccounts, W = e({ enabled: U }), G = o(() => {
+	}), U = c === r.Credit ? V : H, W = T && w.canReadFundingAccounts, G = e({ enabled: W }), K = o(() => {
 		let e = /* @__PURE__ */ new Map();
 		if (!w.canReadFundingAccounts) return e;
-		for (let t of W.data?.data ?? []) {
+		for (let t of G.data?.data ?? []) {
 			let n = t.nickname?.trim();
 			e.set(t.id, n ? {
 				name: n,
@@ -118,28 +119,28 @@ function d({ cardProgram: c, pagination: d, defaultPagination: f, onPaginationCh
 		}
 		return e;
 	}, [
-		W.data?.data,
+		G.data?.data,
 		_.untitledFundingAccount,
 		w.canReadFundingAccounts
-	]), K = U && W.isError, je = U && !K && (W.isLoading || W.isFetchingNextPage || !!W.hasNextPage), q = o(() => T ? c === r.Credit ? ce(B.data?.data ?? []) : le(V.data?.data ?? []) : [], [
+	]), q = W && G.isError, je = W && !q && (G.isLoading || G.isFetchingNextPage || !!G.hasNextPage), J = o(() => T ? c === r.Credit ? ce(V.data?.data ?? []) : le(H.data?.data ?? []) : [], [
 		T,
 		c,
-		B.data?.data,
-		V.data?.data
-	]), Me = o(() => se(q, {
+		V.data?.data,
+		H.data?.data
+	]), Me = o(() => se(J, {
 		labels: _,
-		fundingAccountNames: G,
+		fundingAccountNames: K,
 		canActivate: w.canActivate,
 		onCardSelect: F,
 		onActivateCard: g
 	}), [
-		q,
-		G,
+		J,
+		K,
 		F,
 		_,
 		g,
 		w.canActivate
-	]), J = H.data?.nextPaginationToken ?? void 0, Y = H.data?.prevPaginationToken ?? void 0, Ne = !!H.data, X = T && (H.isError || K), Z = i((e) => {
+	]), Y = U.data?.nextPaginationToken ?? void 0, X = U.data?.prevPaginationToken ?? void 0, Ne = !!U.data, Z = T && (U.isError || q), Q = i((e) => {
 		A || M({
 			resetKey: k,
 			paginationToken: e.paginationToken,
@@ -149,42 +150,42 @@ function d({ cardProgram: c, pagination: d, defaultPagination: f, onPaginationCh
 		A,
 		p,
 		k
-	]), Q = i(() => {
-		Z({
+	]), $ = i(() => {
+		Q({
 			paginationToken: void 0,
 			pageSize: R
 		});
-	}, [Z, R]), Pe = i((e) => {
-		Z({
+	}, [Q, R]), Pe = i((e) => {
+		Q({
 			paginationToken: void 0,
 			pageSize: e
 		});
-	}, [Z]), Fe = i((e) => {
-		Ee(e), Q();
-	}, [Q]), Ie = i(() => {
-		Z({
-			paginationToken: Y,
+	}, [Q]), Fe = i((e) => {
+		Ee(e), $();
+	}, [$]), Ie = i(() => {
+		Q({
+			paginationToken: X,
 			pageSize: R
 		});
 	}, [
-		Z,
+		Q,
 		R,
-		Y
+		X
 	]), Le = i(() => {
-		Z({
-			paginationToken: J,
+		Q({
+			paginationToken: Y,
 			pageSize: R
 		});
 	}, [
-		Z,
-		J,
+		Q,
+		Y,
 		R
-	]), $ = H.refetch, Re = W.refetch, ze = i(() => {
-		$(), U && Re();
+	]), Re = U.refetch, ze = G.refetch, Be = i(() => {
+		Re(), W && ze();
 	}, [
-		U,
-		$,
-		Re
+		W,
+		Re,
+		ze
 	]);
 	return {
 		rows: Me,
@@ -192,19 +193,19 @@ function d({ cardProgram: c, pagination: d, defaultPagination: f, onPaginationCh
 		onSelectCard: F,
 		canReadCards: w.canRead,
 		columns: oe[c],
-		isLoading: !S && (!C || xe && !b || T && (H.isLoading || je)),
-		isError: S || X,
+		isLoading: !S && (!C || xe && !b || T && (U.isLoading || je)),
+		isError: S || Z,
 		canToggleShowMyCards: w.canRead && !!x,
 		isShowingMyCards: I,
 		onShowMyCardsChange: Fe,
 		canCreateCard: w.canCreate && (!!h || !!ye && w.canComposeDebitCreate),
 		onCreateCardClick: h,
-		onRetry: ze,
-		isPaginationVisible: T && Ne && !X,
+		onRetry: Be,
+		isPaginationVisible: T && Ne && !Z,
 		pageSize: R,
 		pageSizeOptions: me,
-		isPreviousPageDisabled: !Y,
-		isNextPageDisabled: !J,
+		isPreviousPageDisabled: !X,
+		isNextPageDisabled: !Y,
 		onPageSizeChange: Pe,
 		onPreviousPageClick: Ie,
 		onNextPageClick: Le