@tesouro/embedded-components-react 0.5.280 → 0.5.282

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

@@ -1,35 +1,187 @@
+import { AWAITING_APPROVAL_LABEL_EN as e, AWAITING_APPROVAL_UNKNOWN_LABEL_EN as t, BILL_DETAIL_ACTIONS_LABELS_EN as n, PAYMENT_HISTORY_LABELS_EN as r, SCHEDULED_RELATIVE_DAY_LABELS_EN as i, SCHEDULED_STATUS_BADGE_LABEL_EN as a, SCHEDULED_SUMMARY_LABEL_EN as o, mergeBillDetailActionsLabels as s, mergePaymentHistoryMethodLabels as c } from "../../../util/dist/lib/billDetailLabels.js";
+import { APPROVAL_POLICY_RULE_COPY_EN as l } from "./index8.js";
+import { PAYABLE_AUDIT_HISTORY_LABELS_EN as u } from "./index23.js";
+import { SOURCE_DOCUMENT_PREVIEW_LABELS_EN as d } from "./index24.js";
+import { ACH_FIELD_GROUP_LABELS_EN as f } from "../../../../shared/counterpart-management/ui/dist/index2.js";
+import "../../../../shared/counterpart-management/ui/dist/index.js";
+import { BILL_REJECTED_BANNER_LABELS_EN as p } from "../../ui/dist/index39.js";
+import { DISCARD_CHANGES_DIALOG_LABELS_EN as m } from "../../ui/dist/index42.js";
+import { UNSAVED_BILL_DIALOG_LABELS_EN as h } from "../../ui/dist/index51.js";
+import "../../ui/dist/index.js";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/bill-detail/feature/dist/index25.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
+var g = {
+	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."
+}, _ = {
+	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."
+}, v = {
+	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: d
+}, y = {
+	...r,
+	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}"`
+}, b = {
+	newTitle: "New bill",
+	extractedTitle: (e) => `Bill from ${e}`,
+	viewTitle: (e) => `Bill from ${e}`,
+	readOnlyTitle: "Bill details",
+	addedOn: (e) => `Added on ${e}`,
+	unsavedChanges: h,
+	discardChanges: m,
+	scheduledRelativeDay: i,
+	scheduledSummary: o,
+	scheduledStatusBadge: a,
+	awaitingApprovalNotice: e,
+	awaitingApprovalUnknownNotice: t,
+	actions: n,
+	detail: y,
+	history: u,
+	approvalPolicyCopy: l,
+	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: p
+};
+function x(e) {
+	return {
+		...b,
+		...e,
+		actions: s(e?.actions),
+		detail: {
+			...b.detail,
+			...e?.detail,
+			paymentHistoryMethodLabels: c(e?.detail?.paymentHistoryMethodLabels)
+		},
+		history: {
+			...b.history,
+			...e?.history
+		},
+		lineItemsGlCodeUnavailable: {
+			...b.lineItemsGlCodeUnavailable,
+			...e?.lineItemsGlCodeUnavailable
+		},
+		unsavedChanges: {
+			...b.unsavedChanges,
+			...e?.unsavedChanges
+		},
+		discardChanges: {
+			...b.discardChanges,
+			...e?.discardChanges
+		},
+		rejectedBanner: {
+			...b.rejectedBanner,
+			...e?.rejectedBanner
+		},
+		approvalPolicyCopy: {
+			...b.approvalPolicyCopy,
+			...e?.approvalPolicyCopy
+		},
+		scheduledRelativeDay: {
+			...b.scheduledRelativeDay,
+			...e?.scheduledRelativeDay
+		},
+		deleteDraft: {
+			...b.deleteDraft,
+			...e?.deleteDraft,
+			dialog: (() => {
+				let t = {
+					...b.deleteDraft.dialog,
+					...e?.deleteDraft?.dialog
+				};
+				return delete t.reason, t;
+			})()
+		}
 	};
 }
-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)
+var S = {
+	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: f
+};
+function C(e) {
+	return {
+		...S,
+		...e,
+		ach: {
+			...S.ach,
+			...e?.ach,
+			fieldMarkers: {
+				...S.ach.fieldMarkers,
+				...e?.ach?.fieldMarkers
+			}
+		}
 	};
-	return i.legalName || i.email || i.phone || Object.values(i.address).some(Boolean) || i.bankAccount ? i : void 0;
 }
 //#endregion
-export { r as buildVendorPrefill };
+export { g as BILL_CREATE_MESSAGE_LABELS_EN, b as BILL_CREATE_SCREEN_LABELS_EN, y as BILL_DETAIL_VIEW_LABELS_EN, v as SOURCE_DOCUMENT_CONTAINER_LABELS_EN, S as VENDOR_INLINE_FORM_LABELS_EN, _ as VENDOR_SECTION_PROPS_LABELS_EN, x as mergeBillCreateScreenCopy, C as mergeVendorInlineFormLabels };

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

@@ -2,91 +2,82 @@
 "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/index24.js";
+import { createSourceDocumentPreview as e } from "./index24.js";
+import { SourceDocumentPanel as t } from "../../ui/dist/index49.js";
 import "../../ui/dist/index.js";
-import { mergeVendorInlineFormLabels as o } from "./index23.js";
-import "../../../../shared/counterpart-management/feature/dist/index.js";
-import { useMemo as s } from "react";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { SOURCE_DOCUMENT_CONTAINER_LABELS_EN as n } from "./index25.js";
+import { useAttachPayableFileMutation as r } from "../../data-access/dist/index5.js";
+import "../../data-access/dist/index.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/bill-detail/feature/dist/index26.js
-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]
-			})
-		]
+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 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 = {
+		...n,
+		...p,
+		preview: {
+			...n.preview,
+			...p?.preview
+		}
+	}, w = r(), T = s(m), E = !!(a && !v || m);
+	if (!E && (c || w.isPending)) return /* @__PURE__ */ o(t, {
+		mode: "loading",
+		fileName: l,
+		labels: p?.panel
+	});
+	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",
+		labels: p?.panel,
+		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 = e(a || {
+		name: D,
+		url: T ?? "",
+		mimetype: m?.type ?? ""
+	}, C.preview);
+	return /* @__PURE__ */ o(t, {
+		mode: "document",
+		labels: p?.panel,
+		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 { u as VendorInlineForm, u as default };
+export { c as SourceDocumentContainer, c as default };