@tesouro/embedded-components-react 0.2.318 → 0.2.319

package/README.md

@@ -240,10 +240,11 @@ A Monite-backed bill pay widget wrapped in Tesouro widget auth and theming.
 
 #### Props
 
-| Prop                 | Type                                 | Default      | Description                                     |
-| -------------------- | ------------------------------------ | ------------ | ----------------------------------------------- |
-| `pageTitleComponent` | `(children: ReactNode) => ReactNode` | Pass-through | Customizes Monite's page title action region.   |
-| `finopsThemeColors`  | `FinopsThemeColors`                  | `undefined`  | Optional Monite theme color overrides.          |
+| Prop                 | Type                                 | Default      | Description                                                                                                                                                                                     |
+| -------------------- | ------------------------------------ | ------------ | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `pageTitleComponent` | `(children: ReactNode) => ReactNode` | Pass-through | Customizes Monite's page title action region.                                                                                                                                                   |
+| `finopsThemeColors`  | `FinopsThemeColors`                  | `undefined`  | Optional Monite theme color overrides.                                                                                                                                                          |
+| `poweredByBankName`  | `string`                             | `undefined`  | Bank shown as "Powered by {bank}" next to the source account when paying a bill. Native implementation only (`implementation="native"`); has no effect under the default Monite implementation. |
 
 ### CardsWidget
 

package/dist/index.css

@@ -761,6 +761,9 @@
   .ttw\:h-38 {
     height: calc(var(--ttw-spacing) * 38);
   }
+  .ttw\:h-40 {
+    height: calc(var(--ttw-spacing) * 40);
+  }
   .ttw\:h-64 {
     height: calc(var(--ttw-spacing) * 64);
   }
@@ -3203,6 +3206,9 @@
   .ttw\:text-nowrap {
     text-wrap: nowrap;
   }
+  .ttw\:break-words {
+    overflow-wrap: break-word;
+  }
   .ttw\:wrap-break-word {
     overflow-wrap: break-word;
   }
@@ -5434,6 +5440,9 @@
     .ttw\:sm\:justify-end {
       justify-content: flex-end;
     }
+    .ttw\:sm\:gap-3 {
+      gap: calc(var(--ttw-spacing) * 3);
+    }
     .ttw\:sm\:border-t-0 {
       border-top-style: var(--tw-border-style);
       border-top-width: 0px;

package/dist/index.d.ts

@@ -1933,7 +1933,10 @@ type BillPayWidgetMoniteProps = MoniteRegionProviderProps & Omit<PayablesProps,
     pageTitleComponent?: PayablesProps['pageTitleComponent'];
 };
 
