@tesouro/embedded-components-react 0.2.332 → 0.2.336

package/dist/index.css

@@ -954,6 +954,9 @@
   .ttw\:min-h-48 {
     min-height: calc(var(--ttw-spacing) * 48);
   }
+  .ttw\:min-h-64 {
+    min-height: calc(var(--ttw-spacing) * 64);
+  }
   .ttw\:min-h-125 {
     min-height: calc(var(--ttw-spacing) * 125);
   }

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

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

@@ -2,23 +2,23 @@ import "./index10.js";
 import "./index11.js";
 import "./index20.js";
 import "./index26.js";
-import "./index33.js";
-import "./index35.js";
-import "./index37.js";
+import "./index34.js";
+import "./index36.js";
 import "./index38.js";
 import "./index39.js";
 import "./index40.js";
 import "./index41.js";
 import "./index42.js";
-import "./index46.js";
+import "./index43.js";
 import "./index47.js";
 import "./index48.js";
 import "./index49.js";
 import "./index50.js";
-import "./index52.js";
+import "./index51.js";
 import "./index53.js";
 import "./index54.js";
 import "./index55.js";
 import "./index56.js";
-import { BillPayWidget as e } from "./index60.js";
+import "./index57.js";
+import { BillPayWidget as e } from "./index61.js";
 export { e as BillPayWidget };

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

@@ -5,8 +5,8 @@
 import { resolveAmountDueMinorUnits as e } from "./index2.js";
 import { resolveVendor as t } from "./index3.js";
 import { payBillFlowTestIds as n } from "./index4.js";
-import { ReviewTransactionDialog as r } from "../../ui/dist/index66.js";
-import { SchedulePaymentDialog as i } from "../../ui/dist/index70.js";
+import { ReviewTransactionDialog as r } from "../../ui/dist/index67.js";
+import { SchedulePaymentDialog as i } from "../../ui/dist/index71.js";
 import "../../ui/dist/index.js";
 import { usePayBillFlow as a } from "./index9.js";
 import { useImperativeHandle as o } from "react";

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

