@tesouro/embedded-components-react 0.5.169 → 0.5.170

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

@@ -15,6 +15,19 @@ var e = {
 	cancelConfirmDescription: "You can't undo this action.",
 	cancelConfirmButton: "Cancel this bill",
 	cancelConfirmBackButton: "Back",
+	confirmDuplicateTitle: "Confirm duplicate?",
+	confirmDuplicateDescription: "This bill is already cancelled. This records it as a duplicate.",
+	notDuplicateAction: "Not a duplicate",
+	notDuplicateConfirmTitle: "Mark as not a duplicate?",
+	notDuplicateConfirmDescription: "You can't undo this action.",
+	notDuplicateConfirmButton: "Not a duplicate",
+	notDuplicateConfirmBackButton: "Back",
+	deleteAction: "Remove bill",
+	cancelAction: "Cancel bill",
+	confirmAction: "Confirm duplicate",
+	currentBillBadge: "This bill",
+	originalBillBadge: "Original bill",
+	showMoreRows: (e) => `Show ${e} more`,
 	deletedToast: "Duplicate removed",
 	cancelledToast: "Duplicate cancelled",
 	confirmedToast: "Duplicate confirmed",

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

@@ -1,194 +1,80 @@
-import { ACH_FIELD_GROUP_LABELS_EN as e } from "../../../shared/counterpart-management/ui/dist/index2.js";
-import "../../../shared/counterpart-management/ui/dist/index.js";
-import { DISCARD_CHANGES_DIALOG_LABELS_EN as t } from "../../ui/dist/index68.js";
-import { BILL_REJECTED_BANNER_LABELS_EN as n } from "../../ui/dist/index76.js";
-import { UNSAVED_BILL_DIALOG_LABELS_EN as r } from "../../ui/dist/index113.js";
+"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/index107.js";
 import "../../ui/dist/index.js";
-import { PAY_BILL_FLOW_LABELS_EN as i, mergePayBillFlowLabels as a } from "./index25.js";
-import { MARK_AS_PAID_FLOW_LABELS_EN as o, mergeMarkAsPaidFlowLabels as s } from "./index15.js";
-import "./index18.js";
-import { APPROVAL_POLICY_RULE_COPY_EN as c } from "./index29.js";
-import { AWAITING_APPROVAL_LABEL_EN as l, AWAITING_APPROVAL_UNKNOWN_LABEL_EN as u, BILL_DETAIL_ACTIONS_LABELS_EN as d, PAYMENT_HISTORY_LABELS_EN as f, SCHEDULED_RELATIVE_DAY_LABELS_EN as p, SCHEDULED_STATUS_BADGE_LABEL_EN as m, SCHEDULED_SUMMARY_LABEL_EN as h, mergeBillDetailActionsLabels as g, mergePaymentHistoryMethodLabels as _ } from "./index47.js";
-import { PAYABLE_AUDIT_HISTORY_LABELS_EN as v } from "./index48.js";
-import { SOURCE_DOCUMENT_PREVIEW_LABELS_EN as y } from "./index49.js";
+import { createSourceDocumentPreview as n } from "./index48.js";
+import { SOURCE_DOCUMENT_CONTAINER_LABELS_EN as r } from "./index49.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/index50.js
-var b = {
-	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.",
-	vendorResolutionFailed: "We couldn't create this vendor automatically. Select or add a vendor before submitting.",
-	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.",
-	totalNotGreaterThanZero: "Total amount must be greater than $0.",
-	poNumberTooLong: "PO number must be 255 characters or fewer.",
-	implausibleInvoiceDate: "Enter an invoice date within the last 10 years, no more than 30 days from today.",
-	implausibleDueDate: "Enter a due date within the last 10 years and next 5 years.",
-	dueBeforeInvoiceDate: "Due date must be on or after the invoice date."
-}, x = {
-	paymentInstructionsValue: (e) => `Account ending in ${e}`,
-	noMethod: "No payment method on file",
-	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.",
-	pendingVendorDescription: "Will be created when submitted",
-	bankAccountSaveFailed: "We could not save these payment instructions. Try again."
-}, S = {
-	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: y
-}, C = {
-	...f,
-	notProvided: "Not provided",
-	paymentInstructionsValue: (e) => `Account ending in ${e}`,
-	paymentInstructionsNotSet: "Not set",
-	invoiceDateRow: "Invoice date",
-	dueDateRow: "Due date",
-	invoiceNumberRow: "Invoice number",
-	glCodeMissing: "GL code not specified",
-	glCodeUnavailable: "GL code unavailable",
-	qtyPriceValue: (e, t) => `${e} x ${t}`,
-	qtyOnlyValue: (e) => e,
-	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.",
-	rejectedByOn: (e, t) => `Rejected by ${e} on ${t}`,
-	rejectedOn: (e) => `Rejected on ${e}`,
-	rejectionMessage: (e) => `"${e}"`
-}, w = {
-	newTitle: "New bill",
-	extractedTitle: (e) => `Bill from ${e}`,
-	viewTitle: (e) => `Bill from ${e}`,
-	readOnlyTitle: "Bill details",
-	addedOn: (e) => `Added on ${e}`,
-	unsavedChanges: r,
-	discardChanges: t,
-	scheduledRelativeDay: p,
-	scheduledSummary: h,
-	scheduledStatusBadge: m,
-	awaitingApprovalNotice: l,
-	awaitingApprovalUnknownNotice: u,
-	actions: d,
-	detail: C,
-	history: v,
-	payBill: i,
-	markAsPaid: o,
-	approvalPolicyCopy: c,
-	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"
-	},
-	rejectedBanner: n
-};
-function T(e) {
-	return {
-		...w,
-		...e,
-		actions: g(e?.actions),
-		detail: {
-			...w.detail,
-			...e?.detail,
-			paymentHistoryMethodLabels: _(e?.detail?.paymentHistoryMethodLabels)
-		},
-		history: {
-			...w.history,
-			...e?.history
-		},
-		payBill: a(e?.payBill),
-		markAsPaid: s(e?.markAsPaid),
-		lineItemsGlCodeUnavailable: {
-			...w.lineItemsGlCodeUnavailable,
-			...e?.lineItemsGlCodeUnavailable
-		},
-		unsavedChanges: {
-			...w.unsavedChanges,
-			...e?.unsavedChanges
-		},
-		discardChanges: {
-			...w.discardChanges,
-			...e?.discardChanges
-		},
-		rejectedBanner: {
-			...w.rejectedBanner,
-			...e?.rejectedBanner
-		},
-		approvalPolicyCopy: {
-			...w.approvalPolicyCopy,
-			...e?.approvalPolicyCopy
-		},
-		scheduledRelativeDay: {
-			...w.scheduledRelativeDay,
-			...e?.scheduledRelativeDay
-		},
-		deleteDraft: {
-			...w.deleteDraft,
-			...e?.deleteDraft,
-			dialog: (() => {
-				let t = {
-					...w.deleteDraft.dialog,
-					...e?.deleteDraft?.dialog
-				};
-				return delete t.reason, t;
-			})()
+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;
 }
-var E = {
-	createTitle: "New vendor",
-	editTitle: "Edit vendor",
-	switchVendorFieldLabel: "Switch to a different vendor",
-	nameLabel: "Business name",
-	addAddress: "Add address (optional)",
-	cancel: "Cancel",
-	save: "Save",
-	cancelAriaLabel: "Cancel vendor",
-	saveAriaLabel: "Save vendor",
-	paymentInstructionsHeading: "Payment instructions",
-	paymentInstructionsDescription: "How and where will the money be sent. This information is required to send a payment.",
-	paymentInstructionsExtracted: "We read these from the bill. Check them before saving.",
-	ach: e
-};
-function D(e) {
-	return {
-		...E,
-		...e,
-		ach: {
-			...E.ach,
-			...e?.ach,
-			fieldMarkers: {
-				...E.ach.fieldMarkers,
-				...e?.ach?.fieldMarkers
+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
+	});
 }
 //#endregion
-export { b as BILL_CREATE_MESSAGE_LABELS_EN, w as BILL_CREATE_SCREEN_LABELS_EN, C as BILL_DETAIL_VIEW_LABELS_EN, S as SOURCE_DOCUMENT_CONTAINER_LABELS_EN, E as VENDOR_INLINE_FORM_LABELS_EN, x as VENDOR_SECTION_PROPS_LABELS_EN, T as mergeBillCreateScreenCopy, D as mergeVendorInlineFormLabels };
+export { c as SourceDocumentContainer, c as default };

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

@@ -1,80 +1,35 @@
-"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/index111.js";
-import "../../ui/dist/index.js";
-import { createSourceDocumentPreview as n } from "./index49.js";
-import { SOURCE_DOCUMENT_CONTAINER_LABELS_EN as r } from "./index50.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/index51.js
-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 e(e) {
+	return e?.trim() ?? "";
 }
-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
-	});
+function t(t) {
+	let n = e(t);
+	return n.length === 2 ? n.toUpperCase() : "";
+}
+function n(t) {
+	let n = e(t.bank_account?.routing_number), r = e(t.bank_account?.account_number);
+	if (n || r) return {
+		accountHolderName: e(t.bank_account?.account_holder_name) || e(t.name),
+		routingNumber: n,
+		accountNumber: r
+	};
+}
+function r(r) {
+	if (!r) return;
+	let i = {
+		legalName: e(r.name),
+		email: e(r.email),
+		phone: e(r.phone),
+		address: {
+			line1: e(r.address?.line1),
+			line2: e(r.address?.line2),
+			city: e(r.address?.city),
+			state: t(r.address?.state),
+			postalCode: e(r.address?.postal_code)
+		},
+		bankAccount: n(r)
+	};
+	return i.legalName || i.email || i.phone || Object.values(i.address).some(Boolean) || i.bankAccount ? i : void 0;
 }
 //#endregion
-export { c as SourceDocumentContainer, c as default };
+export { r as buildVendorPrefill };

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

@@ -1,35 +1,92 @@
+"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 "../../../shared/counterpart-management/ui/dist/index.js";
+import { VendorSearchCombobox as a } from "../../ui/dist/index52.js";
+import "../../ui/dist/index.js";
+import "../../../shared/counterpart-management/feature/dist/index.js";
+import { mergeVendorInlineFormLabels as o } from "./index49.js";
+import { useMemo as s } from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index52.js
-function e(e) {
-	return e?.trim() ?? "";
-}
-function t(t) {
-	let n = e(t);
-	return n.length === 2 ? n.toUpperCase() : "";
-}
-function n(t) {
-	let n = e(t.bank_account?.routing_number), r = e(t.bank_account?.account_number);
-	if (n || r) return {
-		accountHolderName: e(t.bank_account?.account_holder_name) || e(t.name),
-		routingNumber: n,
-		accountNumber: r
-	};
-}
-function r(r) {
-	if (!r) return;
-	let i = {
-		legalName: e(r.name),
-		email: e(r.email),
-		phone: e(r.phone),
-		address: {
-			line1: e(r.address?.line1),
-			line2: e(r.address?.line2),
-			city: e(r.address?.city),
-			state: t(r.address?.state),
-			postalCode: e(r.address?.postal_code)
-		},
-		bankAccount: n(r)
-	};
-	return i.legalName || i.email || i.phone || Object.values(i.address).some(Boolean) || i.bankAccount ? i : void 0;
+function u({ mode: u, values: d, errors: f, onChange: p, onAddressChange: m, sectionsToExpand: h, onAddressExpand: g, onCancel: _, onSave: v, isSaving: y = !1, search: b, paymentInstructions: x, labels: S }) {
+	let C = s(() => o(S), [S]), w = s(() => t(), []), T = i(f ?? {});
+	return /* @__PURE__ */ l("div", {
+		ref: T,
+		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__ */ c("p", {
+				className: "ttw:text-base ttw:font-semibold ttw:text-foreground",
+				children: u === "edit" ? C.editTitle : C.createTitle
+			}),
+			u === "edit" && b ? /* @__PURE__ */ c(a, {
+				...b,
+				labels: { fieldLabel: C.switchVendorFieldLabel }
+			}) : null,
+			/* @__PURE__ */ c(r, {
+				mode: u,
+				counterpartMode: "vendor",
+				values: d,
+				errors: f,
+				stateOptions: w,
+				onChange: p,
+				onAddressChange: m,
+				sections: {
+					entityType: !0,
+					profileHeading: !1,
+					title: !1,
+					taxId: !1,
+					address: "collapsible",
+					bankAccount: !1
+				},
+				sectionsToExpand: h,
+				onAddressExpand: g,
+				labels: { businessNameLabel: C.nameLabel }
+			}),
+			x ? /* @__PURE__ */ l("div", {
+				className: "ttw:flex ttw:flex-col ttw:gap-3",
+				children: [/* @__PURE__ */ l("div", {
+					className: "ttw:flex ttw:flex-col ttw:gap-1",
+					children: [/* @__PURE__ */ c("p", {
+						className: "ttw:text-sm ttw:font-semibold ttw:text-foreground",
+						children: C.paymentInstructionsHeading
+					}), /* @__PURE__ */ c("p", {
+						className: "ttw:text-sm ttw:text-muted-foreground",
+						children: x.isExtracted ? C.paymentInstructionsExtracted : C.paymentInstructionsDescription
+					})]
+				}), /* @__PURE__ */ c(n, {
+					idPrefix: "vendor-inline-ach",
+					values: x.values,
+					errors: x.errors,
+					onChange: x.onChange,
+					labels: C.ach
+				})]
+			}) : null,
+			/* @__PURE__ */ l("div", {
+				className: "ttw:flex ttw:justify-end ttw:gap-2",
+				children: [/* @__PURE__ */ c(e, {
+					type: "button",
+					variant: "outline",
+					onClick: _,
+					"aria-label": C.cancelAriaLabel,
+					disabled: y,
+					children: C.cancel
+				}), v ? /* @__PURE__ */ c(e, {
+					type: "button",
+					onClick: v,
+					"aria-label": C.saveAriaLabel,
+					loading: y,
+					disabled: y,
+					children: C.save
+				}) : null]
+			})
+		]
+	});
 }
 //#endregion
-export { r as buildVendorPrefill };
+export { u as VendorInlineForm, u as default };