@tesouro/embedded-components-react 0.2.256 → 0.2.257

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

@@ -0,0 +1,5 @@
+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 };

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

@@ -0,0 +1,13 @@
+"use client";
+"use client";
+"use client";
+"use client";
+import { useEmbedApi as e } from "../../../shared/data-access/dist/lib/EmbedApiContext.js";
+import "../../../shared/data-access/dist/index.js";
+//#region ../../libs/tesouro-embedded-components-react/create-card-widget/data-access/dist/index2.js
+function t() {
+	let { organizationId: t, widgetToken: n } = e();
+	return { isReady: !!(t && n) };
+}
+//#endregion
+export { t as useCreateCard };

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

@@ -0,0 +1,12 @@
+import { organizationHeaders as e } from "../../../shared/data-access/dist/lib/organizationHeaders.js";
+import { getDebitCardsQueryKey as t } from "../../../shared/data-access/dist/lib/rest/@tanstack/react-query.gen.js";
+import "../../../shared/data-access/dist/index.js";
+//#region ../../libs/tesouro-embedded-components-react/create-card-widget/data-access/dist/index3.js
+function n({ client: n, organizationId: r }) {
+	return t({
+		client: n,
+		headers: e(r)
+	});
+}
+//#endregion
+export { n as debitCardsInvalidationKey };

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

@@ -0,0 +1,29 @@
+"use client";
+"use client";
+"use client";
+"use client";
+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 { createDebitCardMutation as r } from "../../../shared/data-access/dist/lib/rest/@tanstack/react-query.gen.js";
+import "../../../shared/data-access/dist/index.js";
+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/index4.js
+function o() {
+	let { client: o, organizationId: s } = t(), c = n(s), l = r({
+		client: o,
+		headers: c
+	});
+	return a({
+		...l,
+		onSuccess: async (...t) => {
+			await e(i({
+				client: o,
+				organizationId: s
+			})), await l.onSuccess?.(...t);
+		}
+	});
+}
+//#endregion
+export { o as useCreateDebitCardMutation };

package/dist/libs/tesouro-embedded-components-react/create-card-widget/data-access/dist/index5.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/index5.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/index.js

@@ -0,0 +1,4 @@
+import { CardFormatValue as e } from "./index3.js";
+import { CREATE_CARD_FEATURE_LABELS_EN as t, resolveCreateCardFeatureLabels as n } from "./index4.js";
+import { CreateCardWidget as r } from "./index7.js";
+export { t as CREATE_CARD_FEATURE_LABELS_EN, e as CardFormatValue, r as CreateCardWidget, n as resolveCreateCardFeatureLabels };

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

@@ -0,0 +1,4 @@
+//#region ../../libs/tesouro-embedded-components-react/create-card-widget/feature/dist/index2.js
+var e = { Mounted: "create_card.mounted" }, t = "create_card";
+//#endregion
+export { e as CreateCardWidgetAnalyticsEvent, t as WIDGET_NAME };

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

@@ -0,0 +1,56 @@
+import { MailingOptionValue as e } from "../../ui/dist/lib/CreateCardWidget/types.js";
+import "../../ui/dist/index.js";
+//#region ../../libs/tesouro-embedded-components-react/create-card-widget/feature/dist/index3.js
+var t = {
+	Virtual: "virtual",
+	Physical: "physical"
+};
+function n(e) {
+	if (e === t.Virtual) return "DIGITAL";
+	if (e === t.Physical) return "PHYSICAL";
+}
+function r(e) {
+	return e ? [[e.address1, e.address2].map((e) => e?.trim()).filter(Boolean).join(", "), [e.city?.trim(), [e.stateOrProvince?.trim(), e.postalCode?.trim()].filter(Boolean).join(" ")].filter(Boolean).join(", ")].filter(Boolean).join(", ") : "";
+}
+function i(e) {
+	if (e?.address1?.trim()) return {
+		address1: e.address1.trim(),
+		address2: e.address2?.trim() || void 0,
+		city: e.city?.trim() || void 0,
+		state: e.stateOrProvince?.trim() || void 0,
+		postalCode: e.postalCode?.trim() || void 0,
+		countryCode: "USA"
+	};
+}
+function a(e) {
+	if (!(!e.street.trim() || !e.city.trim() || !e.state.trim() || !e.zip.trim())) return {
+		address1: e.street.trim(),
+		city: e.city.trim(),
+		state: e.state.trim(),
+		postalCode: e.zip.trim(),
+		countryCode: "USA"
+	};
+}
+function o(e) {
+	return !!(e.street.trim() && e.city.trim() && e.state.trim() && e.zip.trim());
+}
+function s(e) {
+	return !!i(e);
+}
+function c({ cardholderUserId: t, format: r, bankAccountId: o, reference: s, mailingOption: c, orgAddress: l, manualAddress: u }) {
+	let d = n(r);
+	if (!t || !d || !o) return;
+	let f;
+	if (!(d === "PHYSICAL" && (c === e.BusinessAddress ? f = i(l) : c === e.DifferentAddress && (f = a(u)), !f))) return {
+		bankAccountId: o,
+		cardType: d,
+		reference: s,
+		cardholderUserId: t,
+		...f ? { shippingAddress: f } : {}
+	};
+}
+function l() {
+	return crypto.randomUUID().replace(/-/g, "").slice(0, 50);
+}
+//#endregion
+export { t as CardFormatValue, i as addressDtoToShippingAddress, c as buildCreateDebitCardRequest, l as createDebitCardReference, r as formatBusinessAddress, s as isBusinessAddressComplete, o as isManualAddressComplete, a as manualAddressToShippingAddress, n as toDebitCardType };

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

