@tesouro/embedded-components-react 0.3.49 → 0.3.50

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

@@ -1,26 +1,44 @@
+"use client";
+"use client";
+"use client";
+"use client";
+import { toast as e } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { hasAnyScope as t } from "../../../shared/data-access/dist/lib/hasAnyScope.js";
+import { Scope as n } from "../../../shared/data-access/dist/lib/scopes.js";
+import "../../../shared/data-access/dist/index.js";
+import "../../../shared/ui/dist/index.js";
+import { useWidgetConfig as r } from "../../../shared/feature/dist/lib/WidgetProvider/hooks.js";
+import "../../../shared/feature/dist/index.js";
+import { useDeletePayableMutation as i } from "../../data-access/dist/index12.js";
+import "../../data-access/dist/index.js";
+import { useState as a } from "react";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index34.js
-function e(e) {
-	return e?.trim() ?? "";
-}
-function t(t) {
-	let n = e(t);
-	return n.length === 2 ? n.toUpperCase() : "";
-}
-function n(n) {
-	if (!n) return;
-	let r = {
-		legalName: e(n.name),
-		email: e(n.email),
-		phone: e(n.phone),
-		address: {
-			line1: e(n.address?.line1),
-			line2: e(n.address?.line2),
-			city: e(n.address?.city),
-			state: t(n.address?.state),
-			postalCode: e(n.address?.postal_code)
+function o({ payableId: o, status: s, enabled: c = !0, labels: l, onDeleted: u }) {
+	let { initResponse: d } = r(), f = i(), [p, m] = a(!1), h = t(d?.scopes, [n.PayableWriteOrg]), g = !!(c && o && s === "draft" && h), _ = g ? [{
+		id: "deleteDraft",
+		label: l.menuItem,
+		destructive: !0,
+		onSelect: () => m(!0)
+	}] : [], v = p && g;
+	return {
+		menuItems: _,
+		dialog: {
+			open: v,
+			copy: v ? l.dialog : void 0,
+			isPending: f.isPending,
+			onCancel: () => {
+				f.isPending || m(!1);
+			},
+			onConfirm: () => {
+				!g || !o || f.isPending || f.mutate({ path: { payable_id: o } }, {
+					onError: () => e.error(l.error),
+					onSuccess: () => {
+						m(!1), u();
+					}
+				});
+			}
 		}
 	};
-	return r.legalName || r.email || r.phone || Object.values(r.address).some(Boolean) ? r : void 0;
 }
 //#endregion
-export { n as buildVendorPrefill };
+export { o as useDraftDelete };

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

@@ -1,213 +1,8 @@
-"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 { VENDOR_INLINE_FORM_LABELS_EN as a } from "./index32.js";
-import { COUNTERPART_MESSAGE_LABELS_EN as o } from "../../../shared/counterpart-management/feature/dist/lib/labels.js";
-import { useCounterpartForm as s } from "../../../shared/counterpart-management/feature/dist/lib/useCounterpartForm.js";
-import "../../../shared/counterpart-management/feature/dist/index.js";
-import { useCallback as c, useEffect as l, useMemo as u, useRef as d, useState as f } from "react";
-import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
-import { Landmark as g, Plus as _, X as v } from "lucide-react";
+import { formatMoneyExact as e } from "../../../shared/util/dist/lib/formatMoneyExact.js";
+import "../../data-access/dist/index.js";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index35.js
-function y({ mode: y, counterpart: b, primaryAddress: x, bankAccounts: S, isBankAccountsLoading: C, isBankAccountsError: w, initialName: T, initialValues: E, onSaved: D, onCancel: O, onDirtyChange: k, labels: A }) {
-	let j = {
-		...a,
-		...A
-	}, [M, N] = f("none"), [P, F] = f(b?.id), [I, L] = f(!1), [R, z] = f(!1);
-	l(() => {
-		k?.(R);
-	}, [R, k]);
-	let B = u(() => t(), []), V = d(M), H = d(!1), U = s({
-		view: M,
-		setView: N,
-		selectedId: P,
-		setSelectedId: F,
-		messages: o,
-		counterpartType: "vendor",
-		counterpart: b,
-		primaryAddress: x,
-		bankAccounts: S,
-		isBankAccountsLoading: C,
-		isBankAccountsError: w
-	}), { openCreate: W, openEdit: G, setValues: K, expandAddress: q } = U, J = i(U.errors);
-	l(() => {
-		y === "edit" ? G() : W();
-	}, [
-		y,
-		W,
-		G
-	]), l(() => {
-		V.current !== "none" && M === "none" && P && D(P), V.current = M;
-	}, [
-		M,
-		P,
-		D
-	]), l(() => {
-		y !== "create" || H.current || (H.current = !0, K((e) => ({
-			...e,
-			entityType: "organization",
-			legalName: T?.trim() || E?.legalName || e.legalName,
-			email: E?.email || e.email,
-			phone: E?.phone || e.phone,
-			address: E?.address ?? e.address
-		})), E?.address && Object.values(E.address).some(Boolean) && q());
-	}, [
-		y,
-		T,
-		E,
-		K,
-		q
-	]), l(() => {
-		y === "edit" && (U.values.bankAccount.routingNumber || U.values.bankAccount.accountNumber) && L(!0);
-	}, [
-		y,
-		U.values.bankAccount.accountNumber,
-		U.values.bankAccount.routingNumber
-	]), l(() => {
-		U.sectionsToExpand.bankAccount && L(!0);
-	}, [U.sectionsToExpand.bankAccount]);
-	let Y = c((e) => {
-		z(!0), K((t) => e.entityType === "individual" && t.entityType !== "individual" ? {
-			...t,
-			...e,
-			firstName: t.firstName || t.legalName,
-			legalName: t.legalName
-		} : e.entityType === "organization" && t.entityType !== "organization" ? {
-			...t,
-			...e,
-			legalName: t.legalName || [t.firstName, t.lastName].filter(Boolean).join(" ")
-		} : {
-			...t,
-			...e
-		});
-	}, [K]);
-	return /* @__PURE__ */ h("div", {
-		ref: J,
-		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__ */ h("div", {
-				className: "ttw:flex ttw:items-start ttw:justify-between ttw:gap-2",
-				children: [/* @__PURE__ */ m("p", {
-					className: "ttw:text-base ttw:font-semibold ttw:text-foreground",
-					children: y === "edit" ? j.editTitle : j.createTitle
-				}), /* @__PURE__ */ m(e, {
-					type: "button",
-					variant: "ghost",
-					size: "icon",
-					"aria-label": j.close,
-					onClick: O,
-					children: /* @__PURE__ */ m(v, { className: "ttw:size-4" })
-				})]
-			}),
-			/* @__PURE__ */ m(r, {
-				mode: y,
-				counterpartMode: "vendor",
-				values: U.values,
-				errors: U.errors,
-				stateOptions: B,
-				onChange: Y,
-				onAddressChange: (e) => {
-					z(!0), K((t) => ({
-						...t,
-						address: {
-							...t.address,
-							...e
-						}
-					}));
-				},
-				sections: {
-					entityType: !0,
-					profileHeading: !1,
-					title: !1,
-					taxId: !1,
-					address: "collapsible",
-					bankAccount: !1
-				},
-				sectionsToExpand: U.sectionsToExpand,
-				onAddressExpand: U.expandAddress,
-				labels: { businessNameLabel: j.nameLabel }
-			}),
-			/* @__PURE__ */ h("div", {
-				className: "ttw:flex ttw:flex-col ttw:gap-1",
-				children: [/* @__PURE__ */ m("p", {
-					className: "ttw:text-sm ttw:font-semibold ttw:text-foreground",
-					children: j.paymentMethodsHeading
-				}), /* @__PURE__ */ m("p", {
-					className: "ttw:text-sm ttw:text-muted-foreground",
-					children: j.paymentMethodsDescription
-				})]
-			}),
-			/* @__PURE__ */ h("div", {
-				className: "ttw:flex ttw:gap-3 ttw:rounded-lg ttw:border ttw:border-border ttw:p-3",
-				children: [/* @__PURE__ */ m("span", {
-					className: "ttw:flex ttw:size-8 ttw:shrink-0 ttw:items-center ttw:justify-center ttw:rounded-md ttw:bg-primary",
-					children: /* @__PURE__ */ m(g, {
-						"aria-hidden": !0,
-						className: "ttw:size-4 ttw:text-white"
-					})
-				}), /* @__PURE__ */ h("div", {
-					className: "ttw:flex ttw:flex-1 ttw:flex-col ttw:gap-3",
-					children: [/* @__PURE__ */ h("div", {
-						className: "ttw:flex ttw:flex-col ttw:gap-0.5",
-						children: [/* @__PURE__ */ m("p", {
-							className: "ttw:text-sm ttw:font-medium ttw:text-foreground",
-							children: j.achTitle
-						}), /* @__PURE__ */ m("p", {
-							className: "ttw:text-sm ttw:text-muted-foreground",
-							children: j.achDescription
-						})]
-					}), I ? /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m(n, {
-						idPrefix: "vendor-inline-ach",
-						values: U.values.bankAccount,
-						errors: U.errors?.bankAccount,
-						onChange: (e) => {
-							z(!0), K((t) => ({
-								...t,
-								bankAccount: {
-									...t.bankAccount,
-									...e
-								}
-							}));
-						},
-						labels: {
-							accountHolderName: j.accountHolderNameLabel,
-							routingNumber: j.routingNumberLabel,
-							accountNumber: j.accountNumberLabel
-						}
-					}), /* @__PURE__ */ m("p", {
-						className: "ttw:text-sm ttw:text-muted-foreground",
-						children: j.achHelp
-					})] }) : /* @__PURE__ */ h(e, {
-						type: "button",
-						variant: "link",
-						className: "ttw:w-fit ttw:px-0",
-						onClick: () => L(!0),
-						children: [/* @__PURE__ */ m(_, { className: "ttw:size-4" }), j.addBankAccount]
-					})]
-				})]
-			}),
-			/* @__PURE__ */ h("div", {
-				className: "ttw:flex ttw:justify-end ttw:gap-2",
-				children: [/* @__PURE__ */ m(e, {
-					type: "button",
-					variant: "outline",
-					onClick: O,
-					children: j.cancel
-				}), /* @__PURE__ */ m(e, {
-					type: "button",
-					onClick: U.submit,
-					loading: U.isSubmitting,
-					disabled: U.isSubmitting,
-					children: j.save
-				})]
-			})
-		]
-	});
+function t(t, n) {
+	if (typeof t == "number") return e(t / 100, { currencyCode: n ?? "USD" });
 }
 //#endregion
