@tesouro/embedded-components-react 0.2.257 → 0.2.260

package/dist/libs/tesouro-embedded-components-react/bank-accounts-widget/account-details/ui/dist/index2.js

@@ -33,7 +33,7 @@ function f({ label: e, value: t, isCopied: n, copyAriaLabel: r, onCopy: a, trail
 		})]
 	});
 }
-function p({ labels: p, routingNumberLabel: m, accountNumberDisplayLabel: h, wireAccountNumberLabel: g, bankNameLabel: _, bankAddressLabel: v, domesticWireIntroLabel: y, domesticWireNoteLabel: b, thingsToKnowBodyLabel: x, supportTeamHref: S, isAccountNumberVisible: C, isAccountNumberCopied: w, isRoutingNumberCopied: T, isDomesticWireExpanded: E, onDomesticWireExpandedChange: D, onToggleAccountNumberVisibility: O, onCopyAccountNumber: k, onCopyRoutingNumber: A, onCopyWireAccountNumber: j, onCopyWireRoutingNumber: M, onCopyBankName: N, onCopyBankAddress: P }) {
+function p({ labels: p, routingNumberLabel: m, accountNumberDisplayLabel: h, accountNumberTestId: g, wireAccountNumberLabel: _, bankNameLabel: v, bankAddressLabel: y, domesticWireIntroLabel: b, domesticWireNoteLabel: x, thingsToKnowBodyLabel: S, supportTeamHref: C, isAccountNumberVisible: w, isAccountNumberCopied: T, isRoutingNumberCopied: E, isDomesticWireExpanded: D, onDomesticWireExpandedChange: O, onToggleAccountNumberVisibility: k, onCopyAccountNumber: A, onCopyRoutingNumber: j, onCopyWireAccountNumber: M, onCopyWireRoutingNumber: N, onCopyBankName: P, onCopyBankAddress: F }) {
 	return /* @__PURE__ */ s("div", {
 		className: "ttw:space-y-6",
 		children: [/* @__PURE__ */ s("section", {
@@ -49,9 +49,9 @@ function p({ labels: p, routingNumberLabel: m, accountNumberDisplayLabel: h, wir
 					children: [/* @__PURE__ */ o(f, {
 						label: p.routingNumberLabel,
 						value: m,
-						isCopied: T,
+						isCopied: E,
 						copyAriaLabel: p.copyLabel,
-						onCopy: A
+						onCopy: j
 					}), /* @__PURE__ */ s("div", {
 						className: "ttw:space-y-1",
 						children: [/* @__PURE__ */ o("p", {
@@ -61,6 +61,7 @@ function p({ labels: p, routingNumberLabel: m, accountNumberDisplayLabel: h, wir
 							className: "ttw:flex ttw:items-center ttw:gap-2",
 							children: [
 								/* @__PURE__ */ o("span", {
+									"data-testid": g,
 									className: "ttw:font-medium ttw:tracking-widest",
 									children: h
 								}),
@@ -70,8 +71,8 @@ function p({ labels: p, routingNumberLabel: m, accountNumberDisplayLabel: h, wir
 									size: "icon",
 									className: "ttw:size-7 ttw:text-primary",
 									"aria-label": p.toggleAccountNumberVisibility,
-									onClick: O,
-									children: o(C ? d : u, { className: "ttw:size-4" })
+									onClick: k,
+									children: o(w ? d : u, { className: "ttw:size-4" })
 								}),
 								/* @__PURE__ */ o(i, {
 									type: "button",
@@ -79,8 +80,8 @@ function p({ labels: p, routingNumberLabel: m, accountNumberDisplayLabel: h, wir
 									size: "icon",
 									className: "ttw:size-7 ttw:text-primary",
 									"aria-label": p.copyLabel,
-									onClick: k,
-									children: o(w ? c : l, { className: "ttw:size-4" })
+									onClick: A,
+									children: o(T ? c : l, { className: "ttw:size-4" })
 								})
 							]
 						})]
@@ -95,8 +96,8 @@ function p({ labels: p, routingNumberLabel: m, accountNumberDisplayLabel: h, wir
 			}), /* @__PURE__ */ o(e, {
 				type: "single",
 				collapsible: !0,
-				value: E ? "domestic-wire" : "",
-				onValueChange: (e) => D(e === "domestic-wire"),
+				value: D ? "domestic-wire" : "",
+				onValueChange: (e) => O(e === "domestic-wire"),
 				className: "ttw:overflow-hidden ttw:rounded-xl ttw:border ttw:border-border",
 				children: /* @__PURE__ */ s(n, {
 					value: "domestic-wire",
@@ -110,11 +111,11 @@ function p({ labels: p, routingNumberLabel: m, accountNumberDisplayLabel: h, wir
 						children: [
 							/* @__PURE__ */ o("p", {
 								className: "ttw:text-sm ttw:text-foreground",
-								children: y
+								children: b
 							}),
 							/* @__PURE__ */ o("p", {
 								className: "ttw:text-sm ttw:text-foreground",
-								children: b
+								children: x
 							}),
 							/* @__PURE__ */ s("div", {
 								className: "ttw:space-y-4 ttw:rounded-xl ttw:border ttw:border-border ttw:bg-card ttw:p-4",
@@ -125,27 +126,27 @@ function p({ labels: p, routingNumberLabel: m, accountNumberDisplayLabel: h, wir
 									}),
 									/* @__PURE__ */ o(f, {
 										label: p.accountNumberLabel,
-										value: g,
+										value: _,
 										copyAriaLabel: p.copyLabel,
-										onCopy: j
+										onCopy: M
 									}),
 									/* @__PURE__ */ o(f, {
 										label: p.routingNumberLabel,
 										value: m,
 										copyAriaLabel: p.copyLabel,
-										onCopy: M
+										onCopy: N
 									}),
 									/* @__PURE__ */ o(f, {
 										label: p.bankNameLabel,
-										value: _,
+										value: v,
 										copyAriaLabel: p.copyLabel,
-										onCopy: N
+										onCopy: P
 									}),
-									v ? /* @__PURE__ */ o(f, {
+									y ? /* @__PURE__ */ o(f, {
 										label: p.bankAddressLabel,
-										value: v,
+										value: y,
 										copyAriaLabel: p.copyLabel,
-										onCopy: P
+										onCopy: F
 									}) : null
 								]
 							}),
@@ -157,10 +158,10 @@ function p({ labels: p, routingNumberLabel: m, accountNumberDisplayLabel: h, wir
 										children: p.thingsToKnowHeading
 									}),
 									" ",
-									x
+									S
 								]
 							}),
-							S ? /* @__PURE__ */ s("p", {
+							C ? /* @__PURE__ */ s("p", {
 								className: "ttw:text-sm ttw:text-foreground",
 								children: [
 									p.supportQuestionsPrefix,
@@ -170,7 +171,7 @@ function p({ labels: p, routingNumberLabel: m, accountNumberDisplayLabel: h, wir
 										asChild: !0,
 										className: "ttw:h-auto ttw:p-0 ttw:text-sm ttw:font-normal",
 										children: /* @__PURE__ */ o("a", {
-											href: S,
+											href: C,
 											target: "_blank",
 											rel: "noopener noreferrer",
 											children: p.supportTeamLink

package/dist/libs/tesouro-embedded-components-react/bank-accounts-widget/account-details/ui/dist/index8.js

@@ -6,38 +6,38 @@ import { Button as e, Skeleton as t, Tabs as n, TabsContent as r, TabsList as i,
 import { InlineErrorAlert as d } from "../../../../shared/ui/dist/lib/InlineErrorAlert/InlineErrorAlert.js";
 import "../../../../shared/ui/dist/index.js";
 import { DEFAULT_LABELS as f } from "./index7.js";
-import { AccountDetailsPanel as p } from "./index2.js";
-import { AccountActionsMenu as ee, EditAccountDialog as te } from "./index3.js";
-import { ExportTransactionsDialog as ne } from "./index4.js";
-import { StatementsPanel as re } from "./index5.js";
-import { TransactionsTable as ie } from "./index6.js";
-import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
-import { ChevronLeftIcon as _, HelpCircleIcon as v } from "lucide-react";
+import { AccountDetailsPanel as ee } from "./index2.js";
+import { AccountActionsMenu as te, EditAccountDialog as ne } from "./index3.js";
+import { ExportTransactionsDialog as re } from "./index4.js";
+import { StatementsPanel as ie } from "./index5.js";
+import { TransactionsTable as ae } from "./index6.js";
+import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
+import { ChevronLeftIcon as g, HelpCircleIcon as _ } from "lucide-react";
 //#region ../../libs/tesouro-embedded-components-react/bank-accounts-widget/account-details/ui/dist/index8.js
-function y({ labels: y, title: b, bankDisplayName: x, bankLogoSrc: S, bankLogoAlt: C, balanceLabel: w, isBankingTaglineVisible: T, activeTab: E, transactionRows: D, showExport: O, isExportOpen: k, exportStartDate: A, exportEndDate: j, isExportDownloading: M, isExportDownloadDisabled: N, disabledExportStartDates: P, disabledExportEndDates: F, accountNumberLabel: I, maskedAccountNumberLabel: L, routingNumberLabel: R, bankAddressLabel: z, wireAccountNumberLabel: B, domesticWireIntroLabel: V, domesticWireNoteLabel: ae, thingsToKnowBodyLabel: H, supportTeamHref: U, isAccountNumberVisible: W, isAccountNumberCopied: G, isRoutingNumberCopied: K, isDomesticWireExpanded: q, isLoading: J, isError: Y, isEditOpen: oe, isEditDisabled: se, isEditError: ce, isSubmitting: le, editForm: ue, canEdit: de, onBack: fe, onTabChange: pe, onToggleAccountNumberVisibility: me, onCopyAccountNumber: X, onCopyRoutingNumber: Z, onCopyBankName: he, onCopyBankAddress: ge, onDomesticWireExpandedChange: _e, onEditOpenChange: ve, onEditFormChange: ye, onEditSubmit: be, onEditNicknameClick: xe, onExportOpenChange: Q, onExportStartDateChange: Se, onExportEndDateChange: Ce, onExportDownload: we }) {
+function v({ labels: v, title: y, bankDisplayName: b, bankLogoSrc: x, bankLogoAlt: S, balanceLabel: C, balanceTestId: w, isBankingTaglineVisible: T, activeTab: E, transactionRows: D, showExport: O, isExportOpen: k, exportStartDate: A, exportEndDate: j, isExportDownloading: M, isExportDownloadDisabled: N, disabledExportStartDates: P, disabledExportEndDates: F, accountNumberLabel: I, maskedAccountNumberLabel: L, accountNumberTestId: R, routingNumberLabel: z, bankAddressLabel: B, wireAccountNumberLabel: oe, domesticWireIntroLabel: V, domesticWireNoteLabel: H, thingsToKnowBodyLabel: U, supportTeamHref: W, isAccountNumberVisible: G, isAccountNumberCopied: K, isRoutingNumberCopied: q, isDomesticWireExpanded: se, isLoading: J, isError: Y, isEditOpen: ce, isEditDisabled: le, isEditError: ue, isSubmitting: de, editForm: fe, canEdit: pe, onBack: me, onTabChange: he, onToggleAccountNumberVisibility: ge, onCopyAccountNumber: X, onCopyRoutingNumber: Z, onCopyBankName: _e, onCopyBankAddress: ve, onDomesticWireExpandedChange: ye, onEditOpenChange: be, onEditFormChange: xe, onEditSubmit: Se, onEditNicknameClick: Ce, onExportOpenChange: Q, onExportStartDateChange: we, onExportEndDateChange: Te, onExportDownload: Ee }) {
 	let $ = {
 		...f,
-		...y
-	}, Te = /* @__PURE__ */ g(e, {
+		...v
+	}, De = /* @__PURE__ */ h(e, {
 		type: "button",
 		variant: "ghost",
 		className: "ttw:h-auto ttw:justify-start ttw:gap-1 ttw:px-0 ttw:py-1 ttw:has-[>svg]:px-0 ttw:text-sm ttw:font-medium ttw:leading-5 ttw:text-primary ttw:hover:bg-transparent",
-		onClick: fe,
-		children: [/* @__PURE__ */ h(_, { className: "ttw:size-4" }), $.backToAccounts]
+		onClick: me,
+		children: [/* @__PURE__ */ m(g, { className: "ttw:size-4" }), $.backToAccounts]
 	});
-	return /* @__PURE__ */ g("section", {
+	return /* @__PURE__ */ h("section", {
 		className: "ttw:w-full ttw:space-y-4",
 		children: [
-			!J && !Y ? /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h(te, {
+			!J && !Y ? /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m(ne, {
 				labels: $,
-				open: oe,
-				form: ue,
-				isSubmitting: le,
-				isError: ce,
-				onOpenChange: ve,
-				onFormChange: ye,
-				onSubmit: be
-			}), /* @__PURE__ */ h(ne, {
+				open: ce,
+				form: fe,
+				isSubmitting: de,
+				isError: ue,
+				onOpenChange: be,
+				onFormChange: xe,
+				onSubmit: Se
+			}), /* @__PURE__ */ m(re, {
 				labels: $,
 				open: k,
 				startDate: A,
@@ -47,123 +47,125 @@ function y({ labels: y, title: b, bankDisplayName: x, bankLogoSrc: S, bankLogoAl
 				disabledStartDates: P,
 				disabledEndDates: F,
 				onOpenChange: Q,
-				onStartDateChange: Se,
-				onEndDateChange: Ce,
-				onDownload: we
+				onStartDateChange: we,
+				onEndDateChange: Te,
+				onDownload: Ee
 			})] }) : null,
-			/* @__PURE__ */ g("div", {
+			/* @__PURE__ */ h("div", {
 				className: "ttw:flex ttw:items-start ttw:justify-between ttw:gap-4",
-				children: [Te, !J && !Y ? /* @__PURE__ */ h(ee, {
+				children: [De, !J && !Y ? /* @__PURE__ */ m(te, {
 					labels: $,
-					canEdit: de,
-					onEditNickname: xe
+					canEdit: pe,
+					onEditNickname: Ce
 				}) : null]
 			}),
-			J ? /* @__PURE__ */ g("div", {
+			J ? /* @__PURE__ */ h("div", {
 				className: "ttw:space-y-4",
 				"aria-label": $.loadingLabel,
-				children: [/* @__PURE__ */ h(t, { className: "ttw:h-10 ttw:w-64" }), /* @__PURE__ */ h(t, { className: "ttw:h-64 ttw:w-full ttw:rounded-xl" })]
-			}) : Y ? /* @__PURE__ */ h(d, { children: $.errorTitle }) : /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ g("div", {
+				children: [/* @__PURE__ */ m(t, { className: "ttw:h-10 ttw:w-64" }), /* @__PURE__ */ m(t, { className: "ttw:h-64 ttw:w-full ttw:rounded-xl" })]
+			}) : Y ? /* @__PURE__ */ m(d, { children: $.errorTitle }) : /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ h("div", {
 				className: "ttw:space-y-4",
-				children: [/* @__PURE__ */ g("div", {
+				children: [/* @__PURE__ */ h("div", {
 					className: "ttw:space-y-0.5",
-					children: [/* @__PURE__ */ h(u, {
+					children: [/* @__PURE__ */ m(u, {
 						variant: "h2",
 						component: "h1",
 						className: "ttw:leading-9 ttw:tracking-[-0.75px]",
-						children: b
-					}), T && x ? /* @__PURE__ */ g("div", {
+						children: y
+					}), T && b ? /* @__PURE__ */ h("div", {
 						className: "ttw:flex ttw:flex-wrap ttw:items-center ttw:gap-1",
-						children: [/* @__PURE__ */ h(u, {
+						children: [/* @__PURE__ */ m(u, {
 							component: "span",
 							variant: "body2",
 							color: "muted",
 							className: "ttw:text-sm ttw:font-normal ttw:leading-5",
 							children: $.bankingTaglinePrefix
-						}), S ? /* @__PURE__ */ h("img", {
-							src: S,
-							alt: C ?? x,
+						}), x ? /* @__PURE__ */ m("img", {
+							src: x,
+							alt: S ?? b,
 							className: "ttw:block ttw:h-auto ttw:max-w-[120px]"
-						}) : /* @__PURE__ */ h(u, {
+						}) : /* @__PURE__ */ m(u, {
 							component: "span",
 							variant: "body2",
 							color: "muted",
 							className: "ttw:text-sm ttw:font-normal ttw:leading-5",
-							children: x
+							children: b
 						})]
 					}) : null]
-				}), /* @__PURE__ */ g("div", {
+				}), /* @__PURE__ */ h("div", {
 					className: "ttw:space-y-1.5",
-					children: [/* @__PURE__ */ g("div", {
+					children: [/* @__PURE__ */ h("div", {
 						className: "ttw:flex ttw:items-center ttw:gap-1 ttw:text-sm ttw:text-muted-foreground",
-						children: [/* @__PURE__ */ h("span", { children: $.availableBalanceLabel }), /* @__PURE__ */ h(c, { children: /* @__PURE__ */ g(o, { children: [/* @__PURE__ */ h(l, {
+						children: [/* @__PURE__ */ m("span", { children: $.availableBalanceLabel }), /* @__PURE__ */ m(c, { children: /* @__PURE__ */ h(o, { children: [/* @__PURE__ */ m(l, {
 							type: "button",
 							className: "ttw:inline-flex ttw:cursor-help",
 							"aria-label": $.availableBalanceTooltip,
-							children: /* @__PURE__ */ h(v, { className: "ttw:size-4" })
-						}), /* @__PURE__ */ h(s, { children: $.availableBalanceTooltip })] }) })]
-					}), /* @__PURE__ */ h("p", {
+							children: /* @__PURE__ */ m(_, { className: "ttw:size-4" })
+						}), /* @__PURE__ */ m(s, { children: $.availableBalanceTooltip })] }) })]
+					}), /* @__PURE__ */ m("p", {
+						"data-testid": w,
 						className: "ttw:text-4xl ttw:font-bold ttw:text-primary",
-						children: w
+						children: C
 					})]
 				})]
-			}), /* @__PURE__ */ g(n, {
+			}), /* @__PURE__ */ h(n, {
 				value: E,
-				onValueChange: (e) => pe(e),
+				onValueChange: (e) => he(e),
 				className: "ttw:gap-4",
 				children: [
-					/* @__PURE__ */ g(i, { children: [
-						/* @__PURE__ */ h(a, {
+					/* @__PURE__ */ h(i, { children: [
+						/* @__PURE__ */ m(a, {
 							value: "transactions",
 							children: $.transactionsTab
 						}),
-						/* @__PURE__ */ h(a, {
+						/* @__PURE__ */ m(a, {
 							value: "statements",
 							children: $.statementsTab
 						}),
-						/* @__PURE__ */ h(a, {
+						/* @__PURE__ */ m(a, {
 							value: "details",
 							children: $.detailsTab
 						})
 					] }),
-					/* @__PURE__ */ h(r, {
+					/* @__PURE__ */ m(r, {
 						value: "transactions",
-						children: /* @__PURE__ */ h(ie, {
+						children: /* @__PURE__ */ m(ae, {
 							labels: $,
 							rows: D,
 							showExport: O,
 							onExportClick: () => Q(!0)
 						})
 					}),
-					/* @__PURE__ */ h(r, {
+					/* @__PURE__ */ m(r, {
 						value: "statements",
-						children: /* @__PURE__ */ h(re, { labels: $ })
+						children: /* @__PURE__ */ m(ie, { labels: $ })
 					}),
-					/* @__PURE__ */ h(r, {
+					/* @__PURE__ */ m(r, {
 						value: "details",
-						children: /* @__PURE__ */ h(p, {
+						children: /* @__PURE__ */ m(ee, {
 							labels: $,
-							routingNumberLabel: R,
-							accountNumberDisplayLabel: W ? I : L,
-							wireAccountNumberLabel: B,
-							bankNameLabel: x,
-							bankAddressLabel: z,
+							routingNumberLabel: z,
+							accountNumberDisplayLabel: G ? I : L,
+							accountNumberTestId: R,
+							wireAccountNumberLabel: oe,
+							bankNameLabel: b,
+							bankAddressLabel: B,
 							domesticWireIntroLabel: V,
-							domesticWireNoteLabel: ae,
-							thingsToKnowBodyLabel: H,
-							supportTeamHref: U,
-							isAccountNumberVisible: W,
-							isAccountNumberCopied: G,
-							isRoutingNumberCopied: K,
-							isDomesticWireExpanded: q,
-							onDomesticWireExpandedChange: _e,
-							onToggleAccountNumberVisibility: me,
+							domesticWireNoteLabel: H,
+							thingsToKnowBodyLabel: U,
+							supportTeamHref: W,
+							isAccountNumberVisible: G,
+							isAccountNumberCopied: K,
+							isRoutingNumberCopied: q,
+							isDomesticWireExpanded: se,
+							onDomesticWireExpandedChange: ye,
+							onToggleAccountNumberVisibility: ge,
 							onCopyAccountNumber: X,
 							onCopyRoutingNumber: Z,
 							onCopyWireAccountNumber: X,
 							onCopyWireRoutingNumber: Z,
-							onCopyBankName: he,
-							onCopyBankAddress: ge
+							onCopyBankName: _e,
+							onCopyBankAddress: ve
 						})
 					})
 				]
@@ -172,4 +174,4 @@ function y({ labels: y, title: b, bankDisplayName: x, bankLogoSrc: S, bankLogoAl
 	});
 }
 //#endregion
-export { y as AccountDetailsWidgetUi };
+export { v as AccountDetailsWidgetUi };

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

@@ -15,15 +15,20 @@ var r = {
 		activate: [t.DebitCardActivateOrg],
 		create: [t.DebitCardIssueOrg]
 	}
-}, i = [t.BankAccountReadOrg];
-function a({ cardProgram: t, scopes: a }) {
-	let o = new Set(a ?? []), s = r[t];
+}, i = [t.BankAccountReadOrg], a = {
+	users: [t.UserReadOrg],
+	roles: [t.RoleReadOrg],
+	funding: i
+};
+function o({ cardProgram: t, scopes: o }) {
+	let s = new Set(o ?? []), c = r[t];
 	return {
-		canRead: e(o, s.read),
-		canActivate: e(o, s.activate),
-		canCreate: e(o, s.create),
-		canReadFundingAccounts: t === n.Debit && e(o, i)
+		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.roles) && e(s, a.funding)
 	};
 }
 //#endregion
-export { a as getCardsPermissions };
+export { o as getCardsPermissions };

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

@@ -34,18 +34,18 @@ function l(e) {
 		pageSize: t
 	};
 }
-function u({ cardProgram: s, pagination: u, defaultPagination: d, onPaginationChange: f, featureLabels: p, selectedCardId: ve, defaultSelectedCardId: ye, onSelectedCardIdChange: be, onCreateCard: m, onActivateCard: h }) {
+function u({ cardProgram: s, pagination: u, defaultPagination: d, onPaginationChange: f, featureLabels: p, selectedCardId: ve, defaultSelectedCardId: ye, onSelectedCardIdChange: be, onCreateCard: m, onActivateCard: h, cardArtSrc: xe }) {
 	let g = a(() => re(p), [p]), _ = t();
 	i(() => {
 		_(ae.Mounted);
 	}, [_]);
-	let { organizationId: v, widgetToken: xe, initResponse: y } = ee(), b = y?.userId ?? void 0, Se = ne(), x = !!te(), S = !!(v && xe), C = a(() => ie({
+	let { organizationId: v, widgetToken: Se, initResponse: y } = ee(), b = y?.userId ?? void 0, Ce = ne(), x = !!te(), S = !!(v && Se), C = a(() => ie({
 		cardProgram: s,
 		scopes: y?.scopes
-	}), [s, y?.scopes]), w = S && C.canRead && !!y, Ce = a(() => l(u), [u?.pageSize, u?.paginationToken]), T = a(() => l(d), [d?.pageSize, d?.paginationToken]), [E, we] = o(b);
-	b !== void 0 && b !== E && we(b);
-	let [D, Te] = o(v);
-	v !== void 0 && v !== D && Te(v);
+	}), [s, y?.scopes]), w = S && C.canRead && !!y, we = a(() => l(u), [u?.pageSize, u?.paginationToken]), T = a(() => l(d), [d?.pageSize, d?.paginationToken]), [E, Te] = o(b);
+	b !== void 0 && b !== E && Te(b);
+	let [D, Ee] = o(v);
+	v !== void 0 && v !== D && Ee(v);
 	let O = [
 		[
 			s,
@@ -58,7 +58,7 @@ function u({ cardProgram: s, pagination: u, defaultPagination: d, onPaginationCh
 		resetKey: O,
 		paginationToken: T.paginationToken,
 		pageSize: T.pageSize
-	})), [Ee, De] = o(!1), [Oe, M] = he({
+	})), [De, Oe] = o(!1), [ke, M] = he({
 		prop: ve,
 		defaultProp: ye ?? null,
 		onChange: be,
@@ -67,7 +67,7 @@ function u({ cardProgram: s, pagination: u, defaultPagination: d, onPaginationCh
 		cardProgram: s,
 		organizationId: D,
 		userId: E
-	}), ke = N.current.cardProgram !== s || c(N.current.organizationId, D) || c(N.current.userId, E);
+	}), Ae = N.current.cardProgram !== s || c(N.current.organizationId, D) || c(N.current.userId, E);
 	i(() => {
 		let e = N.current;
 		N.current = {
@@ -83,7 +83,7 @@ function u({ cardProgram: s, pagination: u, defaultPagination: d, onPaginationCh
 	]);
 	let P = r((e) => {
 		M(e);
-	}, [M]), F = Ee && !!b, Ae = A.resetKey === O;
+	}, [M]), F = De && !!b, je = A.resetKey === O;
 	i(() => {
 		k || j((e) => e.resetKey === O ? e : {
 			resetKey: O,
@@ -96,9 +96,9 @@ function u({ cardProgram: s, pagination: u, defaultPagination: d, onPaginationCh
 		k,
 		O
 	]);
-	let I = k ? Ce : Ae ? A : T, je = I.paginationToken, L = I.pageSize, R = {
+	let I = k ? we : je ? A : T, Me = I.paginationToken, L = I.pageSize, R = {
 		limit: L,
-		paginationToken: je,
+		paginationToken: Me,
 		userId: F ? b : void 0
 	}, z = fe({
 		...R,
@@ -115,12 +115,12 @@ function u({ cardProgram: s, pagination: u, defaultPagination: d, onPaginationCh
 		U.data?.data,
 		g.untitledFundingAccount,
 		C.canReadFundingAccounts
-	]), G = H && U.isError, Me = H && !G && (U.isLoading || U.isFetchingNextPage || !!U.hasNextPage), K = a(() => w ? s === n.Credit ? ue(z.data?.data ?? []) : de(B.data?.data ?? []) : [], [
+	]), G = H && U.isError, Ne = H && !G && (U.isLoading || U.isFetchingNextPage || !!U.hasNextPage), K = a(() => w ? s === n.Credit ? ue(z.data?.data ?? []) : de(B.data?.data ?? []) : [], [
 		w,
 		s,
 		z.data?.data,
 		B.data?.data
-	]), Ne = a(() => le(K, {
+	]), Pe = a(() => le(K, {
 		labels: g,
 		fundingAccountNames: W,
 		canActivate: C.canActivate,
@@ -133,7 +133,7 @@ function u({ cardProgram: s, pagination: u, defaultPagination: d, onPaginationCh
 		g,
 		h,
 		C.canActivate
-	]), q = V.data?.nextPaginationToken ?? void 0, J = V.data?.prevPaginationToken ?? void 0, Pe = !!V.data, Y = w && (V.isError || G), X = r((e) => {
+	]), q = V.data?.nextPaginationToken ?? void 0, J = V.data?.prevPaginationToken ?? void 0, Fe = !!V.data, Y = w && (V.isError || G), X = r((e) => {
 		k || j({
 			resetKey: O,
 			paginationToken: e.paginationToken,
@@ -148,14 +148,14 @@ function u({ cardProgram: s, pagination: u, defaultPagination: d, onPaginationCh
 			paginationToken: void 0,
 			pageSize: L
 		});
-	}, [X, L]), Fe = r((e) => {
+	}, [X, L]), Ie = r((e) => {
 		X({
 			paginationToken: void 0,
 			pageSize: e
 		});
-	}, [X]), Ie = r((e) => {
-		De(e), Z();
-	}, [Z]), Le = r(() => {
+	}, [X]), Le = r((e) => {
+		Oe(e), Z();
+	}, [Z]), Re = r(() => {
 		X({
 			paginationToken: J,
 			pageSize: L
@@ -164,7 +164,7 @@ function u({ cardProgram: s, pagination: u, defaultPagination: d, onPaginationCh
 		X,
 		L,
 		J
-	]), Re = r(() => {
+	]), ze = r(() => {
 		X({
 			paginationToken: q,
 			pageSize: L
@@ -173,7 +173,7 @@ function u({ cardProgram: s, pagination: u, defaultPagination: d, onPaginationCh
 		X,
 		q,
 		L
-	]), Q = V.refetch, $ = U.refetch, ze = r(() => {
+	]), Q = V.refetch, $ = U.refetch, Be = r(() => {
 		Q(), H && $();
 	}, [
 		H,
@@ -181,26 +181,27 @@ function u({ cardProgram: s, pagination: u, defaultPagination: d, onPaginationCh
 		$
 	]);
 	return {
-		rows: Ne,
-		selectedCardId: ke ? null : Oe,
+		rows: Pe,
+		selectedCardId: Ae ? null : ke,
 		onSelectCard: P,
+		canReadCards: C.canRead,
 		columns: ce[s],
-		isLoading: !x && (!S || Se && !y || w && (V.isLoading || Me)),
+		isLoading: !x && (!S || Ce && !y || w && (V.isLoading || Ne)),
 		isError: x || Y,
 		canToggleShowMyCards: C.canRead && !!b,
 		isShowingMyCards: F,
-		onShowMyCardsChange: Ie,
-		canCreateCard: C.canCreate && !!m,
+		onShowMyCardsChange: Le,
+		canCreateCard: C.canCreate && (!!m || !!xe && C.canComposeDebitCreate),
 		onCreateCardClick: m,
-		onRetry: ze,
-		isPaginationVisible: w && Pe && !Y,
+		onRetry: Be,
+		isPaginationVisible: w && Fe && !Y,
 		pageSize: L,
 		pageSizeOptions: ge,
 		isPreviousPageDisabled: !J,
 		isNextPageDisabled: !q,
-		onPageSizeChange: Fe,
-		onPreviousPageClick: Le,
-		onNextPageClick: Re
+		onPageSizeChange: Ie,
+		onPreviousPageClick: Re,
+		onNextPageClick: ze
 	};
 }
 //#endregion