@tesouro/embedded-components-react 0.2.255 → 0.2.257

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 };

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

@@ -0,0 +1,31 @@
+import { Spinner as e } from "../../../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { CardArt as t } from "./CardArt.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region ../../libs/tesouro-embedded-components-react/create-card-widget/ui/dist/lib/CreateCardWidget/PreparingView.js
+function i({ cardArtSrc: i, labels: a }) {
+	return /* @__PURE__ */ r("div", {
+		className: "ttw:flex ttw:min-h-full ttw:flex-1 ttw:flex-col ttw:items-center ttw:justify-center ttw:gap-6 ttw:bg-gradient-to-b ttw:from-background ttw:to-primary/10 ttw:px-6 ttw:py-12",
+		children: [
+			/* @__PURE__ */ n(t, {
+				src: i,
+				alt: a.cardArtAlt
+			}),
+			/* @__PURE__ */ r("div", {
+				className: "ttw:flex ttw:flex-col ttw:items-center ttw:gap-2 ttw:text-center",
+				children: [/* @__PURE__ */ n("h2", {
+					className: "ttw:text-xl ttw:font-semibold ttw:text-foreground",
+					children: a.preparing.title
+				}), /* @__PURE__ */ n("p", {
+					className: "ttw:text-sm ttw:text-muted-foreground",
+					children: a.preparing.description
+				})]
+			}),
+			/* @__PURE__ */ n(e, {
+				className: "ttw:size-8 ttw:text-primary",
+				"aria-label": a.preparing.title
+			})
+		]
+	});
+}
+//#endregion
+export { i as PreparingView };

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

