@tesouro/embedded-components-react 0.2.280 → 0.2.282

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

@@ -1,7 +1,45 @@
+"use client";
+"use client";
+"use client";
+"use client";
+import { useAnalyticsTrack as e } from "../../../shared/feature/dist/lib/analytics/hooks.js";
+import "../../../shared/feature/dist/index.js";
+import { BillPayWidgetAnalyticsEvent as t, WIDGET_NAME as n } from "./index19.js";
+import { Payables as r } from "../../../monite-sdk/dist/index431.js";
+import "../../../monite-sdk/dist/index.js";
+import { MoniteRegionProvider as i } from "../../../shared/monite-wrapper/feature/dist/lib/MoniteRegionProvider.js";
+import "../../../shared/monite-wrapper/feature/dist/index.js";
+import { useEffect as a } from "react";
+import { jsx as o } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index20.js
-var e = {
-	root: "bill-pay-bills-tab",
-	uploadTray: "bill-pay-upload-tray"
-};
+var s = (e) => e;
+function c(n) {
+	let i = e();
+	return a(() => {
+		i(t.Mounted);
+	}, [i]), /* @__PURE__ */ o(r, { ...n });
+}
+function l({ baseUrl: e, widgetToken: t, organizationId: r, configClient: a, gatewayRouting: l, linkComponent: u, implementation: d, uiFramework: f, errorFallback: p, onError: m, finopsThemeColors: h, analytics: g, disclosuresAcceptance: _, pageTitleComponent: v = s, ...y }) {
+	return /* @__PURE__ */ o(i, {
+		widgetName: n,
+		baseUrl: e,
+		widgetToken: t,
+		organizationId: r,
+		configClient: a,
+		gatewayRouting: l,
+		linkComponent: u,
+		implementation: d,
+		uiFramework: f,
+		errorFallback: p,
+		onError: m,
+		finopsThemeColors: h,
+		analytics: g,
+		disclosuresAcceptance: _,
+		children: /* @__PURE__ */ o(c, {
+			...y,
+			pageTitleComponent: v
+		})
+	});
+}
 //#endregion
-export { e as billsTabTestIds };
+export { l as BillPayWidgetMonite, l as default };

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

