@tesouro/embedded-components-react 0.5.213 → 0.5.214

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

@@ -1,11 +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 "./index22.js";
+import { SOURCE_DOCUMENT_PREVIEW_LABELS_EN as d } from "./index23.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 { DISCARD_CHANGES_DIALOG_LABELS_EN as p } from "../../ui/dist/index64.js";
+import { BILL_REJECTED_BANNER_LABELS_EN as m } from "../../ui/dist/index72.js";
+import { UNSAVED_BILL_DIALOG_LABELS_EN as h } from "../../ui/dist/index98.js";
+import "../../ui/dist/index.js";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index24.js
-function e(e) {
-	let t = [];
-	for (let n of e.steps) n.chips.some((e) => e.approved) || t.push({
-		id: n.id,
-		names: n.chips.map((e) => e.label)
-	});
-	return t;
+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: p,
+	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: m
+};
+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;
+			})()
+		}
+	};
+}
+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
+			}
+		}
+	};
 }
 //#endregion
-export { e as buildPendingApproverGroupsFromCardView };
+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/feature/dist/index25.js

@@ -2,16 +2,79 @@
 "use client";
 "use client";
 "use client";
-import { usePayableHistoryQuery as e } from "../../data-access/dist/index17.js";
+import { createSourceDocumentPreview as e } from "./index23.js";
+import { SourceDocumentPanel as t } from "../../ui/dist/index96.js";
+import "../../ui/dist/index.js";
+import { SOURCE_DOCUMENT_CONTAINER_LABELS_EN as n } from "./index24.js";
+import { useAttachPayableFileMutation as r } from "../../data-access/dist/lib/usePayableMutations/useAttachPayableFileMutation.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/feature/dist/index25.js
-var t = "submitted_for_approval";
-function n({ payableId: n, enabled: r = !0 }) {
-	let i = e(n, { enabled: r });
-	return {
-		roundStartedAt: (i.data?.data ?? []).reduce((e, n) => n.event_type === t ? n.timestamp : e, void 0),
-		isLoading: i.isLoading
-	};
+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
+	});
+	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 = e(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 usePayableApprovalRoundStart };
+export { c as SourceDocumentContainer, c as default };

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

@@ -1,69 +1,35 @@
-"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 { useAllOrganizationRolesQuery as n } from "../../../shared/data-access/dist/lib/role/useAllOrganizationRolesQuery.js";
-import { useAllOrganizationUsersQuery as r } from "../../../shared/data-access/dist/lib/user/useAllOrganizationUsersQuery.js";
-import "../../../shared/data-access/dist/index.js";
-import { useWidgetConfig as i } from "../../../shared/feature/dist/lib/WidgetProvider/hooks.js";
-import "../../../shared/feature/dist/index.js";
-import { usePayableApprovalRequestsQuery as a } from "../../data-access/dist/index16.js";
-import "../../data-access/dist/index.js";
-import { useGetApprovalPoliciesQuery as o } from "../../../shared/approval-policy/data-access/dist/lib/approvalPoliciesApi.js";
-import "../../../shared/approval-policy/data-access/dist/index.js";
-import { buildApprovalPolicyCardView as s } from "./index22.js";
-import { currentApprovalRound as c } from "./index3.js";
-import { usePayableApprovalRoundStart as l } from "./index25.js";
-import { buildPendingApproverGroups as u } from "./index23.js";
-import { buildPendingApproverGroupsFromCardView as d } from "./index24.js";
-import { useMemo as f } from "react";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index26.js
-function p({ payableId: p, approvalPolicyId: m, enabled: h = !0, copy: g }) {
-	let _ = h && !!m, { initResponse: v } = i(), y = e(v?.scopes, [t.ApprovalPolicyReadOrg]), b = e(v?.scopes, [t.ApprovalRequestReadOrg]), x = e(v?.scopes, [t.RoleReadOrg]), S = e(v?.scopes, [t.UserReadOrg]), C = o({ enabled: _ && y }), w = n({ enabled: _ && x }), T = r({ enabled: _ && S }), E = a(p, { enabled: _ && b }), { roundStartedAt: D } = l({
-		payableId: p,
-		enabled: _ && b
-	}), O = f(() => {
-		let e = /* @__PURE__ */ new Map();
-		for (let t of w.data?.data ?? []) e.set(t.id, {
-			label: t.name,
-			kind: "role"
-		});
-		for (let t of T.data?.data ?? []) e.set(t.id, {
-			label: t.name,
-			kind: "user"
-		});
-		return e;
-	}, [w.data, T.data]), k = f(() => c(E.data?.data, D), [E.data, D]), A = f(() => new Set(k.flatMap((e) => e.approved_by ?? [])), [k]), j = f(() => new Set(k.filter((e) => (e.approved_by ?? []).length > 0).flatMap((e) => e.role_ids ?? [])), [k]), M = f(() => m ? C.data?.data.find((e) => e.id === m) : void 0, [C.data, m]), N = f(() => _ && M ? s({
-		policy: M,
-		lookup: O,
-		approvedUserIds: A,
-		approvedRoleIds: j,
-		copy: g
-	}) : void 0, [
-		_,
-		M,
-		O,
-		A,
-		j,
-		g
-	]);
-	return {
-		view: N,
-		pendingApprovers: f(() => _ ? N ? d(N) : u({
-			requestsNewestFirst: E.data?.data,
-			roundStartedAt: D,
-			lookup: O
-		}) : [], [
-			_,
-			N,
-			E.data,
-			D,
-			O
-		]),
-		isLoading: !!m && (!h || C.isResolving || w.isResolving || T.isResolving || E.isLoading || E.isError || !b)
+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;
 }
 //#endregion
-export { p as useApprovalPolicyCardView };
+export { r as buildVendorPrefill };

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

@@ -1,13 +1,92 @@
-import { formatRejectionDate as e } from "../../../shared/util/dist/lib/formatRejectionDate.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 "../../../shared/counterpart-management/ui/dist/index.js";
+import { VendorSearchCombobox as a } from "../../ui/dist/index46.js";
+import "../../ui/dist/index.js";
+import { mergeVendorInlineFormLabels as o } from "./index24.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";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index27.js
-function t({ payableStatus: t, approvalRequests: n, userNames: r, payableUpdatedAt: i, labels: a, now: o }) {
-	let s = n.find((e) => e.status === "rejected");
-	if (!s) return t !== "rejected" || !i ? void 0 : { actorLabel: a.rejectedOn(e(i, o)) };
-	let c = s.rejected_by ? r.get(s.rejected_by) : void 0, l = e(s.updated_at, o);
-	return {
-		actorLabel: c ? a.rejectedByOn(c, l) : a.rejectedOn(l),
-		message: s.reject_reason ? a.rejectionMessage(s.reject_reason) : 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 { t as resolveBillRejectionNotice };
+export { u as VendorInlineForm, u as default };