@tesouro/embedded-components-react 0.2.234 → 0.2.238

package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/feature/dist/index12.js

@@ -1,169 +1,87 @@
-import "react/jsx-runtime";
-import "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import "lucide-react";
-import "@radix-ui/react-use-controllable-state";
-import "react";
-import "../../../shared/ui/dist/lib/UIContext/UIContext.js";
-import "../../../shared/ui/dist/lib/OnboardingShell/OnboardingShellOverlayPortal.js";
-import { PERSONAL_DETAILS_LABELS_EN as l } from "../../ui/dist/index5.js";
-import "react-confetti";
-import { ABOUT_YOU_PANEL_LABELS_EN as u } from "../../ui/dist/index17.js";
-import { formatPhoneNumberInput as i } from "./index14.js";
-import { sanitizeZipCodeInput as m } from "./index15.js";
-import { maskSsn as r, sanitizeSsnDigits as d, formatSsnInput as h } from "./index16.js";
-function b(e) {
-  return e ? e.toLocaleDateString("en-US", {
-    month: "short",
-    day: "numeric",
-    year: "numeric"
-  }) : "";
-}
-function c(e) {
-  return { ...l, ...e };
-}
-function p(e) {
-  const a = c(e);
-  return {
-    ...u,
-    firstName: a.firstName,
-    lastName: a.lastName,
-    dateOfBirth: a.dateOfBirth,
-    dateOfBirthPlaceholder: a.dateOfBirthPlaceholder,
-    ssn: a.ssn,
-    ssnShow: a.ssnShow,
-    ssnHide: a.ssnHide,
-    homeAddress: a.homeAddress,
-    city: a.city,
-    state: a.state,
-    statePlaceholder: a.statePlaceholder,
-    zipCode: a.zipCode,
-    mobilePhoneNumber: a.mobilePhoneNumber,
-    workEmail: a.workEmail,
-    ownsOver25Question: a.ownsOver25Question,
-    ownsOver25SummaryLabel: a.ownsOver25SummaryLabel,
-    ownsOver25Yes: a.ownsOver25Yes,
-    ownsOver25No: a.ownsOver25No,
-    ownershipPercentage: a.ownershipPercentage,
-    ownershipPercentagePlaceholder: a.ownershipPercentagePlaceholder
-  };
-}
-function V(e, a) {
-  const t = p(a.labels), o = a.stateOptions.find((s) => s.value === e.state)?.label ?? e.state;
-  return [
-    {
-      label: t.firstName,
-      value: e.firstName,
-      testId: "about-you-summary-first-name"
-    },
-    {
-      label: t.lastName,
-      value: e.lastName,
-      testId: "about-you-summary-last-name"
-    },
-    {
-      label: t.dateOfBirth,
-      value: b(e.dateOfBirth),
-      testId: "about-you-summary-dob"
-    },
-    {
-      label: t.ssn,
-      value: r(e.ssn),
-      testId: "about-you-summary-ssn",
-      valueMonospace: !0
-    },
-    {
-      label: t.homeAddress,
-      value: e.homeAddress,
-      testId: "about-you-summary-home-address"
-    },
-    {
-      label: t.city,
-      value: e.city,
-      testId: "about-you-summary-city"
-    },
-    {
-      label: t.state,
-      value: o,
-      testId: "about-you-summary-state"
-    },
-    {
-      label: t.zipCode,
-      value: e.zipCode,
-      testId: "about-you-summary-zip-code"
-    },
-    {
-      label: t.mobilePhoneNumber,
-      value: e.mobilePhoneNumber,
-      testId: "about-you-summary-mobile-phone"
-    },
-    {
-      label: t.workEmail,
-      value: e.workEmail,
-      testId: "about-you-summary-email"
-    },
-    {
-      label: t.ownershipPercentage,
-      value: e.ownershipPercentage !== null ? `${e.ownershipPercentage}%` : "",
-      testId: "about-you-summary-ownership-percentage"
-    }
-  ];
+import { formatPhoneNumberInput as e } from "./index2.js";
+import { sanitizeZipCodeInput as t } from "./index3.js";
+import { getMaxBirthDate as n, isAtLeastMinOwnerAge as r } from "./index7.js";
+import { formatSsnInput as i, maskSsn as a, sanitizeSsnDigits as o } from "./index4.js";
+//#region ../../libs/tesouro-embedded-components-react/bank-account-onboarding-widget/feature/dist/index12.js
+var s = {
+	firstName: "",
+	lastName: "",
+	dateOfBirth: void 0,
+	ssn: "",
+	homeAddress: "",
+	city: "",
+	state: "",
+	zipCode: "",
+	mobilePhoneNumber: "",
+	ownsOver25Percent: null,
+	ownershipPercentage: null
+};
+function c(n) {
+	return {
+		...n,
+		ssn: o(n.ssn),
+		zipCode: t(n.zipCode),
+		mobilePhoneNumber: e(n.mobilePhoneNumber),
+		ownsOver25Percent: n.ownershipPercentage === null ? null : n.ownershipPercentage >= 25
+	};
 }
-function B(e, a, t) {
-  const o = (s) => (n) => a({ ...e, [s]: n });
-  return {
-    firstName: { value: e.firstName, onValueChange: o("firstName") },
-    lastName: { value: e.lastName, onValueChange: o("lastName") },
-    dateOfBirth: {
-      value: e.dateOfBirth,
-      onValueChange: o("dateOfBirth")
-    },
-    ssn: {
-      value: e.ssn,
-      onValueChange: (s) => o("ssn")(d(s))
-    },
-    homeAddress: {
-      value: e.homeAddress,
-      onValueChange: o("homeAddress")
-    },
-    city: { value: e.city, onValueChange: o("city") },
-    state: {
-      value: e.state,
-      onValueChange: o("state"),
-      options: t.stateOptions
-    },
-    zipCode: {
-      value: e.zipCode,
-      onValueChange: (s) => o("zipCode")(m(s))
-    },
-    mobilePhoneNumber: {
-      value: e.mobilePhoneNumber,
-      onValueChange: (s) => o("mobilePhoneNumber")(i(s))
-    },
-    workEmail: { value: e.workEmail, onValueChange: o("workEmail") },
-    ownsOver25Percent: {
-      value: e.ownsOver25Percent === null ? "" : e.ownsOver25Percent ? "yes" : "no",
-      onValueChange: (s) => a({
-        ...e,
-        ownsOver25Percent: s === "" ? null : s === "yes",
-        ownershipPercentage: s === "yes" ? e.ownershipPercentage : null
-      })
-    },
-    ownershipPercentage: {
-      value: e.ownershipPercentage,
-      onValueChange: o("ownershipPercentage")
-    }
-  };
+function l(e) {
+	return {
+		dateOfBirthInvalid: e.dateOfBirth !== void 0 && !r(e.dateOfBirth),
+		ownershipPercentageInvalid: e.ownershipPercentage !== null && e.ownershipPercentage < 25,
+		maxBirthDate: n(),
+		ssnMaskedDisplay: a(e.ssn),
+		ssnFormattedDisplay: i(e.ssn)
+	};
 }
-function L(e) {
-  return {
-    masked: r(e),
-    formatted: h(e)
-  };
+function u(e, t, n) {
+	let r = (n) => (r) => t(c({
+		...e,
+		[n]: r
+	}));
+	return {
+		firstName: {
+			value: e.firstName,
+			onValueChange: r("firstName")
+		},
+		lastName: {
+			value: e.lastName,
+			onValueChange: r("lastName")
+		},
+		dateOfBirth: {
+			value: e.dateOfBirth,
+			onValueChange: r("dateOfBirth")
+		},
+		ssn: {
+			value: e.ssn,
+			onValueChange: (e) => r("ssn")(e)
+		},
+		homeAddress: {
+			value: e.homeAddress,
+			onValueChange: r("homeAddress")
+		},
+		city: {
+			value: e.city,
+			onValueChange: r("city")
+		},
+		state: {
+			value: e.state,
+			onValueChange: r("state"),
+			options: n.stateOptions
+		},
+		zipCode: {
+			value: e.zipCode,
+			onValueChange: (e) => r("zipCode")(e)
+		},
+		mobilePhoneNumber: {
+			value: e.mobilePhoneNumber,
+			onValueChange: (e) => r("mobilePhoneNumber")(e)
+		},
+		ownershipPercentage: {
+			value: e.ownershipPercentage,
+			onValueChange: r("ownershipPercentage")
+		}
+	};
 }
-export {
-  B as buildAboutYouEditFields,
-  p as buildAboutYouPanelLabels,
-  V as buildAboutYouSummaryRows,
-  L as buildSsnDisplayValues,
-  c as mergePersonalDetailsLabels
-};
+//#endregion
+export { s as EMPTY_ADDITIONAL_OWNER, l as buildAdditionalOwnerEditDisplay, u as buildAdditionalOwnerEditFields, c as normalizeAdditionalOwnerDraft };

package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/feature/dist/index13.js

@@ -1,80 +1,111 @@
-import { formatPhoneNumberInput as r } from "./index14.js";
-import { sanitizeZipCodeInput as o } from "./index15.js";
-import { formatSsnInput as l, maskSsn as u, sanitizeSsnDigits as d } from "./index16.js";
-import { getMaxBirthDate as h, isAtLeastMinOwnerAge as m } from "./index11.js";
-const C = {
-  firstName: "",
-  lastName: "",
-  dateOfBirth: void 0,
-  ssn: "",
-  homeAddress: "",
-  city: "",
-  state: "",
-  zipCode: "",
-  mobilePhoneNumber: "",
-  ownsOver25Percent: null,
-  ownershipPercentage: null
-};
+"use client";
+"use client";
+"use client";
+"use client";
+import { ADDITIONAL_OWNERS_LABELS_EN as e } from "../../ui/dist/index4.js";
+import { AdditionalOwnersForm as t } from "../../ui/dist/index5.js";
+import "../../ui/dist/index.js";
+import { isAtLeastMinOwnerAge as n } from "./index7.js";
+import { EMPTY_ADDITIONAL_OWNER as r, buildAdditionalOwnerEditDisplay as i, buildAdditionalOwnerEditFields as a, normalizeAdditionalOwnerDraft as o } from "./index12.js";
+import { useEffect as s, useMemo as c, useRef as l, useState as u } from "react";
+import { jsx as d } from "react/jsx-runtime";
+import { z as f } from "zod";
+//#region ../../libs/tesouro-embedded-components-react/bank-account-onboarding-widget/feature/dist/index13.js
 function p(e) {
-  return {
-    ...e,
-    ssn: d(e.ssn),
-    zipCode: o(e.zipCode),
-    mobilePhoneNumber: r(e.mobilePhoneNumber),
-    ownsOver25Percent: e.ownershipPercentage === null ? null : e.ownershipPercentage >= 25
-  };
+	return f.object({
+		firstName: f.string().min(1),
+		lastName: f.string().min(1),
+		dateOfBirth: f.date().refine(n, { message: e.dateOfBirthMinAgeError }),
+		ssn: f.string().refine((e) => /^\d{9}$/.test(e), { message: e.ssnInvalid }),
+		homeAddress: f.string().min(1),
+		city: f.string().min(1),
+		state: f.string().min(2),
+		zipCode: f.string().min(5),
+		mobilePhoneNumber: f.string().refine((e) => e.replace(/\D/g, "").length === 10, { message: e.mobilePhoneNumberInvalid }),
+		ownsOver25Percent: f.literal(!0),
+		ownershipPercentage: f.number().min(25).max(100)
+	});
 }
-function N(e) {
-  return {
-    dateOfBirthInvalid: e.dateOfBirth !== void 0 && !m(e.dateOfBirth),
-    ownershipPercentageInvalid: e.ownershipPercentage !== null && e.ownershipPercentage < 25,
-    maxBirthDate: h(),
-    ssnMaskedDisplay: u(e.ssn),
-    ssnFormattedDisplay: l(e.ssn)
-  };
+function m(e) {
+	return e.ownershipPercentage !== null && e.ownershipPercentage >= 25 ? e.ownershipPercentage : 0;
 }
-function v(e, t, s) {
-  const n = (a) => (i) => t(
-    p({ ...e, [a]: i })
-  );
-  return {
-    firstName: { value: e.firstName, onValueChange: n("firstName") },
-    lastName: { value: e.lastName, onValueChange: n("lastName") },
-    dateOfBirth: {
-      value: e.dateOfBirth,
-      onValueChange: n("dateOfBirth")
-    },
-    ssn: {
-      value: e.ssn,
-      onValueChange: (a) => n("ssn")(a)
-    },
-    homeAddress: {
-      value: e.homeAddress,
-      onValueChange: n("homeAddress")
-    },
-    city: { value: e.city, onValueChange: n("city") },
-    state: {
-      value: e.state,
-      onValueChange: n("state"),
-      options: s.stateOptions
-    },
-    zipCode: {
-      value: e.zipCode,
-      onValueChange: (a) => n("zipCode")(a)
-    },
-    mobilePhoneNumber: {
-      value: e.mobilePhoneNumber,
-      onValueChange: (a) => n("mobilePhoneNumber")(a)
-    },
-    ownershipPercentage: {
-      value: e.ownershipPercentage,
-      onValueChange: n("ownershipPercentage")
-    }
-  };
+function h(e) {
+	return `${m(e)}%`;
 }
-export {
-  C as EMPTY_ADDITIONAL_OWNER,
-  N as buildAdditionalOwnerEditDisplay,
-  v as buildAdditionalOwnerEditFields,
-  p as normalizeAdditionalOwnerDraft
-};
+function g(e) {
+	return {
+		name: `${e.firstName} ${e.lastName}`.trim(),
+		shareDisplay: h(e)
+	};
+}
+function _({ owners: n, onOwnersChange: f, primaryOwnerName: h, primaryOwnerPercentage: _, stateOptions: v, onSnapshotChange: y, isSubmitting: b, labels: x }) {
+	let S = c(() => ({
+		...e,
+		...x
+	}), [x]), C = c(() => p(S), [S]), [w, T] = u(null), [E, D] = u(null), [O, k] = u(null), [A, j] = u(!1), M = (e) => {
+		T(o(e));
+	}, N = _ + n.reduce((e, t) => e + m(t), 0), P = N > 100 ? S.totalOwnershipExceedsTemplate(N) : null, F = N > 75, I = `${_}%`, L = _ >= 25, R = n.every((e) => C.safeParse(e).success), z = w !== null && C.safeParse(w).success, B = R && P === null && w === null && O === null ? n : null, V = JSON.stringify({ snapshot: B?.map((e) => ({
+		...e,
+		dateOfBirth: e.dateOfBirth?.toISOString()
+	})) }), H = l(y);
+	H.current = y, s(() => {
+		H.current(B);
+	}, [V]);
+	let U = () => {
+		D(null), j(!1), T({ ...r });
+	}, W = (e) => {
+		D(e), j(!1), T(o({ ...n[e] }));
+	}, G = (e) => {
+		let t = n[e];
+		k({
+			index: e,
+			displayName: `${t.firstName} ${t.lastName}`.trim()
+		});
+	}, K = () => {
+		O && (f(n.filter((e, t) => t !== O.index)), k(null));
+	}, q = () => {
+		k(null);
+	}, J = w ? {
+		fields: a(w, M, { stateOptions: v }),
+		display: i(w),
+		isExisting: E !== null,
+		isValid: z,
+		ssnRevealed: A,
+		ssnToggleAriaLabel: A ? S.ssnHide : S.ssnShow,
+		onToggleSsnVisibility: () => j((e) => !e),
+		onSubmit: () => {
+			if (!w) return;
+			let e = C.safeParse(w);
+			if (e.success) {
+				if (E === null) f([...n, e.data]);
+				else {
+					let t = [...n];
+					t[E] = e.data, f(t);
+				}
+				T(null), D(null), j(!1);
+			}
+		},
+		onCancel: () => {
+			T(null), D(null), j(!1);
+		}
+	} : null;
+	return /* @__PURE__ */ d(t, {
+		ownerRows: n.map(g),
+		primaryOwnerName: h,
+		primaryOwnerShareDisplay: I,
+		showPrimaryOwner: L,
+		totalOwnershipError: P,
+		addOwnerDisabled: F,
+		onAddOwner: U,
+		onEditOwner: W,
+		onDeleteOwnerRequest: G,
+		deletingOwnerName: O?.displayName ?? null,
+		onDeleteOwnerConfirm: K,
+		onDeleteOwnerCancel: q,
+		editingOverlay: J,
+		isSubmitting: b,
+		labels: x
+	});
+}
+//#endregion
+export { _ as AdditionalOwnersStep, m as getAdditionalOwnerShare };

package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/feature/dist/index14.js

@@ -1,7 +1,93 @@
-function i(c) {
-  const e = c.replace(/\D/g, "").slice(0, 10), n = e.slice(0, 3), t = e.slice(3, 6), l = e.slice(6, 10);
-  return e.length > 6 ? `${n}-${t}-${l}` : e.length > 3 ? `${n}-${t}` : n;
+//#region ../../libs/tesouro-embedded-components-react/bank-account-onboarding-widget/feature/dist/index14.js
+var e = (e) => e.replace(/\D/g, "").slice(0, 10), t = (e) => `${e.getFullYear().toString().padStart(4, "0")}-${(e.getMonth() + 1).toString().padStart(2, "0")}-${e.getDate().toString().padStart(2, "0")}`;
+function n(e) {
+	return {
+		address1: e.address1,
+		city: e.city,
+		state: e.state,
+		postalCode: e.postalCode,
+		countryCode: "USA"
+	};
 }
-export {
-  i as formatPhoneNumberInput
-};
+function r(t) {
+	return {
+		legalName: t.companyLegalName,
+		dbaName: t.companyDbaName.trim() || null,
+		address: n({
+			address1: t.businessAddress,
+			city: t.city,
+			state: t.state,
+			postalCode: t.zipCode
+		}),
+		phoneNumber: e(t.companyPhoneNumber),
+		businessStructureType: t.companyStructure,
+		website: t.website.trim() || null,
+		taxId: {
+			type: t.companyStructure === "SOLE_PROPRIETORSHIP" ? "SSN" : "EIN",
+			value: t.taxId
+		},
+		northAmericanIndustryClassificationSystemCode: t.naicsCode
+	};
+}
+function i(e) {
+	return {
+		isLegallyAuthorized: e.isAuthorized,
+		hasAcceptedDisclosures: e.isCheckboxChecked
+	};
+}
+var a = 1;
+function o(r, { isSoleProprietor: i = !1 } = {}) {
+	return {
+		firstName: r.firstName,
+		lastName: r.lastName,
+		birthDate: t(r.dateOfBirth),
+		personalIdentificationNumber: {
+			type: "SSN",
+			value: r.ssn
+		},
+		homeAddress: n({
+			address1: r.homeAddress,
+			city: r.city,
+			state: r.state,
+			postalCode: r.zipCode
+		}),
+		mobilePhoneNumber: e(r.mobilePhoneNumber),
+		workEmailAddress: r.workEmail,
+		ownershipPercentage: i ? a : r.ownsOver25Percent && r.ownershipPercentage !== null ? r.ownershipPercentage / 100 : 0
+	};
+}
+function s(r) {
+	return r.map((r) => ({
+		firstName: r.firstName,
+		lastName: r.lastName,
+		birthDate: r.dateOfBirth ? t(r.dateOfBirth) : void 0,
+		homeAddress: n({
+			address1: r.homeAddress,
+			city: r.city,
+			state: r.state,
+			postalCode: r.zipCode
+		}),
+		mobilePhoneNumber: e(r.mobilePhoneNumber),
+		ownershipPercentage: r.ownershipPercentage !== null && r.ownershipPercentage >= 25 ? r.ownershipPercentage / 100 : 0,
+		personalIdentificationNumber: {
+			type: "SSN",
+			value: r.ssn
+		}
+	}));
+}
+function c(e) {
+	return {
+		businessDetails: r(e),
+		applicant: i(e)
+	};
+}
+function l(e) {
+	let t = e.businessDetails?.companyStructure === "SOLE_PROPRIETORSHIP";
+	return {
+		...e.businessDetails && { businessDetails: r(e.businessDetails) },
+		...e.applicant && { applicant: o(e.applicant, { isSoleProprietor: t }) },
+		...(t || e.businessOwners !== void 0) && { businessOwners: !t && e.businessOwners?.length ? s(e.businessOwners) : null }
+	};
+}
+//#endregion
+export { i as buildApplicantForCreate, o as buildApplicantForUpdate, r as buildBusinessDetails, s as buildBusinessOwners, c as buildCreateApplicationBody, l as buildUpdateApplicationBody };

package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/feature/dist/index15.js

@@ -1,6 +1,9 @@
-function n(e) {
-  return e.replace(/\D/g, "").slice(0, 5);
-}
-export {
-  n as sanitizeZipCodeInput
-};
+//#region ../../libs/tesouro-embedded-components-react/bank-account-onboarding-widget/feature/dist/index15.js
+var e = {
+	Mounted: "onboarding.mounted",
+	OpenMarketing: "onboarding_widget_open_marketing_widget",
+	BeginOnboarding: "onboarding_widget_begin_onboarding",
+	Suppressed: "onboarding.suppressed"
+}, t = "onboarding";
+//#endregion
+export { e as OnboardingAnalyticsEvent, t as WIDGET_NAME };

package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/feature/dist/index16.js

@@ -1,16 +1,30 @@
-function e(s) {
-  return s.replace(/\D/g, "").slice(0, 9);
-}
-function t(s) {
-  const n = e(s);
-  return n.length <= 3 ? n : n.length <= 5 ? `${n.slice(0, 3)}-${n.slice(3)}` : `${n.slice(0, 3)}-${n.slice(3, 5)}-${n.slice(5)}`;
-}
-function i(s) {
-  const n = e(s);
-  return n ? `•••-••-${n.slice(-4)}` : "";
-}
-export {
-  t as formatSsnInput,
-  i as maskSsn,
-  e as sanitizeSsnDigits
+import { RESULT_LABELS_EN as e } from "../../ui/dist/index12.js";
+import "../../ui/dist/index.js";
+//#region ../../libs/tesouro-embedded-components-react/bank-account-onboarding-widget/feature/dist/index16.js
+var t = {
+	stepIndicator: {
+		business: "Business",
+		personal: "Personal",
+		ownership: "Ownership",
+		done: "Done"
+	},
+	businessDetails: {},
+	personalDetails: {},
+	additionalOwners: {},
+	result: e,
+	back: "Back",
+	cancel: "Cancel",
+	next: "Next",
+	submit: "Submit application",
+	businessReviewTitle: "Review your business details",
+	businessReviewSubtitle: "Take a moment to make sure your business information is correct.",
+	personalReviewTitle: "Review your personal details",
+	personalReviewSubtitle: "Take a moment to make sure your personal information is correct.",
+	modalTitle: "Bank account onboarding",
+	submitFailedError: "Unable to submit application. Please try again.",
+	genericRetryError: "Please try again.",
+	fallbackBankName: "Member Bank",
+	shellFdicDisclaimer: "Products and services are offered by {bankName}, N.A., Member FDIC."
 };
+//#endregion
+export { t as DEFAULT_LABELS };