@tesouro/embedded-components-react 0.2.264 → 0.2.267

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

@@ -1,50 +1 @@
-//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index16.js
-var e = /* @__PURE__ */ new Set([
-	"new",
-	"approve_in_progress",
-	"waiting_to_be_paid",
-	"partially_paid"
-]);
-function t(e, t) {
-	let n = /* @__PURE__ */ new Date(`${e.slice(0, 10)}T00:00:00Z`), r = Date.UTC(t.getUTCFullYear(), t.getUTCMonth(), t.getUTCDate());
-	return n.getTime() < r;
-}
-function n(n, r, i = /* @__PURE__ */ new Date()) {
-	if (e.has(n) && r && t(r, i)) return {
-		status: "overdue",
-		tone: "danger"
-	};
-	switch (n) {
-		case "draft": return {
-			status: "draft",
-			tone: "neutral"
-		};
-		case "new":
-		case "approve_in_progress": return {
-			status: "pending_approval",
-			tone: "warning"
-		};
-		case "waiting_to_be_paid": return {
-			status: "ready_to_pay",
-			tone: "info"
-		};
-		case "partially_paid": return {
-			status: "partially_paid",
-			tone: "success"
-		};
-		case "paid": return {
-			status: "paid",
-			tone: "success"
-		};
-		case "canceled": return {
-			status: "canceled",
-			tone: "neutral"
-		};
-		case "rejected": return {
-			status: "rejected",
-			tone: "danger"
-		};
-	}
-}
-//#endregion
-export { n as derivePayableStatus };
+import "./index15.js";

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

@@ -1,8 +1,50 @@
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index17.js
-var e = {
-	emptyHeading: "Add your first bill",
-	nonEmptyHeading: "Add a bill",
-	createButton: "Add bill"
-};
+var e = /* @__PURE__ */ new Set([
+	"new",
+	"approve_in_progress",
+	"waiting_to_be_paid",
+	"partially_paid"
+]);
+function t(e, t) {
+	let n = /* @__PURE__ */ new Date(`${e.slice(0, 10)}T00:00:00Z`), r = Date.UTC(t.getUTCFullYear(), t.getUTCMonth(), t.getUTCDate());
+	return n.getTime() < r;
+}
+function n(n, r, i = /* @__PURE__ */ new Date()) {
+	if (e.has(n) && r && t(r, i)) return {
+		status: "overdue",
+		tone: "danger"
+	};
+	switch (n) {
+		case "draft": return {
+			status: "draft",
+			tone: "neutral"
+		};
+		case "new":
+		case "approve_in_progress": return {
+			status: "pending_approval",
+			tone: "warning"
+		};
+		case "waiting_to_be_paid": return {
+			status: "ready_to_pay",
+			tone: "info"
+		};
+		case "partially_paid": return {
+			status: "partially_paid",
+			tone: "success"
+		};
+		case "paid": return {
+			status: "paid",
+			tone: "success"
+		};
+		case "canceled": return {
+			status: "canceled",
+			tone: "neutral"
+		};
+		case "rejected": return {
+			status: "rejected",
+			tone: "danger"
+		};
+	}
+}
 //#endregion
-export { e as BILLS_TAB_LABELS_EN };
+export { n as derivePayableStatus };

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

@@ -1,7 +1,11 @@
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index18.js
-var e = {
-	root: "bill-pay-bills-tab",
-	uploadTray: "bill-pay-upload-tray"
-};
+async function e(e) {
+	if (!e.trim()) return !1;
+	try {
+		return await navigator.clipboard.writeText(e), !0;
+	} catch {
+		return !1;
+	}
+}
 //#endregion
-export { e as billsTabTestIds };
+export { e as copyTextToClipboard };

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

