@tesouro/embedded-components-react 0.4.4 → 0.4.6

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

@@ -1,80 +1,173 @@
-"use client";
-"use client";
-"use client";
-"use client";
-import { useAttachPayableFileMutation as e } from "../../data-access/dist/index12.js";
-import "../../data-access/dist/index.js";
-import { SourceDocumentPanel as t } from "../../ui/dist/index95.js";
+import { UNSAVED_BILL_DIALOG_LABELS_EN as e } from "../../ui/dist/index97.js";
 import "../../ui/dist/index.js";
-import { createSourceDocumentPreview as n } from "./index40.js";
-import { SOURCE_DOCUMENT_CONTAINER_LABELS_EN as r } from "./index41.js";
-import { useEffect as i, useState as a } from "react";
-import { jsx as o } from "react/jsx-runtime";
+import { PAY_BILL_FLOW_LABELS_EN as t, mergePayBillFlowLabels as n } from "./index21.js";
+import { MARK_AS_PAID_FLOW_LABELS_EN as r, mergeMarkAsPaidFlowLabels as i } from "./index12.js";
+import "./index15.js";
+import { APPROVAL_POLICY_RULE_COPY_EN as a } from "./index25.js";
+import { BILL_DETAIL_ACTIONS_LABELS_EN as o, SCHEDULED_SUMMARY_LABEL_EN as s, mergeBillDetailActionsLabels as c } from "./index40.js";
+import { SOURCE_DOCUMENT_PREVIEW_LABELS_EN as l } from "./index41.js";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index42.js
-function s(e) {
-	let [t, n] = a();
-	return i(() => {
-		if (!e) {
-			n(void 0);
-			return;
+var u = {
+	unmappedValidationError: (e, t) => `${e}: ${t}`,
+	unknownValidationField: "(unknown field)",
+	requiredField: "This field is required.",
+	saveFailed: "We could not save this bill. Try again.",
+	discountTaxBlockedByLineItems: "Discount and Tax can't be saved on a bill with line items. Remove them, then save again.",
+	finalizeFailed: "We could not submit this bill. Try again.",
+	draftSaved: "Bill saved as a draft.",
+	submittedSaved: "Bill updated.",
+	submittedDemoted: "Bill updated. It moved back to Drafts because some required details are missing.",
+	billFinalized: "Bill submitted for approval.",
+	numbersOnly: "Enter numbers only.",
+	unreadableMoney: "Enter a valid amount.",
+	unusableQuantity: "Enter a quantity greater than 0.",
+	lineItemsNeedAttention: "Check the highlighted line items before saving.",
+	unreadableDiscount: "Enter a valid discount amount.",
+	unreadableTax: "Enter a valid tax amount.",
+	unreadableTotal: "Enter a valid total amount."
+}, d = {
+	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."
+}, f = {
+	attachFailed: "We could not attach that file. Try again.",
+	deleteFailed: "We could not remove that document. Try again.",
+	noDocument: "No document attached to this bill.",
+	pendingDeletionNotice: "This document will be removed when you save this bill.",
+	preview: l
+}, p = {
+	notProvided: "Not provided",
+	paymentInstructionsValue: (e) => `Account ending in ${e}`,
+	invoiceDateRow: "Invoice date",
+	dueDateRow: "Due date",
+	invoiceNumberRow: "Invoice number",
+	glCodeMissing: "GL code not specified",
+	glCodeUnavailable: "GL code unavailable",
+	qtyPriceValue: (e, t) => `${e} x ${t}`,
+	subtotalRow: "Subtotal",
+	taxRow: "Tax",
+	discountRow: "Discounts",
+	totalRow: "Total",
+	paidOnLabel: (e) => `Paid on ${e}`,
+	paymentInstructionsSaveError: "Couldn't save payment instructions. Try again.",
+	paymentInstructionsLinkError: "Payment instructions were saved to the vendor, but couldn't be added to this bill. Try again."
+}, m = {
+	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}`
+}, h = {
+	newTitle: "New bill",
+	extractedTitle: (e) => `Bill from ${e}`,
+	viewTitle: (e) => `Bill from ${e}`,
+	readOnlyTitle: "Bill details",
+	addedOn: (e) => `Added on ${e}`,
+	submittedSaveButton: "Save changes",
+	unsavedChanges: e,
+	scheduledSummary: s,
+	actions: o,
+	detail: p,
+	history: m,
+	payBill: t,
+	markAsPaid: r,
+	approvalPolicyCopy: a,
+	deleteDraft: {
+		menuItem: "Delete draft",
+		dialog: {
+			title: "Delete this draft?",
+			description: "The draft and anything entered on it are removed. This can't be undone.",
+			confirmButton: "Delete draft"
+		},
+		error: "Couldn't delete this draft. Try again."
+	},
+	lineItemsGlCodeUnavailable: {
+		loadError: "Couldn't load GL codes",
+		noAccess: "You don't have access to GL codes",
+		empty: "No GL codes set up yet"
+	}
+};
+function g(e) {
+	return {
+		...h,
+		...e,
+		actions: c(e?.actions),
+		detail: {
+			...h.detail,
+			...e?.detail
+		},
+		history: {
+			...h.history,
+			...e?.history
+		},
+		payBill: n(e?.payBill),
+		markAsPaid: i(e?.markAsPaid),
+		lineItemsGlCodeUnavailable: {
+			...h.lineItemsGlCodeUnavailable,
+			...e?.lineItemsGlCodeUnavailable
+		},
+		unsavedChanges: {
+			...h.unsavedChanges,
+			...e?.unsavedChanges
+		},
+		approvalPolicyCopy: {
+			...h.approvalPolicyCopy,
+			...e?.approvalPolicyCopy
+		},
+		deleteDraft: {
+			...h.deleteDraft,
+			...e?.deleteDraft,
+			dialog: (() => {
+				let t = {
+					...h.deleteDraft.dialog,
+					...e?.deleteDraft?.dialog
+				};
+				return delete t.reason, t;
+			})()
 		}
-		let t = URL.createObjectURL(e);
-		return n(t), () => URL.revokeObjectURL(t);
-	}, [e]), t;
-}
-function c({ payableId: i, file: a, isDocumentPending: c, pendingFileName: l, readOnly: u, staging: d, deletion: f, labels: p }) {
-	let { stagedFile: m, onFileStaged: h, onClearStagedFile: g, isSaving: _ } = d ?? {}, { isPending: v, onRequest: y, onDetachNow: b, isDeleting: x, hasFailed: S } = f ?? {}, C = {
-		...r,
-		...p,
-		preview: {
-			...r.preview,
-			...p?.preview
-		}
-	}, w = e(), T = s(m), E = !!(a && !v || m);
-	if (!E && (c || w.isPending)) return /* @__PURE__ */ o(t, {
-		mode: "loading",
-		fileName: l
-	});
-	if (!E && u) return /* @__PURE__ */ o("div", {
-		className: "ttw:rounded-lg ttw:border ttw:border-border ttw:bg-card ttw:p-4 ttw:text-sm ttw:text-muted-foreground",
-		children: C.noDocument
-	});
-	if (!E) return /* @__PURE__ */ o(t, {
-		mode: "upload",
-		uploadStatus: w.isPending || x ? "uploading" : "idle",
-		uploadErrorMessage: w.isError ? C.attachFailed : S ? C.deleteFailed : void 0,
-		noticeMessage: v && !S ? C.pendingDeletionNotice : void 0,
-		onFilesSelected: (e) => {
-			let [t] = e;
-			if (t) {
-				if (i) {
-					let e = () => w.mutate({
-						path: { payable_id: i },
-						file: t
-					});
-					if (v && b) {
-						b().then(e, () => void 0);
-						return;
-					}
-					e();
-				} else h?.(t);
-			}
-		}
-	});
-	let D = a?.name ?? m?.name ?? "", O = n(a || {
-		name: D,
-		url: T ?? "",
-		mimetype: m?.type ?? ""
-	}, C.preview);
-	return /* @__PURE__ */ o(t, {
-		mode: "document",
-		fileName: D,
-		preview: O,
-		isDeleting: x,
-		deleteErrorMessage: S ? C.deleteFailed : void 0,
-		onDownload: a ? () => window.open(a.url, "_blank", "noopener,noreferrer") : void 0,
-		onDelete: u ? void 0 : a && i ? y : _ ? void 0 : g
-	});
+	};
 }
+var _ = {
+	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 { c as SourceDocumentContainer, c as default };
+export { u as BILL_CREATE_MESSAGE_LABELS_EN, h as BILL_CREATE_SCREEN_LABELS_EN, p as BILL_DETAIL_VIEW_LABELS_EN, m as BILL_HISTORY_LABELS_EN, f as SOURCE_DOCUMENT_CONTAINER_LABELS_EN, _ as VENDOR_INLINE_FORM_LABELS_EN, d as VENDOR_SECTION_PROPS_LABELS_EN, g as mergeBillCreateScreenCopy };

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

@@ -1,26 +1,80 @@
+"use client";
+"use client";
+"use client";
+"use client";
+import { useAttachPayableFileMutation as e } from "../../data-access/dist/index13.js";
+import "../../data-access/dist/index.js";
+import { SourceDocumentPanel as t } from "../../ui/dist/index95.js";
+import "../../ui/dist/index.js";
+import { createSourceDocumentPreview as n } from "./index41.js";
+import { SOURCE_DOCUMENT_CONTAINER_LABELS_EN as r } from "./index42.js";
+import { useEffect as i, useState as a } from "react";
+import { jsx as o } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index43.js
-function e(e) {
-	return e?.trim() ?? "";
-}
-function t(t) {
-	let n = e(t);
-	return n.length === 2 ? n.toUpperCase() : "";
+function s(e) {
+	let [t, n] = a();
+	return i(() => {
+		if (!e) {
+			n(void 0);
+			return;
+		}
+		let t = URL.createObjectURL(e);
+		return n(t), () => URL.revokeObjectURL(t);
+	}, [e]), t;
 }
-function n(n) {
-	if (!n) return;
-	let r = {
-		legalName: e(n.name),
-		email: e(n.email),
-		phone: e(n.phone),
-		address: {
-			line1: e(n.address?.line1),
-			line2: e(n.address?.line2),
-			city: e(n.address?.city),
-			state: t(n.address?.state),
-			postalCode: e(n.address?.postal_code)
+function c({ payableId: i, file: a, isDocumentPending: c, pendingFileName: l, readOnly: u, staging: d, deletion: f, labels: p }) {
+	let { stagedFile: m, onFileStaged: h, onClearStagedFile: g, isSaving: _ } = d ?? {}, { isPending: v, onRequest: y, onDetachNow: b, isDeleting: x, hasFailed: S } = f ?? {}, C = {
+		...r,
+		...p,
+		preview: {
+			...r.preview,
+			...p?.preview
+		}
+	}, w = e(), T = s(m), E = !!(a && !v || m);
+	if (!E && (c || w.isPending)) return /* @__PURE__ */ o(t, {
+		mode: "loading",
+		fileName: l
+	});
+	if (!E && u) return /* @__PURE__ */ o("div", {
+		className: "ttw:rounded-lg ttw:border ttw:border-border ttw:bg-card ttw:p-4 ttw:text-sm ttw:text-muted-foreground",
+		children: C.noDocument
+	});
+	if (!E) return /* @__PURE__ */ o(t, {
+		mode: "upload",
+		uploadStatus: w.isPending || x ? "uploading" : "idle",
+		uploadErrorMessage: w.isError ? C.attachFailed : S ? C.deleteFailed : void 0,
+		noticeMessage: v && !S ? C.pendingDeletionNotice : void 0,
+		onFilesSelected: (e) => {
+			let [t] = e;
+			if (t) {
+				if (i) {
+					let e = () => w.mutate({
+						path: { payable_id: i },
+						file: t
+					});
+					if (v && b) {
+						b().then(e, () => void 0);
+						return;
+					}
+					e();
+				} else h?.(t);
+			}
 		}
-	};
-	return r.legalName || r.email || r.phone || Object.values(r.address).some(Boolean) ? r : void 0;
+	});
+	let D = a?.name ?? m?.name ?? "", O = n(a || {
+		name: D,
+		url: T ?? "",
+		mimetype: m?.type ?? ""
+	}, C.preview);
+	return /* @__PURE__ */ o(t, {
+		mode: "document",
+		fileName: D,
+		preview: O,
+		isDeleting: x,
+		deleteErrorMessage: S ? C.deleteFailed : void 0,
+		onDownload: a ? () => window.open(a.url, "_blank", "noopener,noreferrer") : void 0,
+		onDelete: u ? void 0 : a && i ? y : _ ? void 0 : g
+	});
 }
 //#endregion
-export { n as buildVendorPrefill };
+export { c as SourceDocumentContainer, c as default };

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

@@ -1,213 +1,26 @@
-"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 { COUNTERPART_MESSAGE_LABELS_EN as a } from "../../../shared/counterpart-management/feature/dist/lib/labels.js";
-import { useCounterpartForm as o } from "../../../shared/counterpart-management/feature/dist/lib/useCounterpartForm.js";
-import "../../../shared/counterpart-management/feature/dist/index.js";
-import { VENDOR_INLINE_FORM_LABELS_EN as s } from "./index41.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/index44.js
-function y({ mode: y, counterpart: b, primaryAddress: x, bankAccounts: S, isBankAccountsLoading: C, isBankAccountsError: w, initialName: T, initialValues: E, onSaved: D, onCancel: O, onDirtyChange: k, labels: A }) {
-	let j = {
-		...s,
-		...A
-	}, [M, N] = f("none"), [P, F] = f(b?.id), [I, L] = f(!1), [R, z] = f(!1);
-	l(() => {
-		k?.(R);
-	}, [R, k]);
-	let B = u(() => t(), []), V = d(M), H = d(!1), U = o({
-		view: M,
-		setView: N,
-		selectedId: P,
-		setSelectedId: F,
-		messages: a,
-		counterpartType: "vendor",
-		counterpart: b,
-		primaryAddress: x,
-		bankAccounts: S,
-		isBankAccountsLoading: C,
-		isBankAccountsError: w
-	}), { openCreate: W, openEdit: G, setValues: K, expandAddress: q } = U, J = i(U.errors);
-	l(() => {
-		y === "edit" ? G() : W();
-	}, [
-		y,
-		W,
-		G
-	]), l(() => {
-		V.current !== "none" && M === "none" && P && D(P), V.current = M;
-	}, [
-		M,
-		P,
-		D
-	]), l(() => {
-		y !== "create" || H.current || (H.current = !0, K((e) => ({
-			...e,
-			entityType: "organization",
-			legalName: T?.trim() || E?.legalName || e.legalName,
-			email: E?.email || e.email,
-			phone: E?.phone || e.phone,
-			address: E?.address ?? e.address
-		})), E?.address && Object.values(E.address).some(Boolean) && q());
-	}, [
-		y,
-		T,
-		E,
-		K,
-		q
-	]), l(() => {
-		y === "edit" && (U.values.bankAccount.routingNumber || U.values.bankAccount.accountNumber) && L(!0);
-	}, [
-		y,
-		U.values.bankAccount.accountNumber,
-		U.values.bankAccount.routingNumber
-	]), l(() => {
-		U.sectionsToExpand.bankAccount && L(!0);
-	}, [U.sectionsToExpand.bankAccount]);
-	let Y = c((e) => {
-		z(!0), K((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
-		});
-	}, [K]);
-	return /* @__PURE__ */ h("div", {
-		ref: J,
-		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" ? j.editTitle : j.createTitle
-				}), /* @__PURE__ */ m(e, {
-					type: "button",
-					variant: "ghost",
-					size: "icon",
-					"aria-label": j.close,
-					onClick: O,
-					children: /* @__PURE__ */ m(v, { className: "ttw:size-4" })
-				})]
-			}),
-			/* @__PURE__ */ m(r, {
-				mode: y,
-				counterpartMode: "vendor",
-				values: U.values,
-				errors: U.errors,
-				stateOptions: B,
-				onChange: Y,
-				onAddressChange: (e) => {
-					z(!0), K((t) => ({
-						...t,
-						address: {
-							...t.address,
-							...e
-						}
-					}));
-				},
-				sections: {
-					entityType: !0,
-					profileHeading: !1,
-					title: !1,
-					taxId: !1,
-					address: "collapsible",
-					bankAccount: !1
-				},
-				sectionsToExpand: U.sectionsToExpand,
-				onAddressExpand: U.expandAddress,
-				labels: { businessNameLabel: j.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: j.paymentMethodsHeading
-				}), /* @__PURE__ */ m("p", {
-					className: "ttw:text-sm ttw:text-muted-foreground",
-					children: j.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: j.achTitle
-						}), /* @__PURE__ */ m("p", {
-							className: "ttw:text-sm ttw:text-muted-foreground",
-							children: j.achDescription
-						})]
-					}), I ? /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m(n, {
-						idPrefix: "vendor-inline-ach",
-						values: U.values.bankAccount,
-						errors: U.errors?.bankAccount,
-						onChange: (e) => {
-							z(!0), K((t) => ({
-								...t,
-								bankAccount: {
-									...t.bankAccount,
-									...e
-								}
-							}));
-						},
-						labels: {
-							accountHolderName: j.accountHolderNameLabel,
-							routingNumber: j.routingNumberLabel,
-							accountNumber: j.accountNumberLabel
-						}
-					}), /* @__PURE__ */ m("p", {
-						className: "ttw:text-sm ttw:text-muted-foreground",
-						children: j.achHelp
-					})] }) : /* @__PURE__ */ h(e, {
-						type: "button",
-						variant: "link",
-						className: "ttw:w-fit ttw:px-0",
-						onClick: () => L(!0),
-						children: [/* @__PURE__ */ m(_, { className: "ttw:size-4" }), j.addBankAccount]
-					})]
-				})]
-			}),
-			/* @__PURE__ */ h("div", {
-				className: "ttw:flex ttw:justify-end ttw:gap-2",
-				children: [/* @__PURE__ */ m(e, {
-					type: "button",
-					variant: "outline",
-					onClick: O,
-					children: j.cancel
-				}), /* @__PURE__ */ m(e, {
-					type: "button",
-					onClick: U.submit,
-					loading: U.isSubmitting,
-					disabled: U.isSubmitting,
-					children: j.save
-				})]
-			})
-		]
-	});
+function e(e) {
+	return e?.trim() ?? "";
+}
+function t(t) {
+	let n = e(t);
+	return n.length === 2 ? n.toUpperCase() : "";
+}
+function n(n) {
+	if (!n) return;
+	let r = {
+		legalName: e(n.name),
+		email: e(n.email),
+		phone: e(n.phone),
+		address: {
+			line1: e(n.address?.line1),
+			line2: e(n.address?.line2),
+			city: e(n.address?.city),
+			state: t(n.address?.state),
+			postalCode: e(n.address?.postal_code)
+		}
+	};
+	return r.legalName || r.email || r.phone || Object.values(r.address).some(Boolean) ? r : void 0;
 }
 //#endregion
-export { y as VendorInlineForm, y as default };
+export { n as buildVendorPrefill };