@tesouro/embedded-components-react 0.2.326 → 0.2.328

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

@@ -1,68 +1,123 @@
-"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 { useUpdatePayableMutation as t } from "../../data-access/dist/index10.js";
-import "../../data-access/dist/index.js";
-import { counterpartFormBankAccountToCreatePayload as n, validateAchFormValues as r } from "../../../shared/counterpart-management/feature/dist/lib/helpers.js";
-import { useCreateCounterpartBankAccountMutation as i } from "../../../shared/counterpart-management/data-access/dist/index5.js";
-import "../../../shared/counterpart-management/feature/dist/index.js";
-import { useCallback as a, useRef as o, useState as s } from "react";
+import { PAY_BILL_FLOW_LABELS_EN as e, mergePayBillFlowLabels as t } from "./index7.js";
+import { APPROVAL_POLICY_RULE_COPY_EN as n } from "./index12.js";
+import { BILL_DETAIL_ACTIONS_LABELS_EN as r, SCHEDULED_SUMMARY_LABEL_EN as i, mergeBillDetailActionsLabels as a } from "./index24.js";
+import { SOURCE_DOCUMENT_PREVIEW_LABELS_EN as o } from "./index25.js";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index26.js
-var c = {
-	accountHolderName: "",
-	routingNumber: "",
-	accountNumber: ""
+var s = {
+	unmappedValidationError: (e, t) => `${e}: ${t}`,
+	unknownValidationField: "(unknown field)",
+	requiredField: "This field is required.",
+	saveFailed: "We could not save this bill. Try again.",
+	finalizeFailed: "We could not submit this bill. Try again.",
+	draftSaved: "Bill saved as a draft.",
+	billFinalized: "Bill submitted for approval.",
+	unreadableMoney: "Enter a valid amount.",
+	unusableQuantity: "Enter a quantity greater than 0.",
+	lineItemsNeedAttention: "Check the highlighted line items before saving.",
+	totalsNeedAttention: "Enter valid amounts for discount, tax, and total."
+}, c = {
+	achMethod: "via ACH bank transfer",
+	noMethod: "No payment method on file",
+	accountHolder: "Account holder",
+	routingNumber: "Routing number",
+	accountNumber: "Account number",
+	paymentMethodLoading: "Loading payment method...",
+	paymentMethodUnavailable: "We could not load payment methods. Try again.",
+	searchFailed: "We could not load vendors. Try again.",
+	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 = {
+	notProvided: "Not provided",
+	paymentInstructionsValue: (e) => `Account ending in ${e}`,
+	invoiceDateRow: "Invoice date",
+	dueDateRow: "Due date",
+	invoiceNumberRow: "Invoice number",
+	glCodeMissing: "GL code not specified",
+	qtyPriceValue: (e, t) => `${e} x ${t}`,
+	subtotalRow: "Subtotal",
+	taxRow: "Tax",
+	discountRow: "Discounts",
+	totalRow: "Total",
+	paymentInstructionsSaveError: "Couldn't save payment instructions. Try again."
+}, d = {
+	dateLabel: (e) => new Date(e).toLocaleString("en-US", {
+		month: "short",
+		day: "numeric",
+		year: "numeric",
+		hour: "numeric",
+		minute: "2-digit"
+	}),
+	byActor: (e, t) => `${e} by ${t}`,
+	billAdded: "Bill added",
+	billUploaded: "Bill uploaded",
+	billUpdated: "Bill updated",
+	attachmentAdded: "Attachment added",
+	submittedForApproval: "Submitted for approval",
+	approvalRequested: "Approval requested",
+	approved: "Approved",
+	autoApproved: "Approved automatically",
+	rejected: "Rejected",
+	rejectedWithReason: (e) => `Rejected: ${e}`,
+	reopened: "Reopened",
+	markedAsPaid: "Marked as paid",
+	markedAsPartiallyPaid: "Marked as partially paid",
+	paymentReverted: "Payment reverted",
+	statusChanged: (e) => `Status changed to ${e}`
+}, f = {
+	newTitle: "New bill",
+	extractedTitle: (e) => `Bill from ${e}`,
+	viewTitle: (e) => `Bill from ${e}`,
+	readOnlyTitle: "Bill details",
+	addedOn: (e) => `Added on ${e}`,
+	discardConfirm: "Discard your changes to this bill?",
+	scheduledSummary: i,
+	actions: r,
+	detail: u,
+	history: d,
+	payBill: e,
+	approvalPolicyCopy: n
 };
-function l({ payableId: l, counterpartId: u, saveErrorMessage: d }) {
-	let [f, p] = s(!1), [m, h] = s(c), [g, _] = s(), v = i(), y = t(), b = o(void 0), x = a(() => {
-		h(c), _(void 0), b.current = void 0, p(!0);
-	}, []), S = a(() => {
-		p(!1);
-	}, []), C = a((e) => {
-		h((t) => ({
-			...t,
-			...e
-		}));
-	}, []), w = a(async () => {
-		if (!l || !u) return !1;
-		let t = r(m);
-		if (Object.keys(t).length > 0) return _(t), !1;
-		try {
-			if (!b.current) {
-				let e = await v.mutateAsync({
-					path: { counterpart_id: u },
-					body: n(m)
-				});
-				b.current = e.id;
-			}
-			return await y.mutateAsync({
-				path: { payable_id: l },
-				body: { counterpart_bank_account_id: b.current }
-			}), b.current = void 0, p(!1), !0;
-		} catch {
-			return e.error(d), !1;
-		}
-	}, [
-		u,
-		v,
-		l,
-		d,
-		y,
-		m
-	]);
+function p(e) {
 	return {
-		isOpen: f,
-		values: m,
-		errors: g,
-		isSaving: v.isPending || y.isPending,
-		open: x,
-		close: S,
-		onChange: C,
-		save: w
+		...f,
+		...e,
+		actions: a(e?.actions),
+		detail: {
+			...f.detail,
+			...e?.detail
+		},
+		history: {
+			...f.history,
+			...e?.history
+		},
+		payBill: t(e?.payBill),
+		approvalPolicyCopy: {
+			...f.approvalPolicyCopy,
+			...e?.approvalPolicyCopy
+		}
 	};
 }
+var m = {
+	createTitle: "New vendor",
+	editTitle: "Edit vendor",
+	close: "Close the vendor form",
+	nameLabel: "Name",
+	addAddress: "Add address (optional)",
+	paymentMethodsHeading: "Accepted payment methods",
+	paymentMethodsDescription: "How and where will the money be sent. Don't have these yet? No problem. You can save this vendor and add their payment details later — you just won't be able to send payments until you do.",
+	achTitle: "ACH bank transfer",
+	achDescription: "Fast, direct deposit to the vendor's bank. Arrives in 1–3 business days.",
+	addBankAccount: "Add bank account",
+	accountHolderNameLabel: "Account holder name",
+	routingNumberLabel: "Routing number",
+	accountNumberLabel: "Account number",
+	achHelp: "Ask your vendor for this — it's usually on their invoice, W-9, or a payment instructions email they send you.",
+	cancel: "Cancel",
+	save: "Save vendor"
+};
 //#endregion
-export { l as usePaymentInstructionsForm };
+export { s as BILL_CREATE_MESSAGE_LABELS_EN, f as BILL_CREATE_SCREEN_LABELS_EN, u as BILL_DETAIL_VIEW_LABELS_EN, d as BILL_HISTORY_LABELS_EN, l as SOURCE_DOCUMENT_CONTAINER_LABELS_EN, m as VENDOR_INLINE_FORM_LABELS_EN, c as VENDOR_SECTION_PROPS_LABELS_EN, p as mergeBillCreateScreenCopy };

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

@@ -1,50 +1,59 @@
-import { parseDecimalAmountToMinorUnits as e } from "../../../shared/util/dist/lib/parseDecimalAmountToMinorUnits.js";
+"use client";
+"use client";
+"use client";
+"use client";
+import { SourceDocumentPanel as e } from "../../ui/dist/index73.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";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index27.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 o({ payableId: o, file: s, isDocumentPending: c, pendingFileName: l, readOnly: u, labels: d }) {
+	let f = {
+		...i,
+		...d,
+		preview: {
+			...i.preview,
+			...d?.preview
+		}
+	}, p = t(), m = n();
+	if (!s && (c || p.isPending)) return /* @__PURE__ */ a(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
+	});
+	if (!s && !o) 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.saveBeforeAttaching
+	});
+	if (!s) return /* @__PURE__ */ a(e, {
+		mode: "upload",
+		uploadStatus: p.isPending ? "uploading" : "idle",
+		uploadErrorMessage: p.isError ? f.attachFailed : void 0,
+		onFilesSelected: (e) => {
+			let [t] = e;
+			!t || !o || p.mutate({
+				path: { payable_id: o },
+				file: t
+			});
+		}
+	});
+	let h = r(s, f.preview);
+	return /* @__PURE__ */ a(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
 	});
