@tesouro/embedded-components-react 0.3.13 → 0.3.14

package/dist/index.d.ts

@@ -1779,6 +1779,36 @@ interface GapCoverageAlertProps {
     labels?: Partial<GapCoverageAlertLabels>;
 }
 
+/**
+ * Overridable validation / error messages produced by the counterparts feature
+ * layer and surfaced through each form's `errors` prop. Consumers override via
+ * the widget's `messageLabels` prop, merged over {@link COUNTERPART_MESSAGE_LABELS_EN}.
+ */
+interface CounterpartMessageLabels {
+    legalNameRequired: string;
+    firstNameRequired: string;
+    lastNameRequired: string;
+    emailRequired: string;
+    emailInvalid: string;
+    addressLine1Required: string;
+    cityRequired: string;
+    stateRequired: string;
+    postalCodeRequired: string;
+    bankAccountNameRequired: string;
+    bankAccountIdentifierRequired: string;
+    bankAccountCurrencyRequired: string;
+    accountHolderNameRequired: string;
+    routingNumberInvalid: string;
+    accountNumberInvalid: string;
+    vatIdValueRequired: string;
+    /** Shown for a non-field-specific submit failure. */
+    genericError: string;
+    /** Delete confirmation title; `{name}` is replaced with the entity name. */
+    deleteTitle: string;
+    deleteCounterpartMessage: string;
+    deleteSubEntityMessage: string;
+}
+
 /**
  * Action handlers for custom payment flows in payable operations.
  *
@@ -2584,36 +2614,6 @@ interface CardsWidgetProps extends WidgetProviderProps {
  */
 declare function CardsWidget({ baseUrl, widgetToken, organizationId, configClient, gatewayRouting, linkComponent, implementation, uiFramework, errorFallback, onError, analytics, disclosuresAcceptance, ...innerProps }: CardsWidgetProps): React.JSX.Element;
 