-type BillPayWidgetProps = BillPayWidgetMoniteProps;
+type BillPayWidgetProps = BillPayWidgetMoniteProps & {
+    /** Bank shown as "Powered by {bank}" next to the source account when paying a bill. Native implementation only; ignored under `monite`. */
+    poweredByBankName?: string;
+};
 /**
  * BillPay widget entry point — selects the rendering implementation.
  *

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/index36.js";
+import { BillPayWidget as T } from "./libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index56.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.d.ts

@@ -755,7 +755,10 @@ type BillPayWidgetMoniteProps = MoniteRegionProviderProps & Omit<PayablesProps,
     pageTitleComponent?: PayablesProps['pageTitleComponent'];
 };
 
-type BillPayWidgetProps = BillPayWidgetMoniteProps;
+type BillPayWidgetProps = BillPayWidgetMoniteProps & {
+    /** Bank shown as "Powered by {bank}" next to the source account when paying a bill. Native implementation only; ignored under `monite`. */
+    poweredByBankName?: string;
+};
 /**
  * BillPay widget entry point — selects the rendering implementation.
  *

package/dist/lib/BillPayWidget.js

@@ -1,3 +1,3 @@
-import { BillPayWidget as e } from "../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index36.js";
+import { BillPayWidget as e } from "../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index56.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/data-access/dist/index.js

@@ -1,10 +1,13 @@
 import { useEmbedApi as e } from "../../../shared/data-access/dist/lib/EmbedApiContext.js";
 import "../../../shared/data-access/dist/index.js";
 import "./index3.js";
-import "./index5.js";
-import { useAllPayableLineItemsQuery as t, useReplacePayableLineItemsMutation as n } from "./index6.js";
-import { useAttachPayableFileMutation as r, useCreatePayableMutation as i, useDeletePayableFileMutation as a, useSubmitPayableForApprovalMutation as o, useUpdatePayableMutation as s, useUploadPayableFromFileMutation as c, useValidatePayableMutation as l } from "./index7.js";
-import { usePayableOcrQueries as u } from "./index9.js";
-import { usePayableQuery as d, usePayablesQuery as f, usePayablesTotalCountQuery as p } from "./index10.js";
-import { usePayableSuggestionsQuery as m } from "./index11.js";
-export { t as useAllPayableLineItemsQuery, r as useAttachPayableFileMutation, i as useCreatePayableMutation, a as useDeletePayableFileMutation, e as useEmbedApi, u as usePayableOcrQueries, d as usePayableQuery, m as usePayableSuggestionsQuery, f as usePayablesQuery, p as usePayablesTotalCountQuery, n as useReplacePayableLineItemsMutation, o as useSubmitPayableForApprovalMutation, s as useUpdatePayableMutation, c as useUploadPayableFromFileMutation, l as useValidatePayableMutation };
+import { usePayableApprovalRequestsQuery as t, useRejectPayableApprovalRequestMutation as n } from "./index5.js";
+import { usePayableHistoryQuery as r } from "./index6.js";
+import { useAllPayableLineItemsQuery as i, useReplacePayableLineItemsMutation as a } from "./index7.js";
+import { usePayablePaymentRecordsQuery as o } from "./index8.js";
+import { useSchedulePaymentMutation as s } from "./index9.js";
+import { useAttachPayableFileMutation as c, useCreatePayableMutation as l, useDeletePayableFileMutation as u, useMarkPayableAsPaidMutation as d, useSubmitPayableForApprovalMutation as f, useUpdatePayableMutation as p, useUploadPayableFromFileMutation as m, useValidatePayableMutation as h } from "./index10.js";
+import { usePayableOcrQueries as g } from "./index12.js";
+import { usePayableQuery as _, usePayablesQuery as v, usePayablesTotalCountQuery as y } from "./index13.js";
+import { usePayableSuggestionsQuery as b } from "./index14.js";
+export { i as useAllPayableLineItemsQuery, c as useAttachPayableFileMutation, l as useCreatePayableMutation, u as useDeletePayableFileMutation, e as useEmbedApi, d as useMarkPayableAsPaidMutation, t as usePayableApprovalRequestsQuery, r as usePayableHistoryQuery, g as usePayableOcrQueries, o as usePayablePaymentRecordsQuery, _ as usePayableQuery, b as usePayableSuggestionsQuery, v as usePayablesQuery, y as usePayablesTotalCountQuery, n as useRejectPayableApprovalRequestMutation, a as useReplacePayableLineItemsMutation, s as useSchedulePaymentMutation, f as useSubmitPayableForApprovalMutation, p as useUpdatePayableMutation, m as useUploadPayableFromFileMutation, h as useValidatePayableMutation };

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/data-access/dist/index10.js

@@ -4,47 +4,185 @@
 "use client";
 import { useEmbedApi as e } from "../../../shared/data-access/dist/lib/EmbedApiContext.js";
 import { organizationHeaders as t } from "../../../shared/data-access/dist/lib/organizationHeaders.js";
-import { getPayablesAnalyticsOptions as n, getPayablesIdOptions as r, getPayablesOptions as i } from "../../../shared/data-access/dist/lib/rest/@tanstack/react-query.gen.js";
-import { withAuthEpoch as a } from "../../../shared/data-access/dist/lib/withAuthEpoch.js";
+import { deleteFilesId as n, patchPayablesId as r, postPayables as i, postPayablesIdAttachFile as a, postPayablesIdMarkAsPaid as o, postPayablesIdSubmitForApproval as s, postPayablesIdValidate as c, postPayablesUploadFromFile as l } from "../../../shared/data-access/dist/lib/rest/sdk.gen.js";
 import "../../../shared/data-access/dist/index.js";
-import { payableOcrQueryOptions as o } from "./index8.js";
-import { useQuery as s } from "@tanstack/react-query";
+import { invalidatePayableQueries as u } from "./index4.js";
+import { useMutation as d } from "@tanstack/react-query";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/data-access/dist/index10.js
-function c({ enabled: n, ...r } = {}) {
-	let { client: o, organizationId: c, widgetToken: l, authEpoch: u } = e(), d = !!(c && l) && (n === !0 || n === void 0), f = i({
-		client: o,
-		headers: t(c),
-		query: r
+function f() {
+	let { client: n, organizationId: r } = e();
+	return d({
+		mutationFn: async ({ body: e }) => {
+			let { data: a } = await i({
+				client: n,
+				headers: t(r),
+				body: e,
+				throwOnError: !0
+			});
+			return a;
+		},
+		onSuccess: async () => {
+			await u({
+				client: n,
+				organizationId: r
+			});
+		}
 	});
-	return s({
-		...a(f, u),
-		enabled: d
+}
+function p() {
+	let { client: n, organizationId: i } = e();
+	return d({
+		mutationFn: async ({ path: e, body: a }) => {
+			let { data: o } = await r({
+				client: n,
+				headers: t(i),
+				path: e,
+				body: a,
+				throwOnError: !0
+			});
+			return o;
+		},
+		onSuccess: async (e, t) => {
+			await u({
+				client: n,
+				organizationId: i,
+				payableId: t.path.payable_id
+			});
+		}
+	});
+}
+function m() {
+	let { client: n, organizationId: i } = e();
+	return d({
+		mutationFn: async ({ file: e }) => {
+			let { data: a } = await l({
+				client: n,
+				headers: t(i),
+				body: { file: e },
+				throwOnError: !0
+			});
+			if (a?.id && a.currency !== "USD") try {
+				return await r({
+					client: n,
+					headers: t(i),
+					path: { payable_id: a.id },
+					body: { currency: "USD" },
+					throwOnError: !0
+				}), {
+					...a,
+					currency: "USD"
+				};
+			} catch {}
+			return a;
+		},
+		onSuccess: async () => {
+			await u({
+				client: n,
+				organizationId: i
+			});
+		}
 	});
 }
-function l({ enabled: r } = {}) {
-	let { client: i, organizationId: o, widgetToken: c, authEpoch: l } = e(), u = !!(o && c) && (r === !0 || r === void 0), d = n({
-		client: i,
-		headers: t(o)
+function h() {
+	let { client: n, organizationId: r } = e();
+	return d({
+		mutationFn: async ({ path: e, file: i }) => {
+			let { data: o } = await a({
+				client: n,
+				headers: t(r),
+				path: e,
+				body: { file: i },
+				throwOnError: !0
+			});
+			return o;
+		},
+		onSuccess: async (e, t) => {
+			await u({
+				client: n,
+				organizationId: r,
+				payableId: t.path.payable_id
+			});
+		}
 	});
-	return s({
-		...a(d, l),
-		enabled: u
+}
+function g() {
+	let { client: r, organizationId: i } = e();
+	return d({
+		mutationFn: async ({ path: e }) => {
+			await n({
+				client: r,
+				headers: t(i),
+				path: e,
+				throwOnError: !0
+			});
+		},
+		onSuccess: async (e, t) => {
+			await u({
+				client: r,
+				organizationId: i,
+				payableId: t.payableId
+			});
+		}
 	});
 }
-function u(n, { enabled: i = !0, pollWhileOcrProcessing: c = !1 } = {}) {
-	let { client: l, organizationId: u, widgetToken: d, authEpoch: f } = e(), p = !!(u && d && n) && i, m = c ? o({
-		client: l,
-		organizationId: u,
-		payableId: n ?? ""
-	}) : r({
-		client: l,
-		headers: t(u),
-		path: { payable_id: n ?? "" }
+function _() {
+	let { client: n, organizationId: r } = e();
+	return d({ mutationFn: async ({ path: e }) => {
+		let { data: i } = await c({
+			client: n,
+			headers: t(r),
+			path: e,
+			throwOnError: !0
+		});
+		return {
+			id: i.id,
+			validation_errors: i.validation_errors ?? []
+		};
+	} });
+}
+function v() {
+	let { client: n, organizationId: r } = e();
+	return d({
+		mutationFn: async ({ path: e }) => {
+			let { data: i } = await s({
+				client: n,
+				headers: t(r),
+				path: e,
+				throwOnError: !0
+			});
+			return i;
+		},
+		onSuccess: async (e, t) => {
+			await u({
+				client: n,
+				organizationId: r,
+				payableId: t.path.payable_id,
+				includeApprovalRequests: !0
+			});
+		}
 	});
-	return s({
-		...a(m, f),
-		enabled: p
+}
+function y() {
+	let { client: n, organizationId: r } = e();
+	return d({
+		mutationFn: async ({ path: e, body: i }) => {
+			let { data: a } = await o({
+				client: n,
+				headers: t(r),
+				path: e,
+				body: i,
+				throwOnError: !0
+			});
+			return a;
+		},
+		onSuccess: async (e, t) => {
+			await u({
+				client: n,
+				organizationId: r,
+				payableId: t.path.payable_id
+			});
+		}
 	});
 }
 //#endregion
-export { u as usePayableQuery, c as usePayablesQuery, l as usePayablesTotalCountQuery };
+export { h as useAttachPayableFileMutation, f as useCreatePayableMutation, g as useDeletePayableFileMutation, y as useMarkPayableAsPaidMutation, v as useSubmitPayableForApprovalMutation, p as useUpdatePayableMutation, m as useUploadPayableFromFileMutation, _ as useValidatePayableMutation };

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/data-access/dist/index11.js

@@ -1,36 +1,17 @@
-"use client";
-"use client";
-"use client";
-"use client";
-import { useEmbedApi as e } from "../../../shared/data-access/dist/lib/EmbedApiContext.js";
-import { organizationHeaders as t } from "../../../shared/data-access/dist/lib/organizationHeaders.js";
-import { getPayablesIdSuggestionsOptions as n } from "../../../shared/data-access/dist/lib/rest/@tanstack/react-query.gen.js";
-import { withAuthEpoch as r } from "../../../shared/data-access/dist/lib/withAuthEpoch.js";
-import { isApiNotFoundError as i } from "../../../shared/data-access/dist/lib/isApiNotFoundError.js";
+import { organizationHeaders as e } from "../../../shared/data-access/dist/lib/organizationHeaders.js";
+import { getPayablesIdOptions as t } from "../../../shared/data-access/dist/lib/rest/@tanstack/react-query.gen.js";
 import "../../../shared/data-access/dist/index.js";
-import { useQuery as a } from "@tanstack/react-query";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/data-access/dist/index11.js
-function o(o, { enabled: s = !0 } = {}) {
-	let { client: c, organizationId: l, widgetToken: u, authEpoch: d } = e(), f = !!(l && u && o) && s, p = n({
-		client: c,
-		headers: t(l),
-		path: { payable_id: o ?? "" }
-	}), { queryKey: m, queryFn: h } = r(p, d);
-	return a({
-		queryKey: m,
-		enabled: f,
-		retry: !1,
-		queryFn: async (e) => {
-			try {
-				if (typeof h != "function") throw Error("getPayablesIdSuggestionsOptions has no queryFn");
-				return await h(e);
-			} catch (e) {
-				if (i(e)) return null;
-				throw e;
-			}
-		},
-		select: (e) => e ?? void 0
-	});
+var n = 2500;
+function r({ client: n, organizationId: r, payableId: i }) {
+	return {
+		...t({
+			client: n,
+			headers: e(r),
+			path: { payable_id: i }
+		}),
+		refetchInterval: (e) => e.state.data?.ocr_status === "processing" && 2500
+	};
 }
 //#endregion
-export { o as usePayableSuggestionsQuery };
+export { n as OCR_POLL_INTERVAL_MS, r as payableOcrQueryOptions };

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/data-access/dist/index12.js

@@ -0,0 +1,30 @@
+"use client";
+"use client";
+"use client";
+"use client";
+import { useEmbedApi as e } from "../../../shared/data-access/dist/lib/EmbedApiContext.js";
+import { withAuthEpoch as t } from "../../../shared/data-access/dist/lib/withAuthEpoch.js";
+import "../../../shared/data-access/dist/index.js";
+import { payableOcrQueryOptions as n } from "./index11.js";
+import { useQueries as r } from "@tanstack/react-query";
+//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/data-access/dist/index12.js
+function i({ payableIds: i, enabled: a }) {
+	let { client: o, organizationId: s, widgetToken: c, authEpoch: l } = e(), u = !!(s && c) && (a === !0 || a === void 0);
+	return r({
+		queries: i.map((e) => ({
+			...t(n({
+				client: o,
+				organizationId: s,
+				payableId: e
+			}), l),
+			enabled: u && !!e
+		})),
+		combine: (e) => e.map((e, t) => ({
+			payableId: i[t],
+			ocrStatus: e.data?.ocr_status,
+			isError: e.isError
+		}))
+	});
+}
+//#endregion
+export { i as usePayableOcrQueries };

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/data-access/dist/index13.js

@@ -0,0 +1,50 @@
+"use client";
+"use client";
+"use client";
+"use client";
+import { useEmbedApi as e } from "../../../shared/data-access/dist/lib/EmbedApiContext.js";
+import { organizationHeaders as t } from "../../../shared/data-access/dist/lib/organizationHeaders.js";
+import { getPayablesAnalyticsOptions as n, getPayablesIdOptions as r, getPayablesOptions as i } from "../../../shared/data-access/dist/lib/rest/@tanstack/react-query.gen.js";
+import { withAuthEpoch as a } from "../../../shared/data-access/dist/lib/withAuthEpoch.js";
+import "../../../shared/data-access/dist/index.js";
+import { payableOcrQueryOptions as o } from "./index11.js";
+import { useQuery as s } from "@tanstack/react-query";
+//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/data-access/dist/index13.js
+function c({ enabled: n, ...r } = {}) {
+	let { client: o, organizationId: c, widgetToken: l, authEpoch: u } = e(), d = !!(c && l) && (n === !0 || n === void 0), f = i({
+		client: o,
+		headers: t(c),
+		query: r
+	});
+	return s({
+		...a(f, u),
+		enabled: d
+	});
+}
+function l({ enabled: r } = {}) {
+	let { client: i, organizationId: o, widgetToken: c, authEpoch: l } = e(), u = !!(o && c) && (r === !0 || r === void 0), d = n({
+		client: i,
+		headers: t(o)
+	});
+	return s({
+		...a(d, l),
+		enabled: u
+	});
+}
+function u(n, { enabled: i = !0, pollWhileOcrProcessing: c = !1 } = {}) {
+	let { client: l, organizationId: u, widgetToken: d, authEpoch: f } = e(), p = !!(u && d && n) && i, m = c ? o({
+		client: l,
+		organizationId: u,
+		payableId: n ?? ""
+	}) : r({
+		client: l,
+		headers: t(u),
+		path: { payable_id: n ?? "" }
+	});
+	return s({
+		...a(m, f),
+		enabled: p
+	});
+}
+//#endregion
+export { u as usePayableQuery, c as usePayablesQuery, l as usePayablesTotalCountQuery };

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/data-access/dist/index14.js

@@ -0,0 +1,36 @@
+"use client";
+"use client";
+"use client";
+"use client";
+import { useEmbedApi as e } from "../../../shared/data-access/dist/lib/EmbedApiContext.js";
+import { organizationHeaders as t } from "../../../shared/data-access/dist/lib/organizationHeaders.js";
+import { getPayablesIdSuggestionsOptions as n } from "../../../shared/data-access/dist/lib/rest/@tanstack/react-query.gen.js";
+import { withAuthEpoch as r } from "../../../shared/data-access/dist/lib/withAuthEpoch.js";
+import { isApiNotFoundError as i } from "../../../shared/data-access/dist/lib/isApiNotFoundError.js";
+import "../../../shared/data-access/dist/index.js";
+import { useQuery as a } from "@tanstack/react-query";
+//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/data-access/dist/index14.js
+function o(o, { enabled: s = !0 } = {}) {
+	let { client: c, organizationId: l, widgetToken: u, authEpoch: d } = e(), f = !!(l && u && o) && s, p = n({
+		client: c,
+		headers: t(l),
+		path: { payable_id: o ?? "" }
+	}), { queryKey: m, queryFn: h } = r(p, d);
+	return a({
+		queryKey: m,
+		enabled: f,
+		retry: !1,
+		queryFn: async (e) => {
+			try {
+				if (typeof h != "function") throw Error("getPayablesIdSuggestionsOptions has no queryFn");
+				return await h(e);
+			} catch (e) {
+				if (i(e)) return null;
+				throw e;
+			}
+		},
+		select: (e) => e ?? void 0
+	});
+}
+//#endregion
+export { o as usePayableSuggestionsQuery };

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/data-access/dist/index3.js

@@ -1,28 +1,31 @@
 import { organizationHeaders as e } from "../../../shared/data-access/dist/lib/organizationHeaders.js";
-import { getApprovalRequestsQueryKey as t, getPayablesAnalyticsQueryKey as n, getPayablesIdHistoryQueryKey as r, getPayablesIdLineItemsQueryKey as i, getPayablesIdQueryKey as a, getPayablesQueryKey as o } from "../../../shared/data-access/dist/lib/rest/@tanstack/react-query.gen.js";
+import { getApprovalRequestsQueryKey as t, getPayablesAnalyticsQueryKey as n, getPayablesIdHistoryQueryKey as r, getPayablesIdLineItemsQueryKey as i, getPayablesIdQueryKey as a, getPayablesQueryKey as o, getPaymentRecordsQueryKey as s } from "../../../shared/data-access/dist/lib/rest/@tanstack/react-query.gen.js";
 import "../../../shared/data-access/dist/index.js";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/data-access/dist/index3.js
-var s = ({ client: t, organizationId: n }) => o({
+var c = ({ client: t, organizationId: n }) => o({
 	client: t,
 	headers: e(n)
-}), c = ({ client: n, organizationId: r }) => t({
+}), l = ({ client: n, organizationId: r }) => t({
 	client: n,
 	headers: e(r)
-}), l = ({ client: t, organizationId: r }) => n({
+}), u = ({ client: t, organizationId: r }) => n({
 	client: t,
 	headers: e(r)
-}), u = ({ client: t, organizationId: n, payableId: r }) => a({
+}), d = ({ client: t, organizationId: n, payableId: r }) => a({
 	client: t,
 	headers: e(n),
 	path: { payable_id: r }
-}), d = ({ client: t, organizationId: n, payableId: i }) => r({
+}), f = ({ client: t, organizationId: n, payableId: i }) => r({
 	client: t,
 	headers: e(n),
 	path: { payable_id: i }
-}), f = ({ client: t, organizationId: n, payableId: r }) => i({
+}), p = ({ client: t, organizationId: n, payableId: r }) => i({
 	client: t,
 	headers: e(n),
 	path: { payable_id: r }
+}), m = ({ client: t, organizationId: n }) => s({
+	client: t,
+	headers: e(n)
 });
 //#endregion
-export { c as approvalRequestsInvalidationKey, d as payableHistoryInvalidationKey, u as payableInvalidationKey, f as payableLineItemsInvalidationKey, l as payablesAnalyticsInvalidationKey, s as payablesInvalidationKey };
+export { l as approvalRequestsInvalidationKey, f as payableHistoryInvalidationKey, d as payableInvalidationKey, p as payableLineItemsInvalidationKey, m as payablePaymentRecordsInvalidationKey, u as payablesAnalyticsInvalidationKey, c as payablesInvalidationKey };

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/data-access/dist/index4.js

@@ -1,22 +1,39 @@
 import { invalidateAllClients as e } from "../../../shared/data-access/dist/lib/clientRegistry.js";
 import "../../../shared/data-access/dist/index.js";
-import { approvalRequestsInvalidationKey as t, payableHistoryInvalidationKey as n, payableInvalidationKey as r, payableLineItemsInvalidationKey as i, payablesAnalyticsInvalidationKey as a, payablesInvalidationKey as o } from "./index3.js";
+import { approvalRequestsInvalidationKey as t, payableHistoryInvalidationKey as n, payableInvalidationKey as r, payableLineItemsInvalidationKey as i, payablePaymentRecordsInvalidationKey as a, payablesAnalyticsInvalidationKey as o, payablesInvalidationKey as s } from "./index3.js";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/data-access/dist/index4.js
-async function s({ client: s, organizationId: c, payableId: l, includeLineItems: u, includeApprovalRequests: d }) {
-	let f = {
-		client: s,
-		organizationId: c
-	}, p = l ? {
-		...f,
-		payableId: l
-	} : void 0, m = [
-		o(f),
-		a(f),
-		...d ? [t(f)] : [],
-		...p ? [r(p), n(p)] : [],
-		...p && u ? [i(p)] : []
+async function c({ client: c, organizationId: l, payableId: u, includeLineItems: d, includeApprovalRequests: f }) {
+	let p = {
+		client: c,
+		organizationId: l
+	}, m = u ? {
+		...p,
+		payableId: u
+	} : void 0, h = [
+		s(p),
+		o(p),
+		...f ? [t(p)] : [],
+		...m ? [
+			r(m),
+			n(m),
+			a(m)
+		] : [],
+		...m && d ? [i(m)] : []
 	];
-	await Promise.all(m.map((t) => e(t)));
+	await Promise.all(h.map((t) => e(t)));
+}
+var l = 500;
+async function u({ client: n, organizationId: r, payableId: i }) {
+	await e(t({
+		client: n,
+		organizationId: r
+	})), await new Promise((e) => {
+		setTimeout(e, l);
+	}), await c({
+		client: n,
+		organizationId: r,
+		payableId: i
+	});
 }
 //#endregion
-export { s as invalidatePayableQueries };
+export { u as invalidateApprovalDecisionQueries, c as invalidatePayableQueries };

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/data-access/dist/index5.js

@@ -2,6 +2,51 @@
 "use client";
 "use client";
 "use client";
+import { useEmbedApi as e } from "../../../shared/data-access/dist/lib/EmbedApiContext.js";
+import { organizationHeaders as t } from "../../../shared/data-access/dist/lib/organizationHeaders.js";
+import { postApprovalRequestsIdReject as n } from "../../../shared/data-access/dist/lib/rest/sdk.gen.js";
+import { getApprovalRequestsOptions as r } from "../../../shared/data-access/dist/lib/rest/@tanstack/react-query.gen.js";
+import { withAuthEpoch as i } from "../../../shared/data-access/dist/lib/withAuthEpoch.js";
 import "../../../shared/data-access/dist/index.js";
-import "./index4.js";
-import "@tanstack/react-query";
+import { invalidateApprovalDecisionQueries as a } from "./index4.js";
+import { useMutation as o, useQuery as s } from "@tanstack/react-query";
+//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/data-access/dist/index5.js
+var c = "payable", l = "desc";
+function u(n, { enabled: a } = {}) {
+	let { client: o, organizationId: u, widgetToken: d, authEpoch: f } = e(), p = !!(u && d && n) && a !== !1, m = r({
+		client: o,
+		headers: t(u),
+		query: {
+			object_id: n ?? "",
+			object_type: c,
+			order: l
+		}
+	});
+	return s({
+		...i(m, f),
+		enabled: p
+	});
+}
+function d() {
+	let { client: r, organizationId: i } = e();
+	return o({
+		mutationFn: async ({ path: e }) => {
+			let { data: a } = await n({
+				client: r,
+				headers: t(i),
+				path: e,
+				throwOnError: !0
+			});
+			return a;
+		},
+		onSuccess: async (e) => {
+			await a({
+				client: r,
+				organizationId: i,
+				payableId: e?.object_id
+			});
+		}
+	});
+}
+//#endregion
+export { u as usePayableApprovalRequestsQuery, d as useRejectPayableApprovalRequestMutation };