@@ -1,93 +1,10 @@
-"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 "../../../shared/data-access/dist/index.js";
-import { formatCalendarDate as n } from "../../../shared/util/dist/lib/formatCalendarDate.js";
-import { formatMoneyExact as r } from "../../../shared/util/dist/lib/formatMoneyExact.js";
-import { useWidgetConfig as i } from "../../../shared/feature/dist/lib/WidgetProvider/hooks.js";
-import "../../../shared/feature/dist/index.js";
-import { usePayablesQuery as a } from "../../data-access/dist/index10.js";
-import "../../data-access/dist/index.js";
-import { AddBillDialog as o } from "../../ui/dist/index10.js";
-import { BillsScreen as s } from "../../ui/dist/index38.js";
-import "../../ui/dist/index.js";
-import { BillCreateDialog as c } from "./index11.js";
-import "./index12.js";
-import { derivePayableStatus as l } from "./index16.js";
-import { BILLS_TAB_LABELS_EN as u } from "./index17.js";
-import { billsTabTestIds as d } from "./index18.js";
-import { useEffect as f, useState as p } from "react";
-import { jsx as m, jsxs as h } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index19.js
-var g = 10;
-function _({ labels: _, onEnqueueFiles: v, openPayableId: y, onOpenPayableHandled: b }) {
-	let x = {
-		...u,
-		..._
-	}, [S, C] = p(!1), [w, T] = p(), [E, D] = p(!1), [O, k] = p([]), [A, j] = p(g), [M, N] = p(), { initResponse: P } = i(), F = e(P?.scopes, [t.PayableReadOrg]), I = e(P?.scopes, [t.PayableWriteOrg]), L = !P || F, R = !P || I, z = a({
-		limit: A,
-		pagination_token: M,
-		enabled: L
-	}), B = (z.data?.data ?? []).map((e) => {
-		let t = l(e.status, e.due_date);
-		return {
-			vendorLabel: e.counterpart_raw_data?.name ?? "",
-			dueDateLabel: n(e.due_date),
-			amountLabel: r((e.total_amount ?? 0) / 100, { currencyCode: e.currency ?? "USD" }),
-			status: t.status,
-			statusTone: t.tone,
-			onOpen: () => {
-				T(e.id), D(!0);
-			}
-		};
-	}), V = () => {
-		C(!1), T(void 0), D(!0);
-	}, H = (e) => {
-		C(!1), v?.(e);
-	};
-	return f(() => {
-		y && (T(y), D(!0), b?.());
-	}, [b, y]), /* @__PURE__ */ h("div", {
-		"data-testid": d.root,
-		children: [
-			/* @__PURE__ */ m(s, {
-				rows: B,
-				isLoading: z.isLoading || !P,
-				isError: z.isError,
-				onRetry: () => z.refetch(),
-				sorting: O,
-				onSortingChange: k,
-				pageSize: A,
-				onPageSizeChange: j,
-				hasNextPage: !!z.data?.next_pagination_token,
-				hasPrevPage: !!z.data?.prev_pagination_token,
-				onNextPage: () => N(z.data?.next_pagination_token),
-				onPrevPage: () => N(z.data?.prev_pagination_token),
-				onCreateClick: R ? () => C(!0) : void 0,
-				onEnterManually: R ? V : void 0,
-				onFilesSelected: R ? H : void 0,
-				labels: {
-					createButton: x.createButton,
-					addBill: { heading: x.emptyHeading }
-				}
-			}),
-			R ? /* @__PURE__ */ m(o, {
-				open: S,
-				onOpenChange: C,
-				onFilesSelected: H,
-				onEnterManually: V,
-				labels: { heading: B.length ? x.nonEmptyHeading : x.emptyHeading }
-			}) : null,
-			E ? /* @__PURE__ */ m(c, {
-				open: E,
-				onOpenChange: D,
-				payableId: w
-			}) : null
-		]
-	});
-}
+var e = {
+	emptyHeading: "Add your first bill",
+	nonEmptyHeading: "Add a bill",
+	createButton: "Add bill",
+	emailCopiedToast: "Email address copied to clipboard",
+	emailCopyFailedToast: "Could not copy the email address"
+};
 //#endregion
-export { _ as BillsTab, _ as default };
+export { e as BILLS_TAB_LABELS_EN };

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