@@ -0,0 +1,31 @@
+//#region ../../libs/tesouro-embedded-components-react/create-card-widget/feature/dist/index4.js
+var e = {
+	toast: {
+		creating: "Creating your card…",
+		success: "Card created successfully.",
+		error: "We could not create this card. Please try again."
+	},
+	untitledFundingAccount: "Bank account",
+	success: {
+		pendingActivationTitle: "Card created",
+		pendingActivationDescription: "Your card needs to be activated before it can be used.",
+		createdTitle: "Card created",
+		createdDescription: "Your card has been created."
+	}
+};
+function t(t) {
+	return {
+		...e,
+		...t,
+		toast: {
+			...e.toast,
+			...t?.toast
+		},
+		success: {
+			...e.success,
+			...t?.success
+		}
+	};
+}
+//#endregion
+export { e as CREATE_CARD_FEATURE_LABELS_EN, t as resolveCreateCardFeatureLabels };

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

@@ -0,0 +1,16 @@
+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";
+//#region ../../libs/tesouro-embedded-components-react/create-card-widget/feature/dist/index5.js
+function n(n) {
+	let r = new Set(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])
+	};
+}
+//#endregion
+export { n as getCreateCardPermissions };

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

@@ -0,0 +1,52 @@
+"use client";
+"use client";
+"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 "../../../shared/data-access/dist/index.js";
+import { useCallback as i, useMemo as a } from "react";
+//#region ../../libs/tesouro-embedded-components-react/create-card-widget/feature/dist/index6.js
+var o = e.DebitCardReadOrg;
+function s(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)
+		}));
+	}, [
+		e,
+		_,
+		v,
+		d,
+		u
+	]), b = i(() => {
+		m(), h(), g();
+	}, [
+		g,
+		h,
+		m
+	]);
+	return {
+		options: y,
+		isResolving: _,
+		isError: e && (c.isError || l.isError || p.isError),
+		refetch: b
+	};
+}
+//#endregion
+export { o as CARDHOLDER_PERMISSION_KEY, s as formatCardholderOptionLabel, c as useCreateCardCardholderOptions };

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

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

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

@@ -0,0 +1,4 @@
+import { CREATE_CARD_WIDGET_LABELS_EN as e } from "./lib/CreateCardWidget/labels.js";
+import { CreateCardView as t, MailingOptionValue as n } from "./lib/CreateCardWidget/types.js";
+import { CreateCardWidget as r } from "./lib/CreateCardWidget/CreateCardWidget.js";
+export { e as CREATE_CARD_WIDGET_LABELS_EN, t as CreateCardView, r as CreateCardWidget, n as MailingOptionValue };

package/dist/libs/tesouro-embedded-components-react/create-card-widget/ui/dist/lib/CreateCardWidget/CardArt.js

@@ -0,0 +1,12 @@
+import { cn as e } from "../../../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region ../../libs/tesouro-embedded-components-react/create-card-widget/ui/dist/lib/CreateCardWidget/CardArt.js
+function n({ src: n, alt: r, className: i }) {
+	return /* @__PURE__ */ t("img", {
+		src: n,
+		alt: r,
+		className: e("ttw:mx-auto ttw:block ttw:h-auto ttw:w-full ttw:max-w-[300px] ttw:rounded-xl ttw:object-cover ttw:shadow-md", i)
+	});
+}
+//#endregion
+export { n as CardArt };

