@tesouro/embedded-components-react 0.3.22 → 0.3.23

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

@@ -1,3 +1,33 @@
-import "./index43.js";
-import "./index44.js";
-import "./index45.js";
+import { BILL_DETAILS_SHEET_LABELS_EN as e } from "../../ui/dist/index52.js";
+import "../../ui/dist/index.js";
+import { MARK_AS_PAID_FLOW_LABELS_EN as t } from "./index2.js";
+import "./index5.js";
+import { APPROVAL_POLICY_RULE_COPY_EN as n } from "./index15.js";
+import { BILL_DETAIL_ACTIONS_LABELS_EN as r, SCHEDULED_SUMMARY_LABEL_EN as i } from "./index29.js";
+//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index46.js
+var a = {
+	subtitle: "Accounts payable",
+	vendorRow: "Vendor",
+	bankAccountRow: "ACH bank account",
+	bankAccountValue: (e) => `Account ending in ${e}`,
+	invoiceNumberRow: "Number",
+	issueDateRow: "Issue date",
+	dueDateRow: "Due date",
+	poNumberRow: "PO number",
+	notProvided: "Not provided",
+	glCodeMissing: "GL code not specified",
+	quantityValue: (e, t) => `${e} x ${t}`,
+	subtotalRow: "Subtotal",
+	discountsRow: "Discounts",
+	taxRow: "Tax",
+	totalRow: "Total",
+	actionError: r.actionError,
+	actionSuccess: r.actionSuccess,
+	scheduledSummary: i,
+	sheet: e,
+	decisionDialog: r.decisionDialog,
+	approvalPolicyCopy: n,
+	markAsPaid: t
+};
+//#endregion
+export { a as BILL_DETAILS_LABELS_EN };

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

@@ -1,4 +1,84 @@
+import { formatCalendarDate as e } from "../../../shared/util/dist/lib/formatCalendarDate.js";
+import { resolveVendor as t, resolveVendorName as n } from "./index7.js";
+import { derivePayableStatus as r } from "./index25.js";
+import { formatBillMoney as i } from "./index26.js";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index47.js
-var e = { Mounted: "bill_pay_widget.mounted" }, t = "bill_pay_widget";
+function a({ payable: a, lineItems: o, ledgerAccounts: s, labels: c, hasScheduledPayment: l, now: u }) {
+	let d = a.currency, f = (e) => i(e, d), p = r({
+		apiStatus: a.status,
+		dueDate: a.due_date,
+		scheduledPaymentDate: a.scheduled_payment_date,
+		hasScheduledPayment: l,
+		now: u
+	}), m = t(a), h = n(a), g = e(a.issued_at) || c.notProvided, _ = e(a.due_date) || c.notProvided, v = [{
+		label: c.vendorRow,
+		value: h || c.notProvided,
+		secondaryValue: m?.email ?? void 0
+	}], y = m?.bank_account?.account_number;
+	y && v.push({
+		label: c.bankAccountRow,
+		value: c.bankAccountValue(y.slice(-4))
+	});
+	let b = [
+		{
+			label: c.invoiceNumberRow,
+			value: a.document_id || c.notProvided
+		},
+		{
+			label: c.issueDateRow,
+			value: g
+		},
+		{
+			label: c.dueDateRow,
+			value: _
+		},
+		{
+			label: c.poNumberRow,
+			value: c.notProvided
+		}
+	], x = new Map(s.map((e) => [e.id, [e.nominal_code, e.name].filter(Boolean).join(" — ")])), S = o.map((e) => {
+		let t = f(e.unit_price);
+		return {
+			id: e.id,
+			description: e.name ?? e.description ?? "",
+			glCodeLabel: (e.ledger_account_id ? x.get(e.ledger_account_id) : void 0) || c.glCodeMissing,
+			quantityLabel: e.quantity != null && t ? c.quantityValue(String(e.quantity), t) : "",
+			amountLabel: f(e.subtotal) ?? ""
+		};
+	}), C = [
+		{
+			label: c.subtotalRow,
+			value: a.subtotal
+		},
+		{
+			label: c.discountsRow,
+			value: a.discount
+		},
+		{
+			label: c.taxRow,
+			value: a.tax_amount
+		}
+	].map(({ label: e, value: t }) => ({
+		label: e,
+		value: f(t)
+	})).filter((e) => !!e.value), w = f(a.total_amount);
+	return w && C.push({
+		label: c.totalRow,
+		value: w,
+		emphasis: !0
+	}), {
+		title: h,
+		subtitle: c.subtitle,
+		status: p.status,
+		statusTone: p.tone,
+		amountDueLabel: f(a.amount_due) ?? f(a.total_amount) ?? "",
+		invoiceDateLabel: g,
+		dueDateLabel: _,
+		payToItems: v,
+		invoiceItems: b,
+		lineItems: S,
+		totals: C
+	};
+}
 //#endregion
-export { e as BillPayWidgetAnalyticsEvent, t as WIDGET_NAME };
+export { a as mapPayableToBillDetails };

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

@@ -2,44 +2,162 @@
 "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 "./index47.js";
