@tesouro/embedded-components-react 0.3.12 → 0.3.13

package/dist/index.d.ts

@@ -2310,6 +2310,18 @@ interface CreateCardFeatureLabels {
         creating: string;
         success: string;
         error: string;
+        /**
+         * Card issued but granting company admins access to it failed. The card
+         * already exists; this must not read as a create failure.
+         */
+        companyAdminAccessWarning: string;
+        /**
+         * The roster of users to grant access to a new card failed to load.
+         * Shown with a retry action; Create stays disabled until it resolves so
+         * a card is never issued without its required admin grants.
+         */
+        debitCardIssuersError: string;
+        retry: string;
     };
     untitledFundingAccount: string;
     /**

package/dist/lib/CardsWidget.d.ts

@@ -968,6 +968,18 @@ interface CreateCardFeatureLabels {
         creating: string;
         success: string;
         error: string;
+        /**
+         * Card issued but granting company admins access to it failed. The card
+         * already exists; this must not read as a create failure.
+         */
+        companyAdminAccessWarning: string;
+        /**
+         * The roster of users to grant access to a new card failed to load.
+         * Shown with a retry action; Create stays disabled until it resolves so
+         * a card is never issued without its required admin grants.
+         */
+        debitCardIssuersError: string;
+        retry: string;
     };
     untitledFundingAccount: string;
     /**

package/dist/lib/CreateCardWidget.d.ts

@@ -691,6 +691,18 @@ interface CreateCardFeatureLabels {
         creating: string;
         success: string;
         error: string;
+        /**
+         * Card issued but granting company admins access to it failed. The card
+         * already exists; this must not read as a create failure.
+         */
+        companyAdminAccessWarning: string;
+        /**
+         * The roster of users to grant access to a new card failed to load.
+         * Shown with a retry action; Create stays disabled until it resolves so
+         * a card is never issued without its required admin grants.
+         */
+        debitCardIssuersError: string;
+        retry: string;
     };
     untitledFundingAccount: string;
     /**

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

@@ -17,7 +17,6 @@ var r = {
 	}
 }, i = [t.BankAccountReadOrg], a = {
 	users: [t.UserReadOrg],
-	roles: [t.RoleReadOrg],
 	funding: i
 };
 function o({ cardProgram: t, scopes: o }) {
@@ -27,7 +26,7 @@ function o({ cardProgram: t, scopes: o }) {
 		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)
+		canComposeDebitCreate: t === n.Debit && e(s, a.users) && e(s, a.funding)
 	};
 }
 //#endregion

package/dist/libs/tesouro-embedded-components-react/create-card-widget/data-access/dist/index.js

@@ -1,5 +1,6 @@
 import { useCreateCard as e } from "./index2.js";
 import "./index3.js";
 import { useCreateDebitCardMutation as t } from "./index4.js";
-import { useCreateCardOrganizationQuery as n } from "./index5.js";
-export { e as useCreateCard, n as useCreateCardOrganizationQuery, t as useCreateDebitCardMutation };
+import { useManageDebitCardAccessMutation as n } from "./index5.js";
+import { useCreateCardOrganizationQuery as r } from "./index6.js";
+export { e as useCreateCard, r as useCreateCardOrganizationQuery, t as useCreateDebitCardMutation, n as useManageDebitCardAccessMutation };

package/dist/libs/tesouro-embedded-components-react/create-card-widget/data-access/dist/index5.js

@@ -2,21 +2,28 @@
 "use client";
 "use client";
 "use client";
-import { useEmbedApi as e } from "../../../shared/data-access/dist/lib/EmbedApiContext.js";
-import { getOrganizationOptions as t } from "../../../shared/data-access/dist/lib/rest/@tanstack/react-query.gen.js";
-import { withAuthEpoch as n } from "../../../shared/data-access/dist/lib/withAuthEpoch.js";
+import { invalidateAllClients as e } from "../../../shared/data-access/dist/lib/clientRegistry.js";
+import { useEmbedApi as t } from "../../../shared/data-access/dist/lib/EmbedApiContext.js";
+import { organizationHeaders as n } from "../../../shared/data-access/dist/lib/organizationHeaders.js";
+import { manageDebitCardAccessMutation as r } from "../../../shared/data-access/dist/lib/rest/@tanstack/react-query.gen.js";
 import "../../../shared/data-access/dist/index.js";
-import { useQuery as r } from "@tanstack/react-query";
+import { debitCardsInvalidationKey as i } from "./index3.js";
+import { useMutation as a } from "@tanstack/react-query";
 //#region ../../libs/tesouro-embedded-components-react/create-card-widget/data-access/dist/index5.js
-function i({ enabled: i } = {}) {
-	let { client: a, organizationId: o, widgetToken: s, authEpoch: c } = e(), l = t({
-		client: a,
-		path: { organizationId: o ?? "" }
+function o() {
+	let { client: o, organizationId: s } = t(), c = n(s), l = r({
+		client: o,
+		headers: c
 	});
-	return r({
-		...n(l, c),
-		enabled: !!(o && s) && (i === !0 || i === void 0)
+	return a({
+		...l,
+		onSuccess: async (...t) => {
+			await e(i({
+				client: o,
+				organizationId: s
+			})), await l.onSuccess?.(...t);
+		}
 	});
 }
 //#endregion
-export { i as useCreateCardOrganizationQuery };
+export { o as useManageDebitCardAccessMutation };

package/dist/libs/tesouro-embedded-components-react/create-card-widget/data-access/dist/index6.js

@@ -0,0 +1,22 @@
+"use client";
+"use client";
+"use client";
+"use client";
+import { useEmbedApi as e } from "../../../shared/data-access/dist/lib/EmbedApiContext.js";
+import { getOrganizationOptions as t } from "../../../shared/data-access/dist/lib/rest/@tanstack/react-query.gen.js";
+import { withAuthEpoch as n } from "../../../shared/data-access/dist/lib/withAuthEpoch.js";
+import "../../../shared/data-access/dist/index.js";
+import { useQuery as r } from "@tanstack/react-query";
+//#region ../../libs/tesouro-embedded-components-react/create-card-widget/data-access/dist/index6.js
+function i({ enabled: i } = {}) {
+	let { client: a, organizationId: o, widgetToken: s, authEpoch: c } = e(), l = t({
+		client: a,
+		path: { organizationId: o ?? "" }
+	});
+	return r({
+		...n(l, c),
+		enabled: !!(o && s) && (i === !0 || i === void 0)
+	});
+}
+//#endregion
+export { i as useCreateCardOrganizationQuery };

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

@@ -3,7 +3,10 @@ var e = {
 	toast: {
 		creating: "Creating your card…",
 		success: "Card created successfully.",
-		error: "We could not create this card. Please try again."
+		error: "We could not create this card. Please try again.",
+		companyAdminAccessWarning: "Card created, but some admins could not be granted access to it.",
+		debitCardIssuersError: "We could not load the list of admins to grant access to this card.",
+		retry: "Retry"
 	},
 	untitledFundingAccount: "Bank account",
 	success: {

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

@@ -7,7 +7,6 @@ function n(n) {
 	return {
 		canIssue: e(r, [t.DebitCardIssueOrg]),
 		canReadUsers: e(r, [t.UserReadOrg]),
-		canReadRoles: e(r, [t.RoleReadOrg]),
 		canReadFundingAccounts: e(r, [t.BankAccountReadOrg]),
 		canReadOrganization: e(r, [t.OrganizationReadOrg])
 	};

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

@@ -3,50 +3,35 @@
 "use client";
 "use client";
 import { Scope as e } from "../../../shared/data-access/dist/lib/scopes.js";
-import { useAllOrganizationRolesQuery as t } from "../../../shared/data-access/dist/lib/role/useAllOrganizationRolesQuery.js";
-import { useRolePermissionsQueries as n } from "../../../shared/data-access/dist/lib/role/useRolePermissionsQueries.js";
-import { useAllOrganizationUsersQuery as r } from "../../../shared/data-access/dist/lib/user/useAllOrganizationUsersQuery.js";
+import { useAllOrganizationUsersQuery as t } from "../../../shared/data-access/dist/lib/user/useAllOrganizationUsersQuery.js";
 import "../../../shared/data-access/dist/index.js";
-import { useCallback as i, useMemo as a } from "react";
+import { useCallback as n, useMemo as r } from "react";
 //#region ../../libs/tesouro-embedded-components-react/create-card-widget/feature/dist/index6.js
-var o = e.DebitCardReadOrg;
-function s(e) {
+var i = e.DebitCardReadOrg;
+function a(e) {
 	let t = e.name?.trim(), n = e.email?.trim();
 	return t && n ? `${t} (${n})` : t || n || e.id;
 }
-function c({ enabled: e = !0 } = {}) {
-	let c = r({ enabled: e }), l = t({ enabled: e }), u = c.data?.data, d = l.data?.data, f = a(() => (d ?? []).map((e) => e.id), [d]), p = n({
-		roleIds: f,
-		enabled: e && !l.isResolving
-	}), m = c.refetch, h = l.refetch, g = p.refetch, _ = e && (c.isResolving || l.isResolving || p.isResolving), v = p.byRoleId, y = a(() => {
-		if (!e || _) return [];
-		let t = new Map((d ?? []).filter((e) => e.key?.trim()).map((e) => [e.key.trim().toLowerCase(), e])), n = (e) => !!v.get(e)?.has(o);
-		return [...u ?? []].filter((e) => {
-			let r = t.get(e.role?.trim().toLowerCase() ?? "");
-			return !!(r && n(r.id));
-		}).sort((e, t) => e.name.localeCompare(t.name)).map((e) => ({
-			value: e.id,
-			label: s(e)
-		}));
-	}, [
+function o({ enabled: e = !0 } = {}) {
+	let o = t({
+		enabled: e,
+		permissions: [i]
+	}), s = o.data?.data, c = r(() => !e || o.isResolving ? [] : [...s ?? []].sort((e, t) => e.name.localeCompare(t.name)).map((e) => ({
+		value: e.id,
+		label: a(e)
+	})), [
 		e,
-		_,
-		v,
-		d,
-		u
-	]), b = i(() => {
-		m(), h(), g();
-	}, [
-		g,
-		h,
-		m
-	]);
+		s,
+		o.isResolving
+	]), l = o.refetch, u = n(() => {
+		l();
+	}, [l]);
 	return {
-		options: y,
-		isResolving: _,
-		isError: e && (c.isError || l.isError || p.isError),
-		refetch: b
+		options: c,
+		isResolving: e && o.isResolving,
+		isError: e && o.isError,
+		refetch: u
 	};
 }
 //#endregion
-export { o as CARDHOLDER_PERMISSION_KEY, s as formatCardholderOptionLabel, c as useCreateCardCardholderOptions };
+export { i as CARDHOLDER_PERMISSION_KEY, a as formatCardholderOptionLabel, o as useCreateCardCardholderOptions };

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

@@ -3,38 +3,41 @@
 "use client";
 "use client";
 import { toast as e } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { useAllBankAccountsQuery as t } from "../../../shared/data-access/dist/lib/bank-account/useAllBankAccountsQuery.js";
+import { Scope as t } from "../../../shared/data-access/dist/lib/scopes.js";
+import { useAllBankAccountsQuery as n } from "../../../shared/data-access/dist/lib/bank-account/useAllBankAccountsQuery.js";
+import { useAllOrganizationUsersQuery as r } from "../../../shared/data-access/dist/lib/user/useAllOrganizationUsersQuery.js";
 import "../../../shared/data-access/dist/index.js";
-import { EmbeddedToaster as n } from "../../../shared/ui/dist/lib/EmbeddedToaster.js";
+import { EmbeddedToaster as i } from "../../../shared/ui/dist/lib/EmbeddedToaster.js";
 import "../../../shared/ui/dist/index.js";
-import { useAnalyticsTrack as r } from "../../../shared/feature/dist/lib/analytics/hooks.js";
-import { WidgetProvider as ee } from "../../../shared/feature/dist/lib/WidgetProvider/WidgetProvider.js";
-import { getStateOptions as i } from "../../../shared/util/dist/lib/usStates.js";
-import { useWidgetConfig as a } from "../../../shared/feature/dist/lib/WidgetProvider/hooks.js";
+import { useAnalyticsTrack as a } from "../../../shared/feature/dist/lib/analytics/hooks.js";
+import { WidgetProvider as o } from "../../../shared/feature/dist/lib/WidgetProvider/WidgetProvider.js";
+import { getStateOptions as s } from "../../../shared/util/dist/lib/usStates.js";
+import { useWidgetConfig as c } from "../../../shared/feature/dist/lib/WidgetProvider/hooks.js";
 import "../../../shared/feature/dist/index.js";
-import { CREATE_CARD_WIDGET_LABELS_EN as o } from "../../ui/dist/lib/CreateCardWidget/labels.js";
-import { CreateCardView as s, MailingOptionValue as c } from "../../ui/dist/lib/CreateCardWidget/types.js";
-import { CreateCardWidget as te } from "../../ui/dist/lib/CreateCardWidget/CreateCardWidget.js";
+import { CREATE_CARD_WIDGET_LABELS_EN as l } from "../../ui/dist/lib/CreateCardWidget/labels.js";
+import { CreateCardView as u, MailingOptionValue as d } from "../../ui/dist/lib/CreateCardWidget/types.js";
+import { CreateCardWidget as f } from "../../ui/dist/lib/CreateCardWidget/CreateCardWidget.js";
 import "../../ui/dist/index.js";
-import { CardFormatValue as l, buildCreateDebitCardRequest as u, createDebitCardReference as d, formatBusinessAddress as ne, isBusinessAddressComplete as re, isManualAddressComplete as ie } from "./index3.js";
+import { CardFormatValue as p, buildCreateDebitCardRequest as ee, createDebitCardReference as te, formatBusinessAddress as ne, isBusinessAddressComplete as re, isManualAddressComplete as ie } from "./index3.js";
 import { resolveCreateCardFeatureLabels as ae } from "./index4.js";
-import { CreateCardWidgetAnalyticsEvent as oe, WIDGET_NAME as f } from "./index2.js";
-import { getCreateCardPermissions as se } from "./index5.js";
-import { useCreateCardCardholderOptions as ce } from "./index6.js";
-import { useCreateCard as le } from "../../data-access/dist/index2.js";
-import { useCreateDebitCardMutation as ue } from "../../data-access/dist/index4.js";
-import { useCreateCardOrganizationQuery as de } from "../../data-access/dist/index5.js";
+import { CreateCardWidgetAnalyticsEvent as oe, WIDGET_NAME as se } from "./index2.js";
+import { getCreateCardPermissions as ce } from "./index5.js";
+import { useCreateCardCardholderOptions as le } from "./index6.js";
+import { useCreateCard as ue } from "../../data-access/dist/index2.js";
+import { useCreateDebitCardMutation as de } from "../../data-access/dist/index4.js";
+import { useManageDebitCardAccessMutation as fe } from "../../data-access/dist/index5.js";
+import { useCreateCardOrganizationQuery as pe } from "../../data-access/dist/index6.js";
 import "../../data-access/dist/index.js";
-import { useEffect as p, useMemo as m, useRef as fe, useState as h } from "react";
-import { Fragment as pe, jsx as g, jsxs as me } from "react/jsx-runtime";
+import { useEffect as m, useMemo as h, useRef as g, useState as _ } from "react";
+import { Fragment as me, jsx as v, jsxs as he } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/create-card-widget/feature/dist/index7.js
-var _ = {
+var ge = t.DebitCardIssueOrg, _e = {
 	street: "",
 	city: "",
 	state: "",
 	zip: ""
-}, he = 3e3, ge = 5e3;
-function _e(e, t) {
+}, ve = 3e3, y = 5e3;
+function ye(e, t) {
 	if (e === "PENDING_ACTIVATION") return {
 		title: t.success.pendingActivationTitle,
 		description: t.success.pendingActivationDescription
@@ -44,159 +47,213 @@ function _e(e, t) {
 		description: t.success.createdDescription
 	};
 }
-function v(e) {
+function b(e) {
 	let t = e?.trim().slice(-4);
 	return t ? `••••${t}` : void 0;
 }
-function y(e, t) {
-	let n = e.nickname?.trim(), r = v(e.accountNumber);
+function x(e, t) {
+	let n = e.nickname?.trim(), r = b(e.accountNumber);
 	return n && r ? `${n} (${r})` : n || r || t;
 }
-function b({ cardArtSrc: ee, labels: f, featureLabels: v, className: b, onClose: x, onCancel: ve, onViewCard: S }) {
-	let C = r(), { isReady: w } = le(), { initResponse: T, organizationId: E } = a(), D = m(() => se(T?.scopes), [T?.scopes]), O = ae(v), k = {
+function S({ cardArtSrc: t, labels: o, featureLabels: se, className: b, onClose: S, onCancel: C, onViewCard: w }) {
+	let T = a(), { isReady: E } = ue(), { initResponse: D, organizationId: O } = c(), k = h(() => ce(D?.scopes), [D?.scopes]), A = ae(se), j = {
+		...l,
 		...o,
-		...f,
 		setup: {
-			...o.setup,
-			...f?.setup
+			...l.setup,
+			...o?.setup
 		}
-	}, ye = m(() => [{
-		value: l.Virtual,
-		label: k.setup.cardFormatVirtual
+	}, be = h(() => [{
+		value: p.Virtual,
+		label: j.setup.cardFormatVirtual
 	}, {
-		value: l.Physical,
-		label: k.setup.cardFormatPhysical
-	}], [k.setup.cardFormatPhysical, k.setup.cardFormatVirtual]), be = m(() => i(), []), [xe, A] = h(s.Setup), [j, M] = h(null), [N, P] = h(null), [Se, F] = h(null), [I, L] = h(null), [R, z] = h(_), [B, V] = h(null), [H, U] = h(null), W = () => {
-		M(null), P(null), F(null), L(null), z(_), V(null), U(null), A(s.Setup);
-	}, G = fe(E);
-	E && E !== G.current && (G.current = E, W());
-	let K = fe(!0);
-	p(() => (K.current = !0, () => {
-		K.current = !1;
-	}), []), p(() => {
-		C(oe.Mounted);
-	}, [C]);
-	let { options: Ce, isError: q, refetch: we } = ce({ enabled: w && D.canReadUsers && D.canReadRoles }), Te = de({ enabled: w && D.canReadOrganization }), J = t({ enabled: w && D.canReadFundingAccounts }), Ee = ue(), Y = !!J.isError && w && D.canReadFundingAccounts, X = m(() => Y ? [] : (J.data?.data ?? []).map((e) => ({
+		value: p.Physical,
+		label: j.setup.cardFormatPhysical
+	}], [j.setup.cardFormatPhysical, j.setup.cardFormatVirtual]), xe = h(() => s(), []), [Se, M] = _(u.Setup), [N, P] = _(null), [F, I] = _(null), [Ce, L] = _(null), [R, z] = _(null), [B, V] = _(_e), [H, we] = _(null), [Te, Ee] = _(null), De = () => {
+		P(null), I(null), L(null), z(null), V(_e), we(null), Ee(null), M(u.Setup);
+	}, Oe = g(O);
+	O && O !== Oe.current && (Oe.current = O, De());
+	let U = g(!0);
+	m(() => (U.current = !0, () => {
+		U.current = !1;
+	}), []), m(() => {
+		T(oe.Mounted);
+	}, [T]);
+	let { options: ke, isError: W, refetch: Ae } = le({ enabled: E && k.canReadUsers }), G = r({
+		enabled: E && k.canReadUsers,
+		permissions: [ge]
+	}), je = h(() => !E || !k.canReadUsers || G.isResolving || G.isError ? [] : (G.data?.data ?? []).filter((e) => e.organizationId === O).map((e) => e.id), [
+		G.data?.data,
+		G.isError,
+		G.isResolving,
+		E,
+		O,
+		k.canReadUsers
+	]), K = !!G.isError && E && k.canReadUsers, Me = E && k.canReadUsers && G.isResolving, q = g(null);
+	m(() => {
+		if (!K) {
+			q.current !== null && (e.dismiss(q.current), q.current = null);
+			return;
+		}
+		return q.current = e.error(A.toast.debitCardIssuersError, {
+			duration: Infinity,
+			action: {
+				label: A.toast.retry,
+				onClick: () => {
+					G.refetch();
+				}
+			}
+		}), () => {
+			q.current !== null && (e.dismiss(q.current), q.current = null);
+		};
+	}, [
+		G.refetch,
+		A.toast.debitCardIssuersError,
+		A.toast.retry,
+		K
+	]);
+	let Ne = pe({ enabled: E && k.canReadOrganization }), J = n({ enabled: E && k.canReadFundingAccounts }), Pe = de(), Fe = fe(), Y = !!J.isError && E && k.canReadFundingAccounts, X = h(() => Y ? [] : (J.data?.data ?? []).map((e) => ({
 		value: e.id,
-		label: y(e, O.untitledFundingAccount)
+		label: x(e, A.untitledFundingAccount)
 	})), [
 		J.data?.data,
-		O.untitledFundingAccount,
+		A.untitledFundingAccount,
 		Y
-	]), Z = Se ?? (X.length === 1 ? X[0].value : null), Q = Te.data?.address, De = ne(Q), Oe = re(Q), $ = N === l.Physical, ke = $ && I === c.BusinessAddress && !!De, Ae = $ && I === c.DifferentAddress, je = Y || X.length > 0, Me = !w || !D.canIssue || Ee.isPending || q || Y || !j || !N || !Z || N === l.Physical && (!I || I === c.BusinessAddress && !Oe || I === c.DifferentAddress && !ie(R)), Ne = m(() => {
-		let e = _e(H, O);
+	]), Z = Ce ?? (X.length === 1 ? X[0].value : null), Q = Ne.data?.address, Ie = ne(Q), Le = re(Q), $ = F === p.Physical, Re = $ && R === d.BusinessAddress && !!Ie, ze = $ && R === d.DifferentAddress, Be = Y || X.length > 0, Ve = !E || !k.canIssue || Pe.isPending || W || Y || K || Me || !N || !F || !Z || F === p.Physical && (!R || R === d.BusinessAddress && !Le || R === d.DifferentAddress && !ie(B)), He = h(() => {
+		let e = ye(Te, A);
 		return {
-			...f,
+			...o,
 			success: {
-				...f?.success,
+				...o?.success,
 				...e
 			}
 		};
 	}, [
-		H,
-		O,
-		f
-	]), Pe = async () => {
-		if (!w) return;
-		let t = d(), n = u({
-			cardholderUserId: j,
-			format: N,
+		Te,
+		A,
+		o
+	]), Ue = async () => {
+		if (!E) return;
+		let t = te(), n = ee({
+			cardholderUserId: N,
+			format: F,
 			bankAccountId: Z,
 			reference: t,
-			mailingOption: I,
+			mailingOption: R,
 			orgAddress: Q,
-			manualAddress: R
+			manualAddress: B
 		});
 		if (!n) return;
-		A(s.Preparing);
-		let r = e.loading(O.toast.creating);
+		M(u.Preparing);
+		let r = e.loading(A.toast.creating);
 		try {
-			let t = await Ee.mutateAsync({ body: n });
-			if (!K.current) {
+			let t = await Pe.mutateAsync({ body: n });
+			if (!U.current) {
+				e.dismiss(r);
+				return;
+			}
+			if (we(t.id), Ee(t.cardStatus), je.length > 0) try {
+				await Fe.mutateAsync({ body: {
+					debitCardIds: [t.id],
+					type: "GRANT",
+					userIds: je
+				} });
+			} catch {
+				if (!U.current) {
+					e.dismiss(r);
+					return;
+				}
+				M(u.Success), e.warning(A.toast.companyAdminAccessWarning, {
+					id: r,
+					duration: y
+				});
+				return;
+			}
+			if (!U.current) {
 				e.dismiss(r);
 				return;
 			}
-			V(t.id), U(t.cardStatus), A(s.Success), e.success(O.toast.success, {
+			M(u.Success), e.success(A.toast.success, {
 				id: r,
-				duration: he
+				duration: ve
 			});
 		} catch {
-			if (!K.current) {
+			if (!U.current) {
 				e.dismiss(r);
 				return;
 			}
-			A(s.Setup), e.error(O.toast.error, {
+			M(u.Setup), e.error(A.toast.error, {
 				id: r,
-				duration: ge
+				duration: y
 			});
 		}
 	};
-	return /* @__PURE__ */ me(pe, { children: [/* @__PURE__ */ g(n, {}), /* @__PURE__ */ g(te, {
-		view: xe,
-		cardArtSrc: ee,
-		labels: Ne,
+	return /* @__PURE__ */ he(me, { children: [/* @__PURE__ */ v(i, {}), /* @__PURE__ */ v(f, {
+		view: Se,
+		cardArtSrc: t,
+		labels: He,
 		className: b,
-		cardholderOptions: Ce,
-		selectedCardholder: j,
-		onCardholderSelect: M,
-		isCardholderError: q,
-		onCardholderRetry: q ? we : void 0,
-		cardFormatOptions: ye,
-		selectedCardFormat: N,
+		cardholderOptions: ke,
+		selectedCardholder: N,
+		onCardholderSelect: P,
+		isCardholderError: W,
+		onCardholderRetry: W ? Ae : void 0,
+		cardFormatOptions: be,
+		selectedCardFormat: F,
 		onCardFormatSelect: (e) => {
-			P(e), L(null);
+			I(e), z(null);
 		},
-		isFundingAccountVisible: je,
+		isFundingAccountVisible: Be,
 		fundingAccountOptions: X,
 		selectedFundingAccount: Z,
-		onFundingAccountSelect: F,
+		onFundingAccountSelect: L,
 		isFundingAccountError: Y,
 		onFundingAccountRetry: Y ? () => {
 			J.refetch();
 		} : void 0,
 		isMailingSectionVisible: $,
-		selectedMailingOption: I,
-		onMailingOptionSelect: L,
-		businessAddress: De,
-		isBusinessAddressVisible: ke,
-		isManualAddressVisible: Ae,
-		manualAddress: R,
-		onManualAddressChange: (e) => z((t) => ({
+		selectedMailingOption: R,
+		onMailingOptionSelect: z,
+		businessAddress: Ie,
+		isBusinessAddressVisible: Re,
+		isManualAddressVisible: ze,
+		manualAddress: B,
+		onManualAddressChange: (e) => V((t) => ({
 			...t,
 			...e
 		})),
-		stateOptions: be,
-		isCreateDisabled: Me,
+		stateOptions: xe,
+		isCreateDisabled: Ve,
 		onCreateClick: () => {
-			Pe();
+			Ue();
 		},
 		onCancelClick: () => {
-			ve?.(), x?.();
+			C?.(), S?.();
 		},
-		onClose: x,
-		onCreateAnotherClick: W,
-		onViewCardClick: S && B ? () => {
-			S(B);
+		onClose: S,
+		onCreateAnotherClick: De,
+		onViewCardClick: w && H ? () => {
+			w(H);
 		} : void 0
 	})] });
 }
-function x({ baseUrl: e, widgetToken: t, organizationId: n, configClient: r, gatewayRouting: i, linkComponent: a, implementation: o, uiFramework: s, errorFallback: c, onError: te, analytics: l, disclosuresAcceptance: u, ...d }) {
-	return /* @__PURE__ */ g(ee, {
-		widgetName: f,
+function C({ baseUrl: e, widgetToken: t, organizationId: n, configClient: r, gatewayRouting: i, linkComponent: a, implementation: s, uiFramework: c, errorFallback: l, onError: u, analytics: d, disclosuresAcceptance: f, ...p }) {
+	return /* @__PURE__ */ v(o, {
+		widgetName: se,
 		baseUrl: e,
 		widgetToken: t,
 		organizationId: n,
 		configClient: r,
 		gatewayRouting: i,
 		linkComponent: a,
-		implementation: o,
-		uiFramework: s,
-		errorFallback: c,
-		onError: te,
-		analytics: l,
-		disclosuresAcceptance: u,
-		children: /* @__PURE__ */ g(b, { ...d })
+		implementation: s,
+		uiFramework: c,
+		errorFallback: l,
+		onError: u,
+		analytics: d,
+		disclosuresAcceptance: f,
+		children: /* @__PURE__ */ v(S, { ...p })
 	});
 }
 //#endregion
-export { x as CreateCardWidget, y as formatFundingAccountLabel };
+export { C as CreateCardWidget, x as formatFundingAccountLabel };