@tesouro/embedded-components-react 0.2.332 → 0.2.336

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

@@ -1,4 +1,221 @@
-import "./index26.js";
-import "./index33.js";
-import "./index35.js";
-import "./index37.js";
+"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 { useAllLedgerAccountsQuery as ee } from "../../../shared/data-access/dist/lib/reference-data/useLedgerAccountsQuery.js";
+import { useAllOrganizationUsersQuery as te } from "../../../shared/data-access/dist/lib/user/useAllOrganizationUsersQuery.js";
+import "../../../shared/data-access/dist/index.js";
+import { formatCalendarDate as ne } from "../../../shared/util/dist/lib/formatCalendarDate.js";
+import { useWidgetConfig as re } from "../../../shared/feature/dist/lib/WidgetProvider/hooks.js";
+import "../../../shared/feature/dist/index.js";
+import { resolveVendor as ie } from "./index3.js";
+import { BillCreateScreen as ae } from "../../ui/dist/index40.js";
+import { BillDecisionDialog as oe } from "../../ui/dist/index46.js";
+import { ExtractionNotice as se } from "../../ui/dist/index61.js";
+import "../../ui/dist/index.js";
+import { usePayableHistoryQuery as ce } from "../../data-access/dist/index6.js";
+import { useAllPayableLineItemsQuery as le } from "../../data-access/dist/index7.js";
+import { usePayableQuery as ue } from "../../data-access/dist/index13.js";
+import "../../data-access/dist/index.js";
+import { PayBillFlow as de } from "./index10.js";
+import "./index11.js";
+import { mergeBillCreateScreenCopy as fe } from "./index26.js";
+import { useBillCreateController as pe } from "./index34.js";
+import { useBillForm as n } from "./index36.js";
+import { useApprovalPolicyCardView as r } from "./index15.js";
+import { useCurrentApprovalRequestId as i } from "./index16.js";
+import { usePayableDetailActions as a } from "./index18.js";
+import { useScheduledPayment as o } from "./index19.js";
+import { buildBillDetailView as s } from "./index22.js";
+import { buildBillHistory as me } from "./index23.js";
+import { SourceDocumentContainer as he } from "./index27.js";
+import { useVendorSectionProps as ge } from "./index29.js";
+import { usePaymentInstructionsForm as _e } from "./index30.js";
+import { billCreateTestIds as c } from "./index37.js";
+import { useCallback as l, useEffect as ve, useMemo as u, useRef as ye, useState as d } from "react";
+import { Fragment as be, jsx as f, jsxs as xe } from "react/jsx-runtime";
+//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index38.js
+function Se(e) {
+	return !!(e?.bank_account?.account_holder_name && e.bank_account.routing_number && e.bank_account.account_number);
+}
+function p({ open: p, onOpenChange: m, payableId: h, readOnly: g = !1, copy: _, poweredByBankName: Ce }) {
+	let v = u(() => fe(_), [_]), [y, b] = d(), [x, S] = d(!1), [C, w] = d(!1), [T, E] = d(), D = h ?? T, O = ue(D, { pollWhileOcrProcessing: !0 }), k = le(D), A = ee(), j = O.data, M = n({
+		payable: j,
+		lineItems: k.lineItems
+	}), N = j?.counterpart_id;
+	ve(() => {
+		x || N && (b(N), S(!0));
+	}, [x, N]);
+	let we = l((e) => {
+		S(!0), b(e);
+	}, []), P = ge({
+		payableId: g ? void 0 : D,
+		counterpartId: g ? void 0 : y,
+		payableCounterpartId: N,
+		onCounterpartChange: we,
+		requiredError: M.errors?.vendor
+	}), F = pe({
+		payableId: h,
+		form: M,
+		counterpartId: y,
+		clearCounterpart: !!(D && x) && !y,
+		prepareVendorForSave: P.savePaymentInstructions,
+		onPayableCreated: E,
+		onSaved: E,
+		onDraftSaved: () => m(!1),
+		onFinalized: () => m(!1)
+	}), I = !!(F.isSavingDraft || F.isFinalizing), L = g ? D : void 0, R = i({
+		payableId: L,
+		status: j?.status
+	}), z = ye(null), B = o({
+		payableId: D,
+		scheduledPaymentDate: j?.scheduled_payment_date,
+		enabled: g
+	}), V = ie(j), H = _e({
+		payableId: L,
+		counterpartId: g ? N : void 0,
+		saveErrorMessage: v.detail.paymentInstructionsSaveError
+	}), { initResponse: U } = re(), W = e(U?.scopes, [t.CounterpartWriteOrg]) && e(U?.scopes, [t.PayableWriteOrg]), { actions: Te, decisionDialog: Ee } = a({
+		payableId: L,
+		status: j?.status,
+		currentApprovalRequestId: R.id,
+		isPolicyApprover: R.isPolicyApprover,
+		hasWaitingRequest: R.hasWaitingRequest,
+		hasScheduledPayment: B.hasScheduledPayment,
+		isScheduledPaymentUnknown: B.isResolving,
+		labels: v.actions,
+		onPayBillSelect: () => Se(V) || !W ? z.current?.open() : H.open()
+	}), G = u(() => (A.data?.data ?? []).map((e) => ({
+		value: e.id,
+		label: [e.nominal_code, e.name].filter(Boolean).join(" — ")
+	})), [A.data]), K = ce(L), q = e(U?.scopes, [t.UserReadOrg]), J = te({ enabled: g && q }), Y = u(() => me(K.data?.data ?? [], J.data?.data ?? [], v.history), [
+		K.data,
+		J.data,
+		v.history
+	]), X = r({
+		payableId: L,
+		approvalPolicyId: j?.approval_policy_id,
+		enabled: g,
+		copy: v.approvalPolicyCopy
+	}), De = u(() => g && j ? s({
+		payable: j,
+		lineItems: k.lineItems,
+		glCodeOptions: G,
+		history: Y,
+		approvalPolicy: X.view,
+		labels: v.detail
+	}) : void 0, [
+		X.view,
+		v.detail,
+		G,
+		Y,
+		k.lineItems,
+		j,
+		g
+	]), Z = j?.source_of_payable_data === "ocr", Q = V?.name, Oe = g ? Q ? v.viewTitle(Q) : v.readOnlyTitle : Z && Q ? v.extractedTitle(Q) : v.newTitle, ke = g && j?.created_at ? v.addedOn(ne(j.created_at.slice(0, 10))) : void 0, $ = l(() => {
+		let e = M.isDirty || P.hasUnsavedVendorChanges || !!F.stagedFile;
+		!g && e && !window.confirm(v.discardConfirm) || m(!1);
+	}, [
+		F.stagedFile,
+		v.discardConfirm,
+		M.isDirty,
+		m,
+		g,
+		P.hasUnsavedVendorChanges
+	]), Ae = l((e) => {
+		if (!I) return e ? m(!0) : $();
+	}, [
+		$,
+		I,
+		m
+	]);
+	return /* @__PURE__ */ xe(be, { children: [
+		/* @__PURE__ */ f(ae, {
+			open: p,
+			onOpenChange: Ae,
+			title: Oe,
+			subtitle: ke,
+			notice: !g && Z && !C ? /* @__PURE__ */ f(se, { onDismiss: () => w(!0) }) : void 0,
+			vendor: {
+				...P,
+				testId: c.vendorSection
+			},
+			values: M.values,
+			errors: M.errors,
+			onChange: M.onChange,
+			lineItems: {
+				items: M.lineItemRows,
+				glCodeOptions: G,
+				discount: M.discount,
+				onDiscountChange: M.onDiscountChange,
+				tax: M.tax,
+				onTaxChange: M.onTaxChange,
+				total: M.total,
+				onTotalChange: M.onTotalChange,
+				onAddLineItem: M.onAddLineItem,
+				errors: M.lineItemErrors,
+				testId: c.lineItems
+			},
+			documentPanel: /* @__PURE__ */ f(he, {
+				payableId: D,
+				readOnly: g,
+				isDocumentPending: !!D && !j?.file && (O.isLoading || j?.ocr_status === "processing"),
+				file: j?.file ? {
+					id: j.file.id,
+					name: j.file.name,
+					url: j.file.url,
+					mimetype: j.file.mimetype
+				} : void 0,
+				staging: {
+					stagedFile: F.stagedFile,
+					onFileStaged: F.stageFile,
+					onClearStagedFile: F.clearStagedFile,
+					isSaving: I
+				}
+			}),
+			readOnly: g,
+			detail: g ? {
+				view: De,
+				actions: Te,
+				scheduledSummary: B.hasScheduledPayment && B.scheduledDateLabel ? v.scheduledSummary(B.scheduledDateLabel) : void 0,
+				paymentInstructionsForm: N && W ? {
+					isOpen: H.isOpen,
+					values: H.values,
+					errors: H.errors,
+					isSaving: H.isSaving,
+					onOpen: H.open,
+					onCancel: H.close,
+					onChange: H.onChange,
+					onSave: H.save
+				} : void 0,
+				isLoading: O.isLoading || k.isResolving || A.isResolving,
+				isError: O.isError || k.isError || A.isError
+			} : void 0,
+			isLineItemsLoading: k.isResolving,
+			isSaving: I,
+			isSavingDraft: F.isSavingDraft,
+			isFinalizing: F.isFinalizing,
+			onCancel: $,
+			onSaveDraft: F.saveDraft,
+			onFinalize: F.finalize,
+			testId: c.dialog
+		}),
+		/* @__PURE__ */ f(oe, {
+			...Ee,
+			labels: { cancelButton: v.actions.decisionDialog.cancelButton },
+			testId: c.decisionDialog,
+			confirmTestId: c.decisionConfirm,
+			reasonTestId: c.decisionReason
+		}),
+		g && j ? /* @__PURE__ */ f(de, {
+			ref: z,
+			payable: j,
+			poweredByBankName: Ce,
+			labels: v.payBill
+		}) : null
+	] });
+}
+//#endregion
+export { p as BillCreateDialog, p as default };

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