package/dist/libs/tesouro-embedded-components-react/create-card-widget/ui/dist/lib/CreateCardWidget/CreateCardWidget.js

@@ -0,0 +1,99 @@
+"use client";
+"use client";
+"use client";
+"use client";
+import { Button as e, cn as t } from "../../../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { resolveCreateCardWidgetLabels as n } from "./labels.js";
+import { CreateCardView as r } from "./types.js";
+import { PreparingView as i } from "./PreparingView.js";
+import { SetupView as a } from "./SetupView.js";
+import { SuccessView as o } from "./SuccessView.js";
+import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
+import { ChevronRightIcon as u, XIcon as d } from "lucide-react";
+//#region ../../libs/tesouro-embedded-components-react/create-card-widget/ui/dist/lib/CreateCardWidget/CreateCardWidget.js
+var f = {
+	street: "",
+	city: "",
+	state: "",
+	zip: ""
+}, p = () => void 0;
+function m(e) {
+	return e === r.Setup || e === r.Preparing || e === r.Success ? e : (console.error(`[CreateCardWidget] unexpected view ${JSON.stringify(e)}; falling back to "${r.Setup}"`), r.Setup);
+}
+function h({ view: h, cardArtSrc: g, labels: _, className: v, cardholderOptions: y = [], selectedCardholder: b = null, onCardholderSelect: x = p, isCardholderError: S = !1, onCardholderRetry: C, cardFormatOptions: w = [], selectedCardFormat: T = null, onCardFormatSelect: E = p, isFundingAccountVisible: D = !1, fundingAccountOptions: O = [], selectedFundingAccount: k = null, onFundingAccountSelect: A = p, isFundingAccountError: j = !1, onFundingAccountRetry: M, isMailingSectionVisible: N = !1, selectedMailingOption: P = null, onMailingOptionSelect: F = p, businessAddress: I = "", isBusinessAddressVisible: L = !1, isManualAddressVisible: R = !1, manualAddress: z = f, onManualAddressChange: B = p, stateOptions: V = [], isCreateDisabled: H = !1, onCreateClick: U = p, onCancelClick: W = p, onClose: G, onCreateAnotherClick: K = p, onViewCardClick: q }) {
+	let J = n(_), Y = m(h), X = Y === r.Setup;
+	return /* @__PURE__ */ l("div", {
+		className: t("ttw:relative ttw:flex ttw:h-full ttw:w-full ttw:min-h-0 ttw:flex-col ttw:bg-background", v),
+		children: [
+			/* @__PURE__ */ l("div", {
+				className: t("ttw:flex ttw:shrink-0 ttw:items-center ttw:gap-3 ttw:px-6 ttw:pt-4", X ? "ttw:bg-primary/5 ttw:pb-2" : "ttw:absolute ttw:inset-x-0 ttw:top-0 ttw:z-10 ttw:bg-transparent ttw:pb-0"),
+				children: [X ? /* @__PURE__ */ c("h2", {
+					className: "ttw:min-w-0 ttw:flex-1 ttw:text-lg ttw:font-semibold ttw:text-primary",
+					children: J.header.title
+				}) : /* @__PURE__ */ c("span", { className: "ttw:flex-1" }), G ? /* @__PURE__ */ c(e, {
+					type: "button",
+					variant: "ghost",
+					size: "icon",
+					"aria-label": J.header.closeAriaLabel,
+					onClick: G,
+					children: /* @__PURE__ */ c(d, { className: "ttw:size-4" })
+				}) : null]
+			}),
+			X ? /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c("div", {
+				className: "ttw:min-h-0 ttw:flex-1 ttw:overflow-y-auto",
+				children: /* @__PURE__ */ c(a, {
+					cardArtSrc: g,
+					labels: J,
+					cardholderOptions: y,
+					selectedCardholder: b,
+					onCardholderSelect: x,
+					isCardholderError: S,
+					onCardholderRetry: C,
+					cardFormatOptions: w,
+					selectedCardFormat: T,
+					onCardFormatSelect: E,
+					isFundingAccountVisible: D,
+					fundingAccountOptions: O,
+					selectedFundingAccount: k,
+					onFundingAccountSelect: A,
+					isFundingAccountError: j,
+					onFundingAccountRetry: M,
+					isMailingSectionVisible: N,
+					selectedMailingOption: P,
+					onMailingOptionSelect: F,
+					businessAddress: I,
+					isBusinessAddressVisible: L,
+					isManualAddressVisible: R,
+					manualAddress: z,
+					onManualAddressChange: B,
+					stateOptions: V
+				})
+			}), /* @__PURE__ */ l("div", {
+				className: "ttw:flex ttw:shrink-0 ttw:justify-end ttw:gap-3 ttw:border-t ttw:border-border ttw:bg-muted/40 ttw:px-6 ttw:py-4",
+				children: [/* @__PURE__ */ c(e, {
+					type: "button",
+					variant: "outline",
+					onClick: W,
+					children: J.footer.cancel
+				}), /* @__PURE__ */ l(e, {
+					type: "button",
+					disabled: H,
+					onClick: U,
+					children: [J.footer.createCard, /* @__PURE__ */ c(u, { className: "ttw:size-4" })]
+				})]
+			})] }) : null,
+			Y === r.Preparing ? /* @__PURE__ */ c(i, {
+				cardArtSrc: g,
+				labels: J
+			}) : null,
+			Y === r.Success ? /* @__PURE__ */ c(o, {
+				cardArtSrc: g,
+				labels: J,
+				onCreateAnotherClick: K,
+				onViewCardClick: q
+			}) : null
+		]
+	});
+}
+//#endregion
+export { r as CreateCardView, h as CreateCardWidget, n as resolveCreateCardWidgetLabels };

