@tesouro/embedded-components-react 0.2.254 → 0.2.256

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

@@ -1,9 +1,108 @@
+"use client";
+"use client";
+"use client";
+"use client";
+import { VENDOR_SECTION_PROPS_LABELS_EN as e } from "./index2.js";
+import { usePayableSuggestionsQuery as t } from "../../data-access/dist/index11.js";
+import "../../data-access/dist/index.js";
+import { getCounterpartEmail as n, getCounterpartName as r } from "../../../shared/counterpart-management/feature/dist/lib/helpers.js";
+import { useCounterpartsQuery as i } from "../../../shared/counterpart-management/data-access/dist/index3.js";
+import { useCounterpartDetails as a } from "../../../shared/counterpart-management/feature/dist/lib/useCounterpartDetails.js";
+import "../../../shared/counterpart-management/feature/dist/index.js";
+import { VendorInlineForm as o } from "./index4.js";
+import { useCallback as s, useEffect as c, useMemo as l, useState as u } from "react";
+import { jsx as d } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index5.js
-var e = {
-	bills: "Bills",
-	vendors: "Vendors",
-	settings: "Settings",
-	billsPlaceholder: "Bills will appear here."
-};
+var f = 25, p = 300;
+function m({ payableId: m, counterpartId: h, payableCounterpartId: g, onCounterpartChange: _, labels: v }) {
+	let y = {
+		...e,
+		...v
+	}, [b, x] = u(""), [S, C] = u(""), [w, T] = u(), [E, D] = u(!1), O = s((e) => {
+		D(!0), _(e);
+	}, [_]), k = t(m, { enabled: !!m && !h && !g }).data?.suggested_counterpart?.id;
+	c(() => {
+		!E && !h && !g && k && O(k);
+	}, [
+		h,
+		g,
+		E,
+		k,
+		O
+	]), c(() => {
+		let e = setTimeout(() => {
+			C(b.trim());
+		}, p);
+		return () => clearTimeout(e);
+	}, [b]);
+	let A = i({
+		sort: "counterpart_name",
+		order: "asc",
+		limit: f,
+		counterpart_name__icontains: S || void 0,
+		is_vendor: !0
+	}), j = a({ selectedId: h }), M = l(() => {
+		let e = j.counterpart;
+		if (!e) return;
+		let t = j.bankAccounts?.find((e) => e.is_default_for_currency);
+		return {
+			name: r(e),
+			email: n(e),
+			methodLabel: t ? y.achMethod : y.noMethod,
+			fields: t ? [
+				{
+					label: y.accountHolder,
+					value: t.account_holder_name ?? ""
+				},
+				{
+					label: y.routingNumber,
+					value: t.routing_number ?? ""
+				},
+				{
+					label: y.accountNumber,
+					value: "",
+					maskedValue: t.account_number ?? ""
+				}
+			] : []
+		};
+	}, [
+		j.bankAccounts,
+		j.counterpart,
+		y
+	]), N = l(() => (A.data?.data ?? []).map((e) => ({
+		name: r(e),
+		email: n(e),
+		onSelect: () => O(e.id)
+	})), [A.data, O]), P = s(() => T(void 0), []), F = s((e) => {
+		T(void 0), O(e);
+	}, [O]);
+	return w ? {
+		mode: "creating",
+		newVendorForm: /* @__PURE__ */ d(o, {
+			mode: w,
+			counterpart: w === "edit" ? j.counterpart : void 0,
+			primaryAddress: w === "edit" ? j.primaryAddress : void 0,
+			initialName: w === "create" ? b : void 0,
+			onSaved: F,
+			onCancel: P
+		}),
+		onClear: P
+	} : M ? {
+		mode: "resolved",
+		summary: M,
+		onEdit: () => T("edit"),
+		onClear: () => O(void 0)
+	} : {
+		mode: "selecting",
+		error: A.isError ? y.searchFailed : j.isError ? y.vendorDetailsFailed : void 0,
+		search: {
+			query: b,
+			onQueryChange: x,
+			isLoading: A.isLoading,
+			onAddVendor: () => T("create"),
+			results: N
+		}
+	};
+}
 //#endregion
-export { e as DEFAULT_TABS_LABELS };
+export { m as useVendorSectionProps };

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