@@ -1,29 +1,4 @@
-import { BILL_DETAILS_SHEET_LABELS_EN as e } from "../../ui/dist/index51.js";
-import "../../ui/dist/index.js";
-import { APPROVAL_POLICY_RULE_COPY_EN as t } from "./index12.js";
-import { BILL_DETAIL_ACTIONS_LABELS_EN as n, SCHEDULED_SUMMARY_LABEL_EN as r } from "./index24.js";
-//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index39.js
-var i = {
-	subtitle: "Accounts payable",
-	vendorRow: "Vendor",
-	bankAccountRow: "ACH bank account",
-	bankAccountValue: (e) => `Account ending in ${e}`,
-	invoiceNumberRow: "Number",
-	issueDateRow: "Issue date",
-	dueDateRow: "Due date",
-	poNumberRow: "PO number",
-	notProvided: "Not provided",
-	glCodeMissing: "GL code not specified",
-	quantityValue: (e, t) => `${e} x ${t}`,
-	subtotalRow: "Subtotal",
-	discountsRow: "Discounts",
-	taxRow: "Tax",
-	totalRow: "Total",
-	actionError: n.actionError,
-	scheduledSummary: r,
-	sheet: e,
-	decisionDialog: n.decisionDialog,
-	approvalPolicyCopy: t
-};
-//#endregion
-export { i as BILL_DETAILS_LABELS_EN };
+import "./index26.js";
+import "./index34.js";
+import "./index36.js";
+import "./index38.js";

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