-import { Payables as r } from "../../../monite-sdk/dist/index443.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";
+import { useAllLedgerAccountsQuery as e } from "../../../shared/data-access/dist/lib/reference-data/useLedgerAccountsQuery.js";
+import "../../../shared/data-access/dist/index.js";
+import { resolveAmountDueMinorUnits as t } from "./index6.js";
+import { resolveVendor as n } from "./index7.js";
+import { BillDecisionDialog as r } from "../../ui/dist/index47.js";
+import { BillDetailsSheet as i } from "../../ui/dist/index53.js";
+import { BillDuplicateNotice as a } from "../../ui/dist/index57.js";
+import { MarkAsPaidDialog as o } from "../../ui/dist/index83.js";
+import "../../ui/dist/index.js";
+import { useAllPayableLineItemsQuery as s } from "../../data-access/dist/index7.js";
+import { usePayableQuery as c } from "../../data-access/dist/index13.js";
+import "../../data-access/dist/index.js";
+import { PayBillFlow as l } from "./index13.js";
+import "./index14.js";
+import { mergeMarkAsPaidFlowLabels as u } from "./index2.js";
+import { useMarkAsPaidFlow as d } from "./index4.js";
+import "./index5.js";
+import { mergeDecisionDialogCopy as f } from "./index29.js";
+import { useApprovalPolicyCardView as p } from "./index19.js";
+import { useCurrentApprovalRequestId as m } from "./index20.js";
+import { usePayableDetailActions as h } from "./index22.js";
+import { useScheduledPayment as g } from "./index23.js";
+import { BILL_DETAILS_LABELS_EN as _ } from "./index46.js";
+import { mapPayableToBillDetails as v } from "./index47.js";
+import { useMemo as y, useRef as b } from "react";
+import { Fragment as x, jsx as S, jsxs as C } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index48.js
-var s = (e) => e;
-function c(n) {
-	let i = e();
-	return a(() => {
-		i(t.Mounted);
-	}, [i]), /* @__PURE__ */ o(r, { ...n });
+function w(e) {
+	return !!(e?.bank_account?.account_holder_name && e.bank_account.routing_number && e.bank_account.account_number);
 }
-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
-		})
-	});
+function T({ open: T, onOpenChange: E, payableId: D, onClose: O, onExpand: k, testId: A, labels: j, poweredByBankName: M, isPossibleDuplicate: N }) {
+	let P = y(() => ({
+		..._,
+		...j,
+		sheet: {
+			..._.sheet,
+			...j?.sheet,
+			statusBadge: {
+				..._.sheet.statusBadge,
+				...j?.sheet?.statusBadge
+			},
+			approvalPolicy: {
+				..._.sheet.approvalPolicy,
+				...j?.sheet?.approvalPolicy
+			}
+		},
+		decisionDialog: f(_.decisionDialog, j?.decisionDialog),
+		approvalPolicyCopy: {
+			..._.approvalPolicyCopy,
+			...j?.approvalPolicyCopy
+		},
+		markAsPaid: u(j?.markAsPaid),
+		actionSuccess: {
+			..._.actionSuccess,
+			...j?.actionSuccess
+		}
+	}), [j]), F = c(D), I = s(D), L = e(), R = F.data, z = b(null), B = m({
+		payableId: D,
+		status: R?.status
+	}), V = p({
+		payableId: D,
+		approvalPolicyId: R?.approval_policy_id,
+		copy: P.approvalPolicyCopy
+	}), H = g({
+		payableId: D,
+		scheduledPaymentDate: R?.scheduled_payment_date
+	}), U = d({
+		payableId: D,
+		amountDueMinorUnits: t(R) ?? 0,
+		amountToPayMinorUnits: R?.amount_to_pay ?? void 0,
+		currencyCode: R?.currency ?? void 0,
+		dueDate: R?.due_date,
+		hasScheduledPayment: H.hasScheduledPayment,
+		testId: A,
+		labels: P.markAsPaid
+	}), { actions: W, decisionDialog: G } = h({
+		payableId: R ? D : void 0,
+		status: R?.status,
+		currentApprovalRequestId: B.id,
+		isPolicyApprover: B.isPolicyApprover,
+		hasWaitingRequest: B.hasWaitingRequest,
+		hasScheduledPayment: H.hasScheduledPayment,
+		scheduledPaymentRecordId: H.scheduledPaymentRecordId,
+		isScheduledPaymentUnknown: H.isResolving,
+		pendingApprovers: V.pendingApprovers,
+		arePendingApproversUnknown: V.isLoading,
+		labels: {
+			payBill: P.sheet.payButton,
+			markAsPaid: P.sheet.markAsPaidButton,
+			reject: P.sheet.rejectButton,
+			approve: P.sheet.approveButton,
+			cancel: P.sheet.cancelButton,
+			cancelScheduledPayment: P.sheet.cancelScheduledPaymentButton,
+			reopen: P.sheet.reopenButton,
+			forceApprove: P.sheet.forceApproveButton,
+			forceReject: P.sheet.forceRejectButton,
+			policyOverridesHeading: P.sheet.policyOverridesGroup,
+			decisionDialog: P.decisionDialog,
+			actionError: P.actionError,
+			actionSuccess: P.actionSuccess
+		},
+		isMarkAsPaidPending: U.isPending,
+		onMarkAsPaidSelect: U.open,
+		onPayBillSelect: () => {
+			if (!w(n(R)) && k) {
+				k();
+				return;
+			}
+			z.current?.open();
+		}
+	}), K = H.hasScheduledPayment && H.scheduledDateLabel ? /* @__PURE__ */ S("p", {
+		className: "ttw:text-sm ttw:text-muted-foreground",
+		children: P.scheduledSummary(H.scheduledDateLabel)
+	}) : void 0, q = N ? /* @__PURE__ */ S(a, {}) : void 0, J = q || K ? /* @__PURE__ */ C(x, { children: [q, K] }) : void 0, Y = y(() => R ? v({
+		payable: R,
+		lineItems: I.lineItems,
+		ledgerAccounts: L.data?.data ?? [],
+		labels: P,
+		hasScheduledPayment: H.hasScheduledPayment
+	}) : void 0, [
+		R,
+		I.lineItems,
+		L.data,
+		P,
+		H.hasScheduledPayment
+	]), X = F.isLoading || I.isResolving || L.isResolving, Z = F.isError || I.isError || L.isError;
+	return /* @__PURE__ */ C(x, { children: [
+		/* @__PURE__ */ S(i, {
+			open: T,
+			onOpenChange: E,
+			details: Y,
+			actions: W,
+			approvalPolicy: V.view,
+			isLoading: X,
+			isError: Z,
+			notice: J,
+			onClose: O,
+			onExpand: k,
+			testId: A,
+			labels: P.sheet
+		}),
+		/* @__PURE__ */ S(r, {
+			...G,
+			labels: { cancelButton: P.decisionDialog.cancelButton },
+			testId: A ? `${A}-decision-dialog` : void 0,
+			confirmTestId: A ? `${A}-decision-confirm` : void 0,
+			reasonTestId: A ? `${A}-decision-reason` : void 0,
+			reasonFieldId: A ? `${A}-decision-reason-field` : void 0
+		}),
+		/* @__PURE__ */ S(o, { ...U.dialogProps }),
+		R ? /* @__PURE__ */ S(l, {
+			ref: z,
+			payable: R,
+			poweredByBankName: M
+		}) : null
+	] });
 }
 //#endregion
