@tesouro/embedded-components-react 0.3.16 → 0.3.17

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

@@ -1,176 +1,116 @@
-import { formatPhoneNumberInput as e } from "./index2.js";
-import { sanitizeZipCodeInput as t } from "./index3.js";
-import { PERSONAL_DETAILS_LABELS_EN as n } from "../../ui/dist/index7.js";
-import { ABOUT_YOU_PANEL_LABELS_EN as r } from "../../ui/dist/index21.js";
+"use client";
+"use client";
+"use client";
+"use client";
+import { bankAccountOnboardingTestIds as e } from "./index9.js";
+import { isValidWebsiteUrl as t } from "./index6.js";
+import { BusinessDetailsPanel as n } from "../../ui/dist/index18.js";
+import { BusinessDisclosuresSection as r } from "../../ui/dist/index23.js";
 import "../../ui/dist/index.js";
-import { formatSsnInput as i, maskSsn as a, sanitizeSsnDigits as o } from "./index4.js";
+import { buildBusinessDetailsEditFields as i, buildBusinessDetailsPanelLabels as a, buildBusinessDetailsSummaryRows as o, isBusinessWebsiteInvalid as s, mergeBusinessDetailsLabels as c } from "./index8.js";
+import { useEffect as l, useMemo as u, useRef as d, useState as f } from "react";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+import { z as h } from "zod";
 //#region ../../libs/tesouro-embedded-components-react/bank-account-onboarding-widget/feature/dist/index10.js