@@ -1,102 +1 @@
-"use client";
-"use client";
-"use client";
-"use client";
-import { toast as e } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { hasAnyScope as t } from "../../../shared/data-access/dist/lib/hasAnyScope.js";
-import { Scope as n } from "../../../shared/data-access/dist/lib/scopes.js";
-import "../../../shared/data-access/dist/index.js";
-import "../../../shared/ui/dist/index.js";
-import { formatCalendarDate as r } from "../../../shared/util/dist/lib/formatCalendarDate.js";
-import { formatMoneyExact as i } from "../../../shared/util/dist/lib/formatMoneyExact.js";
-import { useWidgetConfig as a } from "../../../shared/feature/dist/lib/WidgetProvider/hooks.js";
-import "../../../shared/feature/dist/index.js";
-import { usePayablesQuery as o } from "../../data-access/dist/index10.js";
-import "../../data-access/dist/index.js";
-import { AddBillDialog as s } from "../../ui/dist/index10.js";
-import { BillsScreen as c } from "../../ui/dist/index38.js";
-import "../../ui/dist/index.js";
-import { BillCreateDialog as l } from "./index12.js";
-import "./index13.js";
-import { derivePayableStatus as u } from "./index17.js";
-import { BILLS_TAB_LABELS_EN as d } from "./index19.js";
-import { billsTabTestIds as f } from "./index20.js";
-import { copyTextToClipboard as p } from "./index18.js";
-import { useEffect as m, useState as h } from "react";
-import { jsx as g, jsxs as _ } from "react/jsx-runtime";
-//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index21.js
-var v = 10, y = "bills@business-banking.app";
-function b({ labels: b, onEnqueueFiles: x, openPayableId: S, onOpenPayableHandled: C }) {
-	let w = {
-		...d,
-		...b
-	}, [T, E] = h(!1), [D, O] = h(), [k, A] = h(!1), [j, M] = h([]), [N, P] = h(v), [F, I] = h(), { initResponse: L } = a(), R = t(L?.scopes, [n.PayableReadOrg]), z = t(L?.scopes, [n.PayableWriteOrg]), B = !L || R, V = !L || z, H = o({
-		limit: N,
-		pagination_token: F,
-		enabled: B
-	}), U = (H.data?.data ?? []).map((e) => {
-		let t = u(e.status, e.due_date);
-		return {
-			vendorLabel: e.counterpart_raw_data?.name ?? "",
-			dueDateLabel: r(e.due_date),
-			amountLabel: i((e.total_amount ?? 0) / 100, { currencyCode: e.currency ?? "USD" }),
-			status: t.status,
-			statusTone: t.tone,
-			onOpen: () => {
-				O(e.id), A(!0);
-			}
-		};
-	}), W = () => {
-		E(!1), O(void 0), A(!0);
-	}, G = (e) => {
-		E(!1), x?.(e);
-	}, K = async () => {
-		await p(y) ? e.success(w.emailCopiedToast) : e.error(w.emailCopyFailedToast);
-	};
-	return m(() => {
-		S && (O(S), A(!0), C?.());
-	}, [C, S]), /* @__PURE__ */ _("div", {
-		"data-testid": f.root,
-		children: [
-			/* @__PURE__ */ g(c, {
-				rows: U,
-				isLoading: H.isLoading || !L,
-				isError: H.isError,
-				onRetry: () => H.refetch(),
-				sorting: j,
-				onSortingChange: M,
-				pageSize: N,
-				onPageSizeChange: P,
-				hasNextPage: !!H.data?.next_pagination_token,
-				hasPrevPage: !!H.data?.prev_pagination_token,
-				onNextPage: () => I(H.data?.next_pagination_token),
-				onPrevPage: () => I(H.data?.prev_pagination_token),
-				onCreateClick: V ? () => E(!0) : void 0,
-				onEnterManually: V ? W : void 0,
-				onFilesSelected: V ? G : void 0,
-				emailAddress: y,
-				onCopyEmail: K,
-				labels: {
-					createButton: w.createButton,
-					addBill: { heading: w.emptyHeading }
-				}
-			}),
-			V ? /* @__PURE__ */ g(s, {
-				open: T,
-				onOpenChange: E,
-				onFilesSelected: G,
-				onEnterManually: W,
-				emailAddress: y,
-				onCopyEmail: K,
-				labels: { heading: U.length ? w.nonEmptyHeading : w.emptyHeading }
-			}) : null,
-			k ? /* @__PURE__ */ g(l, {
-				open: k,
-				onOpenChange: A,
-				payableId: D
-			}) : null
-		]
-	});
-}
-//#endregion
-export { b as BillsTab, b as default };
+import "./index20.js";

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

@@ -1,3 +1,11 @@
-import "./index19.js";
-import "./index20.js";
-import "./index21.js";
+//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index22.js
+async function e(e) {
+	if (!e.trim()) return !1;
+	try {
+		return await navigator.clipboard.writeText(e), !0;
+	} catch {
+		return !1;
+	}
+}
+//#endregion
+export { e as copyTextToClipboard };

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

@@ -1,8 +1,11 @@
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index23.js
-var e = (e) => [
-	"bill-pay",
-	"upload-queue",
-	e ?? ""
-];
+var e = {
+	emptyHeading: "Add your first bill",
+	nonEmptyHeading: "Add a bill",
+	createButton: "Add bill",
+	viewBillTitle: "Bill details",
+	emailCopiedToast: "Email address copied to clipboard",
+	emailCopyFailedToast: "Could not copy the email address"
+};
 //#endregion
-export { e as billPayUploadQueueKey };
+export { e as BILLS_TAB_LABELS_EN };

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

