@tesouro/embedded-components-react 0.4.0 → 0.4.2

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

@@ -1,4 +1,343 @@
-import "./index40.js";
-import "./index49.js";
-import "./index51.js";
-import "./index53.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 { usePayableHistoryQuery as ie } from "../../data-access/dist/index8.js";
+import { useAllPayableLineItemsQuery as ae } from "../../data-access/dist/index9.js";
+import { usePayableQuery as oe } from "../../data-access/dist/index15.js";
+import "../../data-access/dist/index.js";
+import { resolveVendor as se } from "./index5.js";
+import { BillCreateScreen as ce } from "../../ui/dist/index45.js";
+import { BillDecisionDialog as n } from "../../ui/dist/index51.js";
+import { BillDuplicateNotice as le } from "../../ui/dist/index61.js";
+import { ExtractionNotice as ue } from "../../ui/dist/index79.js";
+import { MarkAsPaidDialog as de } from "../../ui/dist/index88.js";
+import { UnsavedBillDialog as fe } from "../../ui/dist/index98.js";
+import "../../ui/dist/index.js";
+import { usePayableDuplicateReview as pe } from "./index10.js";
+import "./index11.js";
+import { resolveAmountDueMinorUnits as me } from "./index17.js";
+import { PayBillFlow as he } from "./index23.js";
+import "./index24.js";
+import { useMarkAsPaidFlow as ge } from "./index14.js";
+import "./index15.js";
+import { BILL_CREATE_MESSAGE_LABELS_EN as _e, mergeBillCreateScreenCopy as ve } from "./index41.js";
+import { useBillCreateController as ye } from "./index50.js";
+import { useBillForm as be } from "./index52.js";
+import { useApprovalPolicyCardView as xe } from "./index30.js";
+import { useCurrentApprovalRequestId as Se } from "./index31.js";
+import { usePayableDetailActions as Ce } from "./index32.js";
+import { useScheduledPayment as we } from "./index33.js";
+import { isEditablePayableStatus as Te } from "./index34.js";
+import { useDraftDelete as Ee } from "./index35.js";
+import { buildBillDetailView as De } from "./index37.js";
+import { buildBillHistory as Oe } from "./index38.js";
+import { SourceDocumentContainer as ke } from "./index42.js";
+import { useVendorSectionProps as Ae } from "./index45.js";
+import { usePaymentInstructionsForm as je } from "./index46.js";
+import { billCreateTestIds as r } from "./index53.js";
+import { useCallback as i, useEffect as Me, useMemo as a, useRef as Ne, useState as o } from "react";
+import { Fragment as Pe, jsx as s, jsxs as Fe } from "react/jsx-runtime";
+import { Trash2Icon as Ie } from "lucide-react";
+//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index54.js
+function c({ open: c, onOpenChange: l, payableId: u, readOnly: d = !1, copy: f, onCollapse: Le, poweredByBankName: Re }) {
+	let p = a(() => ve(f), [f]), [m, h] = o(), [g, _] = o(!1), [ze, Be] = o(!1), [Ve, v] = o(!1), [He, y] = o(), b = u ?? He, x = oe(b, { pollWhileOcrProcessing: !0 }), S = ae(b), { initResponse: C } = re(), w = !!C, T = e(C?.scopes, [t.AccountingConfigReadOrg]), E = ee({ enabled: T }), D = x.data, O = !b || !!D, k = !d && O && !!b && D?.status !== "draft", Ue = !d && !!D && !Te(D?.status), A = d || Ue, j = be({
+		payable: D,
+		lineItems: S.lineItems
+	}), M = D?.counterpart_id;
+	Me(() => {
+		g || M && (h(M), _(!0));
+	}, [g, M]);
+	let We = i((e) => {
+		_(!0), h(e);
+	}, []), N = Ae({
+		payableId: d ? void 0 : b,
+		counterpartId: d ? void 0 : m,
+		payableCounterpartId: M,
+		onCounterpartChange: We,
+		requiredError: j.errors?.vendor,
+		payableCounterpartBankAccountId: D?.counterpart_bank_account_id ?? void 0,
+		extractedVendor: D?.counterpart_raw_data ?? void 0
+	}), Ge = !!(b && g) && !m, Ke = a(() => k ? { saveDraftButton: p.submittedSaveButton } : void 0, [p.submittedSaveButton, k]), qe = a(() => k ? { draftSaved: _e.submittedSaved } : void 0, [k]), P = x.refetch, Je = i(async () => {
+		let { data: e } = await P();
+		return e?.status ?? void 0;
+	}, [P]), F = ye({
+		payableId: u,
+		form: j,
+		labels: qe,
+		counterpartId: m,
+		clearCounterpart: Ge,
+		prepareVendorForSave: N.savePaymentInstructions,
+		onPayableCreated: y,
+		onSaved: y,
+		onDraftSaved: () => l(!1),
+		onFinalized: () => l(!1),
+		readSavedStatus: k ? Je : void 0
+	}), I = !!(F.isSavingDraft || F.isFinalizing), L = d ? b : void 0, R = Se({
+		payableId: L,
+		status: D?.status
+	}), Ye = Ne(null), z = we({
+		payableId: b,
+		scheduledPaymentDate: D?.scheduled_payment_date,
+		enabled: d || k
+	}), Xe = se(D), B = je({
+		payableId: L,
+		counterpartId: d ? M : void 0,
+		saveErrorMessage: p.detail.paymentInstructionsSaveError,
+		linkErrorMessage: p.detail.paymentInstructionsLinkError
+	}), Ze = e(C?.scopes, [t.PayableWriteOrg]), Qe = e(C?.scopes, [t.CounterpartWriteOrg]) && Ze, V = ge({
+		payableId: L,
+		amountDueMinorUnits: me(D) ?? 0,
+		amountToPayMinorUnits: D?.amount_to_pay ?? void 0,
+		currencyCode: D?.currency ?? void 0,
+		dueDate: D?.due_date,
+		hasScheduledPayment: z.hasScheduledPayment,
+		labels: p.markAsPaid
+	}), H = xe({
+		payableId: L,
+		approvalPolicyId: D?.approval_policy_id,
+		enabled: d,
+		copy: p.approvalPolicyCopy
+	}), { actions: U, decisionDialog: $e, isActionPending: et } = Ce({
+		payableId: d || k ? b : void 0,
+		status: D?.status,
+		currentApprovalRequestId: R.id,
+		isPolicyApprover: R.isPolicyApprover,
+		hasWaitingRequest: R.hasWaitingRequest,
+		arePendingApproversUnknown: H.isLoading,
+		hasScheduledPayment: z.hasScheduledPayment,
+		scheduledPaymentIntentId: z.scheduledPaymentIntentId,
+		isScheduledPaymentUnknown: z.isResolving,
+		pendingApprovers: H.pendingApprovers,
+		labels: p.actions,
+		isMarkAsPaidPending: V.isPending,
+		onMarkAsPaidSelect: V.open,
+		onPayBillSelect: () => Ye.current?.open(),
+		onActionSucceeded: k ? () => l(!1) : void 0
+	}), W = Ee({
+		payableId: b,
+		status: D?.status,
+		enabled: !d,
+		labels: p.deleteDraft,
+		onDeleted: () => l(!1)
+	}), G = I || et, tt = a(() => [...W.menuItems, ...k ? U.menu.map((e) => ({
+		id: e.id,
+		label: e.label,
+		onSelect: e.onSelect,
+		disabled: e.disabled
+	})) : []], [
+		U.menu,
+		W.menuItems,
+		k
+	]), K = a(() => (E.data?.data ?? []).map((e) => ({
+		value: e.id,
+		label: [e.nominal_code, e.name].filter(Boolean).join(" — ")
+	})), [E.data]), q;
+	w && (T ? E.isError ? q = p.lineItemsGlCodeUnavailable.loadError : !E.isResolving && K.length === 0 && (q = p.lineItemsGlCodeUnavailable.empty) : q = p.lineItemsGlCodeUnavailable.noAccess);
+	let nt = !w || !!q || E.isResolving, rt = T && !E.isResolving && !E.isError, it = ie(L), at = e(C?.scopes, [t.UserReadOrg]), ot = te({ enabled: d && at }), J = a(() => Oe(it.data?.data ?? [], ot.data?.data ?? [], p.history), [
+		it.data,
+		ot.data,
+		p.history
+	]), st = a(() => d && D ? De({
+		payable: D,
+		lineItems: S.lineItems,
+		glCodeOptions: K,
+		glCodeRosterAvailable: rt,
+		history: J,
+		approvalPolicy: H.view,
+		labels: p.detail,
+		hasScheduledPayment: z.hasScheduledPayment
+	}) : void 0, [
+		z.hasScheduledPayment,
+		H.view,
+		p.detail,
+		K,
+		rt,
+		J,
+		S.lineItems,
+		D,
+		d
+	]), ct = D?.source_of_payable_data === "ocr", Y = Xe?.name, lt = d ? Y ? p.viewTitle(Y) : p.readOnlyTitle : Y && (ct || k) ? p.extractedTitle(Y) : p.newTitle, ut = d && D?.created_at ? p.addedOn(ne(D.created_at.slice(0, 10))) : void 0, X = i(() => {
+		let e = j.isDirty || N.hasUnsavedVendorChanges || !!F.stagedFile || F.isFileDeletionPending;
+		if (!A && e) {
+			v(!0);
+			return;
+		}
+		l(!1);
+	}, [
+		F.isFileDeletionPending,
+		F.stagedFile,
+		j.isDirty,
+		A,
+		l,
+		N.hasUnsavedVendorChanges
+	]), dt = i(() => {
+		v(!1), l(!1);
+	}, [l]), Z = S.isResolving || N.mode === "creating", ft = i(async () => {
+		if (Z) return;
+		let e = await F.saveDraft();
+		v(!1), e && l(!1);
+	}, [
+		F,
+		Z,
+		l
+	]), Q = pe({
+		payable: D,
+		onRemoved: () => l(!1),
+		canManage: Ze
+	}), pt = i((e) => {
+		if (!(G || Q.isBusy)) return e ? l(!0) : X();
+	}, [
+		Q.isBusy,
+		G,
+		X,
+		l
+	]), mt = Q.isPossibleDuplicate, $ = !d && ct && !ze, ht = mt || $ ? /* @__PURE__ */ Fe(Pe, { children: [mt ? /* @__PURE__ */ s(le, {
+		onNotADuplicate: Q.onNotADuplicate,
+		onRemoveBill: Q.onRemoveBill,
+		isActionDisabled: Q.isBusy,
+		labels: Q.removeBillLabel ? { removeBillButton: Q.removeBillLabel } : void 0,
+		testId: r.duplicateNotice
+	}) : null, $ ? /* @__PURE__ */ s(ue, { onDismiss: () => Be(!0) }) : null] }) : void 0;
+	return /* @__PURE__ */ Fe(Pe, { children: [
+		/* @__PURE__ */ s(ce, {
+			open: c,
+			onOpenChange: pt,
+			title: lt,
+			subtitle: ut,
+			notice: ht,
+			vendor: {
+				...N,
+				testId: r.vendorSection
+			},
+			values: j.values,
+			errors: j.errors,
+			onChange: j.onChange,
+			lineItems: {
+				items: j.lineItemRows,
+				glCodeOptions: K,
+				glCodeDisabled: nt,
+				glCodeUnavailableMessage: q,
+				discount: j.discount,
+				onDiscountChange: j.onDiscountChange,
+				tax: j.tax,
+				onTaxChange: j.onTaxChange,
+				total: j.total,
+				onTotalChange: j.onTotalChange,
+				onAddLineItem: j.onAddLineItem,
+				errors: j.lineItemErrors,
+				totalsErrors: j.totalsErrors,
+				testId: r.lineItems
+			},
+			documentPanel: /* @__PURE__ */ s(ke, {
+				payableId: b,
+				readOnly: A,
+				isDocumentPending: !!b && !D?.file && (x.isLoading || D?.ocr_status === "processing"),
+				file: D?.file ? {
+					id: D.file.id,
+					name: D.file.name,
+					url: D.file.url,
+					mimetype: D.file.mimetype
+				} : void 0,
+				staging: {
+					stagedFile: F.stagedFile,
+					onFileStaged: F.stageFile,
+					onClearStagedFile: F.clearStagedFile,
+					isSaving: I
+				},
+				deletion: {
+					isPending: F.isFileDeletionPending,
+					onRequest: F.requestFileDeletion,
+					onDetachNow: F.detachFileNow,
+					isDeleting: F.isDeletingFile,
+					hasFailed: F.hasFileDeletionFailed
+				}
+			}),
+			menuItems: tt,
+			readOnly: A,
+			detail: d ? {
+				view: st,
+				actions: U,
+				scheduledSummary: z.hasScheduledPayment && z.scheduledDateLabel ? p.scheduledSummary(z.scheduledDateLabel) : void 0,
+				paymentInstructionsForm: M && Qe ? {
+					isOpen: B.isOpen,
+					values: B.values,
+					errors: B.errors,
+					isSaving: B.isSaving,
+					onOpen: B.open,
+					onCancel: B.close,
+					onChange: B.onChange,
+					onSave: B.save
+				} : void 0,
+				isLoading: x.isLoading || S.isResolving || E.isResolving,
+				isError: x.isError || S.isError || E.isError
+			} : void 0,
+			isLineItemsLoading: S.isResolving,
+			isSaving: G,
+			isSavingDraft: F.isSavingDraft,
+			isFinalizing: F.isFinalizing,
+			onCancel: X,
+			onCollapse: d ? Le : void 0,
+			onSaveDraft: F.saveDraft,
+			onFinalize: F.finalize,
+			scrollToErrorToken: F.scrollToErrorToken,
+			showFinalize: !k && O,
+			labels: Ke,
+			testId: r.dialog
+		}),
+		/* @__PURE__ */ s(fe, {
+			open: Ve,
+			onSaveDraft: ft,
+			onDiscard: dt,
+			onCancel: () => v(!1),
+			isSaving: F.isSavingDraft,
+			isSaveDraftDisabled: Z,
+			labels: p.unsavedChanges,
+			testId: r.unsavedDialog,
+			saveDraftTestId: r.unsavedSaveDraft,
+			discardTestId: r.unsavedDiscard
+		}),
+		/* @__PURE__ */ s(n, {
+			...$e,
+			labels: { cancelButton: p.actions.decisionDialog.cancelButton },
+			testId: r.decisionDialog,
+			confirmTestId: r.decisionConfirm,
+			reasonTestId: r.decisionReason
+		}),
+		/* @__PURE__ */ s(n, {
+			...W.dialog,
+			labels: { cancelButton: p.actions.decisionDialog.cancelButton },
+			testId: r.deleteDraftDialog,
+			confirmTestId: r.deleteDraftConfirm
+		}),
+		/* @__PURE__ */ s(n, {
+			open: Q.removeConfirmation.open,
+			copy: Q.removeConfirmation.copy,
+			onConfirm: Q.removeConfirmation.onConfirm,
+			onCancel: Q.removeConfirmation.onCancel,
+			isPending: Q.removeConfirmation.isPending,
+			confirmIcon: /* @__PURE__ */ s(Ie, {}),
+			labels: { cancelButton: Q.removeConfirmation.cancelButtonLabel },
+			testId: r.duplicateRemoveDialog,
+			confirmTestId: r.duplicateRemoveConfirm
+		}),
+		/* @__PURE__ */ s(de, { ...V.dialogProps }),
+		d && D ? /* @__PURE__ */ s(he, {
+			ref: Ye,
+			payable: D,
+			onMissingAchInstructions: Qe ? B.open : void 0,
+			poweredByBankName: Re,
+			labels: p.payBill
+		}) : null
+	] });
+}
+//#endregion
+export { c as BillCreateDialog, c as default };

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