@@ -1,82 +1,29 @@
-import { formatCalendarDate as e } from "../../../shared/util/dist/lib/formatCalendarDate.js";
-import { resolveVendor as t, resolveVendorName as n } from "./index3.js";
-import { derivePayableStatus as r } from "./index20.js";
-import { formatBillMoney as i } from "./index21.js";
+import { BILL_DETAILS_SHEET_LABELS_EN as e } from "../../ui/dist/index51.js";
+import "../../ui/dist/index.js";
+import { APPROVAL_POLICY_RULE_COPY_EN as t } from "./index12.js";
+import { BILL_DETAIL_ACTIONS_LABELS_EN as n, SCHEDULED_SUMMARY_LABEL_EN as r } from "./index24.js";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index40.js
-function a({ payable: a, lineItems: o, ledgerAccounts: s, labels: c }) {
-	let l = a.currency, u = (e) => i(e, l), d = r({
-		apiStatus: a.status,
-		dueDate: a.due_date,
-		scheduledPaymentDate: a.scheduled_payment_date
-	}), f = t(a), p = n(a), m = e(a.issued_at) || c.notProvided, h = e(a.due_date) || c.notProvided, g = [{
-		label: c.vendorRow,
-		value: p || c.notProvided,
-		secondaryValue: f?.email ?? void 0
-	}], _ = f?.bank_account?.account_number;
-	_ && g.push({
-		label: c.bankAccountRow,
-		value: c.bankAccountValue(_.slice(-4))
-	});
-	let v = [
-		{
-			label: c.invoiceNumberRow,
-			value: a.document_id || c.notProvided
-		},
-		{
-			label: c.issueDateRow,
-			value: m
-		},
-		{
-			label: c.dueDateRow,
-			value: h
-		},
-		{
-			label: c.poNumberRow,
-			value: c.notProvided
-		}
-	], y = new Map(s.map((e) => [e.id, [e.nominal_code, e.name].filter(Boolean).join(" — ")])), b = o.map((e) => {
-		let t = u(e.unit_price);
-		return {
-			id: e.id,
-			description: e.name ?? e.description ?? "",
-			glCodeLabel: (e.ledger_account_id ? y.get(e.ledger_account_id) : void 0) || c.glCodeMissing,
-			quantityLabel: e.quantity != null && t ? c.quantityValue(String(e.quantity), t) : "",
-			amountLabel: u(e.subtotal) ?? ""
-		};
-	}), x = [
-		{
-			label: c.subtotalRow,
-			value: a.subtotal
-		},
-		{
-			label: c.discountsRow,
-			value: a.discount
-		},
-		{
-			label: c.taxRow,
-			value: a.tax_amount
-		}
-	].map(({ label: e, value: t }) => ({
-		label: e,
-		value: u(t)
-	})).filter((e) => !!e.value), S = u(a.total_amount);
-	return S && x.push({
-		label: c.totalRow,
-		value: S,
-		emphasis: !0
-	}), {
-		title: p,
-		subtitle: c.subtitle,
-		status: d.status,
-		statusTone: d.tone,
-		amountDueLabel: u(a.amount_due) ?? u(a.total_amount) ?? "",
-		invoiceDateLabel: m,
-		dueDateLabel: h,
-		payToItems: g,
-		invoiceItems: v,
-		lineItems: b,
-		totals: x
-	};
-}
+var i = {
+	subtitle: "Accounts payable",
+	vendorRow: "Vendor",
+	bankAccountRow: "ACH bank account",
+	bankAccountValue: (e) => `Account ending in ${e}`,
+	invoiceNumberRow: "Number",
+	issueDateRow: "Issue date",
+	dueDateRow: "Due date",
+	poNumberRow: "PO number",
+	notProvided: "Not provided",
+	glCodeMissing: "GL code not specified",
+	quantityValue: (e, t) => `${e} x ${t}`,
+	subtotalRow: "Subtotal",
+	discountsRow: "Discounts",
+	taxRow: "Tax",
+	totalRow: "Total",
+	actionError: n.actionError,
+	scheduledSummary: r,
+	sheet: e,
+	decisionDialog: n.decisionDialog,
+	approvalPolicyCopy: t
+};
 //#endregion