@@ -1,9 +1,8 @@
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index24.js
 var e = {
-	uploadingSummary: (e) => `Uploading and scanning ${e} ${e === 1 ? "file" : "files"}`,
-	completeSummary: (e) => `${e} ${e === 1 ? "upload" : "uploads"} complete`,
-	readyCaption: (e) => `${e} new ${e === 1 ? "bill" : "bills"} ready`,
-	failedCaption: (e) => `${e} failed to upload`
+	root: "bill-pay-bills-tab",
+	uploadTray: "bill-pay-upload-tray",
+	detailsSheet: "bill-pay-details-sheet"
 };
 //#endregion
-export { e as BILL_UPLOAD_QUEUE_LABELS_EN };
+export { e as billsTabTestIds };

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

@@ -2,84 +2,135 @@
 "use client";
 "use client";
 "use client";
-import { useEmbedApi as e } from "../../../shared/data-access/dist/lib/EmbedApiContext.js";
-import { useUploadPayableFromFileMutation as t } from "../../data-access/dist/index7.js";
-import { usePayableOcrQueries as n } from "../../data-access/dist/index9.js";
+import { toast as e } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { hasAnyScope as t } from "../../../shared/data-access/dist/lib/hasAnyScope.js";
+import { Scope as n } from "../../../shared/data-access/dist/lib/scopes.js";
+import "../../../shared/data-access/dist/index.js";
+import "../../../shared/ui/dist/index.js";
+import { formatCalendarDate as r } from "../../../shared/util/dist/lib/formatCalendarDate.js";
+import { formatMoneyExact as ee } from "../../../shared/util/dist/lib/formatMoneyExact.js";
+import { useWidgetConfig as i } from "../../../shared/feature/dist/lib/WidgetProvider/hooks.js";
+import "../../../shared/feature/dist/index.js";
+import { usePayablesQuery as a } from "../../data-access/dist/index10.js";
 import "../../data-access/dist/index.js";
