@tesouro/embedded-components-react 0.2.318 → 0.2.320

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

@@ -1,8 +1,157 @@
+"use client";
+"use client";
+"use client";
+"use client";
+import { toast as e } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import "../../../shared/ui/dist/index.js";
+import { useReplacePayableLineItemsMutation as t } from "../../data-access/dist/index7.js";
+import { useCreatePayableMutation as n, useSubmitPayableForApprovalMutation as r, useUpdatePayableMutation as i, useValidatePayableMutation as a } from "../../data-access/dist/index10.js";
+import "../../data-access/dist/index.js";
+import { BILL_CREATE_MESSAGE_LABELS_EN as o } from "./index22.js";
+import { mapBillFormToPayload as s, mapLineItemsToPayload as c } from "./index27.js";
+import { validateBillCompleteness as l, validateBillTotals as u, validateLineItems as d } from "./index28.js";
+import { useCallback as f, useRef as p, useState as m } from "react";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index29.js
-var e = (e) => [
-	"bill-pay",
-	"upload-queue",
-	e ?? ""
-];
+var h = {
+	document_id: "invoiceNumber",
+	issued_at: "invoiceDate",
+	due_date: "dueDate",
+	counterpart_id: "vendor"
+};
+function g(e) {
+	return e.type === "type_error.none.not_allowed" || e.msg === "none is not an allowed value";
+}
+function _(e, t = o) {
+	let n = {}, r = [];
+	for (let i of e) {
+		let e = i.loc[0] ?? t.unknownValidationField, a = h[e], o = g(i) ? t.requiredField : i.msg;
+		a ? n[a] = o : r.push(t.unmappedValidationError(e, o));
+	}
+	return r.length && (n.form = r.join(" ")), n;
+}
+function v(e, t) {
+	if (!e && !t) return;
+	let n = {}, r = /* @__PURE__ */ new Set([...Object.keys(e ?? {}), ...Object.keys(t ?? {})]);
+	for (let i of r) n[i] = {
+		...e?.[i],
+		...t?.[i]
+	};
+	return n;
+}
+function y({ payableId: h, form: g, counterpartId: y, clearCounterpart: b, prepareVendorForSave: x, onSaved: S, onPayableCreated: C, onDraftSaved: w, onFinalized: T, labels: E }) {
+	let D = {
+		...o,
+		...E
+	}, [O, k] = m(), A = h ?? O, [j, M] = m(), N = p(!1), P = n(), F = i(), I = t(), L = a(), R = r(), z = f(() => {
+		let t = d(g.lineItems, D), n = u(g.discount, g.tax, g.totalOverride, D);
+		return g.setLineItemErrors(t), !t && !n || (t ? (g.setErrors(void 0), e.error(D.lineItemsNeedAttention)) : g.setErrors(n), !1);
+	}, [g, D]), B = f(async () => {
+		let e = s({
+			values: g.values,
+			counterpartId: y,
+			clearCounterpart: b,
+			editedTotals: g.isTotalsDirty ? {
+				discount: g.discount,
+				tax: g.tax,
+				total: g.totalOverride
+			} : void 0
+		}), t = A;
+		if (t ? await F.mutateAsync({
+			path: { payable_id: t },
+			body: e
+		}) : (t = (await P.mutateAsync({ body: e }))?.id, t && (k(t), C?.(t))), !t) throw Error("Payable was created without an id");
+		return await I.mutateAsync({
+			path: { payable_id: t },
+			body: { data: c(g.lineItems) }
+		}), t;
+	}, [
+		y,
+		b,
+		P,
+		g.discount,
+		g.isTotalsDirty,
+		g.lineItems,
+		g.tax,
+		g.totalOverride,
+		g.values,
+		C,
+		A,
+		I,
+		F
+	]);
+	return {
+		saveDraft: f(async () => {
+			if (!N.current && z()) {
+				N.current = !0, M("draft");
+				try {
+					if (await x?.() === !1) return;
+					let t = await B();
+					g.setErrors(void 0), S?.(t), w?.(t), e.success(D.draftSaved);
+				} catch {
+					g.setErrors({ form: D.saveFailed });
+				} finally {
+					M(void 0), N.current = !1;
+				}
+			}
+		}, [
+			g,
+			z,
+			D.draftSaved,
+			D.saveFailed,
+			w,
+			S,
+			x,
+			B
+		]),
+		finalize: f(async () => {
+			if (N.current) return;
+			let t = d(g.lineItems, D), n = u(g.discount, g.tax, g.totalOverride, D), { formErrors: r, lineItemErrors: i } = l(g.values, y, g.lineItems, D), a = v(i, t);
+			g.setLineItemErrors(a);
+			let o = {
+				...r,
+				...n
+			};
+			if (g.setErrors(Object.keys(o).length ? o : void 0), t && e.error(D.lineItemsNeedAttention), !(a || Object.keys(o).length)) {
+				N.current = !0, M("finalize");
+				try {
+					let t;
+					try {
+						if (await x?.() === !1) return;
+						t = await B();
+					} catch {
+						g.setErrors({ form: D.saveFailed });
+						return;
+					}
+					S?.(t);
+					try {
+						let n = await L.mutateAsync({ path: { payable_id: t } });
+						if (n.validation_errors.length) {
+							g.setErrors(_(n.validation_errors, D));
+							return;
+						}
+						await R.mutateAsync({ path: { payable_id: t } }), g.setErrors(void 0), T?.(t), e.success(D.billFinalized);
+					} catch {
+						g.setErrors({ form: D.finalizeFailed });
+					}
+				} finally {
+					M(void 0), N.current = !1;
+				}
+			}
+		}, [
+			y,
+			g,
+			D,
+			T,
+			S,
+			x,
+			B,
+			R,
+			L
+		]),
+		payableId: A,
+		isSavingDraft: j === "draft",
+		isFinalizing: j === "finalize"
+	};
+}
 //#endregion