-export { l as BillPayWidgetMonite, l as default };
+export { T as BillDetailsContainer, T as default };

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

@@ -1 +1,3 @@
+import "./index46.js";
+import "./index47.js";
 import "./index48.js";

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

@@ -1,6 +1,2 @@
-//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index5.js
-function e(e) {
-	return e ? `••••${e.slice(-4)}` : void 0;
-}
-//#endregion
-export { e as maskAccountNumber };
+import "./index2.js";
+import "./index4.js";

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

@@ -1,8 +1,4 @@
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index50.js
-var e = (e) => [
-	"bill-pay",
-	"upload-queue",
-	e ?? ""
-];
+var e = { Mounted: "bill_pay_widget.mounted" }, t = "bill_pay_widget";
 //#endregion
-export { e as billPayUploadQueueKey };
+export { e as BillPayWidgetAnalyticsEvent, t as WIDGET_NAME };

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

@@ -1,11 +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 "./index50.js";
+import { Payables as r } from "../../../monite-sdk/dist/index443.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/index51.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`,
-	tooManyFilesError: (e) => `You can only upload up to ${e} files at a time`,
-	remainingCapacityError: (e) => e === 0 ? "Wait for the current uploads to finish before adding more files" : `You can upload ${e} more ${e === 1 ? "file" : "files"} right now`
-};
+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 BILL_UPLOAD_QUEUE_LABELS_EN };
+export { l as BillPayWidgetMonite, l as default };

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

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

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

@@ -1,3 +1,8 @@
-import "./index50.js";
-import "./index51.js";
-import "./index52.js";
+//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index53.js
+var e = (e) => [
+	"bill-pay",
+	"upload-queue",
+	e ?? ""
+];
+//#endregion
+export { e as billPayUploadQueueKey };

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

@@ -1,9 +1,11 @@
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index54.js
 var e = {
-	duplicateBadge: "Duplicate?",
-	existingBadge: "Existing",
-	selectRow: ({ vendorLabel: e, designation: t, invoiceNumberLabel: n, addedOnLabel: r }) => `Select bill — ${e}, ${t}, invoice ${n}, added ${r}`,
-	openRow: ({ vendorLabel: e, designation: t, invoiceNumberLabel: n, addedOnLabel: r }) => `View bill — ${e}, ${t}, invoice ${n}, added ${r}`
+	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`,
+	tooManyFilesError: (e) => `You can only upload up to ${e} files at a time`,
+	remainingCapacityError: (e) => e === 0 ? "Wait for the current uploads to finish before adding more files" : `You can upload ${e} more ${e === 1 ? "file" : "files"} right now`
 };
 //#endregion
-export { e as DUPLICATE_BILLS_LABELS_EN };
+export { e as BILL_UPLOAD_QUEUE_LABELS_EN };

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

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