-/**
- * Overridable validation / error messages produced by the counterparts feature
- * layer and surfaced through each form's `errors` prop. Consumers override via
- * the widget's `messageLabels` prop, merged over {@link COUNTERPART_MESSAGE_LABELS_EN}.
- */
-interface CounterpartMessageLabels {
-    legalNameRequired: string;
-    firstNameRequired: string;
-    lastNameRequired: string;
-    emailRequired: string;
-    emailInvalid: string;
-    addressLine1Required: string;
-    cityRequired: string;
-    stateRequired: string;
-    postalCodeRequired: string;
-    bankAccountNameRequired: string;
-    bankAccountIdentifierRequired: string;
-    bankAccountCurrencyRequired: string;
-    accountHolderNameRequired: string;
-    routingNumberInvalid: string;
-    accountNumberInvalid: string;
-    vatIdValueRequired: string;
-    /** Shown for a non-field-specific submit failure. */
-    genericError: string;
-    /** Delete confirmation title; `{name}` is replaced with the entity name. */
-    deleteTitle: string;
-    deleteCounterpartMessage: string;
-    deleteSubEntityMessage: string;
-}
-
 /**
  * Co-located user-facing strings for the counterparts widget UI. Each component
  * takes a `labels?: Partial<...Labels>` prop merged over the matching

package/dist/index.js

@@ -16,7 +16,7 @@ import "./lib/AcceptDisclosuresWidget.js";
 import { BankAccountsWidget as C } from "./libs/tesouro-embedded-components-react/bank-accounts-widget/feature/dist/index8.js";
 import "./lib/BankAccountsWidget.js";
 import { CounterpartsWidget as w } from "./libs/tesouro-embedded-components-react/counterparts-widget/feature/dist/index8.js";
-import { BillPayWidget as T } from "./libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index67.js";
+import { BillPayWidget as T } from "./libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index68.js";
 import "./lib/BillPayWidget.js";
 import { CardDetailsWidget as E } from "./libs/tesouro-embedded-components-react/card-details-widget/feature/dist/index6.js";
 import { CardFormatValue as D } from "./libs/tesouro-embedded-components-react/create-card-widget/feature/dist/index3.js";

package/dist/lib/BillPayWidget.js

@@ -1,3 +1,3 @@
-import { BillPayWidget as e } from "../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index67.js";
+import { BillPayWidget as e } from "../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index68.js";
 import "../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index.js";
 export { e as BillPayWidget };

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index.js

@@ -2,15 +2,14 @@ import "./index10.js";
 import "./index11.js";
 import "./index22.js";
 import "./index28.js";
-import "./index36.js";
-import "./index38.js";
-import "./index40.js";
+import "./index37.js";
+import "./index39.js";
 import "./index41.js";
 import "./index42.js";
 import "./index43.js";
 import "./index44.js";
 import "./index45.js";
-import "./index49.js";
+import "./index46.js";
 import "./index50.js";
 import "./index51.js";
 import "./index52.js";
@@ -19,10 +18,11 @@ import "./index54.js";
 import "./index55.js";
 import "./index56.js";
 import "./index57.js";
-import "./index59.js";
+import "./index58.js";
 import "./index60.js";
 import "./index61.js";
 import "./index62.js";
 import "./index63.js";
-import { BillPayWidget as e } from "./index67.js";
+import "./index64.js";
+import { BillPayWidget as e } from "./index68.js";
 export { e as BillPayWidget };

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index28.js

@@ -41,7 +41,8 @@ var s = {
 	taxRow: "Tax",
 	discountRow: "Discounts",
 	totalRow: "Total",
-	paymentInstructionsSaveError: "Couldn't save payment instructions. Try again."
+	paymentInstructionsSaveError: "Couldn't save payment instructions. Try again.",
+	paymentInstructionsLinkError: "Payment instructions were saved to the vendor, but couldn't be added to this bill. Try again."
 }, d = {
 	dateLabel: (e) => new Date(e).toLocaleString("en-US", {
 		month: "short",

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index30.js

@@ -1,208 +1,26 @@
-"use client";
-"use client";
-"use client";
-"use client";
-import { Button as e } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { getStateOptions as t } from "../../../shared/util/dist/lib/usStates.js";
-import { AchFieldGroup as n } from "../../../shared/counterpart-management/ui/dist/index5.js";
-import { CounterpartFormFields as r, useFocusFirstInvalidField as i } from "../../../shared/counterpart-management/ui/dist/index9.js";
-import { VENDOR_INLINE_FORM_LABELS_EN as a } from "./index28.js";
-import { COUNTERPART_MESSAGE_LABELS_EN as o } from "../../../shared/counterpart-management/feature/dist/lib/labels.js";
-import { useCounterpartForm as s } from "../../../shared/counterpart-management/feature/dist/lib/useCounterpartForm.js";
-import "../../../shared/counterpart-management/feature/dist/index.js";
-import { useCallback as c, useEffect as l, useMemo as u, useRef as d, useState as f } from "react";
-import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
-import { Landmark as g, Plus as _, X as v } from "lucide-react";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index30.js
-function y({ mode: y, counterpart: b, primaryAddress: x, bankAccounts: S, isBankAccountsLoading: C, isBankAccountsError: w, initialName: T, onSaved: E, onCancel: D, onDirtyChange: O, labels: k }) {
-	let A = {
-		...a,
-		...k
-	}, [j, M] = f("none"), [N, P] = f(b?.id), [F, I] = f(!1), [L, R] = f(!1);
-	l(() => {
-		O?.(L);
-	}, [L, O]);
-	let z = u(() => t(), []), B = d(j), V = d(!1), H = s({
-		view: j,
-		setView: M,
-		selectedId: N,
-		setSelectedId: P,
-		messages: o,
-		counterpartType: "vendor",
-		counterpart: b,
-		primaryAddress: x,
-		bankAccounts: S,
-		isBankAccountsLoading: C,
-		isBankAccountsError: w
-	}), { openCreate: U, openEdit: W, setValues: G } = H, K = i(H.errors);
-	l(() => {
-		y === "edit" ? W() : U();
-	}, [
-		y,
-		U,
-		W
-	]), l(() => {
-		B.current !== "none" && j === "none" && N && E(N), B.current = j;
-	}, [
-		j,
-		N,
-		E
-	]), l(() => {
-		y !== "create" || V.current || (V.current = !0, G((e) => ({
-			...e,
-			entityType: "organization",
-			legalName: T?.trim() || e.legalName
-		})));
-	}, [
-		y,
-		T,
-		G
-	]), l(() => {
-		y === "edit" && (H.values.bankAccount.routingNumber || H.values.bankAccount.accountNumber) && I(!0);
-	}, [
-		y,
-		H.values.bankAccount.accountNumber,
-		H.values.bankAccount.routingNumber
-	]), l(() => {
-		H.sectionsToExpand.bankAccount && I(!0);
-	}, [H.sectionsToExpand.bankAccount]);
-	let q = c((e) => {
-		R(!0), G((t) => e.entityType === "individual" && t.entityType !== "individual" ? {
-			...t,
-			...e,
-			firstName: t.firstName || t.legalName,
-			legalName: t.legalName
-		} : e.entityType === "organization" && t.entityType !== "organization" ? {
-			...t,
-			...e,
-			legalName: t.legalName || [t.firstName, t.lastName].filter(Boolean).join(" ")
-		} : {
-			...t,
-			...e
-		});
-	}, [G]);
-	return /* @__PURE__ */ h("div", {
-		ref: K,
-		className: "ttw:flex ttw:flex-col ttw:gap-4 ttw:rounded-lg ttw:border ttw:border-border ttw:bg-card ttw:p-4",
-		children: [
-			/* @__PURE__ */ h("div", {
-				className: "ttw:flex ttw:items-start ttw:justify-between ttw:gap-2",
-				children: [/* @__PURE__ */ m("p", {
-					className: "ttw:text-base ttw:font-semibold ttw:text-foreground",
-					children: y === "edit" ? A.editTitle : A.createTitle
-				}), /* @__PURE__ */ m(e, {
-					type: "button",
-					variant: "ghost",
-					size: "icon",
-					"aria-label": A.close,
-					onClick: D,
-					children: /* @__PURE__ */ m(v, { className: "ttw:size-4" })
-				})]
-			}),
-			/* @__PURE__ */ m(r, {
-				mode: y,
-				counterpartMode: "vendor",
-				values: H.values,
-				errors: H.errors,
-				stateOptions: z,
-				onChange: q,
-				onAddressChange: (e) => {
-					R(!0), G((t) => ({
-						...t,
-						address: {
-							...t.address,
-							...e
-						}
-					}));
-				},
-				sections: {
-					entityType: !0,
-					profileHeading: !1,
-					title: !1,
-					taxId: !1,
-					address: "collapsible",
-					bankAccount: !1
-				},
-				sectionsToExpand: H.sectionsToExpand,
-				onAddressExpand: H.expandAddress,
-				labels: { businessNameLabel: A.nameLabel }
-			}),
-			/* @__PURE__ */ h("div", {
-				className: "ttw:flex ttw:flex-col ttw:gap-1",
-				children: [/* @__PURE__ */ m("p", {
-					className: "ttw:text-sm ttw:font-semibold ttw:text-foreground",
-					children: A.paymentMethodsHeading
-				}), /* @__PURE__ */ m("p", {
-					className: "ttw:text-sm ttw:text-muted-foreground",
-					children: A.paymentMethodsDescription
-				})]
-			}),
-			/* @__PURE__ */ h("div", {
-				className: "ttw:flex ttw:gap-3 ttw:rounded-lg ttw:border ttw:border-border ttw:p-3",
-				children: [/* @__PURE__ */ m("span", {
-					className: "ttw:flex ttw:size-8 ttw:shrink-0 ttw:items-center ttw:justify-center ttw:rounded-md ttw:bg-primary",
-					children: /* @__PURE__ */ m(g, {
-						"aria-hidden": !0,
-						className: "ttw:size-4 ttw:text-white"
-					})
-				}), /* @__PURE__ */ h("div", {
-					className: "ttw:flex ttw:flex-1 ttw:flex-col ttw:gap-3",
-					children: [/* @__PURE__ */ h("div", {
-						className: "ttw:flex ttw:flex-col ttw:gap-0.5",
-						children: [/* @__PURE__ */ m("p", {
-							className: "ttw:text-sm ttw:font-medium ttw:text-foreground",
-							children: A.achTitle
-						}), /* @__PURE__ */ m("p", {
-							className: "ttw:text-sm ttw:text-muted-foreground",
-							children: A.achDescription
-						})]
-					}), F ? /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m(n, {
-						idPrefix: "vendor-inline-ach",
-						values: H.values.bankAccount,
-						errors: H.errors?.bankAccount,
-						onChange: (e) => {
-							R(!0), G((t) => ({
-								...t,
-								bankAccount: {
-									...t.bankAccount,
-									...e
-								}
-							}));
-						},
-						labels: {
-							accountHolderName: A.accountHolderNameLabel,
-							routingNumber: A.routingNumberLabel,
-							accountNumber: A.accountNumberLabel
-						}
-					}), /* @__PURE__ */ m("p", {
-						className: "ttw:text-sm ttw:text-muted-foreground",
-						children: A.achHelp
-					})] }) : /* @__PURE__ */ h(e, {
-						type: "button",
-						variant: "link",
-						className: "ttw:w-fit ttw:px-0",
-						onClick: () => I(!0),
-						children: [/* @__PURE__ */ m(_, { className: "ttw:size-4" }), A.addBankAccount]
-					})]
-				})]
-			}),
-			/* @__PURE__ */ h("div", {
-				className: "ttw:flex ttw:justify-end ttw:gap-2",
-				children: [/* @__PURE__ */ m(e, {
-					type: "button",
-					variant: "outline",
-					onClick: D,
-					children: A.cancel
-				}), /* @__PURE__ */ m(e, {
-					type: "button",
-					onClick: H.submit,
-					loading: H.isSubmitting,
-					disabled: H.isSubmitting,
-					children: A.save
-				})]
-			})
-		]
-	});
+function e(e) {
+	return e?.trim() ?? "";
+}
+function t(t) {
+	let n = e(t);
+	return n.length === 2 ? n.toUpperCase() : "";
+}
+function n(n) {
+	if (!n) return;
+	let r = {
+		legalName: e(n.name),
+		email: e(n.email),
+		phone: e(n.phone),
+		address: {
+			line1: e(n.address?.line1),
+			line2: e(n.address?.line2),
+			city: e(n.address?.city),
+			state: t(n.address?.state),
+			postalCode: e(n.address?.postal_code)
+		}
+	};
+	return r.legalName || r.email || r.phone || Object.values(r.address).some(Boolean) ? r : void 0;
 }
 //#endregion
-export { y as VendorInlineForm, y as default };
+export { n as buildVendorPrefill };