-export { y as VendorInlineForm, y as default };
+export { t as formatBillMoney };

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

@@ -1,217 +1,76 @@
-"use client";
-"use client";
-"use client";
-"use client";
-import { maskAccountNumber as e } from "./index9.js";
-import { usePayableSuggestionsQuery as t } from "../../data-access/dist/index15.js";
-import "../../data-access/dist/index.js";
-import { VENDOR_SECTION_PROPS_LABELS_EN as n } from "./index32.js";
-import { buildVendorPrefill as r } from "./index34.js";
-import { counterpartFormBankAccountToCreatePayload as i, counterpartFormBankAccountToUpdatePayload as ee, getAchInstructions as te, getCounterpartEmail as a, getCounterpartName as o, getPayableAchInstructions as s, hasAchFormValues as c, resolveCounterpartBankAccountWrite as ne, validateAchFormValues as re } from "../../../shared/counterpart-management/feature/dist/lib/helpers.js";
-import { useCounterpartsQuery as ie } from "../../../shared/counterpart-management/data-access/dist/index3.js";
-import { useCreateCounterpartBankAccountMutation as ae, useUpdateCounterpartBankAccountMutation as l } from "../../../shared/counterpart-management/data-access/dist/index5.js";
-import { useCounterpartDetails as u } from "../../../shared/counterpart-management/feature/dist/lib/useCounterpartDetails.js";
-import "../../../shared/counterpart-management/feature/dist/index.js";
-import { VendorInlineForm as oe } from "./index35.js";
-import { useCallback as d, useEffect as f, useMemo as p, useRef as m, useState as h } from "react";
-import { jsx as se } from "react/jsx-runtime";
+import { formatCalendarDate as e } from "../../../shared/util/dist/lib/formatCalendarDate.js";
+import { derivePayableStatus as t } from "./index4.js";
+import { resolveVendor as n } from "./index5.js";
+import { resolveAmountDueMinorUnits as r } from "./index16.js";
+import { formatBillMoney as i } from "./index35.js";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index36.js
-var ce = 10, le = 300, g = {
-	accountHolderName: "",
-	routingNumber: "",
-	accountNumber: ""
-};
-function _({ payableId: _, counterpartId: v, payableCounterpartId: y, payableCounterpartBankAccountId: b, onCounterpartChange: x, requiredError: ue, extractedVendor: S, labels: de }) {
-	let C = {
-		...n,
-		...de
-	}, [w, T] = h(""), [E, fe] = h(""), [D, O] = h(), [k, A] = h(!1), [j, M] = h(g), N = m(j);
-	N.current = j;
-	let [pe, P] = h(!1), F = c(j) || pe, [I, L] = h(), [R, z] = h(), B = m(v), [V, me] = h(!1), H = d(() => {
-		A(!1), M(g), L(void 0), z(void 0);
-	}, []), U = d((e) => {
-		me(!0), x(e);
-	}, [x]), W = t(_, { enabled: !!_ && !v && !y }).data?.suggested_counterpart?.id;
-	f(() => {
-		!V && !v && !y && W && U(W);
-	}, [
-		v,
-		y,
-		V,
-		W,
-		U
-	]), f(() => {
-		B.current !== v && (B.current = v, H());
-	}, [v, H]), f(() => {
-		let e = setTimeout(() => {
-			fe(w.trim());
-		}, le);
-		return () => clearTimeout(e);
-	}, [w]);
-	let G = ie({
-		sort: "counterpart_name",
-		order: "asc",
-		limit: ce,
-		counterpart_name__icontains: E || void 0,
-		is_vendor: !0,
-		enabled: !!E
-	}), K = u({ selectedId: v }), q = ae(), J = l(), Y = p(() => {
-		let t = K.counterpart;
-		if (!t) return;
-		if (K.isBankAccountsLoading) return {
-			name: o(t),
-			email: a(t),
-			methodLabel: C.paymentMethodLoading,
-			fields: []
-		};
-		if (K.isBankAccountsError) return {
-			name: o(t),
-			email: a(t),
-			methodLabel: C.paymentMethodUnavailable,
-			fields: []
-		};
-		let n = s(K.bankAccounts);
-		return {
-			name: o(t),
-			email: a(t),
-			methodLabel: n ? C.achMethod : C.noMethod,
-			fields: n ? [
-				{
-					label: C.accountHolder,
-					value: n.account_holder_name ?? ""
-				},
-				{
-					label: C.routingNumber,
-					value: n.routing_number ?? ""
-				},
-				{
-					label: C.accountNumber,
-					value: n.account_number ?? "",
-					maskedValue: n.account_number ? e(n.account_number) : ""
-				}
-			] : []
-		};
-	}, [
-		K.bankAccounts,
-		K.counterpart,
-		K.isBankAccountsError,
-		K.isBankAccountsLoading,
-		C
-	]), X = p(() => te(K.bankAccounts), [K.bankAccounts]), Z = p(() => s(K.bankAccounts)?.id, [K.bankAccounts]), Q = d(async () => {
-		let e = N.current;
-		if (!v) return { ok: !0 };
-		if (!c(e)) return b && v === y ? {
-			ok: !0,
-			counterpartBankAccountId: b
-		} : K.isBankAccountsLoading || K.isBankAccountsFetching || K.isBankAccountsError ? { ok: !1 } : {
-			ok: !0,
-			counterpartBankAccountId: Z
-		};
-		if (K.isBankAccountsLoading || K.isBankAccountsFetching || K.isBankAccountsError) return { ok: !1 };
-		let t = re(e);
-		if (Object.keys(t).length > 0) return L(t), A(!0), { ok: !1 };
-		L(void 0);
-		let n = ne(K.bankAccounts, R ?? X?.id);
-		if (n.kind === "update") return await J.mutateAsync({
-			path: {
-				counterpart_id: v,
-				bank_account_id: n.bankAccountId
+function a({ payable: a, lineItems: o, glCodeOptions: s, glCodeRosterAvailable: c = !0, history: l, approvalPolicy: u, labels: d, hasScheduledPayment: f }) {
+	let p = a.currency, m = t({
+		apiStatus: a.status,
+		dueDate: a.due_date,
+		scheduledPaymentDate: a.scheduled_payment_date,
+		hasScheduledPayment: f
+	}), h = n(a), g = h?.bank_account?.account_number, _ = e(a.issued_at) || d.notProvided, v = e(a.due_date) || d.notProvided, y = new Map(s.map((e) => [e.value, e.label])), b = [
+		{
+			label: d.subtotalRow,
+			minorUnits: a.subtotal
+		},
+		{
+			label: d.discountRow,
+			minorUnits: a.discount
+		},
+		{
+			label: d.taxRow,
+			minorUnits: a.tax_amount
+		}
+	].map((e) => ({
+		label: e.label,
+		value: i(e.minorUnits, p)
+	})).filter((e) => !!e.value), x = i(a.total_amount, p);
+	return x && b.push({
+		label: d.totalRow,
+		value: x,
+		emphasis: !0
+	}), {
+		amountDue: i(r(a), p) ?? "",
+		invoiceDateLabel: _,
+		dueDateLabel: v,
+		dueDateTone: m.isOverdue ? "danger" : "default",
+		status: m.status,
+		statusTone: m.tone,
+		payTo: {
+			name: h?.name || d.notProvided,
+			email: h?.email ?? void 0,
+			paymentInstructionsLabel: g ? d.paymentInstructionsValue(g.slice(-4)) : void 0
+		},
+		invoiceFields: [
+			{
+				label: d.invoiceDateRow,
+				value: _
 			},
-			body: ee(e, { includeAchDefaults: n.includeAchDefaults })
-		}), z(n.bankAccountId), {
-			ok: !0,
-			counterpartBankAccountId: n.bankAccountId
-		};
-		let r = await q.mutateAsync({
-			path: { counterpart_id: v },
-			body: i(e, { isDefaultForCurrency: n.isDefaultForCurrency })
-		});
-		return z(r?.id), {
-			ok: !0,
-			counterpartBankAccountId: r?.id
-		};
-	}, [
-		X,
-		v,
-		q,
-		K.bankAccounts,
-		K.isBankAccountsError,
-		K.isBankAccountsFetching,
-		K.isBankAccountsLoading,
-		R,
-		Z,
-		b,
-		y,
-		J
-	]), he = p(() => (G.data?.data ?? []).map((e) => ({
-		name: o(e),
-		email: a(e),
-		onSelect: () => U(e.id)
-	})), [G.data, U]), ge = p(() => r(S), [S]), $ = d(() => {
-		O(void 0), P(!1);
-	}, []), _e = d((e) => {
-		O(void 0), P(!1), U(e);
-	}, [U]);
-	if (D) return {
-		mode: "creating",
-		newVendorForm: /* @__PURE__ */ se(oe, {
-			mode: D,
-			counterpart: D === "edit" ? K.counterpart : void 0,
-			primaryAddress: D === "edit" ? K.primaryAddress : void 0,
-			bankAccounts: D === "edit" ? K.bankAccounts : void 0,
-			isBankAccountsLoading: D === "edit" ? K.isBankAccountsLoading : void 0,
-			isBankAccountsError: D === "edit" ? K.isBankAccountsError : void 0,
-			initialName: D === "create" ? w : void 0,
-			initialValues: D === "create" ? ge : void 0,
-			onSaved: _e,
-			onCancel: $,
-			onDirtyChange: P
-		}),
-		onClear: $,
-		hasUnsavedVendorChanges: F
-	};
-	if (Y) {
-		let e = K.isBankAccountsLoading || K.isBankAccountsFetching || K.isBankAccountsError;
-		return {
-			mode: "resolved",
-			summary: Y,
-			onEdit: e ? void 0 : () => O("edit"),
-			onClear: () => U(void 0),
-			paymentInstructions: e ? void 0 : {
-				isOpen: k,
-				values: j,
-				errors: I,
-				onOpen: () => {
-					A(!0), X && (M({
-						accountHolderName: X.account_holder_name ?? "",
-						routingNumber: X.routing_number ?? "",
-						accountNumber: X.account_number ?? ""
-					}), z(X.id));
-				},
-				onChange: (e) => {
-					M((t) => ({
-						...t,
-						...e
-					})), L(void 0);
-				}
+			{
+				label: d.dueDateRow,
+				value: v
 			},
-			savePaymentInstructions: Q,
-			hasUnsavedVendorChanges: F
-		};
-	}
-	return {
-		mode: "selecting",
-		error: G.isError ? C.searchFailed : K.isError ? C.vendorDetailsFailed : ue,
-		search: {
-			query: w,
-			onQueryChange: T,
-			isLoading: G.isLoading,
-			onAddVendor: () => O("create"),
-			results: he
-		},
-		savePaymentInstructions: Q,
-		hasUnsavedVendorChanges: F
+			{
+				label: d.invoiceNumberRow,
+				value: a.document_id || d.notProvided
+			}
+		],
+		lineItems: o.map((e) => {
+			let t = i(e.unit_price, p);
+			return {
+				id: e.id,
+				description: e.name ?? e.description ?? "",
+				glCodeLabel: e.ledger_account_id ? y.get(e.ledger_account_id) ?? (c ? d.glCodeMissing : d.glCodeUnavailable) : d.glCodeMissing,
+				qtyPriceLabel: e.quantity != null && t ? d.qtyPriceValue(String(e.quantity), t) : "",
+				amount: i(e.subtotal, p) ?? ""
+			};
+		}),
+		amountRows: b,
+		approvalPolicy: u,
+		history: l
 	};
 }
 //#endregion
-export { _ as useVendorSectionProps };
+export { a as buildBillDetailView };