@tesouro/embedded-components-react 0.2.281 → 0.2.283

package/dist/index.css

@@ -743,6 +743,9 @@
   .ttw\:h-28 {
     height: calc(var(--ttw-spacing) * 28);
   }
+  .ttw\:h-32 {
+    height: calc(var(--ttw-spacing) * 32);
+  }
   .ttw\:h-36\.5 {
     height: calc(var(--ttw-spacing) * 36.5);
   }
@@ -1127,9 +1130,6 @@
   .ttw\:w-120 {
     width: calc(var(--ttw-spacing) * 120);
   }
-  .ttw\:w-140 {
-    width: calc(var(--ttw-spacing) * 140);
-  }
   .ttw\:w-150 {
     width: calc(var(--ttw-spacing) * 150);
   }
@@ -1834,6 +1834,9 @@
   .ttw\:gap-y-0\.5 {
     row-gap: calc(var(--ttw-spacing) * 0.5);
   }
+  .ttw\:gap-y-1 {
+    row-gap: var(--ttw-spacing);
+  }
   .ttw\:gap-y-2 {
     row-gap: calc(var(--ttw-spacing) * 2);
   }
@@ -3855,6 +3858,9 @@
     width: calc(var(--ttw-spacing) * 3);
     height: calc(var(--ttw-spacing) * 3);
   }
+  .ttw\:group-data-\[state\=closed\]\:-rotate-90:is(:where(.ttw\:group)[data-state="closed"] *) {
+    rotate: calc(90deg * -1);
+  }
   .ttw\:group-data-\[state\=open\]\:rotate-180:is(:where(.ttw\:group)[data-state="open"] *) {
     rotate: 180deg;
   }
@@ -4467,6 +4473,14 @@
   .ttw\:focus-visible\:ring-offset-background:focus-visible {
     --tw-ring-offset-color: var(--ttw-background);
   }