@@ -0,0 +1,172 @@
+import { Label as e, RadioGroup as t, RadioGroupItem as n, Select as r, SelectContent as i, SelectItem as a, SelectTrigger as o, SelectValue as s, Separator as c } from "../../../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { ErrorState as l } from "../../../../../shared/ui/dist/lib/ErrorState/ErrorState.js";
+import "../../../../../shared/ui/dist/index.js";
+import { MailingOptionValue as u } from "./types.js";
+import { CardArt as d } from "./CardArt.js";
+import { ManualAddressFields as f } from "./ManualAddressFields.js";
+import { useId as p } from "react";
+import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
+//#region ../../libs/tesouro-embedded-components-react/create-card-widget/ui/dist/lib/CreateCardWidget/SetupView.js
+function _({ cardArtSrc: _, labels: v, cardholderOptions: y, selectedCardholder: b, onCardholderSelect: x, isCardholderError: S = !1, onCardholderRetry: C, cardFormatOptions: w, selectedCardFormat: T, onCardFormatSelect: E, isFundingAccountVisible: D, fundingAccountOptions: O, selectedFundingAccount: k, onFundingAccountSelect: A, isFundingAccountError: j = !1, onFundingAccountRetry: M, isMailingSectionVisible: N, selectedMailingOption: P, onMailingOptionSelect: F, businessAddress: I, isBusinessAddressVisible: L, isManualAddressVisible: R, manualAddress: z, onManualAddressChange: B, stateOptions: V }) {
+	let H = p(), U = `${H}-cardholder`, W = `${H}-card-format`, G = `${H}-funding-account`, K = `${H}-mailing-business`, q = `${H}-mailing-custom`;
+	return /* @__PURE__ */ g("div", {
+		className: "ttw:flex ttw:flex-col",
+		children: [/* @__PURE__ */ h("div", {
+			className: "ttw:bg-primary/5 ttw:px-6 ttw:pt-2 ttw:pb-6",
+			children: /* @__PURE__ */ h(d, {
+				src: _,
+				alt: v.cardArtAlt
+			})
+		}), /* @__PURE__ */ g("div", {
+			className: "ttw:flex ttw:flex-col ttw:gap-6 ttw:px-6 ttw:py-6",
+			children: [/* @__PURE__ */ g("section", {
+				className: "ttw:flex ttw:flex-col ttw:gap-4",
+				children: [
+					/* @__PURE__ */ g("div", {
+						className: "ttw:flex ttw:flex-col ttw:gap-1",
+						children: [/* @__PURE__ */ h("h3", {
+							className: "ttw:text-base ttw:font-semibold ttw:text-foreground",
+							children: v.setup.sectionTitle
+						}), /* @__PURE__ */ h("p", {
+							className: "ttw:text-sm ttw:text-muted-foreground",
+							children: v.setup.sectionDescription
+						})]
+					}),
+					/* @__PURE__ */ g("div", {
+						className: "ttw:flex ttw:flex-col ttw:gap-1.5",
+						children: [/* @__PURE__ */ h(e, {
+							htmlFor: U,
+							children: v.setup.cardholderLabel
+						}), S ? /* @__PURE__ */ h(l, {
+							title: v.cardholderError.title,
+							description: v.cardholderError.description,
+							retryLabel: v.cardholderError.retry,
+							onRetry: C,
+							className: "ttw:rounded-lg ttw:border ttw:border-border ttw:py-8"
+						}) : /* @__PURE__ */ g(r, {
+							value: b ?? "",
+							onValueChange: x,
+							children: [/* @__PURE__ */ h(o, {
+								id: U,
+								className: "ttw:w-full",
+								children: /* @__PURE__ */ h(s, { placeholder: v.setup.cardholderPlaceholder })
+							}), /* @__PURE__ */ h(i, { children: y.map((e) => /* @__PURE__ */ h(a, {
+								value: e.value,
+								children: e.label
+							}, e.value)) })]
+						})]
+					}),
+					/* @__PURE__ */ g("div", {
+						className: "ttw:flex ttw:flex-col ttw:gap-1.5",
+						children: [/* @__PURE__ */ h(e, {
+							htmlFor: W,
+							children: v.setup.cardFormatLabel
+						}), /* @__PURE__ */ g(r, {
+							value: T ?? "",
+							onValueChange: E,
+							children: [/* @__PURE__ */ h(o, {
+								id: W,
+								className: "ttw:w-full",
+								children: /* @__PURE__ */ h(s, { placeholder: v.setup.cardFormatPlaceholder })
+							}), /* @__PURE__ */ h(i, { children: w.map((e) => /* @__PURE__ */ h(a, {
+								value: e.value,
+								children: e.label
+							}, e.value)) })]
+						})]
+					}),
+					D ? /* @__PURE__ */ g("div", {
+						className: "ttw:flex ttw:flex-col ttw:gap-1.5",
+						children: [/* @__PURE__ */ h(e, {
+							htmlFor: G,
+							children: v.setup.fundingAccountLabel
+						}), j ? /* @__PURE__ */ h(l, {
+							title: v.fundingAccountError.title,
+							description: v.fundingAccountError.description,
+							retryLabel: v.fundingAccountError.retry,
+							onRetry: M,
+							className: "ttw:rounded-lg ttw:border ttw:border-border ttw:py-8"
+						}) : /* @__PURE__ */ g(r, {
+							value: k ?? "",
+							onValueChange: A,
+							children: [/* @__PURE__ */ h(o, {
+								id: G,
+								className: "ttw:w-full",
+								children: /* @__PURE__ */ h(s, { placeholder: v.setup.fundingAccountPlaceholder })
+							}), /* @__PURE__ */ h(i, { children: O.map((e) => /* @__PURE__ */ h(a, {
+								value: e.value,
+								children: e.label
+							}, e.value)) })]
+						})]
+					}) : null
+				]
+			}), N ? /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h(c, {}), /* @__PURE__ */ g("section", {
+				className: "ttw:flex ttw:flex-col ttw:gap-4",
+				children: [/* @__PURE__ */ g("div", {
+					className: "ttw:flex ttw:flex-col ttw:gap-1",
+					children: [/* @__PURE__ */ h("h3", {
+						className: "ttw:text-base ttw:font-semibold ttw:text-foreground",
+						children: v.mailing.sectionTitle
+					}), /* @__PURE__ */ h("p", {
+						className: "ttw:text-sm ttw:text-muted-foreground",
+						children: v.mailing.sectionDescription
+					})]
+				}), /* @__PURE__ */ g(t, {
+					value: P ?? "",
+					onValueChange: F,
+					className: "ttw:gap-0 ttw:overflow-hidden ttw:rounded-lg ttw:border ttw:border-border",
+					children: [/* @__PURE__ */ g("div", {
+						className: "ttw:flex ttw:flex-col ttw:gap-3 ttw:border-b ttw:border-border ttw:p-4",
+						children: [/* @__PURE__ */ g("label", {
+							htmlFor: K,
+							className: "ttw:flex ttw:cursor-pointer ttw:items-start ttw:gap-3",
+							children: [/* @__PURE__ */ h(n, {
+								value: u.BusinessAddress,
+								id: K,
+								className: "ttw:mt-0.5"
+							}), /* @__PURE__ */ g("span", {
+								className: "ttw:flex ttw:min-w-0 ttw:flex-1 ttw:flex-col ttw:gap-0.5",
+								children: [/* @__PURE__ */ h("span", {
+									className: "ttw:text-sm ttw:font-medium ttw:text-foreground",
+									children: v.mailing.businessTitle
+								}), /* @__PURE__ */ h("span", {
+									className: "ttw:text-sm ttw:text-muted-foreground",
+									children: v.mailing.businessDescription
+								})]
+							})]
+						}), L ? /* @__PURE__ */ h("div", {
+							className: "ttw:rounded-md ttw:border ttw:border-border ttw:bg-background ttw:px-3 ttw:py-2 ttw:text-sm ttw:text-foreground",
+							children: I
+						}) : null]
+					}), /* @__PURE__ */ g("div", {
+						className: "ttw:flex ttw:flex-col ttw:gap-0 ttw:p-4",
+						children: [/* @__PURE__ */ g("label", {
+							htmlFor: q,
+							className: "ttw:flex ttw:cursor-pointer ttw:items-start ttw:gap-3",
+							children: [/* @__PURE__ */ h(n, {
+								value: u.DifferentAddress,
+								id: q,
+								className: "ttw:mt-0.5"
+							}), /* @__PURE__ */ g("span", {
+								className: "ttw:flex ttw:min-w-0 ttw:flex-1 ttw:flex-col ttw:gap-0.5",
+								children: [/* @__PURE__ */ h("span", {
+									className: "ttw:text-sm ttw:font-medium ttw:text-foreground",
+									children: v.mailing.customTitle
+								}), /* @__PURE__ */ h("span", {
+									className: "ttw:text-sm ttw:text-muted-foreground",
+									children: v.mailing.customDescription
+								})]
+							})]
+						}), R ? /* @__PURE__ */ h(f, {
+							values: z,
+							stateOptions: V,
+							onChange: B,
+							labels: v.manualAddress
+						}) : null]
+					})]
+				})]
+			})] }) : null]
+		})]
+	});
+}
+//#endregion
+export { _ as SetupView };

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