package/dist/libs/tesouro-embedded-components-react/create-card-widget/ui/dist/lib/CreateCardWidget/ManualAddressFields.js

@@ -0,0 +1,67 @@
+import { Input as e, Label as t, Select as n, SelectContent as r, SelectItem as i, SelectTrigger as a, SelectValue as o } from "../../../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { useId as s } from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region ../../libs/tesouro-embedded-components-react/create-card-widget/ui/dist/lib/CreateCardWidget/ManualAddressFields.js
+function u({ values: u, stateOptions: d, onChange: f, labels: p }) {
+	let m = s(), h = `${m}-street`, g = `${m}-city`, _ = `${m}-state`, v = `${m}-zip`;
+	return /* @__PURE__ */ l("div", {
+		className: "ttw:mt-3 ttw:flex ttw:flex-col ttw:gap-3",
+		children: [/* @__PURE__ */ l("div", {
+			className: "ttw:flex ttw:flex-col ttw:gap-1.5",
+			children: [/* @__PURE__ */ c(t, {
+				htmlFor: h,
+				children: p.streetLabel
+			}), /* @__PURE__ */ c(e, {
+				id: h,
+				value: u.street,
+				onChange: (e) => f({ street: e.target.value })
+			})]
+		}), /* @__PURE__ */ l("div", {
+			className: "ttw:grid ttw:grid-cols-3 ttw:gap-3",
+			children: [
+				/* @__PURE__ */ l("div", {
+					className: "ttw:flex ttw:flex-col ttw:gap-1.5",
+					children: [/* @__PURE__ */ c(t, {
+						htmlFor: g,
+						children: p.cityLabel
+					}), /* @__PURE__ */ c(e, {
+						id: g,
+						value: u.city,
+						onChange: (e) => f({ city: e.target.value })
+					})]
+				}),
+				/* @__PURE__ */ l("div", {
+					className: "ttw:flex ttw:flex-col ttw:gap-1.5",
+					children: [/* @__PURE__ */ c(t, {
+						htmlFor: _,
+						children: p.stateLabel
+					}), /* @__PURE__ */ l(n, {
+						value: u.state,
+						onValueChange: (e) => f({ state: e }),
+						children: [/* @__PURE__ */ c(a, {
+							id: _,
+							className: "ttw:w-full",
+							children: /* @__PURE__ */ c(o, { placeholder: p.statePlaceholder })
+						}), /* @__PURE__ */ c(r, { children: d.map((e) => /* @__PURE__ */ c(i, {
+							value: e.value,
+							children: e.label
+						}, e.value)) })]
+					})]
+				}),
+				/* @__PURE__ */ l("div", {
+					className: "ttw:flex ttw:flex-col ttw:gap-1.5",
+					children: [/* @__PURE__ */ c(t, {
+						htmlFor: v,
+						children: p.zipLabel
+					}), /* @__PURE__ */ c(e, {
+						id: v,
+						value: u.zip,
+						onChange: (e) => f({ zip: e.target.value })
+					})]
+				})
+			]
+		})]
+	});
+}
+//#endregion
+export { u as ManualAddressFields };