-function s(e) {
-	return e ? e.toLocaleDateString("en-US", {
-		month: "short",
-		day: "numeric",
-		year: "numeric"
-	}) : "";
-}
-function c(e) {
-	return {
-		...n,
-		...e
-	};
-}
-function l(e) {
-	let t = c(e);
-	return {
-		...r,
-		firstName: t.firstName,
-		lastName: t.lastName,
-		dateOfBirth: t.dateOfBirth,
-		dateOfBirthPlaceholder: t.dateOfBirthPlaceholder,
-		ssn: t.ssn,
-		ssnShow: t.ssnShow,
-		ssnHide: t.ssnHide,
-		homeAddress: t.homeAddress,
-		city: t.city,
-		state: t.state,
-		statePlaceholder: t.statePlaceholder,
-		zipCode: t.zipCode,
-		mobilePhoneNumber: t.mobilePhoneNumber,
-		workEmail: t.workEmail,
-		ownsOver25Question: t.ownsOver25Question,
-		ownsOver25SummaryLabel: t.ownsOver25SummaryLabel,
-		ownsOver25Yes: t.ownsOver25Yes,
-		ownsOver25No: t.ownsOver25No,
-		ownershipPercentage: t.ownershipPercentage,
-		ownershipPercentagePlaceholder: t.ownershipPercentagePlaceholder
-	};
-}
-function u(e, t) {
-	let n = l(t.labels), r = t.stateOptions.find((t) => t.value === e.state)?.label ?? e.state;
-	return [
-		{
-			label: n.firstName,
-			value: e.firstName,
-			testId: "about-you-summary-first-name"
-		},
-		{
-			label: n.lastName,
-			value: e.lastName,
-			testId: "about-you-summary-last-name"
-		},
-		{
-			label: n.dateOfBirth,
-			value: s(e.dateOfBirth),
-			testId: "about-you-summary-dob"
-		},
-		{
-			label: n.ssn,
-			value: a(e.ssn),
-			testId: "about-you-summary-ssn",
-			valueMonospace: !0
-		},
-		{
-			label: n.homeAddress,
-			value: e.homeAddress,
-			testId: "about-you-summary-home-address"
-		},
-		{
-			label: n.city,
-			value: e.city,
-			testId: "about-you-summary-city"
-		},
-		{
-			label: n.state,
-			value: r,
-			testId: "about-you-summary-state"
-		},
-		{
-			label: n.zipCode,
-			value: e.zipCode,
-			testId: "about-you-summary-zip-code"
-		},
-		{
-			label: n.mobilePhoneNumber,
-			value: e.mobilePhoneNumber,
-			testId: "about-you-summary-mobile-phone"
-		},
-		{
-			label: n.workEmail,
-			value: e.workEmail,
-			testId: "about-you-summary-email"
-		},
-		{
-			label: n.ownershipPercentage,
-			value: e.ownershipPercentage === null ? "" : `${e.ownershipPercentage}%`,
-			testId: "about-you-summary-ownership-percentage"
-		}
-	];
+function g(e) {
+	return h.object({
+		companyLegalName: h.string().min(1),
+		companyDbaName: h.string(),
+		businessAddress: h.string().min(1),
+		city: h.string().min(1),
+		state: h.string().min(2),
+		zipCode: h.string().min(5),
+		companyPhoneNumber: h.string().refine((e) => e.replace(/\D/g, "").length === 10, { message: e.companyPhoneNumberInvalid }),
+		companyStructure: h.enum([
+			"CORPORATION_PUBLIC",
+			"CORPORATION_PRIVATE",
+			"CORPORATION_NOT_FOR_PROFIT",
+			"LLC",
+			"LLP",
+			"PARTNERSHIP",
+			"SOLE_PROPRIETORSHIP",
+			"GOVERNMENT",
+			"COOPERATIVE",
+			"ASSOCIATION",
+			"OTHER"
+		]),
+		website: h.string().refine((e) => !e || t(e), { message: e.websiteInvalid }),
+		taxId: h.string().refine((e) => /^\d{9}$/.test(e), { message: e.taxIdInvalid }),
+		naicsCode: h.string().min(1)
+	});
 }
-function d(n, r, i) {
-	let a = (e) => (t) => r({
-		...n,
-		[e]: t
+function _(e) {
+	return g(e).extend({
+		isAuthorized: h.literal(!0),
+		isCheckboxChecked: h.literal(!0)
 	});
-	return {
-		firstName: {
-			value: n.firstName,
-			onValueChange: a("firstName")
-		},
-		lastName: {
-			value: n.lastName,
-			onValueChange: a("lastName")
-		},
-		dateOfBirth: {
-			value: n.dateOfBirth,
-			onValueChange: a("dateOfBirth")
-		},
-		ssn: {
-			value: n.ssn,
-			onValueChange: (e) => a("ssn")(o(e))
-		},
-		homeAddress: {
-			value: n.homeAddress,
-			onValueChange: a("homeAddress")
-		},
-		city: {
-			value: n.city,
-			onValueChange: a("city")
-		},
-		state: {
-			value: n.state,
-			onValueChange: a("state"),
-			options: i.stateOptions
-		},
-		zipCode: {
-			value: n.zipCode,
-			onValueChange: (e) => a("zipCode")(t(e))
-		},
-		mobilePhoneNumber: {
-			value: n.mobilePhoneNumber,
-			onValueChange: (t) => a("mobilePhoneNumber")(e(t))
-		},
-		workEmail: {
-			value: n.workEmail,
-			onValueChange: a("workEmail")
-		},
-		ownsOver25Percent: {
-			value: n.ownsOver25Percent === null ? "" : n.ownsOver25Percent ? "yes" : "no",
-			onValueChange: (e) => r({
-				...n,
-				ownsOver25Percent: e === "" ? null : e === "yes",
-				ownershipPercentage: e === "yes" ? n.ownershipPercentage : null
-			})
-		},
-		ownershipPercentage: {
-			value: n.ownershipPercentage,
-			onValueChange: a("ownershipPercentage")
-		}
-	};
 }
-function f(e) {
-	return {
-		masked: a(e),
-		formatted: i(e)
-	};
+function v({ value: t, onValueChange: h, onSnapshotChange: v, naicsOptions: y, stateOptions: b, isSubmitting: x, labels: S, bankName: C, termsHref: w, privacyHref: T, electronicCommunicationHref: E, patriotActHref: D }) {
+	let O = u(() => c(S), [S]), k = u(() => ({
+		panelFields: g(O),
+		full: _(O)
+	}), [O]), A = k.full.safeParse(t), j = A.success ? A.data : null, M = k.panelFields.safeParse(t).success, N = JSON.stringify(j), P = d(v);
+	P.current = v, l(() => {
+		P.current(j);
+	}, [N]);
+	let [F, I] = f(() => !M);
+	l(() => {
+		M || I(!0);
+	}, [M]);
+	let L = u(() => ({
+		stateOptions: b,
+		naicsOptions: y,
+		labels: S
+	}), [
+		b,
+		y,
+		S
+	]), R = u(() => a(S), [S]), z = u(() => o(t, L), [t, L]), B = u(() => i(t, h, L), [
+		t,
+		h,
+		L
+	]), V = s(t.website);
+	return /* @__PURE__ */ m("div", {
+		className: "ttw:flex ttw:flex-col ttw:gap-6",
+		children: [/* @__PURE__ */ p(n, {
+			isEditing: F,
+			onEditClick: () => I(!0),
+			summaryRows: z,
+			editFields: B,
+			labels: R,
+			isDisabled: x,
+			websiteInvalid: V,
+			testIds: {
+				root: e.businessDetailsPanel,
+				editButton: e.businessDetailsEditButton,
+				summary: { root: e.businessDetailsSummary },
+				editForm: {
+					root: e.businessDetailsEditForm,
+					naicsCombobox: e.businessDetailsNaicsCombobox
+				}
+			}
+		}), /* @__PURE__ */ p(r, {
+			value: {
+				isAuthorized: t.isAuthorized,
+				isCheckboxChecked: t.isCheckboxChecked
+			},
+			onChange: (e) => h({
+				...t,
+				...e
+			}),
+			isSubmitting: x,
+			labels: S,
+			bankName: C,
+			termsHref: w,
+			privacyHref: T,
+			electronicCommunicationHref: E,
+			patriotActHref: D,
+			testIds: {
+				authorizationCheckbox: e.authorizationCheckbox,
+				disclosureCheckbox: e.disclosureCheckbox
+			}
+		})]
+	});
 }
 //#endregion
-export { d as buildAboutYouEditFields, l as buildAboutYouPanelLabels, u as buildAboutYouSummaryRows, f as buildSsnDisplayValues, c as mergePersonalDetailsLabels };
+export { v as BusinessDetailsStep };

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

@@ -1,69 +1,176 @@
-"use client";
-"use client";
-"use client";
-"use client";
-import { AboutYouPanel as e } from "../../ui/dist/index22.js";
+import { formatPhoneNumberInput as e } from "./index2.js";
+import { sanitizeZipCodeInput as t } from "./index3.js";
+import { PERSONAL_DETAILS_LABELS_EN as n } from "../../ui/dist/index7.js";
+import { ABOUT_YOU_PANEL_LABELS_EN as r } from "../../ui/dist/index21.js";
 import "../../ui/dist/index.js";
-import { getMaxBirthDate as t, isAtLeastMinOwnerAge as n } from "./index7.js";
-import { buildAboutYouEditFields as r, buildAboutYouPanelLabels as i, buildAboutYouSummaryRows as a, buildSsnDisplayValues as o, mergePersonalDetailsLabels as s } from "./index10.js";
-import { useEffect as c, useMemo as l, useRef as u, useState as d } from "react";
-import { jsx as f } from "react/jsx-runtime";
-import { z as p } from "zod";
+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/index11.js
-function m(e) {
-	return p.object({
-		firstName: p.string().min(1),
-		lastName: p.string().min(1),
-		dateOfBirth: p.date().refine(n, { message: e.dateOfBirthMinAgeError }),
-		ssn: p.string().refine((e) => /^\d{9}$/.test(e), { message: e.ssnInvalid }),
-		homeAddress: p.string().min(1),
-		city: p.string().min(1),
-		state: p.string().min(2),
-		zipCode: p.string().min(5),
-		mobilePhoneNumber: p.string().refine((e) => e.replace(/\D/g, "").length === 10, { message: e.mobilePhoneNumberInvalid }),
-		workEmail: p.email(),
-		ownsOver25Percent: p.boolean(),
-		ownershipPercentage: p.number().min(0).max(100).nullable()
-	}).refine((e) => e.ownsOver25Percent === !1 || e.ownershipPercentage !== null && e.ownershipPercentage >= 25 && e.ownershipPercentage <= 100, {
-		message: e.ownershipPercentageRangeError,
-		path: ["ownershipPercentage"]
-	});
+function s(e) {
+	return e ? e.toLocaleDateString("en-US", {
+		month: "short",
+		day: "numeric",
+		year: "numeric"
+	}) : "";
+}
+function c(e) {
+	return {
+		...n,
+		...e
+	};
+}
+function l(e) {
+	let t = c(e);
+	return {
+		...r,
+		firstName: t.firstName,
+		lastName: t.lastName,
+		dateOfBirth: t.dateOfBirth,
+		dateOfBirthPlaceholder: t.dateOfBirthPlaceholder,
+		ssn: t.ssn,
+		ssnShow: t.ssnShow,
+		ssnHide: t.ssnHide,
+		homeAddress: t.homeAddress,
+		city: t.city,
+		state: t.state,
+		statePlaceholder: t.statePlaceholder,
+		zipCode: t.zipCode,
+		mobilePhoneNumber: t.mobilePhoneNumber,
+		workEmail: t.workEmail,
+		ownsOver25Question: t.ownsOver25Question,
+		ownsOver25SummaryLabel: t.ownsOver25SummaryLabel,
+		ownsOver25Yes: t.ownsOver25Yes,
+		ownsOver25No: t.ownsOver25No,
+		ownershipPercentage: t.ownershipPercentage,
+		ownershipPercentagePlaceholder: t.ownershipPercentagePlaceholder
+	};
 }
-function h({ value: n, onValueChange: p, onSnapshotChange: h, stateOptions: g, isSubmitting: _, labels: v }) {
-	let y = l(() => s(v), [v]), b = l(() => m(y), [y]).safeParse(n), x = b.success ? b.data : null, S = JSON.stringify({
-		...x,
-		dateOfBirth: x?.dateOfBirth?.toISOString()
-	}), C = u(h);
-	C.current = h, c(() => {
-		C.current(x);
-	}, [S]);
-	let [w, T] = d(() => x === null), [E, D] = d(!1);
-	c(() => {
-		x === null && T(!0);
-	}, [S]);
-	let O = l(() => ({
-		stateOptions: g,
-		labels: v
-	}), [g, v]), k = l(() => i(v), [v]), A = l(() => a(n, O), [n, O]), j = l(() => r(n, p, O), [
-		n,
-		p,
-		O
-	]), M = l(() => o(n.ssn), [n.ssn]), N = l(() => t(), []);
-	return /* @__PURE__ */ f(e, {
-		isEditing: w,
-		onEditClick: () => T(!0),
-		summaryRows: A,
-		editFields: j,
-		labels: k,
-		isDisabled: _,
-		ssnRevealed: E,
-		ssnToggleAriaLabel: E ? k.ssnHide : k.ssnShow,
-		onToggleSsnVisibility: () => D((e) => !e),
-		showOwnershipPercentage: n.ownsOver25Percent === !0,
-		maxBirthDate: N,
-		ssnMaskedDisplay: M.masked,
-		ssnFormattedDisplay: M.formatted
+function u(e, t) {
+	let n = l(t.labels), r = t.stateOptions.find((t) => t.value === e.state)?.label ?? e.state;
+	return [
+		{
+			label: n.firstName,
+			value: e.firstName,
+			testId: "about-you-summary-first-name"
+		},
+		{
+			label: n.lastName,
+			value: e.lastName,
+			testId: "about-you-summary-last-name"
+		},
+		{
+			label: n.dateOfBirth,
+			value: s(e.dateOfBirth),
+			testId: "about-you-summary-dob"
+		},
+		{
+			label: n.ssn,
+			value: a(e.ssn),
+			testId: "about-you-summary-ssn",
+			valueMonospace: !0
+		},
+		{
+			label: n.homeAddress,
+			value: e.homeAddress,
+			testId: "about-you-summary-home-address"
+		},
+		{
+			label: n.city,
+			value: e.city,
+			testId: "about-you-summary-city"
+		},
+		{
+			label: n.state,
+			value: r,
+			testId: "about-you-summary-state"
+		},
+		{
+			label: n.zipCode,
+			value: e.zipCode,
+			testId: "about-you-summary-zip-code"
+		},
+		{
+			label: n.mobilePhoneNumber,
+			value: e.mobilePhoneNumber,
+			testId: "about-you-summary-mobile-phone"
+		},
+		{
+			label: n.workEmail,
+			value: e.workEmail,
+			testId: "about-you-summary-email"
+		},
+		{
+			label: n.ownershipPercentage,
+			value: e.ownershipPercentage === null ? "" : `${e.ownershipPercentage}%`,
+			testId: "about-you-summary-ownership-percentage"
+		}
+	];
+}
+function d(n, r, i) {
+	let a = (e) => (t) => r({
+		...n,
+		[e]: t
 	});
+	return {
+		firstName: {
+			value: n.firstName,
+			onValueChange: a("firstName")
+		},
+		lastName: {
+			value: n.lastName,
+			onValueChange: a("lastName")
+		},
+		dateOfBirth: {
+			value: n.dateOfBirth,
+			onValueChange: a("dateOfBirth")
+		},
+		ssn: {
+			value: n.ssn,
+			onValueChange: (e) => a("ssn")(o(e))
+		},
+		homeAddress: {
+			value: n.homeAddress,
+			onValueChange: a("homeAddress")
+		},
+		city: {
+			value: n.city,
+			onValueChange: a("city")
+		},
+		state: {
+			value: n.state,
+			onValueChange: a("state"),
+			options: i.stateOptions
+		},
+		zipCode: {
+			value: n.zipCode,
+			onValueChange: (e) => a("zipCode")(t(e))
+		},
+		mobilePhoneNumber: {
+			value: n.mobilePhoneNumber,
+			onValueChange: (t) => a("mobilePhoneNumber")(e(t))
+		},
+		workEmail: {
+			value: n.workEmail,
+			onValueChange: a("workEmail")
+		},
+		ownsOver25Percent: {
+			value: n.ownsOver25Percent === null ? "" : n.ownsOver25Percent ? "yes" : "no",
+			onValueChange: (e) => r({
+				...n,
+				ownsOver25Percent: e === "" ? null : e === "yes",
+				ownershipPercentage: e === "yes" ? n.ownershipPercentage : null
+			})
+		},
+		ownershipPercentage: {
+			value: n.ownershipPercentage,
+			onValueChange: a("ownershipPercentage")
+		}
+	};
+}
+function f(e) {
+	return {
+		masked: a(e),
+		formatted: i(e)
+	};
 }
 //#endregion
-export { h as PersonalDetailsStep };
+export { d as buildAboutYouEditFields, l as buildAboutYouPanelLabels, u as buildAboutYouSummaryRows, f as buildSsnDisplayValues, c as mergePersonalDetailsLabels };