-export { a as mapPayableToBillDetails };
+export { i as BILL_DETAILS_LABELS_EN };

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

@@ -1,132 +1,82 @@
-"use client";
-"use client";
-"use client";
-"use client";
-import { useAllLedgerAccountsQuery as e } from "../../../shared/data-access/dist/lib/reference-data/useLedgerAccountsQuery.js";
-import "../../../shared/data-access/dist/index.js";
-import { resolveVendor as t } from "./index3.js";
-import { BillDecisionDialog as n } from "../../ui/dist/index46.js";
-import { BillDetailsSheet as r } from "../../ui/dist/index52.js";
-import "../../ui/dist/index.js";
-import { useAllPayableLineItemsQuery as i } from "../../data-access/dist/index7.js";
-import { usePayableQuery as a } from "../../data-access/dist/index13.js";
-import "../../data-access/dist/index.js";
-import { PayBillFlow as o } from "./index10.js";
-import "./index11.js";
-import { mergeDecisionDialogCopy as s } from "./index24.js";
-import { useApprovalPolicyCardView as c } from "./index15.js";
-import { useCurrentApprovalRequestId as l } from "./index16.js";
-import { usePayableDetailActions as u } from "./index18.js";
-import { useScheduledPayment as d } from "./index19.js";
-import { BILL_DETAILS_LABELS_EN as f } from "./index39.js";
-import { mapPayableToBillDetails as p } from "./index40.js";
-import { useMemo as m, useRef as h } from "react";
-import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
+import { formatCalendarDate as e } from "../../../shared/util/dist/lib/formatCalendarDate.js";
+import { resolveVendor as t, resolveVendorName as n } from "./index3.js";
+import { derivePayableStatus as r } from "./index20.js";
+import { formatBillMoney as i } from "./index21.js";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index41.js
-function y(e) {
-	return !!(e?.bank_account?.account_holder_name && e.bank_account.routing_number && e.bank_account.account_number);
-}
-function b({ open: b, onOpenChange: x, payableId: S, onClose: C, onExpand: w, testId: T, labels: E, poweredByBankName: D }) {
-	let O = m(() => ({
-		...f,
-		...E,
-		sheet: {
-			...f.sheet,
-			...E?.sheet,
-			statusBadge: {
-				...f.sheet.statusBadge,
-				...E?.sheet?.statusBadge
-			},
-			approvalPolicy: {
-				...f.sheet.approvalPolicy,
-				...E?.sheet?.approvalPolicy
-			}
+function a({ payable: a, lineItems: o, ledgerAccounts: s, labels: c }) {
+	let l = a.currency, u = (e) => i(e, l), d = r({
+		apiStatus: a.status,
+		dueDate: a.due_date,
+		scheduledPaymentDate: a.scheduled_payment_date
+	}), f = t(a), p = n(a), m = e(a.issued_at) || c.notProvided, h = e(a.due_date) || c.notProvided, g = [{
+		label: c.vendorRow,
+		value: p || c.notProvided,
+		secondaryValue: f?.email ?? void 0
+	}], _ = f?.bank_account?.account_number;
+	_ && g.push({
+		label: c.bankAccountRow,
+		value: c.bankAccountValue(_.slice(-4))
+	});
+	let v = [
+		{
+			label: c.invoiceNumberRow,
+			value: a.document_id || c.notProvided
+		},
+		{
+			label: c.issueDateRow,
+			value: m
 		},
-		decisionDialog: s(f.decisionDialog, E?.decisionDialog),
-		approvalPolicyCopy: {
-			...f.approvalPolicyCopy,
-			...E?.approvalPolicyCopy
+		{
+			label: c.dueDateRow,
+			value: h
+		},
+		{
+			label: c.poNumberRow,
+			value: c.notProvided
 		}
-	}), [E]), k = a(S), A = i(S), j = e(), M = k.data, N = h(null), P = l({
-		payableId: S,
-		status: M?.status
-	}), F = c({
-		payableId: S,
-		approvalPolicyId: M?.approval_policy_id,
-		copy: O.approvalPolicyCopy
-	}), I = d({
-		payableId: S,
-		scheduledPaymentDate: M?.scheduled_payment_date
-	}), { actions: L, decisionDialog: R } = u({
-		payableId: M ? S : void 0,
-		status: M?.status,
-		currentApprovalRequestId: P.id,
-		isPolicyApprover: P.isPolicyApprover,
-		hasWaitingRequest: P.hasWaitingRequest,
-		hasScheduledPayment: I.hasScheduledPayment,
-		isScheduledPaymentUnknown: I.isResolving,
-		labels: {
-			payBill: O.sheet.payButton,
-			markAsPaid: O.sheet.markAsPaidButton,
-			reject: O.sheet.rejectButton,
-			approve: O.sheet.approveButton,
-			cancel: O.sheet.cancelButton,
-			reopen: O.sheet.reopenButton,
-			forceApprove: O.sheet.forceApproveButton,
-			forceReject: O.sheet.forceRejectButton,
-			decisionDialog: O.decisionDialog,
-			actionError: O.actionError
+	], y = new Map(s.map((e) => [e.id, [e.nominal_code, e.name].filter(Boolean).join(" — ")])), b = o.map((e) => {
+		let t = u(e.unit_price);
+		return {
+			id: e.id,
+			description: e.name ?? e.description ?? "",
+			glCodeLabel: (e.ledger_account_id ? y.get(e.ledger_account_id) : void 0) || c.glCodeMissing,
+			quantityLabel: e.quantity != null && t ? c.quantityValue(String(e.quantity), t) : "",
+			amountLabel: u(e.subtotal) ?? ""
+		};
+	}), x = [
+		{
+			label: c.subtotalRow,
+			value: a.subtotal
+		},
+		{
+			label: c.discountsRow,
+			value: a.discount
 		},
-		onPayBillSelect: () => {
-			if (!y(t(M)) && w) {
-				w();
-				return;
-			}
-			N.current?.open();
+		{
+			label: c.taxRow,
+			value: a.tax_amount
 		}
-	}), z = I.hasScheduledPayment && I.scheduledDateLabel ? /* @__PURE__ */ _("p", {
-		className: "ttw:text-sm ttw:text-muted-foreground",
-		children: O.scheduledSummary(I.scheduledDateLabel)
-	}) : void 0, B = m(() => M ? p({
-		payable: M,
-		lineItems: A.lineItems,
-		ledgerAccounts: j.data?.data ?? [],
-		labels: O
-	}) : void 0, [
-		M,
-		A.lineItems,
-		j.data,
-		O
-	]), V = k.isLoading || A.isResolving || j.isResolving, H = k.isError || A.isError || j.isError;
-	return /* @__PURE__ */ v(g, { children: [
-		/* @__PURE__ */ _(r, {
-			open: b,
-			onOpenChange: x,
-			details: B,
-			actions: L,
-			approvalPolicy: F.view,
-			isLoading: V,
-			isError: H,
-			notice: z,
-			onClose: C,
-			onExpand: w,
-			testId: T,
-			labels: O.sheet
-		}),
-		/* @__PURE__ */ _(n, {
-			...R,
-			labels: { cancelButton: O.decisionDialog.cancelButton },
-			testId: T ? `${T}-decision-dialog` : void 0,
-			confirmTestId: T ? `${T}-decision-confirm` : void 0,
-			reasonTestId: T ? `${T}-decision-reason` : void 0,
-			reasonFieldId: T ? `${T}-decision-reason-field` : void 0
-		}),
-		M ? /* @__PURE__ */ _(o, {
-			ref: N,
-			payable: M,
-			poweredByBankName: D
-		}) : null
-	] });
+	].map(({ label: e, value: t }) => ({
+		label: e,
+		value: u(t)
+	})).filter((e) => !!e.value), S = u(a.total_amount);
+	return S && x.push({
+		label: c.totalRow,
+		value: S,
+		emphasis: !0
+	}), {
+		title: p,
+		subtitle: c.subtitle,
+		status: d.status,
+		statusTone: d.tone,
+		amountDueLabel: u(a.amount_due) ?? u(a.total_amount) ?? "",
+		invoiceDateLabel: m,
+		dueDateLabel: h,
+		payToItems: g,
+		invoiceItems: v,
+		lineItems: b,
+		totals: x
+	};
 }
 //#endregion
-export { b as BillDetailsContainer, b as default };
+export { a as mapPayableToBillDetails };