@@ -27,7 +27,6 @@ var s = {
 	vendorDetailsFailed: "We could not load this vendor. Try again."
 }, l = {
 	attachFailed: "We could not attach that file. Try again.",
-	saveBeforeAttaching: "Save this bill before attaching a document.",
 	noDocument: "No document attached to this bill.",
 	preview: o
 }, u = {

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

@@ -2,58 +2,70 @@
 "use client";
 "use client";
 "use client";
-import { SourceDocumentPanel as e } from "../../ui/dist/index73.js";
+import { SourceDocumentPanel as e } from "../../ui/dist/index74.js";
 import "../../ui/dist/index.js";
 import { useAttachPayableFileMutation as t, useDeletePayableFileMutation as n } from "../../data-access/dist/index10.js";
 import "../../data-access/dist/index.js";
 import { createSourceDocumentPreview as r } from "./index25.js";
 import { SOURCE_DOCUMENT_CONTAINER_LABELS_EN as i } from "./index26.js";
-import { jsx as a } from "react/jsx-runtime";
+import { useEffect as a, useState as o } from "react";
+import { jsx as s } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index27.js
-function o({ payableId: o, file: s, isDocumentPending: c, pendingFileName: l, readOnly: u, labels: d }) {
-	let f = {
+function c(e) {
+	let [t, n] = o();
+	return a(() => {
+		if (!e) {
+			n(void 0);
+			return;
+		}
+		let t = URL.createObjectURL(e);
+		return n(t), () => URL.revokeObjectURL(t);
+	}, [e]), t;
+}
+function l({ payableId: a, file: o, isDocumentPending: l, pendingFileName: u, readOnly: d, staging: f, labels: p }) {
+	let { stagedFile: m, onFileStaged: h, onClearStagedFile: g, isSaving: _ } = f ?? {}, v = {
 		...i,
-		...d,
+		...p,
 		preview: {
 			...i.preview,
-			...d?.preview
+			...p?.preview
 		}
-	}, p = t(), m = n();
-	if (!s && (c || p.isPending)) return /* @__PURE__ */ a(e, {
+	}, y = t(), b = n(), x = c(m), S = !!(o || m);
+	if (!S && (l || y.isPending)) return /* @__PURE__ */ s(e, {
 		mode: "loading",
-		fileName: l
-	});
-	if (!s && u) return /* @__PURE__ */ a("div", {
-		className: "ttw:rounded-lg ttw:border ttw:border-border ttw:bg-card ttw:p-4 ttw:text-sm ttw:text-muted-foreground",
-		children: f.noDocument
+		fileName: u
 	});
-	if (!s && !o) return /* @__PURE__ */ a("div", {
+	if (!S && d) return /* @__PURE__ */ s("div", {
 		className: "ttw:rounded-lg ttw:border ttw:border-border ttw:bg-card ttw:p-4 ttw:text-sm ttw:text-muted-foreground",
-		children: f.saveBeforeAttaching
+		children: v.noDocument
 	});
-	if (!s) return /* @__PURE__ */ a(e, {
+	if (!S) return /* @__PURE__ */ s(e, {
 		mode: "upload",
-		uploadStatus: p.isPending ? "uploading" : "idle",
-		uploadErrorMessage: p.isError ? f.attachFailed : void 0,
+		uploadStatus: y.isPending ? "uploading" : "idle",
+		uploadErrorMessage: y.isError ? v.attachFailed : void 0,
 		onFilesSelected: (e) => {
 			let [t] = e;
-			!t || !o || p.mutate({
-				path: { payable_id: o },
+			t && (a ? y.mutate({
+				path: { payable_id: a },
 				file: t
-			});
+			}) : h?.(t));
 		}
 	});
-	let h = r(s, f.preview);
-	return /* @__PURE__ */ a(e, {
+	let C = o?.name ?? m?.name ?? "", w = r(o || {
+		name: C,
+		url: x ?? "",
+		mimetype: m?.type ?? ""
+	}, v.preview);
+	return /* @__PURE__ */ s(e, {
 		mode: "document",
-		fileName: s.name,
-		preview: h,
-		onDownload: () => window.open(s.url, "_blank", "noopener,noreferrer"),
-		onDelete: o && !u ? () => m.mutate({
-			path: { file_id: s.id },
-			payableId: o
-		}) : void 0
+		fileName: C,
+		preview: w,
+		onDownload: o ? () => window.open(o.url, "_blank", "noopener,noreferrer") : void 0,
+		onDelete: d ? void 0 : o && a ? () => b.mutate({
+			path: { file_id: o.id },
+			payableId: a
+		}) : _ ? void 0 : g
 	});
 }
 //#endregion
-export { o as SourceDocumentContainer, o as default };
+export { l as SourceDocumentContainer, l as default };

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

@@ -1,50 +1,16 @@
-import { parseDecimalAmountToMinorUnits as e } from "../../../shared/util/dist/lib/parseDecimalAmountToMinorUnits.js";
-import "../../data-access/dist/index.js";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index31.js
-var t = "USD";
-function n(n) {
-	return e(n, t);
-}
-function r(e) {
-	let t = e.trim();
-	if (!t) return null;
-	let n = Number(t);
-	return Number.isFinite(n) && n > 0 ? n : null;
-}
-function i(e) {
-	return !!(e.description.trim() || e.glCode.trim() || n(e.price) !== null || n(e.amount) !== null);
-}
-function a(e) {
-	return n(e) ?? 0;
-}
-function o(e) {
-	let t = Number.parseFloat(e);
-	return Number.isFinite(t) ? t : 0;
-}
-function s(e) {
-	return (e / 100).toFixed(2);
-}
-function c({ values: e, counterpartId: r, clearCounterpart: i, editedTotals: a }) {
-	let o = { currency: t };
-	return r ? o.counterpart_id = r : i && (o.counterpart_id = null), e.invoiceNumber && (o.document_id = e.invoiceNumber), e.invoiceDate && (o.issued_at = e.invoiceDate), e.dueDate && (o.due_date = e.dueDate), a && (o.discount = n(a.discount) ?? 0, o.tax_amount = n(a.tax) ?? 0, a.total !== void 0 && (o.total_amount = n(a.total) ?? 0)), o;
-}
-function l(e) {
-	return e.filter(i).map((e) => {
-		let t = n(e.amount), i = r(e.quantity) ?? 1, a = n(e.price) ?? (t === null ? 0 : Math.round(t / i)), o = Math.round(i * a);
-		return {
-			name: e.description,
-			quantity: i,
-			unit_price: a,
-			...t !== null && t !== o ? { subtotal: t } : {},
-			...e.glCode ? { ledger_account_id: e.glCode } : {}
-		};
+function e(e) {
+	return new Promise((t, n) => {
+		let r = new FileReader();
+		r.onerror = () => n(r.error ?? /* @__PURE__ */ Error("Failed to read file")), r.onload = () => {
+			let e = r.result;
+			if (typeof e != "string") {
+				n(/* @__PURE__ */ Error("Failed to read file as a data URL"));
+				return;
+			}
+			t(e.slice(e.indexOf(",") + 1));
+		}, r.readAsDataURL(e);
 	});
 }
-function u(e, t) {
-	return s(Math.round(o(e) * a(t)));
-}
-function d(e, t, n) {
-	return s(e.reduce((e, t) => e + a(t.amount), 0) + a(t) - a(n));
-}
 //#endregion
-export { d as calculateTotal, u as displayLineAmount, i as isPersistableLineItem, c as mapBillFormToPayload, l as mapLineItemsToPayload, n as parseMoneyToMinorUnits, r as parseQuantity };
+export { e as encodeFileToBase64 };

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

@@ -1,34 +1,50 @@
-import { BILL_CREATE_MESSAGE_LABELS_EN as e } from "./index26.js";
-import { isPersistableLineItem as t, parseMoneyToMinorUnits as n, parseQuantity as r } from "./index31.js";
+import { parseDecimalAmountToMinorUnits as e } from "../../../shared/util/dist/lib/parseDecimalAmountToMinorUnits.js";
+import "../../data-access/dist/index.js";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index32.js
-var i = /^(?:\d{1,3}(?:,\d{3})+(?:\.\d+)?|\d+(?:\.\d+)?|\.\d+)$/;
-function a(e) {
+var t = "USD";
+function n(n) {
+	return e(n, t);
+}
+function r(e) {
 	let t = e.trim();
-	return !t || n(t) !== null ? !0 : i.test(t) ? Number(t.replaceAll(",", "")) === 0 : !1;
-}
-function o(t, i = e) {
-	let a = {};
-	for (let e of t) {
-		let t = n(e.price), o = n(e.amount), s = {};
-		e.price.trim() && t === null && (s.price = i.unreadableMoney), e.amount.trim() && o === null && (s.amount = i.unreadableMoney), (t !== null || o !== null) && r(e.quantity) === null && (s.quantity = i.unusableQuantity), Object.keys(s).length && (a[e.id] = s);
-	}
-	return Object.keys(a).length ? a : void 0;
-}
-function s(i, a, o, s = e) {
-	let c = {};
-	a || (c.vendor = s.requiredField), i.invoiceNumber.trim() || (c.invoiceNumber = s.requiredField), i.invoiceDate.trim() || (c.invoiceDate = s.requiredField), i.dueDate.trim() || (c.dueDate = s.requiredField);
-	let l = {};
-	return o.forEach((e, i) => {
-		if (i > 0 && !t(e)) return;
-		let a = {};
-		e.description.trim() || (a.description = s.requiredField), r(e.quantity) === null && (a.quantity = s.requiredField), n(e.price) === null && n(e.amount) === null && (a.price = s.requiredField, a.amount = s.requiredField), Object.keys(a).length && (l[e.id] = a);
-	}), {
-		formErrors: Object.keys(c).length ? c : void 0,
-		lineItemErrors: Object.keys(l).length ? l : void 0
-	};
-}
-function c(t, r, i, o = e) {
-	return !a(t) || !a(r) || i !== void 0 && n(i) === null ? { form: o.totalsNeedAttention } : void 0;
+	if (!t) return null;
+	let n = Number(t);
+	return Number.isFinite(n) && n > 0 ? n : null;
+}
+function i(e) {
+	return !!(e.description.trim() || e.glCode.trim() || n(e.price) !== null || n(e.amount) !== null);
+}
+function a(e) {
+	return n(e) ?? 0;
+}
+function o(e) {
+	let t = Number.parseFloat(e);
+	return Number.isFinite(t) ? t : 0;
+}
+function s(e) {
+	return (e / 100).toFixed(2);
+}
+function c({ values: e, counterpartId: r, clearCounterpart: i, editedTotals: a, document: o }) {
+	let s = { currency: t };
+	return r ? s.counterpart_id = r : i && (s.counterpart_id = null), e.invoiceNumber && (s.document_id = e.invoiceNumber), e.invoiceDate && (s.issued_at = e.invoiceDate), e.dueDate && (s.due_date = e.dueDate), o && (s.base64_encoded_file = o.base64EncodedFile, s.file_name = o.fileName), a && (s.discount = n(a.discount) ?? 0, s.tax_amount = n(a.tax) ?? 0, a.total !== void 0 && (s.total_amount = n(a.total) ?? 0)), s;
+}
+function l(e) {
+	return e.filter(i).map((e) => {
+		let t = n(e.amount), i = r(e.quantity) ?? 1, a = n(e.price) ?? (t === null ? 0 : Math.round(t / i)), o = Math.round(i * a);
+		return {
+			name: e.description,
+			quantity: i,
+			unit_price: a,
+			...t !== null && t !== o ? { subtotal: t } : {},
+			...e.glCode ? { ledger_account_id: e.glCode } : {}
+		};
+	});
+}
+function u(e, t) {
+	return s(Math.round(o(e) * a(t)));
+}
+function d(e, t, n) {
+	return s(e.reduce((e, t) => e + a(t.amount), 0) + a(t) - a(n));
 }
 //#endregion
-export { s as validateBillCompleteness, c as validateBillTotals, o as validateLineItems };
+export { d as calculateTotal, u as displayLineAmount, i as isPersistableLineItem, c as mapBillFormToPayload, l as mapLineItemsToPayload, n as parseMoneyToMinorUnits, r as parseQuantity };

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

@@ -1,157 +1,34 @@
-"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 "./index26.js";
-import { mapBillFormToPayload as s, mapLineItemsToPayload as c } from "./index31.js";
-import { validateBillCompleteness as l, validateBillTotals as u, validateLineItems as d } from "./index32.js";
-import { useCallback as f, useRef as p, useState as m } from "react";
+import { BILL_CREATE_MESSAGE_LABELS_EN as e } from "./index26.js";
+import { isPersistableLineItem as t, parseMoneyToMinorUnits as n, parseQuantity as r } from "./index32.js";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index33.js
-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";
+var i = /^(?:\d{1,3}(?:,\d{3})+(?:\.\d+)?|\d+(?:\.\d+)?|\.\d+)$/;
+function a(e) {
+	let t = e.trim();
+	return !t || n(t) !== null ? !0 : i.test(t) ? Number(t.replaceAll(",", "")) === 0 : !1;
 }
-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));
+function o(t, i = e) {
+	let a = {};
+	for (let e of t) {
+		let t = n(e.price), o = n(e.amount), s = {};
+		e.price.trim() && t === null && (s.price = i.unreadableMoney), e.amount.trim() && o === null && (s.amount = i.unreadableMoney), (t !== null || o !== null) && r(e.quantity) === null && (s.quantity = i.unusableQuantity), Object.keys(s).length && (a[e.id] = s);
 	}
-	return r.length && (n.form = r.join(" ")), n;
+	return Object.keys(a).length ? a : void 0;
 }
-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]
+function s(i, a, o, s = e) {
+	let c = {};
+	a || (c.vendor = s.requiredField), i.invoiceNumber.trim() || (c.invoiceNumber = s.requiredField), i.invoiceDate.trim() || (c.invoiceDate = s.requiredField), i.dueDate.trim() || (c.dueDate = s.requiredField);
+	let l = {};
+	return o.forEach((e, i) => {
+		if (i > 0 && !t(e)) return;
+		let a = {};
+		e.description.trim() || (a.description = s.requiredField), r(e.quantity) === null && (a.quantity = s.requiredField), n(e.price) === null && n(e.amount) === null && (a.price = s.requiredField, a.amount = s.requiredField), Object.keys(a).length && (l[e.id] = a);
+	}), {
+		formErrors: Object.keys(c).length ? c : void 0,
+		lineItemErrors: Object.keys(l).length ? l : void 0
 	};
-	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"
-	};
+function c(t, r, i, o = e) {
+	return !a(t) || !a(r) || i !== void 0 && n(i) === null ? { form: o.totalsNeedAttention } : void 0;
 }
 //#endregion
-export { _ as mapValidationErrorsToForm, y as useBillCreateController };
+export { s as validateBillCompleteness, c as validateBillTotals, o as validateLineItems };