@@ -6,7 +6,11 @@ var e = {
 	saveFailed: "We could not save this bill. Try again.",
 	finalizeFailed: "We could not submit this bill. Try again.",
 	draftSaved: "Bill saved as a draft.",
-	billFinalized: "Bill submitted for approval."
+	billFinalized: "Bill submitted for approval.",
+	unreadableMoney: "Enter a number, like 285.00.",
+	unusableQuantity: "Enter a quantity greater than 0.",
+	lineItemsNeedAttention: "Check the highlighted line items before saving.",
+	totalsNeedAttention: "Enter discount, tax, and total as numbers, like 285.00."
 }, t = {
 	achMethod: "via ACH bank transfer",
 	noMethod: "No payment method on file",
@@ -19,7 +23,7 @@ var e = {
 	attachFailed: "We could not attach that file. Try again.",
 	saveBeforeAttaching: "Save this bill before attaching a document."
 }, r = {
-	newTitle: "Add bill",
+	newTitle: "New bill",
 	extractedTitle: (e) => `Bill from ${e}`,
 	discardConfirm: "Discard your changes to this bill?"
 }, i = {

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

@@ -1,3 +1,7 @@
-import "./index17.js";
-import "./index18.js";
-import "./index19.js";
+//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index20.js
+var e = {
+	root: "bill-pay-bills-tab",
+	uploadTray: "bill-pay-upload-tray"
+};
+//#endregion
+export { e as billsTabTestIds };

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

@@ -1,8 +1,102 @@
+"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 { formatCalendarDate as r } from "../../../shared/util/dist/lib/formatCalendarDate.js";
+import { formatMoneyExact as i } from "../../../shared/util/dist/lib/formatMoneyExact.js";
+import { useWidgetConfig as a } from "../../../shared/feature/dist/lib/WidgetProvider/hooks.js";
+import "../../../shared/feature/dist/index.js";
+import { usePayablesQuery as o } from "../../data-access/dist/index10.js";
+import "../../data-access/dist/index.js";
+import { AddBillDialog as s } from "../../ui/dist/index10.js";
+import { BillsScreen as c } from "../../ui/dist/index38.js";
+import "../../ui/dist/index.js";
+import { BillCreateDialog as l } from "./index12.js";
+import "./index13.js";
+import { derivePayableStatus as u } from "./index17.js";
+import { BILLS_TAB_LABELS_EN as d } from "./index19.js";
+import { billsTabTestIds as f } from "./index20.js";
+import { copyTextToClipboard as p } from "./index18.js";
+import { useEffect as m, useState as h } from "react";
+import { jsx as g, jsxs as _ } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index21.js
-var e = (e) => [
-	"bill-pay",
-	"upload-queue",
-	e ?? ""
-];
+var v = 10, y = "bills@business-banking.app";
+function b({ labels: b, onEnqueueFiles: x, openPayableId: S, onOpenPayableHandled: C }) {
+	let w = {
+		...d,
+		...b
+	}, [T, E] = h(!1), [D, O] = h(), [k, A] = h(!1), [j, M] = h([]), [N, P] = h(v), [F, I] = h(), { initResponse: L } = a(), R = t(L?.scopes, [n.PayableReadOrg]), z = t(L?.scopes, [n.PayableWriteOrg]), B = !L || R, V = !L || z, H = o({
+		limit: N,
+		pagination_token: F,
+		enabled: B
+	}), U = (H.data?.data ?? []).map((e) => {
+		let t = u(e.status, e.due_date);
+		return {
+			vendorLabel: e.counterpart_raw_data?.name ?? "",
+			dueDateLabel: r(e.due_date),
+			amountLabel: i((e.total_amount ?? 0) / 100, { currencyCode: e.currency ?? "USD" }),
+			status: t.status,
+			statusTone: t.tone,
+			onOpen: () => {
+				O(e.id), A(!0);
+			}
+		};
+	}), W = () => {
+		E(!1), O(void 0), A(!0);
+	}, G = (e) => {
+		E(!1), x?.(e);
+	}, K = async () => {
+		await p(y) ? e.success(w.emailCopiedToast) : e.error(w.emailCopyFailedToast);
+	};
+	return m(() => {
+		S && (O(S), A(!0), C?.());
+	}, [C, S]), /* @__PURE__ */ _("div", {
+		"data-testid": f.root,
+		children: [
+			/* @__PURE__ */ g(c, {
+				rows: U,
+				isLoading: H.isLoading || !L,
+				isError: H.isError,
+				onRetry: () => H.refetch(),
+				sorting: j,
+				onSortingChange: M,
+				pageSize: N,
+				onPageSizeChange: P,
+				hasNextPage: !!H.data?.next_pagination_token,
+				hasPrevPage: !!H.data?.prev_pagination_token,
+				onNextPage: () => I(H.data?.next_pagination_token),
+				onPrevPage: () => I(H.data?.prev_pagination_token),
+				onCreateClick: V ? () => E(!0) : void 0,
+				onEnterManually: V ? W : void 0,
+				onFilesSelected: V ? G : void 0,
+				emailAddress: y,
+				onCopyEmail: K,
+				labels: {
+					createButton: w.createButton,
+					addBill: { heading: w.emptyHeading }
+				}
+			}),
+			V ? /* @__PURE__ */ g(s, {
+				open: T,
+				onOpenChange: E,
+				onFilesSelected: G,
+				onEnterManually: W,
+				emailAddress: y,
+				onCopyEmail: K,
+				labels: { heading: U.length ? w.nonEmptyHeading : w.emptyHeading }
+			}) : null,
+			k ? /* @__PURE__ */ g(l, {
+				open: k,
+				onOpenChange: A,
+				payableId: D
+			}) : null
+		]
+	});
+}
 //#endregion
-export { e as billPayUploadQueueKey };
+export { b as BillsTab, b as default };

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

@@ -1,9 +1,3 @@
-//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index22.js
-var e = {
-	uploadingSummary: (e) => `Uploading and scanning ${e} ${e === 1 ? "file" : "files"}`,
-	completeSummary: (e) => `${e} ${e === 1 ? "upload" : "uploads"} complete`,
-	readyCaption: (e) => `${e} new ${e === 1 ? "bill" : "bills"} ready`,
-	failedCaption: (e) => `${e} failed to upload`
-};
-//#endregion
-export { e as BILL_UPLOAD_QUEUE_LABELS_EN };
+import "./index19.js";
+import "./index20.js";
+import "./index21.js";

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

@@ -1,85 +1,8 @@
-"use client";
-"use client";
-"use client";
-"use client";
-import { useEmbedApi as e } from "../../../shared/data-access/dist/lib/EmbedApiContext.js";
-import { useUploadPayableFromFileMutation as t } from "../../data-access/dist/index7.js";
-import { usePayableOcrQueries as n } from "../../data-access/dist/index9.js";
-import "../../data-access/dist/index.js";
-import { billPayUploadQueueKey as r } from "./index21.js";
-import { BILL_UPLOAD_QUEUE_LABELS_EN as i } from "./index22.js";
-import { useCallback as a, useEffect as o, useMemo as s, useState as c } from "react";
-import { useQuery as l, useQueryClient as u } from "@tanstack/react-query";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index23.js
-function d({ onOpenBill: d, labels: f } = {}) {
-	let p = {
-		...i,
-		...f
-	}, { organizationId: m } = e(), h = u(), g = s(() => r(m), [m]), _ = t(), [v, y] = c(!1), { data: b = [] } = l({
-		queryKey: g,
-		queryFn: () => h.getQueryData(g) ?? [],
-		staleTime: Infinity,
-		gcTime: Infinity,
-		initialData: []
-	}), x = a((e, t) => {
-		h.setQueryData(g, (n) => (n ?? []).map((n) => n.localId === e ? {
-			...n,
-			...t
-		} : n));
-	}, [h, g]), S = a((e) => {
-		y(!1);
-		for (let t of e) {
-			let e = crypto.randomUUID();
-			h.setQueryData(g, (n) => [...n ?? [], {
-				localId: e,
-				fileName: t.name,
-				status: "uploading"
-			}]), _.mutateAsync({ file: t }).then((t) => x(e, { payableId: t?.id })).catch(() => x(e, { status: "failed" }));
-		}
-	}, [
-		x,
-		h,
-		g,
-		_
-	]), C = n({ payableIds: b.filter((e) => e.status === "uploading" && e.payableId).map((e) => e.payableId) });
-	o(() => {
-		for (let { payableId: e, ocrStatus: t, isError: n } of C) {
-			let r = b.find((t) => t.payableId === e && t.status === "uploading");
-			r && (t === "success" ? x(r.localId, { status: "ready" }) : (n || t === "error" || t === "canceled") && x(r.localId, { status: "failed" }));
-		}
-	}, [
-		b,
-		C,
-		x
-	]);
-	let w = b.filter((e) => e.status === "uploading"), T = b.filter((e) => e.status === "ready"), E = b.filter((e) => e.status === "failed"), D = (e) => ({
-		id: e.localId,
-		fileName: e.fileName,
-		status: e.status,
-		onOpen: e.status === "ready" && e.payableId && d ? () => d(e.payableId) : void 0
-	}), O = w.length ? [{
-		id: "in-progress",
-		items: b.map(D)
-	}] : [...T.length ? [{
-		id: "ready",
-		caption: p.readyCaption(T.length),
-		items: T.map(D)
-	}] : [], ...E.length ? [{
-		id: "failed",
-		caption: p.failedCaption(E.length),
-		items: E.map(D)
-	}] : []], k = w.length ? p.uploadingSummary(b.length) : T.length ? p.completeSummary(T.length) : p.failedCaption(E.length), A = a(() => {
-		h.setQueryData(g, []);
-	}, [h, g]);
-	return {
-		enqueue: S,
-		sections: O,
-		summaryLabel: k,
-		collapsed: v,
-		onToggleCollapsed: a(() => y((e) => !e), []),
-		onClose: A,
-		isVisible: b.length > 0
-	};
-}
+var e = (e) => [
+	"bill-pay",
+	"upload-queue",
+	e ?? ""
+];
 //#endregion
-export { d as useBillUploadQueue };
+export { e as billPayUploadQueueKey };

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

@@ -1,3 +1,9 @@
-import "./index21.js";
-import "./index22.js";
-import "./index23.js";
+//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index24.js
+var e = {
+	uploadingSummary: (e) => `Uploading and scanning ${e} ${e === 1 ? "file" : "files"}`,
+	completeSummary: (e) => `${e} ${e === 1 ? "upload" : "uploads"} complete`,
+	readyCaption: (e) => `${e} new ${e === 1 ? "bill" : "bills"} ready`,
+	failedCaption: (e) => `${e} failed to upload`
+};
+//#endregion
+export { e as BILL_UPLOAD_QUEUE_LABELS_EN };

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

@@ -1,8 +1,85 @@
+"use client";
+"use client";
+"use client";
+"use client";
+import { useEmbedApi as e } from "../../../shared/data-access/dist/lib/EmbedApiContext.js";
+import { useUploadPayableFromFileMutation as t } from "../../data-access/dist/index7.js";
+import { usePayableOcrQueries as n } from "../../data-access/dist/index9.js";
+import "../../data-access/dist/index.js";
+import { billPayUploadQueueKey as r } from "./index23.js";
+import { BILL_UPLOAD_QUEUE_LABELS_EN as i } from "./index24.js";
+import { useCallback as a, useEffect as o, useMemo as s, useState as c } from "react";
+import { useQuery as l, useQueryClient as u } from "@tanstack/react-query";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index25.js
-var e = {
-	bills: "Bills",
-	vendors: "Vendors",
-	settings: "Settings"
-};
+function d({ onOpenBill: d, labels: f } = {}) {
+	let p = {
+		...i,
+		...f
+	}, { organizationId: m } = e(), h = u(), g = s(() => r(m), [m]), _ = t(), [v, y] = c(!1), { data: b = [] } = l({
+		queryKey: g,
+		queryFn: () => h.getQueryData(g) ?? [],
+		staleTime: Infinity,
+		gcTime: Infinity,
+		initialData: []
+	}), x = a((e, t) => {
+		h.setQueryData(g, (n) => (n ?? []).map((n) => n.localId === e ? {
+			...n,
+			...t
+		} : n));
+	}, [h, g]), S = a((e) => {
+		y(!1);
+		for (let t of e) {
+			let e = crypto.randomUUID();
+			h.setQueryData(g, (n) => [...n ?? [], {
+				localId: e,
+				fileName: t.name,
+				status: "uploading"
+			}]), _.mutateAsync({ file: t }).then((t) => x(e, { payableId: t?.id })).catch(() => x(e, { status: "failed" }));
+		}
+	}, [
+		x,
+		h,
+		g,
+		_
+	]), C = n({ payableIds: b.filter((e) => e.status === "uploading" && e.payableId).map((e) => e.payableId) });
+	o(() => {
+		for (let { payableId: e, ocrStatus: t, isError: n } of C) {
+			let r = b.find((t) => t.payableId === e && t.status === "uploading");
+			r && (t === "success" ? x(r.localId, { status: "ready" }) : (n || t === "error" || t === "canceled") && x(r.localId, { status: "failed" }));
+		}
+	}, [
+		b,
+		C,
+		x
+	]);
+	let w = b.filter((e) => e.status === "uploading"), T = b.filter((e) => e.status === "ready"), E = b.filter((e) => e.status === "failed"), D = (e) => ({
+		id: e.localId,
+		fileName: e.fileName,
+		status: e.status,
+		onOpen: e.status === "ready" && e.payableId && d ? () => d(e.payableId) : void 0
+	}), O = w.length ? [{
+		id: "in-progress",
+		items: b.map(D)
+	}] : [...T.length ? [{
+		id: "ready",
+		caption: p.readyCaption(T.length),
+		items: T.map(D)
+	}] : [], ...E.length ? [{
+		id: "failed",
+		caption: p.failedCaption(E.length),
+		items: E.map(D)
+	}] : []], k = w.length ? p.uploadingSummary(b.length) : T.length ? p.completeSummary(T.length) : p.failedCaption(E.length), A = a(() => {
+		h.setQueryData(g, []);
+	}, [h, g]);
+	return {
+		enqueue: S,
+		sections: O,
+		summaryLabel: k,
+		collapsed: v,
+		onToggleCollapsed: a(() => y((e) => !e), []),
+		onClose: A,
+		isVisible: b.length > 0
+	};
+}
 //#endregion
-export { e as DEFAULT_TABS_LABELS };
+export { d as useBillUploadQueue };