-import { billPayUploadQueueKey as r } from "./index23.js";
-import { BILL_UPLOAD_QUEUE_LABELS_EN as i } from "./index24.js";
-import { useCallback as a, useEffect as o, useMemo as s, useState as c } from "react";
-import { useQuery as l, useQueryClient as u } from "@tanstack/react-query";
+import { AddBillDialog as te } from "../../ui/dist/index10.js";
+import { BillsScreen as ne } from "../../ui/dist/index38.js";
+import "../../ui/dist/index.js";
+import { BillCreateDialog as o } from "./index12.js";
+import "./index13.js";
+import { derivePayableStatus as s } from "./index15.js";
+import { BillDetailsContainer as c } from "./index17.js";
+import "./index18.js";
+import { BILLS_TAB_LABELS_EN as l } from "./index23.js";
+import { billsTabTestIds as u } from "./index24.js";
+import { copyTextToClipboard as d } from "./index22.js";
+import { useEffect as re, useState as f } from "react";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index25.js
-function d({ onOpenBill: d, labels: f } = {}) {
-	let p = {
-		...i,
-		...f
-	}, { organizationId: m } = e(), h = u(), g = s(() => r(m), [m]), _ = t(), [v, y] = c(!1), { data: b = [] } = l({
-		queryKey: g,
-		queryFn: () => h.getQueryData(g) ?? [],
-		staleTime: Infinity,
-		gcTime: Infinity,
-		initialData: []
-	}), x = a((e, t) => {
-		h.setQueryData(g, (n) => (n ?? []).map((n) => n.localId === e ? {
-			...n,
-			...t
-		} : n));
-	}, [h, g]), S = a((e) => {
-		y(!1);
-		for (let t of e) {
-			let e = crypto.randomUUID();
-			h.setQueryData(g, (n) => [...n ?? [], {
-				localId: e,
-				fileName: t.name,
-				status: "uploading"
-			}]), _.mutateAsync({ file: t }).then((t) => x(e, { payableId: t?.id })).catch(() => x(e, { status: "failed" }));
-		}
-	}, [
-		x,
-		h,
-		g,
-		_
-	]), C = n({ payableIds: b.filter((e) => e.status === "uploading" && e.payableId).map((e) => e.payableId) });
-	o(() => {
-		for (let { payableId: e, ocrStatus: t, isError: n } of C) {
-			let r = b.find((t) => t.payableId === e && t.status === "uploading");
-			r && (t === "success" ? x(r.localId, { status: "ready" }) : (n || t === "error" || t === "canceled") && x(r.localId, { status: "failed" }));
-		}
-	}, [
-		b,
-		C,
-		x
-	]);
-	let w = b.filter((e) => e.status === "uploading"), T = b.filter((e) => e.status === "ready"), E = b.filter((e) => e.status === "failed"), D = (e) => ({
-		id: e.localId,
-		fileName: e.fileName,
-		status: e.status,
-		onOpen: e.status === "ready" && e.payableId && d ? () => d(e.payableId) : void 0
-	}), O = w.length ? [{
-		id: "in-progress",
-		items: b.map(D)
-	}] : [...T.length ? [{
-		id: "ready",
-		caption: p.readyCaption(T.length),
-		items: T.map(D)
-	}] : [], ...E.length ? [{
-		id: "failed",
-		caption: p.failedCaption(E.length),
-		items: E.map(D)
-	}] : []], k = w.length ? p.uploadingSummary(b.length) : T.length ? p.completeSummary(T.length) : p.failedCaption(E.length), A = a(() => {
-		h.setQueryData(g, []);
-	}, [h, g]);
-	return {
-		enqueue: S,
-		sections: O,
-		summaryLabel: k,
-		collapsed: v,
-		onToggleCollapsed: a(() => y((e) => !e), []),
-		onClose: A,
-		isVisible: b.length > 0
+var ie = 10, h = "bills@business-banking.app", g = {
+	vendorLabel: "counterpart_name",
+	dueDateLabel: "due_date",
+	amountLabel: "amount",
+	status: "status"
+}, _ = "created_at", v = "desc";
+function y({ labels: y, onEnqueueFiles: b, openPayableId: x, onOpenPayableHandled: S }) {
+	let C = {
+		...l,
+		...y
+	}, [w, T] = f(!1), [ae, E] = f(), [D, O] = f(!1), [k, A] = f(), [j, M] = f(!1), [N, P] = f(!1), [F, I] = f([]), [L, R] = f(ie), [z, B] = f(), { initResponse: V } = i(), H = t(V?.scopes, [n.PayableReadOrg]), U = t(V?.scopes, [n.PayableWriteOrg]), W = !V || H, G = !V || U, [K] = F, q = K ? g[K.id] : void 0, J = a({
+		limit: L,
+		pagination_token: z,
+		sort: q ?? _,
+		order: q ? K.desc ? "desc" : "asc" : v,
+		enabled: W
+	}), Y = () => B(void 0), oe = (e) => {
+		I(e), Y();
+	}, se = (e) => {
+		R(e), Y();
+	}, X = (J.data?.data ?? []).map((e) => {
+		let t = s(e.status, e.due_date);
+		return {
+			vendorLabel: e.counterpart_raw_data?.name ?? "",
+			dueDateLabel: r(e.due_date),
+			amountLabel: ee((e.total_amount ?? 0) / 100, { currencyCode: e.currency ?? "USD" }),
+			status: t.status,
+			statusTone: t.tone,
+			onOpen: () => {
+				if (e.status === "draft" && G) {
+					E(e.id), O(!0);
+					return;
+				}
+				A(e.id), M(!0);
+			}
+		};
+	}), ce = () => {
+		M(!1), P(!0);
+	}, Z = () => {
+		T(!1), E(void 0), O(!0);
+	}, Q = (e) => {
+		T(!1), b?.(e);
+	}, $ = async () => {
+		await d(h) ? e.success(C.emailCopiedToast) : e.error(C.emailCopyFailedToast);
 	};
+	return re(() => {
+		x && (E(x), O(!0), S?.());
+	}, [S, x]), /* @__PURE__ */ m("div", {
+		"data-testid": u.root,
+		children: [
+			/* @__PURE__ */ p(ne, {
+				rows: X,
+				isLoading: J.isLoading || !V,
+				isError: J.isError,
+				onRetry: () => J.refetch(),
+				sorting: F,
+				onSortingChange: oe,
+				pageSize: L,
+				onPageSizeChange: se,
+				hasNextPage: !!J.data?.next_pagination_token,
+				hasPrevPage: !!J.data?.prev_pagination_token,
+				onNextPage: () => B(J.data?.next_pagination_token),
+				onPrevPage: () => B(J.data?.prev_pagination_token),
+				onCreateClick: G ? () => T(!0) : void 0,
+				onEnterManually: G ? Z : void 0,
+				onFilesSelected: G ? Q : void 0,
+				emailAddress: h,
+				onCopyEmail: $,
+				labels: {
+					createButton: C.createButton,
+					addBill: { heading: C.emptyHeading }
+				}
+			}),
+			G ? /* @__PURE__ */ p(te, {
+				open: w,
+				onOpenChange: T,
+				onFilesSelected: Q,
+				onEnterManually: Z,
+				emailAddress: h,
+				onCopyEmail: $,
+				labels: { heading: X.length ? C.nonEmptyHeading : C.emptyHeading }
+			}) : null,
+			D ? /* @__PURE__ */ p(o, {
+				open: D,
+				onOpenChange: O,
+				payableId: ae
+			}) : null,
+			j ? /* @__PURE__ */ p(c, {
+				open: j,
+				onOpenChange: M,
+				payableId: k,
+				onClose: () => M(!1),
+				onExpand: ce,
+				testId: u.detailsSheet
+			}) : null,
+			N ? /* @__PURE__ */ p(o, {
+				open: N,
+				onOpenChange: P,
+				payableId: k,
+				readOnly: !0,
+				copy: { readOnlyTitle: C.viewBillTitle }
+			}) : null
+		]
+	});
 }
 //#endregion
-export { d as useBillUploadQueue };
+export { y as BillsTab, y as default };

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

@@ -1,8 +1,8 @@
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index27.js
-var e = {
-	bills: "Bills",
-	vendors: "Vendors",
-	settings: "Settings"
-};
+var e = (e) => [
+	"bill-pay",
+	"upload-queue",
+	e ?? ""
+];
 //#endregion
-export { e as DEFAULT_TABS_LABELS };
+export { e as billPayUploadQueueKey };

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

@@ -1,113 +1,9 @@
-"use client";
-"use client";
-"use client";
-"use client";
-import { hasAnyScope as e } from "../../../shared/data-access/dist/lib/hasAnyScope.js";
-import { Scope as t } from "../../../shared/data-access/dist/lib/scopes.js";
-import "../../../shared/data-access/dist/index.js";
-import { EmbeddedToaster as n } from "../../../shared/ui/dist/lib/EmbeddedToaster.js";
-import "../../../shared/ui/dist/index.js";
-import { useAnalyticsTrack as r } from "../../../shared/feature/dist/lib/analytics/hooks.js";
-import { WidgetProvider as i } from "../../../shared/feature/dist/lib/WidgetProvider/WidgetProvider.js";
-import { useWidgetConfig as a } from "../../../shared/feature/dist/lib/WidgetProvider/hooks.js";
-import "../../../shared/feature/dist/index.js";
-import { BillPayWidgetUi as o } from "../../ui/dist/index31.js";
-import { BillUploadStatusTray as s } from "../../ui/dist/index41.js";
-import "../../ui/dist/index.js";
-import { billsTabTestIds as c } from "./index20.js";
-import { BillsTab as l } from "./index21.js";
-import "./index22.js";
-import { useBillUploadQueue as u } from "./index25.js";
-import "./index26.js";
-import { BillPayWidgetAnalyticsEvent as d, WIDGET_NAME as f } from "./index14.js";
-import { DEFAULT_TABS_LABELS as p } from "./index27.js";
-import { ApprovalPoliciesSettings as m } from "../../../shared/approval-policy/feature/dist/lib/ApprovalPoliciesSettings.js";
-import "../../../shared/approval-policy/feature/dist/index.js";
-import { CounterpartsWidget as h } from "../../../counterparts-widget/feature/dist/index8.js";
-import "../../../counterparts-widget/feature/dist/index.js";
-import { useCallback as g, useEffect as _, useState as v } from "react";
-import { Fragment as y, jsx as b, jsxs as x } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index28.js
-var S = {
-	Bills: "bills",
-	Vendors: "vendors",
-	Settings: "settings"
-}, C = [
-	S.Bills,
-	S.Vendors,
-	S.Settings
-];
-function w({ labels: i, tabsLabels: f, approvalPolicyLabels: w, approvalPolicyComponentLabels: T, vendorLabels: E }) {
-	let D = r();
-	_(() => {
-		D(d.Mounted);
-	}, [D]);
-	let O = {
-		...p,
-		...f
-	}, { initResponse: k } = a(), A = e(k?.scopes, [t.ApprovalPolicyWriteOrg]), j = !k || A, [M, N] = v(S.Bills), [P, F] = v(), I = g((e) => {
-		N(S.Bills), F(e);
-	}, []), L = u({ onOpenBill: I }), R = [{
-		id: S.Bills,
-		label: O.bills,
-		content: /* @__PURE__ */ b(l, {
-			onEnqueueFiles: L.enqueue,
-			openPayableId: P,
-			onOpenPayableHandled: () => F(void 0)
-		})
-	}, {
-		id: S.Vendors,
-		label: O.vendors,
-		content: /* @__PURE__ */ b(h, {
-			...E,
-			counterpartType: "vendor",
-			showTitle: !1,
-			onViewAllDocuments: () => N(S.Bills)
-		})
-	}];
-	j && R.push({
-		id: S.Settings,
-		label: O.settings,
-		content: /* @__PURE__ */ b(m, {
-			labels: w,
-			componentLabels: T
-		})
-	});
-	let z = R.some((e) => e.id === M) ? M : C.find((e) => R.some((t) => t.id === e)) ?? R[0]?.id ?? "";
-	return /* @__PURE__ */ x(y, { children: [
-		/* @__PURE__ */ b(n, {}),
-		/* @__PURE__ */ b(o, {
-			labels: i,
-			tabs: R,
-			selectedTabId: z,
-			onTabChange: N
-		}),
-		L.isVisible ? /* @__PURE__ */ b(s, {
-			sections: L.sections,
-			summaryLabel: L.summaryLabel,
-			collapsed: L.collapsed,
-			onToggleCollapsed: L.onToggleCollapsed,
-			onClose: L.onClose,
-			testId: c.uploadTray
-		}) : null
-	] });
-}
-function T({ baseUrl: e, widgetToken: t, organizationId: n, configClient: r, gatewayRouting: a, linkComponent: o, implementation: s, uiFramework: c, errorFallback: l, onError: u, analytics: d, ...p }) {
-	return /* @__PURE__ */ b(i, {
-		widgetName: f,
-		baseUrl: e,
-		widgetToken: t,
-		organizationId: n,
-		configClient: r,
-		gatewayRouting: a,
-		linkComponent: o,
-		implementation: s,
-		uiFramework: c,
-		errorFallback: l,
-		onError: u,
-		analytics: d,
-		children: /* @__PURE__ */ b(w, { ...p })
-	});
-}
+var e = {
+	uploadingSummary: (e) => `Uploading and scanning ${e} ${e === 1 ? "file" : "files"}`,
+	completeSummary: (e) => `${e} ${e === 1 ? "upload" : "uploads"} complete`,
+	readyCaption: (e) => `${e} new ${e === 1 ? "bill" : "bills"} ready`,
+	failedCaption: (e) => `${e} failed to upload`
+};
 //#endregion
-export { T as BillPayWidgetNative, T as default };
+export { e as BILL_UPLOAD_QUEUE_LABELS_EN };

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

@@ -1 +1,85 @@
-import "./index28.js";
+"use client";
+"use client";
+"use client";
+"use client";
+import { useEmbedApi as e } from "../../../shared/data-access/dist/lib/EmbedApiContext.js";
+import { useUploadPayableFromFileMutation as t } from "../../data-access/dist/index7.js";
+import { usePayableOcrQueries as n } from "../../data-access/dist/index9.js";
+import "../../data-access/dist/index.js";
+import { billPayUploadQueueKey as r } from "./index27.js";
+import { BILL_UPLOAD_QUEUE_LABELS_EN as i } from "./index28.js";
+import { useCallback as a, useEffect as o, useMemo as s, useState as c } from "react";
+import { useQuery as l, useQueryClient as u } from "@tanstack/react-query";
+//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index29.js
+function d({ onOpenBill: d, labels: f } = {}) {
+	let p = {
+		...i,
+		...f
+	}, { organizationId: m } = e(), h = u(), g = s(() => r(m), [m]), _ = t(), [v, y] = c(!1), { data: b = [] } = l({
+		queryKey: g,
+		queryFn: () => h.getQueryData(g) ?? [],
+		staleTime: Infinity,
+		gcTime: Infinity,
+		initialData: []
+	}), x = a((e, t) => {
+		h.setQueryData(g, (n) => (n ?? []).map((n) => n.localId === e ? {
+			...n,
+			...t
+		} : n));
+	}, [h, g]), S = a((e) => {
+		y(!1);
+		for (let t of e) {
+			let e = crypto.randomUUID();
+			h.setQueryData(g, (n) => [...n ?? [], {
+				localId: e,
+				fileName: t.name,
+				status: "uploading"
+			}]), _.mutateAsync({ file: t }).then((t) => x(e, { payableId: t?.id })).catch(() => x(e, { status: "failed" }));
+		}
+	}, [
+		x,
+		h,
+		g,
+		_
+	]), C = n({ payableIds: b.filter((e) => e.status === "uploading" && e.payableId).map((e) => e.payableId) });
+	o(() => {
+		for (let { payableId: e, ocrStatus: t, isError: n } of C) {
+			let r = b.find((t) => t.payableId === e && t.status === "uploading");
+			r && (t === "success" ? x(r.localId, { status: "ready" }) : (n || t === "error" || t === "canceled") && x(r.localId, { status: "failed" }));
+		}
+	}, [
+		b,
+		C,
+		x
+	]);
+	let w = b.filter((e) => e.status === "uploading"), T = b.filter((e) => e.status === "ready"), E = b.filter((e) => e.status === "failed"), D = (e) => ({
+		id: e.localId,
+		fileName: e.fileName,
+		status: e.status,
+		onOpen: e.status === "ready" && e.payableId && d ? () => d(e.payableId) : void 0
+	}), O = w.length ? [{
+		id: "in-progress",
+		items: b.map(D)
+	}] : [...T.length ? [{
+		id: "ready",
+		caption: p.readyCaption(T.length),
+		items: T.map(D)
+	}] : [], ...E.length ? [{
+		id: "failed",
+		caption: p.failedCaption(E.length),
+		items: E.map(D)
+	}] : []], k = w.length ? p.uploadingSummary(b.length) : T.length ? p.completeSummary(T.length) : p.failedCaption(E.length), A = a(() => {
+		h.setQueryData(g, []);
+	}, [h, g]);
+	return {
+		enqueue: S,
+		sections: O,
+		summaryLabel: k,
+		collapsed: v,
+		onToggleCollapsed: a(() => y((e) => !e), []),
+		onClose: A,
+		isVisible: b.length > 0
+	};
+}
+//#endregion
+export { d as useBillUploadQueue };