@@ -1,33 +1,4 @@
-import { BILL_DETAILS_SHEET_LABELS_EN as e } from "../../ui/dist/index56.js";
-import "../../ui/dist/index.js";
-import { MARK_AS_PAID_FLOW_LABELS_EN as t } from "./index12.js";
-import "./index15.js";
-import { APPROVAL_POLICY_RULE_COPY_EN as n } from "./index25.js";
-import { BILL_DETAIL_ACTIONS_LABELS_EN as r, SCHEDULED_SUMMARY_LABEL_EN as i } from "./index38.js";
-//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index55.js
-var a = {
-	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: r.actionError,
-	actionSuccess: r.actionSuccess,
-	scheduledSummary: i,
-	sheet: e,
-	decisionDialog: r.decisionDialog,
-	approvalPolicyCopy: n,
-	markAsPaid: t
-};
-//#endregion
-export { a as BILL_DETAILS_LABELS_EN };
+import "./index41.js";
+import "./index50.js";
+import "./index52.js";
+import "./index54.js";

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

@@ -1,85 +1,33 @@
-import { formatCalendarDate as e } from "../../../shared/util/dist/lib/formatCalendarDate.js";
-import { derivePayableStatus as t } from "./index4.js";
-import { resolveVendor as n, resolveVendorName as r } from "./index5.js";
-import { formatBillMoney as i } from "./index35.js";
+import { BILL_DETAILS_SHEET_LABELS_EN as e } from "../../ui/dist/index56.js";
+import "../../ui/dist/index.js";
+import { MARK_AS_PAID_FLOW_LABELS_EN as t } from "./index12.js";
+import "./index15.js";
+import { APPROVAL_POLICY_RULE_COPY_EN as n } from "./index25.js";
+import { BILL_DETAIL_ACTIONS_LABELS_EN as r, SCHEDULED_SUMMARY_LABEL_EN as i } from "./index39.js";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index56.js
-function a({ payable: a, lineItems: o, ledgerAccounts: s, labels: c, hasScheduledPayment: l, now: u }) {
-	let d = a.currency, f = (e) => i(e, d), p = t({
-		apiStatus: a.status,
-		dueDate: a.due_date,
-		scheduledPaymentDate: a.scheduled_payment_date,
-		hasScheduledPayment: l,
-		now: u
-	}), m = n(a), h = r(a), g = e(a.issued_at) || c.notProvided, _ = e(a.due_date) || c.notProvided, v = [{
-		label: c.vendorRow,
-		value: h || c.notProvided,
-		secondaryValue: m?.email ?? void 0
-	}], y = m?.bank_account?.account_number;
-	y && v.push({
-		label: c.bankAccountRow,
-		value: c.bankAccountValue(y.slice(-4))
-	});
-	let b = [
-		{
-			label: c.invoiceNumberRow,
-			value: a.document_id || c.notProvided
-		},
-		{
-			label: c.issueDateRow,
-			value: g
-		},
-		{
-			label: c.dueDateRow,
-			value: _
-		},
-		{
-			label: c.poNumberRow,
-			value: c.notProvided
-		}
-	], x = new Map(s.map((e) => [e.id, [e.nominal_code, e.name].filter(Boolean).join(" — ")])), S = o.map((e) => {
-		let t = f(e.unit_price);
-		return {
-			id: e.id,
-			description: e.name ?? e.description ?? "",
-			glCodeLabel: (e.ledger_account_id ? x.get(e.ledger_account_id) : void 0) || c.glCodeMissing,
-			quantityLabel: e.quantity != null && t ? c.quantityValue(String(e.quantity), t) : "",
-			amountLabel: f(e.subtotal) ?? ""
-		};
-	}), C = [
-		{
-			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: f(t)
-	})).filter((e) => !!e.value), w = f(a.total_amount);
-	return w && C.push({
-		label: c.totalRow,
-		value: w,
-		emphasis: !0
-	}), {
-		title: h,
-		subtitle: c.subtitle,
-		status: p.status,
-		statusTone: p.tone,
-		amountDueLabel: f(a.amount_due) ?? f(a.total_amount) ?? "",
-		invoiceDateLabel: g,
-		dueDateLabel: _,
-		dueDateTone: p.isOverdue ? "danger" : "default",
-		payToItems: v,
-		invoiceItems: b,
-		lineItems: S,
-		totals: C
-	};
-}
+var a = {
+	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: r.actionError,
+	actionSuccess: r.actionSuccess,
+	scheduledSummary: i,
+	sheet: e,
+	decisionDialog: r.decisionDialog,
+	approvalPolicyCopy: n,
+	markAsPaid: t
+};
 //#endregion
-export { a as mapPayableToBillDetails };
+export { a as BILL_DETAILS_LABELS_EN };