@@ -1,93 +1,40 @@
-"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 { useAnalyticsTrack as n } from "../../../shared/feature/dist/lib/analytics/hooks.js";
-import { WidgetProvider as r } from "../../../shared/feature/dist/lib/WidgetProvider/WidgetProvider.js";
-import { useWidgetConfig as i } from "../../../shared/feature/dist/lib/WidgetProvider/hooks.js";
-import "../../../shared/feature/dist/index.js";
-import { BillPayWidgetAnalyticsEvent as a, WIDGET_NAME as o } from "./index2.js";
-import { DEFAULT_TABS_LABELS as s } from "./index5.js";
-import { BillPayWidgetUi as c } from "../../ui/dist/index31.js";
-import "../../ui/dist/index.js";
-import { ApprovalPoliciesSettings as l } from "../../../shared/approval-policy/feature/dist/lib/ApprovalPoliciesSettings.js";
-import "../../../shared/approval-policy/feature/dist/index.js";
-import { CounterpartsWidget as u } from "../../../counterparts-widget/feature/dist/index8.js";
-import "../../../counterparts-widget/feature/dist/index.js";
-import { useEffect as d, useState as f } from "react";
-import { jsx as p } from "react/jsx-runtime";
+import { formatMoneyExact as e } from "../../../shared/util/dist/lib/formatMoneyExact.js";
+import { parseDecimalAmountToMinorUnits as t } from "../../../shared/util/dist/lib/parseDecimalAmountToMinorUnits.js";
+import "../../data-access/dist/index.js";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index6.js
-var m = {
-	Bills: "bills",
-	Vendors: "vendors",
-	Settings: "settings"
-}, h = [
-	m.Settings,
-	m.Vendors,
-	m.Bills
-];
-function g({ text: e }) {
-	return /* @__PURE__ */ p("p", {
-		className: "ttw:text-sm ttw:text-muted-foreground",
-		children: e
-	});
+var n = "USD";
+function r(e) {
+	return t(e, n) ?? 0;
 }
-function _({ labels: r, tabsLabels: o, approvalPolicyLabels: _, approvalPolicyComponentLabels: v, vendorLabels: y }) {
-	let b = n();
-	d(() => {
-		b(a.Mounted);
-	}, [b]);
-	let x = {
-		...s,
-		...o
-	}, { initResponse: S } = i(), C = e(S?.scopes, [t.ApprovalPolicyWriteOrg]), w = !S || C, [T, E] = f(m.Settings), D = [{
-		id: m.Bills,
-		label: x.bills,
-		content: /* @__PURE__ */ p(g, { text: x.billsPlaceholder })
-	}, {
-		id: m.Vendors,
-		label: x.vendors,
-		content: /* @__PURE__ */ p(u, {
-			...y,
-			counterpartType: "vendor",
-			showTitle: !1,
-			onViewAllDocuments: () => E(m.Bills)
-		})
-	}];
-	w && D.push({
-		id: m.Settings,
-		label: x.settings,
-		content: /* @__PURE__ */ p(l, {
-			labels: _,
-			componentLabels: v
-		})
-	});
-	let O = D.some((e) => e.id === T) ? T : h.find((e) => D.some((t) => t.id === e)) ?? D[0]?.id ?? "";
-	return /* @__PURE__ */ p(c, {
-		labels: r,
-		tabs: D,
-		selectedTabId: O,
-		onTabChange: E
-	});
+function i(e) {
+	let t = Number.parseFloat(e);
+	return Number.isFinite(t) ? t : 0;
 }
-function v({ baseUrl: e, widgetToken: t, organizationId: n, configClient: i, linkComponent: a, implementation: s, uiFramework: c, errorFallback: l, onError: u, analytics: d, ...f }) {
-	return /* @__PURE__ */ p(r, {
-		widgetName: o,
-		baseUrl: e,
-		widgetToken: t,
-		organizationId: n,
-		configClient: i,
-		linkComponent: a,
-		implementation: s,
-		uiFramework: c,
-		errorFallback: l,
-		onError: u,
-		analytics: d,
-		children: /* @__PURE__ */ p(_, { ...f })
-	});
+function a({ values: e, paymentTerm: t, counterpartId: r }) {
+	let i = { currency: n };
+	return r && (i.counterpart_id = r), e.invoiceNumber && (i.document_id = e.invoiceNumber), e.invoiceDate && (i.issued_at = e.invoiceDate), e.dueDate && (i.due_date = e.dueDate), t?.term_final && t.name && (i.payment_terms = {
+		name: t.name,
+		...t.description ? { description: t.description } : {},
+		...t.term_1 ? { term_1: t.term_1 } : {},
+		...t.term_2 ? { term_2: t.term_2 } : {},
+		term_final: t.term_final
+	}), i;
+}
+function o(e) {
+	return e.filter((e) => e.description || e.price).map((e) => ({
+		name: e.description,
+		quantity: i(e.quantity),
+		unit_price: r(e.price),
+		...e.glCode ? { ledger_account_id: e.glCode } : {}
+	}));
+}
+function s(t, a) {
+	let o = Math.round(i(t) * r(a));
+	return e(o / 100, { currencyCode: n });
+}
+function c(t) {
+	let a = t.reduce((e, t) => e + Math.round(i(t.quantity) * r(t.price)), 0);
+	return e(a / 100, { currencyCode: n });
 }
 //#endregion
-export { v as BillPayWidgetNative, v as default };
+export { s as displayLineAmount, c as displayTotal, a as mapBillFormToPayload, o as mapLineItemsToPayload };

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

@@ -1 +1,122 @@
-import "./index6.js";
+"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 { BILL_CREATE_MESSAGE_LABELS_EN as t } from "./index2.js";
+import { useReplacePayableLineItemsMutation as n } from "../../data-access/dist/index6.js";
+import { useCreatePayableMutation as r, useSubmitPayableForApprovalMutation as i, useUpdatePayableMutation as a, useValidatePayableMutation as o } from "../../data-access/dist/index7.js";
+import "../../data-access/dist/index.js";
+import { mapBillFormToPayload as s, mapLineItemsToPayload as c } from "./index6.js";
+import { useCallback as l, useRef as u, useState as d } from "react";
+//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index7.js
+var f = {
+	document_id: "invoiceNumber",
+	issued_at: "invoiceDate",
+	due_date: "dueDate",
+	payment_terms: "paymentTerms"
+};
+function p(e) {
+	return e.type === "type_error.none.not_allowed" || e.msg === "none is not an allowed value";
+}
+function m(e, n = t) {
+	let r = {}, i = [];
+	for (let t of e) {
+		let e = t.loc[0] ?? n.unknownValidationField, a = f[e], o = p(t) ? n.requiredField : t.msg;
+		a ? r[a] = o : i.push(n.unmappedValidationError(e, o));
+	}
+	return i.length && (r.form = i.join(" ")), r;
+}
+function h({ payableId: f, form: p, paymentTerm: h, counterpartId: g, onSaved: _, onPayableCreated: v, onDraftSaved: y, onFinalized: b, labels: x }) {
+	let S = {
+		...t,
+		...x
+	}, [C, w] = d(), T = f ?? C, [E, D] = d(), O = u(!1), k = r(), A = a(), j = n(), M = o(), N = i(), P = l(async () => {
+		let e = s({
+			values: p.values,
+			paymentTerm: h,
+			counterpartId: g
+		}), t = T;
+		if (t ? await A.mutateAsync({
+			path: { payable_id: t },
+			body: e
+		}) : (t = (await k.mutateAsync({ body: e }))?.id, t && (w(t), v?.(t))), !t) throw Error("Payable was created without an id");
+		return await j.mutateAsync({
+			path: { payable_id: t },
+			body: { data: c(p.lineItems) }
+		}), t;
+	}, [
+		g,
+		k,
+		p.lineItems,
+		p.values,
+		v,
+		h,
+		T,
+		j,
+		A
+	]);
+	return {
+		saveDraft: l(async () => {
+			if (!O.current) {
+				O.current = !0, D("draft");
+				try {
+					let t = await P();
+					p.setErrors(void 0), _?.(t), y?.(t), e.success(S.draftSaved);
+				} catch {
+					p.setErrors({ form: S.saveFailed });
+				} finally {
+					D(void 0), O.current = !1;
+				}
+			}
+		}, [
+			p,
+			S.draftSaved,
+			S.saveFailed,
+			y,
+			_,
+			P
+		]),
+		finalize: l(async () => {
+			if (!O.current) {
+				O.current = !0, D("finalize");
+				try {
+					let t;
+					try {
+						t = await P();
+					} catch {
+						p.setErrors({ form: S.saveFailed });
+						return;
+					}
+					_?.(t);
+					try {
+						let n = await M.mutateAsync({ path: { payable_id: t } });
+						if (n.validation_errors.length) {
+							p.setErrors(m(n.validation_errors, S));
+							return;
+						}
+						await N.mutateAsync({ path: { payable_id: t } }), p.setErrors(void 0), b?.(t), e.success(S.billFinalized);
+					} catch {
+						p.setErrors({ form: S.finalizeFailed });
+					}
+				} finally {
+					D(void 0), O.current = !1;
+				}
+			}
+		}, [
+			p,
+			S,
+			b,
+			_,
+			P,
+			N,
+			M
+		]),
+		payableId: T,
+		isSavingDraft: E === "draft",
+		isFinalizing: E === "finalize"
+	};
+}
+//#endregion
+export { m as mapValidationErrorsToForm, h as useBillCreateController };

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

@@ -1,25 +1,39 @@
-"use client";
-"use client";
-"use client";
-"use client";
-import { Implementation as e } from "../../../shared/feature/dist/lib/WidgetProvider/types.js";
-import { useWidgetConfig as t } from "../../../shared/feature/dist/lib/WidgetProvider/hooks.js";
-import "../../../shared/feature/dist/index.js";
-import { BillPayWidgetMonite as n } from "./index3.js";
-import "./index4.js";
-import { BillPayWidgetNative as r } from "./index6.js";
-import "./index7.js";
-import { jsx as i } from "react/jsx-runtime";
+import { formatMoneyExact as e } from "../../../shared/util/dist/lib/formatMoneyExact.js";
+import "../../data-access/dist/index.js";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index8.js
-function a({ implementation: a, ...o }) {
-	let s = t().implementation, c = a ?? s ?? e.Monite;
-	return c === e.Native ? /* @__PURE__ */ i(r, {
-		implementation: c,
-		...o
-	}) : /* @__PURE__ */ i(n, {
-		implementation: c,
-		...o
-	});
+var t = "USD";
+function n() {
+	return {
+		id: crypto.randomUUID(),
+		description: "",
+		glCode: "",
+		quantity: "1",
+		price: "",
+		amount: ""
+	};
+}
+function r(e) {
+	return typeof e == "number" ? (e / 100).toFixed(2) : "";
+}
+function i({ payable: i, lineItems: a }) {
+	let o = {
+		invoiceNumber: i.document_id ?? "",
+		invoiceDate: i.issued_at ?? "",
+		dueDate: i.due_date ?? "",
+		paymentTerms: "",
+		poNumber: ""
+	}, s = a.map((n) => ({
+		id: n.id,
+		description: n.name ?? "",
+		glCode: n.ledger_account_id ?? "",
+		quantity: n.quantity == null ? "" : String(n.quantity),
+		price: r(n.unit_price),
+		amount: typeof n.total == "number" ? e(n.total / 100, { currencyCode: t }) : ""
+	}));
+	return {
+		values: o,
+		lineItems: s.length ? s : [n()]
+	};
 }
 //#endregion
-export { a as BillPayWidget, a as default };
+export { n as emptyLineItem, i as mapPayableToBillForm };

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

@@ -0,0 +1,74 @@
+"use client";
+"use client";
+"use client";
+"use client";
+import { displayLineAmount as e, displayTotal as t } from "./index6.js";
+import { emptyLineItem as n, mapPayableToBillForm as r } from "./index8.js";
+import { useCallback as i, useEffect as a, useMemo as o, useState as s } from "react";
+//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index9.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(), [_, v] = s(!1), [y, b] = s(!1);
+	a(() => {
+		_ || f(u.values);
+	}, [u]), a(() => {
+		y || m(u.lineItems);
+	}, [u]);
+	let x = i((e) => {
+		f((t) => ({
+			...t,
+			...e
+		})), v(!0);
+	}, []), S = i((t, n) => {
+		m((r) => r.map((r) => {
+			if (r.id !== t) return r;
+			let i = {
+				...r,
+				...n
+			};
+			return {
+				...i,
+				amount: e(i.quantity, i.price)
+			};
+		})), b(!0);
+	}, []), C = i((t, n) => {
+		m((r) => r.map((r) => {
+			if (r.id !== t) return r;
+			let i = Number.parseFloat(r.quantity), a = String(Math.max(1, (Number.isFinite(i) ? i : 1) + n));
+			return {
+				...r,
+				quantity: a,
+				amount: e(a, r.price)
+			};
+		})), b(!0);
+	}, []), w = i((e) => {
+		m((t) => t.length <= 1 ? t : t.filter((t) => t.id !== e)), b(!0);
+	}, []), T = i(() => {
+		m((e) => [...e, n()]), b(!0);
+	}, []);
+	return {
+		values: d,
+		errors: h,
+		setErrors: g,
+		onChange: x,
+		lineItems: p,
+		lineItemRows: o(() => p.map((e) => ({
+			...e,
+			onChange: (t) => S(e.id, t),
+			onQuantityStep: (t) => C(e.id, t),
+			onRemove: () => w(e.id)
+		})), [
+			p,
+			S,
+			w,
+			C
+		]),
+		totalAmountLabel: o(() => t(p), [p]),
+		onAddLineItem: T,
+		isDirty: _ || y
+	};
+}
+//#endregion
+export { c as useBillForm };

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index.js

@@ -4,33 +4,40 @@ import "./index5.js";
 import "./index6.js";
 import "./index7.js";
 import "./index8.js";
-import "./index10.js";
+import "./index9.js";
+import { AddBillDialog as e } from "./index10.js";
 import "./index11.js";
+import "./index12.js";
 import "./index13.js";
 import "./index14.js";
+import "./index15.js";
 import "./index16.js";
 import "./index17.js";
+import "./index18.js";
 import "./index19.js";
 import "./index20.js";
 import "./index24.js";
 import "./index25.js";
 import "./index26.js";
 import "./index27.js";
-import "./index28.js";
+import { BillCreateScreen as t } from "./index28.js";
 import "./index29.js";
 import "./index30.js";
-import { BillPayWidgetUi as e } from "./index31.js";
+import { BillPayWidgetUi as n } from "./index31.js";
 import "./index32.js";
+import "./index33.js";
 import "./index34.js";
 import "./index35.js";
 import "./index36.js";
 import "./index37.js";
-import "./index38.js";
-import "./index41.js";
+import { BillsScreen as r } from "./index38.js";
+import "./index39.js";
+import { BillUploadStatusTray as i } from "./index41.js";
 import "./index43.js";
-import "./index45.js";
+import "./index44.js";
+import { ExtractionNotice as a } from "./index45.js";
 import "./index46.js";
 import "./index47.js";
-import "./index48.js";
+import { SourceDocumentPanel as o } from "./index48.js";
 import "./index49.js";
-export { e as BillPayWidgetUi };
+export { e as AddBillDialog, t as BillCreateScreen, n as BillPayWidgetUi, i as BillUploadStatusTray, r as BillsScreen, a as ExtractionNotice, o as SourceDocumentPanel };

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

@@ -1,4 +1,25 @@
-import "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import "./index7.js";
+import { Dialog as e, DialogContent as t, DialogDescription as n, DialogHeader as r, DialogTitle as i } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { AddBillPanel as a } from "./index7.js";
 import "./index8.js";
-import "react/jsx-runtime";
+import { ADD_BILL_DIALOG_LABELS_EN as o } from "./index9.js";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index10.js
+function l({ open: l, onOpenChange: u, dialogLabels: d, ...f }) {
+	let p = {
+		...o,
+		...d
+	};
+	return /* @__PURE__ */ s(e, {
+		open: l,
+		onOpenChange: u,
+		children: /* @__PURE__ */ c(t, {
+			className: "ttw:sm:max-w-2xl",
+			children: [/* @__PURE__ */ c(r, {
+				className: "ttw:sr-only",
+				children: [/* @__PURE__ */ s(i, { children: p.dialogTitle }), /* @__PURE__ */ s(n, { children: p.dialogDescription })]
+			}), /* @__PURE__ */ s(a, { ...f })]
+		})
+	});
+}
+//#endregion
+export { l as AddBillDialog, l as default };

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index11.js

@@ -1 +1,2 @@
+import "./index9.js";
 import "./index10.js";

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

@@ -0,0 +1,12 @@
+//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index12.js
+var e = {
+	invoiceNumber: "Invoice number",
+	invoiceDate: "Invoice date",
+	dueDate: "Due date",
+	paymentTerms: "Payment terms (optional)",
+	paymentTermsPlaceholder: "Select payment terms",
+	paymentTermsNone: "No payment terms",
+	poNumber: "PO number (optional)"
+};
+//#endregion
+export { e as BILL_FORM_FIELDS_LABELS_EN };