@tesouro/embedded-components-react 0.5.158 → 0.5.159

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index29.js

@@ -13,7 +13,9 @@ var t = {
 	cancelAction: "Cancel",
 	saveAction: "Save",
 	saveAriaLabel: "Save payment instructions",
-	ach: e
+	ach: e,
+	detailsWarning: "Some vendor details couldn't load, so editing the vendor profile is unavailable right now.",
+	retryAction: "Retry"
 };
 //#endregion
 export { t as VENDOR_SUMMARY_CARD_LABELS_EN };

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

@@ -6,19 +6,19 @@ import { jsx as i, jsxs as a } from "react/jsx-runtime";
 import { ChevronRightIcon as o, Plus as s } from "lucide-react";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index30.js
 var c = "ttw:flex ttw:items-start ttw:gap-4 ttw:py-2.5", l = "ttw:w-[140px] ttw:shrink-0 ttw:text-sm ttw:font-medium ttw:text-muted-foreground", u = "ttw:-mx-2 ttw:-my-1 ttw:flex ttw:flex-1 ttw:items-center ttw:justify-between ttw:gap-3 ttw:rounded-md ttw:px-2 ttw:py-1 ttw:text-left ttw:hover:bg-muted";
-function d({ summary: d, onEdit: f, paymentInstructions: p, showPaymentInstructions: m = !0, testId: h, labels: g }) {
-	let _ = r(() => ({
+function d({ summary: d, onEdit: f, paymentInstructions: p, showPaymentInstructions: m = !0, detailsWarning: h, testId: g, labels: _ }) {
+	let v = r(() => ({
 		...t,
-		...g,
+		..._,
 		ach: {
 			...t.ach,
-			...g?.ach,
+			..._?.ach,
 			fieldMarkers: {
 				...t.ach.fieldMarkers,
-				...g?.ach?.fieldMarkers
+				..._?.ach?.fieldMarkers
 			}
 		}
-	}), [g]), v = !!p?.isOpen, y = !!p?.canEditExisting && d.hasPaymentInstructions, b = /* @__PURE__ */ a("div", {
+	}), [_]), y = !!p?.isOpen, b = !!p?.canEditExisting && d.hasPaymentInstructions, x = /* @__PURE__ */ a("div", {
 		className: "ttw:flex ttw:flex-col ttw:gap-0.5",
 		children: [
 			/* @__PURE__ */ i("span", {
@@ -34,13 +34,13 @@ function d({ summary: d, onEdit: f, paymentInstructions: p, showPaymentInstructi
 				children: d.description
 			}) : null
 		]
-	}), x;
-	return x = p && v ? /* @__PURE__ */ i(n, {
+	}), S;
+	return S = p && y ? /* @__PURE__ */ i(n, {
 		paymentInstructions: p,
-		labels: _
-	}) : d.hasPaymentInstructions ? y ? /* @__PURE__ */ a("button", {
+		labels: v
+	}) : d.hasPaymentInstructions ? b ? /* @__PURE__ */ a("button", {
 		type: "button",
-		"aria-label": _.editPaymentInstructionsAction,
+		"aria-label": v.editPaymentInstructionsAction,
 		onClick: p?.onOpen,
 		className: u,
 		children: [/* @__PURE__ */ i("span", {
@@ -59,66 +59,78 @@ function d({ summary: d, onEdit: f, paymentInstructions: p, showPaymentInstructi
 			className: "ttw:flex ttw:flex-col ttw:gap-1",
 			children: [/* @__PURE__ */ i("p", {
 				className: "ttw:text-sm ttw:font-semibold ttw:text-foreground",
-				children: _.paymentInstructionsHeading
+				children: v.paymentInstructionsHeading
 			}), /* @__PURE__ */ i("p", {
 				className: "ttw:text-sm ttw:text-muted-foreground",
-				children: _.paymentInstructionsDescription
+				children: v.paymentInstructionsDescription
 			})]
 		}), p ? /* @__PURE__ */ a(e, {
 			type: "button",
 			variant: "link",
 			className: "ttw:w-fit ttw:px-0",
 			onClick: p.onOpen,
-			children: [/* @__PURE__ */ i(s, { className: "ttw:size-4" }), _.addPaymentInstructions]
+			children: [/* @__PURE__ */ i(s, { className: "ttw:size-4" }), v.addPaymentInstructions]
 		}) : /* @__PURE__ */ i("p", {
 			className: "ttw:text-sm ttw:text-muted-foreground",
 			children: d.methodLabel
 		})]
 	}), /* @__PURE__ */ a("div", {
-		"data-testid": h,
-		children: [/* @__PURE__ */ i("h3", {
-			className: "ttw:text-base ttw:font-semibold ttw:text-foreground",
-			children: _.payToHeading
-		}), /* @__PURE__ */ a("div", {
-			className: "ttw:mt-3 ttw:flex ttw:flex-col ttw:divide-y ttw:divide-border",
-			children: [/* @__PURE__ */ a("div", {
-				className: c,
-				children: [/* @__PURE__ */ i("span", {
-					className: l,
-					children: _.vendorLabel
-				}), f && !v ? /* @__PURE__ */ a("button", {
+		"data-testid": g,
+		children: [
+			/* @__PURE__ */ i("h3", {
+				className: "ttw:text-base ttw:font-semibold ttw:text-foreground",
+				children: v.payToHeading
+			}),
+			h ? /* @__PURE__ */ a("p", {
+				className: "ttw:mt-1 ttw:flex ttw:flex-wrap ttw:items-center ttw:gap-x-1.5 ttw:text-sm ttw:text-muted-foreground",
+				children: [v.detailsWarning, h.onRetry ? /* @__PURE__ */ i("button", {
 					type: "button",
-					"aria-label": _.editAction,
-					onClick: f,
-					className: u,
-					children: [b, /* @__PURE__ */ i(o, {
-						"aria-hidden": "true",
-						className: "ttw:size-4 ttw:shrink-0 ttw:text-muted-foreground"
+					onClick: h.onRetry,
+					className: "ttw:font-medium ttw:text-foreground ttw:underline ttw:underline-offset-2 ttw:hover:no-underline",
+					children: v.retryAction
+				}) : null]
+			}) : null,
+			/* @__PURE__ */ a("div", {
+				className: "ttw:mt-3 ttw:flex ttw:flex-col ttw:divide-y ttw:divide-border",
+				children: [/* @__PURE__ */ a("div", {
+					className: c,
+					children: [/* @__PURE__ */ i("span", {
+						className: l,
+						children: v.vendorLabel
+					}), f && !y ? /* @__PURE__ */ a("button", {
+						type: "button",
+						"aria-label": v.editAction,
+						onClick: f,
+						className: u,
+						children: [x, /* @__PURE__ */ i(o, {
+							"aria-hidden": "true",
+							className: "ttw:size-4 ttw:shrink-0 ttw:text-muted-foreground"
+						})]
+					}) : /* @__PURE__ */ i("div", {
+						className: "ttw:flex ttw:flex-1",
+						children: x
 					})]
-				}) : /* @__PURE__ */ i("div", {
-					className: "ttw:flex ttw:flex-1",
-					children: b
-				})]
-			}), m && v ? /* @__PURE__ */ a("div", {
-				className: c,
-				children: [/* @__PURE__ */ i("span", {
-					className: l,
-					children: _.achBankAccountLabel
-				}), /* @__PURE__ */ i("div", {
-					className: "ttw:flex-1",
-					children: x
-				})]
-			}) : m ? /* @__PURE__ */ a("div", {
-				className: c,
-				children: [/* @__PURE__ */ i("span", {
-					className: l,
-					children: _.achBankAccountLabel
-				}), /* @__PURE__ */ i("div", {
-					className: "ttw:flex ttw:flex-1",
-					children: x
-				})]
-			}) : null]
-		})]
+				}), m && y ? /* @__PURE__ */ a("div", {
+					className: c,
+					children: [/* @__PURE__ */ i("span", {
+						className: l,
+						children: v.achBankAccountLabel
+					}), /* @__PURE__ */ i("div", {
+						className: "ttw:flex-1",
+						children: S
+					})]
+				}) : m ? /* @__PURE__ */ a("div", {
+					className: c,
+					children: [/* @__PURE__ */ i("span", {
+						className: l,
+						children: v.achBankAccountLabel
+					}), /* @__PURE__ */ i("div", {
+						className: "ttw:flex ttw:flex-1",
+						children: S
+					})]
+				}) : null]
+			})
+		]
 	});
 }
 //#endregion

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index40.js

@@ -156,12 +156,14 @@ function D({ view: D, actions: O = _, scheduledSummary: k, scheduledSummaryDate:
 				children: [P.editForm, /* @__PURE__ */ y(p, {
 					summary: D.payTo,
 					paymentInstructions: q,
+					detailsWarning: P?.detailsWarning,
 					labels: G
 				})]
 			}) : /* @__PURE__ */ y(p, {
 				summary: D.payTo,
 				onEdit: P?.onEdit,
 				paymentInstructions: q,
+				detailsWarning: P?.detailsWarning,
 				labels: G
 			}),
 			D.paymentHistory.length || I || L ? /* @__PURE__ */ b("section", {

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index55.js

@@ -24,6 +24,7 @@ function o(o) {
 				onEdit: s,
 				paymentInstructions: d ? void 0 : o.paymentInstructions,
 				showPaymentInstructions: o.showPaymentInstructions,
+				detailsWarning: d ? void 0 : o.detailsWarning,
 				labels: f.summaryCard
 			}) : d ? /* @__PURE__ */ i(e, {
 				variant: "body2",
@@ -38,6 +39,7 @@ function o(o) {
 					summary: o.summary,
 					paymentInstructions: o.paymentInstructions,
 					showPaymentInstructions: o.showPaymentInstructions,
+					detailsWarning: o.detailsWarning,
 					labels: f.summaryCard
 				})]
 			}) : o.newVendorForm,

package/dist/libs/tesouro-embedded-components-react/shared/counterpart-management/feature/dist/lib/useCounterpartDetails.js

@@ -34,6 +34,7 @@ function o({ selectedId: o, enabled: s = !0 }) {
 		isAddressesLoading: p.isLoading,
 		isAddressesFetching: p.isFetching,
 		isAddressesError: p.isError,
+		refetchAddresses: p.refetch,
 		primaryAddress: g,
 		detailsView: _,
 		bankAccounts: m.data?.data,

package/dist/libs/tesouro-embedded-components-react/shared/feature/dist/lib/analytics/build-info.js

@@ -1,5 +1,5 @@
 //#region ../../libs/tesouro-embedded-components-react/shared/feature/dist/lib/analytics/build-info.js
-var e = "@tesouro/embedded-components-react", t = "0.5.158", n = "7fecb9df9bd32de0dd66abdc4583c3149eeb5238", r = Object.freeze({
+var e = "@tesouro/embedded-components-react", t = "0.5.159", n = "b49d4046193e5fde2fb3321c9ee8af787d00c507", r = Object.freeze({
 	library_name: e,
 	library_version: t,
 	library_sha: n

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tesouro/embedded-components-react",
-  "version": "0.5.158",
+  "version": "0.5.159",
   "license": "Apache-2.0",
   "type": "module",
   "packageDepSync": {