+  .ttw\:focus-visible\:outline-hidden:focus-visible {
+    --tw-outline-style: none;
+    outline-style: none;
+    @media (forced-colors: active) {
+      outline: 2px solid transparent;
+      outline-offset: 2px;
+    }
+  }
   .ttw\:focus-visible\:outline-1:focus-visible {
     outline-style: var(--tw-outline-style);
     outline-width: 1px;
@@ -5314,9 +5328,6 @@
     .ttw\:sm\:max-w-2xl {
       max-width: var(--ttw-container-2xl);
     }
-    .ttw\:sm\:max-w-140 {
-      max-width: calc(var(--ttw-spacing) * 140);
-    }
     .ttw\:sm\:max-w-150 {
       max-width: calc(var(--ttw-spacing) * 150);
     }

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

@@ -3,14 +3,18 @@ import "./index8.js";
 import "./index10.js";
 import "./index12.js";
 import "./index13.js";
+import "./index14.js";
+import "./index15.js";
+import "./index16.js";
 import "./index17.js";
-import "./index19.js";
-import "./index20.js";
-import "./index21.js";
-import "./index22.js";
+import "./index18.js";
 import "./index23.js";
 import "./index24.js";
 import "./index25.js";
 import "./index26.js";
-import { BillPayWidget as e } from "./index30.js";
+import "./index27.js";
+import "./index28.js";
+import "./index29.js";
+import "./index30.js";
+import { BillPayWidget as e } from "./index34.js";
 export { e as BillPayWidget };

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

@@ -2,66 +2,69 @@
 "use client";
 "use client";
 "use client";
-import { calculateTotal as e, displayLineAmount as t } from "./index6.js";
-import { emptyLineItem as n, mapPayableToBillForm as r } from "./index9.js";
-import { useCallback as i, useEffect as a, useMemo as o, useState as s } from "react";
+import { calculateTotal as e, displayLineAmount as t, parseMoneyToMinorUnits as n } from "./index6.js";
+import { emptyLineItem as r, mapPayableToBillForm as i } from "./index9.js";
+import { useCallback as a, useEffect as o, useMemo as s, useState as c } from "react";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index10.js
-function c({ payable: c, lineItems: l } = {}) {
-	let u = o(() => r({
-		payable: c ?? {},
-		lineItems: l ?? []
-	}), [c, l]), [d, f] = s(u.values), [p, m] = s(u.lineItems), [h, g] = s(u.discount), [_, v] = s(u.tax), [y, b] = s(), [x, S] = s(), [C, w] = s(), [T, E] = s(!1), [D, O] = s(!1), [k, A] = s(!1);
-	a(() => {
+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(() => {
 		T || f(u.values);
-	}, [u]), a(() => {
+	}, [u]), o(() => {
 		D || m(u.lineItems);
-	}, [u]), a(() => {
-		k || (g(u.discount), v(u.tax));
+	}, [u]), o(() => {
+		k || (g(u.discount), v(u.tax), b(u.total || void 0));
 	}, [u]);
-	let j = i((e) => {
+	let j = a((e) => {
 		f((t) => ({
 			...t,
 			...e
 		})), E(!0);
-	}, []), M = i((e) => {
+	}, []), 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 = i((e, n) => {
-		M(e), m((r) => r.map((r) => {
-			if (r.id !== e) return r;
-			let i = {
-				...r,
-				...n
+	}, []), N = a((e, t) => {
+		M(e), m((n) => n.map((n) => {
+			if (n.id !== e) return n;
+			let r = {
+				...n,
+				...t
 			};
-			return "amount" in n ? i : {
-				...i,
-				amount: t(i.quantity, i.price)
+			return "amount" in t ? r : {
+				...r,
+				amount: l(r.quantity, r.price, r.amount)
 			};
 		})), O(!0), b(void 0);
-	}, [M]), P = i((e, n) => {
-		M(e), m((r) => r.map((r) => {
-			if (r.id !== e) return r;
-			let i = Number.parseFloat(r.quantity), a = String(Math.max(1, (Number.isFinite(i) ? i : 1) + n));
+	}, [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 {
-				...r,
-				quantity: a,
-				amount: t(a, r.price)
+				...n,
+				quantity: i,
+				amount: l(i, n.price, n.amount)
 			};
 		})), O(!0), b(void 0);
-	}, [M]), F = i((e) => {
+	}, [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 = i(() => {
-		m((e) => [...e, n()]), O(!0), b(void 0);
-	}, []), L = i((e) => {
+	}, [M]), I = a(() => {
+		m((e) => [...e, r()]), O(!0), b(void 0);
+	}, []), L = a((e) => {
 		g(e), A(!0), b(void 0);
-	}, []), R = i((e) => {
+	}, []), R = a((e) => {
 		v(e), A(!0), b(void 0);
-	}, []), z = i((e) => {
+	}, []), z = a((e) => {
 		b(e), A(!0);
-	}, []), B = o(() => p.map((e) => ({
+	}, []), B = s(() => p.map((e) => ({
 		...e,
 		onChange: (t) => N(e.id, t),
 		onQuantityStep: (t) => P(e.id, t),
@@ -71,7 +74,7 @@ function c({ payable: c, lineItems: l } = {}) {
 		N,
 		F,
 		P
-	]), V = o(() => e(p, _, h), [
+	]), V = s(() => e(p, _, h), [
 		p,
 		_,
 		h
@@ -98,4 +101,4 @@ function c({ payable: c, lineItems: l } = {}) {
 	};
 }
 //#endregion
-export { c as useBillForm };
+export { u as useBillForm };

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

@@ -19,79 +19,94 @@ import { billCreateTestIds as u } from "./index11.js";
 import { useCallback as d, useEffect as f, useMemo as p, useState as m } from "react";
 import { jsx as h } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index12.js
-function g({ open: g, onOpenChange: _, payableId: v, copy: y }) {
-	let b = {
+function g({ open: g, onOpenChange: _, payableId: v, readOnly: y, copy: b }) {
+	let x = {
 		...t,
-		...y
-	}, [x, S] = m(), [C, w] = m(!1), [T, E] = m(!1), [D, O] = m(), k = v ?? D, A = r(k, { pollWhileOcrProcessing: !0 }), j = n(k), M = e(), N = A.data, P = a({
-		payable: N,
-		lineItems: j.lineItems
-	}), F = N?.counterpart_id;
+		...b
+	}, [S, C] = m(), [w, T] = m(!1), [E, D] = m(!1), [O, k] = m(), A = v ?? O, j = r(A, { pollWhileOcrProcessing: !0 }), M = n(A), N = e(), P = j.data, F = a({
+		payable: P,
+		lineItems: M.lineItems
+	}), I = P?.counterpart_id;
 	f(() => {
-		C || F && (S(F), w(!0));
-	}, [C, F]);
-	let I = d((e) => {
-		w(!0), S(e);
-	}, []), L = i({
+		w || I && (C(I), T(!0));
+	}, [w, I]);
+	let L = d((e) => {
+		T(!0), C(e);
+	}, []), R = i({
 		payableId: v,
-		form: P,
-		counterpartId: x,
-		onPayableCreated: O,
-		onSaved: O,
+		form: F,
+		counterpartId: S,
+		onPayableCreated: k,
+		onSaved: k,
 		onDraftSaved: () => _(!1),
 		onFinalized: () => _(!1)
-	}), R = p(() => (M.data?.data ?? []).map((e) => ({
+	}), z = !!(R.isSavingDraft || R.isFinalizing), B = p(() => (N.data?.data ?? []).map((e) => ({
 		value: e.id,
 		label: [e.nominal_code, e.name].filter(Boolean).join(" — ")
-	})), [M.data]), z = N?.source_of_payable_data === "ocr", B = N?.counterpart_raw_data?.name, V = () => {
-		P.isDirty && !window.confirm(b.discardConfirm) || _(!1);
-	}, H = l({
-		payableId: k,
-		counterpartId: x,
-		payableCounterpartId: F,
-		onCounterpartChange: I
+	})), [N.data]), V = P?.source_of_payable_data === "ocr", H = P?.counterpart_raw_data?.name, U = d(() => {
+		!y && F.isDirty && !window.confirm(x.discardConfirm) || _(!1);
+	}, [
+		x.discardConfirm,
+		F.isDirty,
+		_,
+		y
+	]), W = d((e) => {
+		if (!z) return e ? _(!0) : U();
+	}, [
+		U,
+		z,
+		_
+	]), G = l({
+		payableId: A,
+		counterpartId: S,
+		payableCounterpartId: I,
+		onCounterpartChange: L,
+		requiredError: F.errors?.vendor
 	});
 	return /* @__PURE__ */ h(o, {
 		open: g,
-		onOpenChange: (e) => e ? _(!0) : V(),
-		title: z && B ? b.extractedTitle(B) : b.newTitle,
-		notice: z && !T ? /* @__PURE__ */ h(s, { onDismiss: () => E(!0) }) : void 0,
+		onOpenChange: W,
+		title: y ? x.readOnlyTitle : V && H ? x.extractedTitle(H) : x.newTitle,
+		notice: V && !E ? /* @__PURE__ */ h(s, { onDismiss: () => D(!0) }) : void 0,
 		vendor: {
-			...H,
+			...G,
 			testId: u.vendorSection
 		},
-		values: P.values,
-		errors: P.errors,
-		onChange: P.onChange,
+		values: F.values,
+		errors: F.errors,
+		onChange: F.onChange,
 		lineItems: {
-			items: P.lineItemRows,
-			glCodeOptions: R,
-			discount: P.discount,
-			onDiscountChange: P.onDiscountChange,
-			tax: P.tax,
-			onTaxChange: P.onTaxChange,
-			total: P.total,
-			onTotalChange: P.onTotalChange,
-			onAddLineItem: P.onAddLineItem,
-			errors: P.lineItemErrors,
+			items: F.lineItemRows,
+			glCodeOptions: B,
+			discount: F.discount,
+			onDiscountChange: F.onDiscountChange,
+			tax: F.tax,
+			onTaxChange: F.onTaxChange,
+			total: F.total,
+			onTotalChange: F.onTotalChange,
+			onAddLineItem: F.onAddLineItem,
+			errors: F.lineItemErrors,
 			testId: u.lineItems
 		},
 		documentPanel: /* @__PURE__ */ h(c, {
-			payableId: k,
-			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
+			payableId: A,
+			readOnly: y,
+			isDocumentPending: !!A && !P?.file && (j.isLoading || P?.ocr_status === "processing"),
+			file: P?.file ? {
+				id: P.file.id,
+				name: P.file.name,
+				url: P.file.url,
+				mimetype: P.file.mimetype
 			} : void 0
 		}),
-		isLineItemsLoading: j.isResolving,
-		isSavingDraft: L.isSavingDraft,
-		isFinalizing: L.isFinalizing,
-		onCancel: V,
-		onSaveDraft: L.saveDraft,
-		onFinalize: L.finalize,
+		readOnly: y,
+		isLineItemsLoading: M.isResolving,
+		isSaving: z,
+		isSavingDraft: R.isSavingDraft,
+		isFinalizing: R.isFinalizing,
+		onCancel: U,
+		onSaveDraft: R.saveDraft,
+		onFinalize: R.finalize,
 		testId: u.dialog
 	});
 }

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

@@ -1,4 +1,23 @@
+import { BILL_DETAILS_SHEET_LABELS_EN as e } from "../../ui/dist/index36.js";
+import "../../ui/dist/index.js";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index14.js
-var e = { Mounted: "bill_pay_widget.mounted" }, t = "bill_pay_widget";
+var t = {
+	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",
+	sheet: e
+};
 //#endregion
-export { e as BillPayWidgetAnalyticsEvent, t as WIDGET_NAME };
+export { t as BILL_DETAILS_LABELS_EN };

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

@@ -1,45 +1,50 @@
-"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 "./index14.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/index15.js
-var s = (e) => e;
-function c(n) {
-	let i = e();
-	return a(() => {
-		i(t.Mounted);
-	}, [i]), /* @__PURE__ */ o(r, { ...n });
+var e = /* @__PURE__ */ new Set([
+	"new",
+	"approve_in_progress",
+	"waiting_to_be_paid",
+	"partially_paid"
+]);
+function t(e, t) {
+	let n = /* @__PURE__ */ new Date(`${e.slice(0, 10)}T00:00:00Z`), r = Date.UTC(t.getUTCFullYear(), t.getUTCMonth(), t.getUTCDate());
+	return n.getTime() < r;
 }
-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 n(n, r, i = /* @__PURE__ */ new Date()) {
+	if (e.has(n) && r && t(r, i)) return {
+		status: "overdue",
+		tone: "danger"
+	};
+	switch (n) {
+		case "draft": return {
+			status: "draft",
+			tone: "neutral"
+		};
+		case "new":
+		case "approve_in_progress": return {
+			status: "pending_approval",
+			tone: "warning"
+		};
+		case "waiting_to_be_paid": return {
+			status: "ready_to_pay",
+			tone: "info"
+		};
+		case "partially_paid": return {
+			status: "partially_paid",
+			tone: "success"
+		};
+		case "paid": return {
+			status: "paid",
+			tone: "success"
+		};
+		case "canceled": return {
+			status: "canceled",
+			tone: "neutral"
+		};
+		case "rejected": return {
+			status: "rejected",
+			tone: "danger"
+		};
+	}
 }
 //#endregion
-export { l as BillPayWidgetMonite, l as default };
+export { n as derivePayableStatus };

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

@@ -1 +1,81 @@
-import "./index15.js";
+import { formatCalendarDate as e } from "../../../shared/util/dist/lib/formatCalendarDate.js";
+import { formatMoneyExact as t } from "../../../shared/util/dist/lib/formatMoneyExact.js";
+import "../../data-access/dist/index.js";
+import { derivePayableStatus as n } from "./index15.js";
+//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index16.js
+function r(e, n) {
+	if (typeof e == "number") return t(e / 100, { currencyCode: n });
+}
+function i({ payable: t, lineItems: i, ledgerAccounts: a, labels: o }) {
+	let s = t.currency ?? "USD", c = n(t.status, t.due_date), l = t.counterpart ?? t.counterpart_raw_data, u = l?.name ?? "", d = e(t.issued_at) || o.notProvided, f = e(t.due_date) || o.notProvided, p = [{
+		label: o.vendorRow,
+		value: u || o.notProvided,
+		secondaryValue: l?.email ?? void 0
+	}], m = l?.bank_account?.account_number;
+	m && p.push({
+		label: o.bankAccountRow,
+		value: o.bankAccountValue(m.slice(-4))
+	});
+	let h = [
+		{
+			label: o.invoiceNumberRow,
+			value: t.document_id || o.notProvided
+		},
+		{
+			label: o.issueDateRow,
+			value: d
+		},
+		{
+			label: o.dueDateRow,
+			value: f
+		},
+		{
+			label: o.poNumberRow,
+			value: o.notProvided
+		}
+	], g = new Map(a.map((e) => [e.id, [e.nominal_code, e.name].filter(Boolean).join(" — ")])), _ = i.map((e) => {
+		let t = r(e.unit_price, s);
+		return {
+			id: e.id,
+			description: e.name ?? e.description ?? "",
+			glCodeLabel: (e.ledger_account_id ? g.get(e.ledger_account_id) : void 0) || o.glCodeMissing,
+			quantityLabel: e.quantity != null && t ? o.quantityValue(String(e.quantity), t) : "",
+			amountLabel: r(e.subtotal, s) ?? ""
+		};
+	}), v = [
+		{
+			label: o.subtotalRow,
+			value: t.subtotal
+		},
+		{
+			label: o.discountsRow,
+			value: t.discount
+		},
+		{
+			label: o.taxRow,
+			value: t.tax_amount
+		}
+	].map(({ label: e, value: t }) => ({
+		label: e,
+		value: r(t, s)
+	})).filter((e) => !!e.value), y = r(t.total_amount, s);
+	return y && v.push({
+		label: o.totalRow,
+		value: y,
+		emphasis: !0
+	}), {
+		title: u,
+		subtitle: o.subtitle,
+		status: c.status,
+		statusTone: c.tone,
+		amountDueLabel: r(t.amount_due, s) ?? r(t.total_amount, s) ?? "",
+		invoiceDateLabel: d,
+		dueDateLabel: f,
+		payToItems: p,
+		invoiceItems: h,
+		lineItems: _,
+		totals: v
+	};
+}
+//#endregion
+export { i as mapPayableToBillDetails };