@@ -0,0 +1,50 @@
+import { Button as e } from "../../../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { CardArt as t } from "./CardArt.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { CheckIcon as i, ChevronRightIcon as a } from "lucide-react";
+//#region ../../libs/tesouro-embedded-components-react/create-card-widget/ui/dist/lib/CreateCardWidget/SuccessView.js
+function o({ cardArtSrc: o, labels: s, onCreateAnotherClick: c, onViewCardClick: l }) {
+	return /* @__PURE__ */ r("div", {
+		className: "ttw:flex ttw:min-h-0 ttw:flex-1 ttw:flex-col",
+		children: [/* @__PURE__ */ r("div", {
+			className: "ttw:flex ttw:min-h-0 ttw:flex-1 ttw:flex-col ttw:items-center ttw:justify-center ttw:gap-6 ttw:overflow-y-auto ttw:bg-gradient-to-b ttw:from-background ttw:to-primary/10 ttw:px-6 ttw:py-12",
+			children: [/* @__PURE__ */ n(t, {
+				src: o,
+				alt: s.cardArtAlt
+			}), /* @__PURE__ */ r("div", {
+				className: "ttw:flex ttw:flex-col ttw:items-center ttw:gap-3 ttw:text-center",
+				children: [
+					/* @__PURE__ */ n("div", {
+						"aria-hidden": "true",
+						className: "ttw:flex ttw:size-10 ttw:items-center ttw:justify-center ttw:rounded-lg ttw:bg-emerald-700 ttw:text-white",
+						children: /* @__PURE__ */ n(i, { className: "ttw:size-5" })
+					}),
+					/* @__PURE__ */ n("h2", {
+						className: "ttw:text-xl ttw:font-semibold ttw:text-foreground",
+						children: s.success.title
+					}),
+					/* @__PURE__ */ n("p", {
+						className: "ttw:text-sm ttw:text-muted-foreground",
+						children: s.success.description
+					})
+				]
+			})]
+		}), /* @__PURE__ */ r("div", {
+			className: "ttw:flex ttw:shrink-0 ttw:gap-3 ttw:border-t ttw:border-border ttw:bg-background ttw:px-6 ttw:py-4",
+			children: [/* @__PURE__ */ n(e, {
+				type: "button",
+				variant: "outline",
+				className: "ttw:flex-1",
+				onClick: c,
+				children: s.success.createAnother
+			}), l ? /* @__PURE__ */ r(e, {
+				type: "button",
+				className: "ttw:flex-1",
+				onClick: l,
+				children: [s.success.viewCard, /* @__PURE__ */ n(a, { className: "ttw:size-4" })]
+			}) : null]
+		})]
+	});
+}
+//#endregion
+export { o as SuccessView };