-}
-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 { o as SourceDocumentContainer, o as default };

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

@@ -1,34 +1,208 @@
-import { BILL_CREATE_MESSAGE_LABELS_EN as e } from "./index22.js";
-import { isPersistableLineItem as t, parseMoneyToMinorUnits as n, parseQuantity as r } from "./index27.js";
+"use client";
+"use client";
+"use client";
+"use client";
+import { Button as e } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { getStateOptions as t } from "../../../shared/util/dist/lib/usStates.js";
+import { AchFieldGroup as n } from "../../../shared/counterpart-management/ui/dist/index5.js";
+import { CounterpartFormFields as r, useFocusFirstInvalidField as i } from "../../../shared/counterpart-management/ui/dist/index9.js";
+import { VENDOR_INLINE_FORM_LABELS_EN as a } from "./index26.js";
+import { COUNTERPART_MESSAGE_LABELS_EN as o } from "../../../shared/counterpart-management/feature/dist/lib/labels.js";
+import { useCounterpartForm as s } from "../../../shared/counterpart-management/feature/dist/lib/useCounterpartForm.js";
+import "../../../shared/counterpart-management/feature/dist/index.js";
+import { useCallback as c, useEffect as l, useMemo as u, useRef as d, useState as f } from "react";
+import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
+import { Landmark as g, Plus as _, X as v } from "lucide-react";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index28.js
-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 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;
+function y({ mode: y, counterpart: b, primaryAddress: x, bankAccounts: S, isBankAccountsLoading: C, isBankAccountsError: w, initialName: T, onSaved: E, onCancel: D, onDirtyChange: O, labels: k }) {
+	let A = {
+		...a,
+		...k
+	}, [j, M] = f("none"), [N, P] = f(b?.id), [F, I] = f(!1), [L, R] = f(!1);
+	l(() => {
+		O?.(L);
+	}, [L, O]);
+	let z = u(() => t(), []), B = d(j), V = d(!1), H = s({
+		view: j,
+		setView: M,
+		selectedId: N,
+		setSelectedId: P,
+		messages: o,
+		counterpartType: "vendor",
+		counterpart: b,
+		primaryAddress: x,
+		bankAccounts: S,
+		isBankAccountsLoading: C,
+		isBankAccountsError: w
+	}), { openCreate: U, openEdit: W, setValues: G } = H, K = i(H.errors);
+	l(() => {
+		y === "edit" ? W() : U();
+	}, [
+		y,
+		U,
+		W
+	]), l(() => {
+		B.current !== "none" && j === "none" && N && E(N), B.current = j;
+	}, [
+		j,
+		N,
+		E
+	]), l(() => {
+		y !== "create" || V.current || (V.current = !0, G((e) => ({
+			...e,
+			entityType: "organization",
+			legalName: T?.trim() || e.legalName
+		})));
+	}, [
+		y,
+		T,
+		G
+	]), l(() => {
+		y === "edit" && (H.values.bankAccount.routingNumber || H.values.bankAccount.accountNumber) && I(!0);
+	}, [
+		y,
+		H.values.bankAccount.accountNumber,
+		H.values.bankAccount.routingNumber
+	]), l(() => {
+		H.sectionsToExpand.bankAccount && I(!0);
+	}, [H.sectionsToExpand.bankAccount]);
+	let q = c((e) => {
+		R(!0), G((t) => e.entityType === "individual" && t.entityType !== "individual" ? {
+			...t,
+			...e,
+			firstName: t.firstName || t.legalName,
+			legalName: t.legalName
+		} : e.entityType === "organization" && t.entityType !== "organization" ? {
+			...t,
+			...e,
+			legalName: t.legalName || [t.firstName, t.lastName].filter(Boolean).join(" ")
+		} : {
+			...t,
+			...e
+		});
+	}, [G]);
+	return /* @__PURE__ */ h("div", {
+		ref: K,
+		className: "ttw:flex ttw:flex-col ttw:gap-4 ttw:rounded-lg ttw:border ttw:border-border ttw:bg-card ttw:p-4",
+		children: [
+			/* @__PURE__ */ h("div", {
+				className: "ttw:flex ttw:items-start ttw:justify-between ttw:gap-2",
+				children: [/* @__PURE__ */ m("p", {
+					className: "ttw:text-base ttw:font-semibold ttw:text-foreground",
+					children: y === "edit" ? A.editTitle : A.createTitle
+				}), /* @__PURE__ */ m(e, {
+					type: "button",
+					variant: "ghost",
+					size: "icon",
+					"aria-label": A.close,
+					onClick: D,
+					children: /* @__PURE__ */ m(v, { className: "ttw:size-4" })
+				})]
+			}),
+			/* @__PURE__ */ m(r, {
+				mode: y,
+				counterpartMode: "vendor",
+				values: H.values,
+				errors: H.errors,
+				stateOptions: z,
+				onChange: q,
+				onAddressChange: (e) => {
+					R(!0), G((t) => ({
+						...t,
+						address: {
+							...t.address,
+							...e
+						}
+					}));
+				},
+				sections: {
+					entityType: !0,
+					profileHeading: !1,
+					title: !1,
+					taxId: !1,
+					address: "collapsible",
+					bankAccount: !1
+				},
+				sectionsToExpand: H.sectionsToExpand,
+				onAddressExpand: H.expandAddress,
+				labels: { businessNameLabel: A.nameLabel }
+			}),
+			/* @__PURE__ */ h("div", {
+				className: "ttw:flex ttw:flex-col ttw:gap-1",
+				children: [/* @__PURE__ */ m("p", {
+					className: "ttw:text-sm ttw:font-semibold ttw:text-foreground",
+					children: A.paymentMethodsHeading
+				}), /* @__PURE__ */ m("p", {
+					className: "ttw:text-sm ttw:text-muted-foreground",
+					children: A.paymentMethodsDescription
+				})]
+			}),
+			/* @__PURE__ */ h("div", {
+				className: "ttw:flex ttw:gap-3 ttw:rounded-lg ttw:border ttw:border-border ttw:p-3",
+				children: [/* @__PURE__ */ m("span", {
+					className: "ttw:flex ttw:size-8 ttw:shrink-0 ttw:items-center ttw:justify-center ttw:rounded-md ttw:bg-primary",
+					children: /* @__PURE__ */ m(g, {
+						"aria-hidden": !0,
+						className: "ttw:size-4 ttw:text-white"
+					})
+				}), /* @__PURE__ */ h("div", {
+					className: "ttw:flex ttw:flex-1 ttw:flex-col ttw:gap-3",
+					children: [/* @__PURE__ */ h("div", {
+						className: "ttw:flex ttw:flex-col ttw:gap-0.5",
+						children: [/* @__PURE__ */ m("p", {
+							className: "ttw:text-sm ttw:font-medium ttw:text-foreground",
+							children: A.achTitle
+						}), /* @__PURE__ */ m("p", {
+							className: "ttw:text-sm ttw:text-muted-foreground",
+							children: A.achDescription
+						})]
+					}), F ? /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m(n, {
+						idPrefix: "vendor-inline-ach",
+						values: H.values.bankAccount,
+						errors: H.errors?.bankAccount,
+						onChange: (e) => {
+							R(!0), G((t) => ({
+								...t,
+								bankAccount: {
+									...t.bankAccount,
+									...e
+								}
+							}));
+						},
+						labels: {
+							accountHolderName: A.accountHolderNameLabel,
+							routingNumber: A.routingNumberLabel,
+							accountNumber: A.accountNumberLabel
+						}
+					}), /* @__PURE__ */ m("p", {
+						className: "ttw:text-sm ttw:text-muted-foreground",
+						children: A.achHelp
+					})] }) : /* @__PURE__ */ h(e, {
+						type: "button",
+						variant: "link",
+						className: "ttw:w-fit ttw:px-0",
+						onClick: () => I(!0),
+						children: [/* @__PURE__ */ m(_, { className: "ttw:size-4" }), A.addBankAccount]
+					})]
+				})]
+			}),
+			/* @__PURE__ */ h("div", {
+				className: "ttw:flex ttw:justify-end ttw:gap-2",
+				children: [/* @__PURE__ */ m(e, {
+					type: "button",
+					variant: "outline",
+					onClick: D,
+					children: A.cancel
+				}), /* @__PURE__ */ m(e, {
+					type: "button",
+					onClick: H.submit,
+					loading: H.isSubmitting,
+					disabled: H.isSubmitting,
+					children: A.save
+				})]
+			})
+		]
+	});
 }
 //#endregion
-export { s as validateBillCompleteness, c as validateBillTotals, o as validateLineItems };
+export { y as VendorInlineForm, y as default };