-export { e as billPayUploadQueueKey };
+export { _ as mapValidationErrorsToForm, y as useBillCreateController };

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

@@ -1,63 +1,6 @@
-"use client";
-"use client";
-"use client";
-"use client";
-import { SOURCE_DOCUMENT_CONTAINER_LABELS_EN as e } from "./index2.js";
-import { useAttachPayableFileMutation as t, useDeletePayableFileMutation as n } from "../../data-access/dist/index7.js";
-import "../../data-access/dist/index.js";
-import { SourceDocumentPanel as r } from "../../ui/dist/index48.js";
-import "../../ui/dist/index.js";
-import { jsx as i } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index3.js
-function a({ payableId: a, file: o, isDocumentPending: s, pendingFileName: c, readOnly: l, labels: u }) {
-	let d = {
-		...e,
-		...u
-	}, f = t(), p = n();
-	if (!o && (s || f.isPending)) return /* @__PURE__ */ i(r, {
-		mode: "loading",
-		fileName: c
-	});
-	if (!o && l) return /* @__PURE__ */ i("div", {
-		className: "ttw:rounded-lg ttw:border ttw:border-border ttw:bg-card ttw:p-4 ttw:text-sm ttw:text-muted-foreground",
-		children: d.noDocument
-	});
-	if (!o && !a) return /* @__PURE__ */ i("div", {
-		className: "ttw:rounded-lg ttw:border ttw:border-border ttw:bg-card ttw:p-4 ttw:text-sm ttw:text-muted-foreground",
-		children: d.saveBeforeAttaching
-	});
-	if (!o) return /* @__PURE__ */ i(r, {
-		mode: "upload",
-		uploadStatus: f.isPending ? "uploading" : "idle",
-		uploadErrorMessage: f.isError ? d.attachFailed : void 0,
-		onFilesSelected: (e) => {
-			let [t] = e;
-			!t || !a || f.mutate({
-				path: { payable_id: a },
-				file: t
-			});
-		}
-	});
-	let m = o.mimetype === "application/pdf" ? /* @__PURE__ */ i("iframe", {
-		src: `${o.url}#toolbar=0&navpanes=0`,
-		title: o.name,
-		referrerPolicy: "no-referrer",
-		className: "ttw:h-full ttw:w-full ttw:border-0"
-	}) : /* @__PURE__ */ i("img", {
-		src: o.url,
-		alt: o.name,
-		className: "ttw:max-h-full ttw:max-w-full ttw:object-contain"
-	});
-	return /* @__PURE__ */ i(r, {
-		mode: "document",
-		fileName: o.name,
-		preview: m,
-		onDownload: () => window.open(o.url, "_blank", "noopener,noreferrer"),
-		onDelete: a && !l ? () => p.mutate({
-			path: { file_id: o.id },
-			payableId: a
-		}) : void 0
-	});
+function e(e) {
+	return e?.counterpart ?? e?.counterpart_raw_data ?? void 0;
 }
 //#endregion
-export { a as SourceDocumentContainer, a as default };
+export { e as resolveVendor };

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

@@ -1,9 +1,38 @@
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index30.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`
-};
+function e() {
+	return {
+		id: crypto.randomUUID(),
+		description: "",
+		glCode: "",
+		quantity: "1",
+		price: "",
+		amount: ""
+	};
+}
+function t(e) {
+	return typeof e == "number" ? (e / 100).toFixed(2) : "";
+}
+function n({ payable: n, lineItems: r }) {
+	let i = {
+		invoiceNumber: n.document_id ?? "",
+		invoiceDate: n.issued_at ?? "",
+		dueDate: n.due_date ?? "",
+		poNumber: ""
+	}, a = r.map((e) => ({
+		id: e.id,
+		description: e.name ?? "",
+		glCode: e.ledger_account_id ?? "",
+		quantity: e.quantity == null ? "" : String(e.quantity),
+		price: t(e.unit_price),
+		amount: t(e.subtotal)
+	}));
+	return {
+		values: i,
+		lineItems: a.length ? a : [e()],
+		discount: t(n.discount),
+		tax: t(n.tax_amount),
+		total: t(n.total_amount)
+	};
+}
 //#endregion
-export { e as BILL_UPLOAD_QUEUE_LABELS_EN };
+export { e as emptyLineItem, n as mapPayableToBillForm };

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

@@ -2,84 +2,103 @@
 "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 "./index29.js";
-import { BILL_UPLOAD_QUEUE_LABELS_EN as i } from "./index30.js";
+import { calculateTotal as e, displayLineAmount as t, parseMoneyToMinorUnits as n } from "./index27.js";
+import { emptyLineItem as r, mapPayableToBillForm as i } from "./index30.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/index31.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) });
+function l(e, r, i) {
+	return n(r) === null ? i : t(e, r);
+}
+function u({ payable: t, lineItems: n } = {}) {
+	let u = s(() => i({
+		payable: t ?? {},
+		lineItems: n ?? []
+	}), [t, n]), [d, f] = c(u.values), [p, m] = c(u.lineItems), [h, g] = c(u.discount), [_, v] = c(u.tax), [y, b] = c(u.total || void 0), [x, S] = c(), [C, w] = c(), [T, E] = c(!1), [D, O] = c(!1), [k, A] = c(!1);
 	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
+		T || f(u.values);
+	}, [u]), o(() => {
+		D || m(u.lineItems);
+	}, [u]), o(() => {
+		k || (g(u.discount), v(u.tax), b(u.total || void 0));
+	}, [u]);
+	let j = a((e) => {
+		f((t) => ({
+			...t,
+			...e
+		})), E(!0);
+	}, []), M = a((e) => {
+		w((t) => {
+			if (!t?.[e]) return t;
+			let n = { ...t };
+			return delete n[e], Object.keys(n).length ? n : void 0;
+		});
+	}, []), N = a((e, t) => {
+		M(e), m((n) => n.map((n) => {
+			if (n.id !== e) return n;
+			let r = {
+				...n,
+				...t
+			};
+			return "amount" in t ? r : {
+				...r,
+				amount: l(r.quantity, r.price, r.amount)
+			};
+		})), O(!0), b(void 0);
+	}, [M]), P = a((e, t) => {
+		M(e), m((n) => n.map((n) => {
+			if (n.id !== e) return n;
+			let r = Number.parseFloat(n.quantity), i = String(Math.max(1, (Number.isFinite(r) ? r : 1) + t));
+			return {
+				...n,
+				quantity: i,
+				amount: l(i, n.price, n.amount)
+			};
+		})), O(!0), b(void 0);
+	}, [M]), F = a((e) => {
+		M(e), m((t) => t.length <= 1 ? t : t.filter((t) => t.id !== e)), O(!0), b(void 0);
+	}, [M]), I = a(() => {
+		m((e) => [...e, r()]), O(!0), b(void 0);
+	}, []), L = a((e) => {
+		g(e), A(!0), b(void 0);
+	}, []), R = a((e) => {
+		v(e), A(!0), b(void 0);
+	}, []), z = a((e) => {
+		b(e), A(!0);
+	}, []), B = s(() => p.map((e) => ({
+		...e,
+		onChange: (t) => N(e.id, t),
+		onQuantityStep: (t) => P(e.id, t),
+		onRemove: () => F(e.id)
+	})), [
+		p,
+		N,
+		F,
+		P
+	]), V = s(() => e(p, _, h), [
+		p,
+		_,
+		h
 	]);
-	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
+		values: d,
+		errors: x,
+		setErrors: S,
+		lineItemErrors: C,
+		setLineItemErrors: w,
+		onChange: j,
+		lineItems: p,
+		lineItemRows: B,
+		discount: h,
+		onDiscountChange: L,
+		tax: _,
+		onTaxChange: R,
+		total: y ?? V,
+		totalOverride: y,
+		onTotalChange: z,
+		onAddLineItem: I,
+		isTotalsDirty: k,
+		isDirty: T || D || k
 	};
 }
 //#endregion
-export { d as useBillUploadQueue };
+export { u as useBillForm };

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

@@ -1,3 +1,9 @@
-import "./index29.js";
-import "./index30.js";
-import "./index31.js";
+//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index32.js
+var e = {
+	dialog: "bill-pay-bill-create-dialog",
+	vendorSection: "bill-pay-bill-create-vendor",
+	lineItems: "bill-pay-bill-create-line-items",
+	documentPanel: "bill-pay-bill-create-document"
+};
+//#endregion
+export { e as billCreateTestIds };

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

@@ -1,8 +1,193 @@
+"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 { useAllLedgerAccountsQuery as ee } from "../../../shared/data-access/dist/lib/reference-data/useLedgerAccountsQuery.js";
+import { useAllOrganizationUsersQuery as te } from "../../../shared/data-access/dist/lib/user/useAllOrganizationUsersQuery.js";
+import "../../../shared/data-access/dist/index.js";
+import { formatCalendarDate as ne } from "../../../shared/util/dist/lib/formatCalendarDate.js";
+import { useWidgetConfig as re } from "../../../shared/feature/dist/lib/WidgetProvider/hooks.js";
+import "../../../shared/feature/dist/index.js";
+import { resolveVendor as ie } from "./index3.js";
+import { BillCreateScreen as ae } from "../../ui/dist/index35.js";
+import { ExtractionNotice as oe } from "../../ui/dist/index49.js";
+import "../../ui/dist/index.js";
+import { usePayableHistoryQuery as se } from "../../data-access/dist/index6.js";
+import { useAllPayableLineItemsQuery as ce } from "../../data-access/dist/index7.js";
+import { usePayableQuery as le } from "../../data-access/dist/index13.js";
+import "../../data-access/dist/index.js";
+import { PayBillFlow as ue } from "./index10.js";
+import "./index11.js";
+import { mergeBillCreateScreenCopy as de } from "./index22.js";
+import { useBillCreateController as fe } from "./index29.js";
+import { useBillForm as pe } from "./index31.js";
+import { useCurrentApprovalRequestId as n } from "./index12.js";
+import { usePayableDetailActions as r } from "./index14.js";
+import { useScheduledPayment as i } from "./index15.js";
+import { buildBillDetailView as a } from "./index18.js";
+import { buildBillHistory as o } from "./index19.js";
+import { SourceDocumentContainer as s } from "./index23.js";
+import { useVendorSectionProps as c } from "./index25.js";
+import { usePaymentInstructionsForm as l } from "./index26.js";
+import { billCreateTestIds as u } from "./index32.js";
+import { useCallback as d, useEffect as me, useMemo as f, useRef as he, useState as p } from "react";
+import { Fragment as ge, jsx as m, jsxs as _e } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index33.js
-var e = {
-	bills: "Bills",
-	vendors: "Vendors",
-	settings: "Settings"
-};
+function ve(e) {
+	return !!(e?.bank_account?.account_holder_name && e.bank_account.routing_number && e.bank_account.account_number);
+}
+function h({ open: h, onOpenChange: g, payableId: _, readOnly: v = !1, copy: y, poweredByBankName: ye }) {
+	let b = f(() => de(y), [y]), [x, S] = p(), [C, w] = p(!1), [T, E] = p(!1), [D, O] = p(), k = _ ?? D, A = le(k, { pollWhileOcrProcessing: !0 }), j = ce(k), M = ee(), N = A.data, P = pe({
+		payable: N,
+		lineItems: j.lineItems
+	}), F = N?.counterpart_id;
+	me(() => {
+		C || F && (S(F), w(!0));
+	}, [C, F]);
+	let be = d((e) => {
+		w(!0), S(e);
+	}, []), I = c({
+		payableId: v ? void 0 : k,
+		counterpartId: v ? void 0 : x,
+		payableCounterpartId: F,
+		onCounterpartChange: be,
+		requiredError: P.errors?.vendor
+	}), L = fe({
+		payableId: _,
+		form: P,
+		counterpartId: x,
+		clearCounterpart: !!(k && C) && !x,
+		prepareVendorForSave: I.savePaymentInstructions,
+		onPayableCreated: O,
+		onSaved: O,
+		onDraftSaved: () => g(!1),
+		onFinalized: () => g(!1)
+	}), R = !!(L.isSavingDraft || L.isFinalizing), z = v ? k : void 0, xe = n({
+		payableId: z,
+		status: N?.status
+	}), B = he(null), V = i({
+		payableId: k,
+		scheduledPaymentDate: N?.scheduled_payment_date,
+		enabled: v
+	}), H = ie(N), U = l({
+		payableId: z,
+		counterpartId: v ? F : void 0,
+		saveErrorMessage: b.detail.paymentInstructionsSaveError
+	}), { initResponse: W } = re(), G = e(W?.scopes, [t.CounterpartWriteOrg]) && e(W?.scopes, [t.PayableWriteOrg]), { actions: Se } = r({
+		payableId: z,
+		status: N?.status,
+		currentApprovalRequestId: xe.id,
+		hasScheduledPayment: V.hasScheduledPayment,
+		isScheduledPaymentUnknown: V.isResolving,
+		labels: b.actions,
+		onPayBillSelect: () => ve(H) || !G ? B.current?.open() : U.open()
+	}), K = f(() => (M.data?.data ?? []).map((e) => ({
+		value: e.id,
+		label: [e.nominal_code, e.name].filter(Boolean).join(" — ")
+	})), [M.data]), q = se(z), Ce = e(W?.scopes, [t.UserReadOrg]), J = te({ enabled: v && Ce }), Y = f(() => o(q.data?.data ?? [], J.data?.data ?? [], b.history), [
+		q.data,
+		J.data,
+		b.history
+	]), we = f(() => v && N ? a({
+		payable: N,
+		lineItems: j.lineItems,
+		glCodeOptions: K,
+		history: Y,
+		labels: b.detail
+	}) : void 0, [
+		b.detail,
+		K,
+		Y,
+		j.lineItems,
+		N,
+		v
+	]), X = N?.source_of_payable_data === "ocr", Z = H?.name, Q = v ? Z ? b.viewTitle(Z) : b.readOnlyTitle : X && Z ? b.extractedTitle(Z) : b.newTitle, Te = v && N?.created_at ? b.addedOn(ne(N.created_at.slice(0, 10))) : void 0, $ = d(() => {
+		let e = P.isDirty || I.hasUnsavedVendorChanges;
+		!v && e && !window.confirm(b.discardConfirm) || g(!1);
+	}, [
+		b.discardConfirm,
+		P.isDirty,
+		g,
+		v,
+		I.hasUnsavedVendorChanges
+	]), Ee = d((e) => {
+		if (!R) return e ? g(!0) : $();
+	}, [
+		$,
+		R,
+		g
+	]);
+	return /* @__PURE__ */ _e(ge, { children: [/* @__PURE__ */ m(ae, {
+		open: h,
+		onOpenChange: Ee,
+		title: Q,
+		subtitle: Te,
+		notice: !v && X && !T ? /* @__PURE__ */ m(oe, { onDismiss: () => E(!0) }) : void 0,
+		vendor: {
+			...I,
+			testId: u.vendorSection
+		},
+		values: P.values,
+		errors: P.errors,
+		onChange: P.onChange,
+		lineItems: {
+			items: P.lineItemRows,
+			glCodeOptions: K,
+			discount: P.discount,
+			onDiscountChange: P.onDiscountChange,
+			tax: P.tax,
+			onTaxChange: P.onTaxChange,
+			total: P.total,
+			onTotalChange: P.onTotalChange,
+			onAddLineItem: P.onAddLineItem,
+			errors: P.lineItemErrors,
+			testId: u.lineItems
+		},
+		documentPanel: /* @__PURE__ */ m(s, {
+			payableId: k,
+			readOnly: v,
+			isDocumentPending: !!k && !N?.file && (A.isLoading || N?.ocr_status === "processing"),
+			file: N?.file ? {
+				id: N.file.id,
+				name: N.file.name,
+				url: N.file.url,
+				mimetype: N.file.mimetype
+			} : void 0
+		}),
+		readOnly: v,
+		detail: v ? {
+			view: we,
+			actions: Se,
+			scheduledSummary: V.hasScheduledPayment && V.scheduledDateLabel ? b.scheduledSummary(V.scheduledDateLabel) : void 0,
+			paymentInstructionsForm: F && G ? {
+				isOpen: U.isOpen,
+				values: U.values,
+				errors: U.errors,
+				isSaving: U.isSaving,
+				onOpen: U.open,
+				onCancel: U.close,
+				onChange: U.onChange,
+				onSave: U.save
+			} : void 0,
+			isLoading: A.isLoading || j.isResolving || M.isResolving,
+			isError: A.isError || j.isError || M.isError
+		} : void 0,
+		isLineItemsLoading: j.isResolving,
+		isSaving: R,
+		isSavingDraft: L.isSavingDraft,
+		isFinalizing: L.isFinalizing,
+		onCancel: $,
+		onSaveDraft: L.saveDraft,
+		onFinalize: L.finalize,
+		testId: u.dialog
+	}), v && N ? /* @__PURE__ */ m(ue, {
+		ref: B,
+		payable: N,
+		poweredByBankName: ye,
+		labels: b.payBill
+	}) : null] });
+}
 //#endregion
-export { e as DEFAULT_TABS_LABELS };
+export { h as BillCreateDialog, h as default };