@tesouro/embedded-components-react 0.3.22 → 0.3.24

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

@@ -1,54 +1,134 @@
+"use client";
+"use client";
+"use client";
+"use client";
+import { toast as e } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import "../../../shared/ui/dist/index.js";
+import { useWidgetConfig as t } from "../../../shared/feature/dist/lib/WidgetProvider/hooks.js";
+import "../../../shared/feature/dist/index.js";
+import { useApprovePayableApprovalRequestMutation as n, useRejectPayableApprovalRequestMutation as r } from "../../data-access/dist/index5.js";
+import { useCancelPayableMutation as i, useCancelPaymentRecordMutation as a, useForceApprovePayableMutation as o, useForceRejectPayableMutation as s, useReopenPayableMutation as c } from "../../data-access/dist/index10.js";
+import "../../data-access/dist/index.js";
+import { getBillDetailActions as l } from "./index21.js";
+import { useState as u } from "react";
+import { HandIcon as d } from "lucide-react";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index22.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({ apiStatus: n, dueDate: r, scheduledPaymentDate: i, hasScheduledPayment: a = !!i, now: o = /* @__PURE__ */ new Date() }) {
-	if (e.has(n) && a) return {
-		status: "scheduled",
-		tone: "accent"
-	};
-	if (e.has(n) && r && t(r, o)) return {
-		status: "overdue",
-		tone: "danger"
+function f({ payableId: d, status: f, currentApprovalRequestId: m, isPolicyApprover: _, hasWaitingRequest: v, arePendingApproversUnknown: y, hasScheduledPayment: b, scheduledPaymentRecordId: x, isScheduledPaymentUnknown: S, labels: C, isMarkAsPaidPending: w, pendingApprovers: T, onPayBillSelect: E, onMarkAsPaidSelect: D }) {
+	let { initResponse: O } = t(), k = r(), A = n(), j = i(), M = a(), N = c(), P = o(), F = s(), I = w || k.isPending || A.isPending || j.isPending || M.isPending || N.isPending || P.isPending || F.isPending, [L, R] = u(), z = L && (L.id !== "cancelScheduledPayment" || L.scheduledPaymentRecordId === x) ? L : void 0, B = d && f ? l({
+		status: f,
+		scopes: O?.scopes,
+		canDecideApprovalRequest: !!m,
+		isPolicyApprover: _,
+		hasWaitingRequest: v,
+		arePendingApproversUnknown: y,
+		hasScheduledPayment: b || S,
+		scheduledPaymentRecordId: x,
+		labels: C
+	}) : [], V = (t) => ({
+		onError: () => e.error(C.actionError),
+		onSuccess: () => e.success(C.actionSuccess[t])
+	}), H = {
+		reject: {
+			isPending: k.isPending,
+			run: (e) => m && k.mutate({
+				path: { approval_request_id: m },
+				body: e ? { reject_reason: e } : void 0
+			}, V("reject"))
+		},
+		approve: {
+			isPending: A.isPending,
+			run: () => m && A.mutate({ path: { approval_request_id: m } }, V("approve"))
+		},
+		cancel: {
+			isPending: j.isPending,
+			run: () => d && j.mutate({ path: { payable_id: d } }, V("cancel"))
+		},
+		cancelScheduledPayment: {
+			isPending: M.isPending,
+			run: () => {
+				let e = z?.scheduledPaymentRecordId;
+				!d || !e || M.mutate({
+					path: { payment_record_id: e },
+					payableId: d
+				}, V("cancelScheduledPayment"));
+			}
+		},
+		reopen: {
+			isPending: N.isPending,
+			run: () => d && N.mutate({ path: { payable_id: d } }, V("reopen"))
+		},
+		forceApprove: {
+			isPending: P.isPending,
+			run: () => d && P.mutate({ path: { payable_id: d } }, V("forceApprove"))
+		},
+		forceReject: {
+			isPending: F.isPending,
+			run: () => d && F.mutate({ path: { payable_id: d } }, V("forceReject"))
+		}
+	}, U = B.map((e) => ({
+		...e,
+		disabled: I,
+		loading: e.id === "markAsPaid" ? w : H[e.id]?.isPending ?? !1,
+		onSelect: () => {
+			if (!(I || !d)) {
+				if (e.id === "payBill") {
+					E();
+					return;
+				}
+				if (e.id === "markAsPaid") {
+					D();
+					return;
+				}
+				if (h(e.id)) {
+					R({
+						id: e.id,
+						scheduledPaymentRecordId: x
+					});
+					return;
+				}
+				H[e.id]?.run();
+			}
+		}
+	}));
+	return {
+		actions: {
+			row: U.filter((e) => e.surface === "row"),
+			menu: U.filter((e) => e.surface === "menu")
+		},
+		decisionDialog: {
+			open: !!z,
+			copy: z ? {
+				...C.decisionDialog[z.id],
+				presentation: g(z.id) ? p : void 0,
+				pendingApprovers: g(z.id) ? T ?? [] : void 0
+			} : void 0,
+			isPending: z ? H[z.id]?.isPending ?? !1 : !1,
+			onCancel: () => {
+				I || R(void 0);
+			},
+			onConfirm: (e) => {
+				!z || I || (H[z.id]?.run(e), R(void 0));
+			}
+		}
 	};
-	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: "muted"
-		};
-		case "rejected": return {
-			status: "rejected",
-			tone: "danger"
-		};
-	}
+}
+var p = {
+	alignment: "center",
+	icon: d,
+	tone: "destructive",
+	actionWidth: "equal"
+}, m = [
+	"reject",
+	"cancel",
+	"cancelScheduledPayment",
+	"forceApprove",
+	"forceReject"
+];
+function h(e) {
+	return m.includes(e);
+}
+function g(e) {
+	return e === "forceApprove" || e === "forceReject";
 }
 //#endregion
-export { n as derivePayableStatus };
+export { f as usePayableDetailActions };

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

@@ -1,8 +1,24 @@
-import { formatMoneyExact as e } from "../../../shared/util/dist/lib/formatMoneyExact.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 "../../../shared/data-access/dist/index.js";
+import { formatCalendarDate as n } from "../../../shared/util/dist/lib/formatCalendarDate.js";
+import { useWidgetConfig as r } from "../../../shared/feature/dist/lib/WidgetProvider/hooks.js";
+import "../../../shared/feature/dist/index.js";
+import { usePayablePaymentRecordsQuery as i } from "../../data-access/dist/index8.js";
 import "../../data-access/dist/index.js";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index23.js
-function t(t, n) {
-	if (typeof t == "number") return e(t / 100, { currencyCode: n ?? "USD" });
+function a({ payableId: a, scheduledPaymentDate: o, enabled: s = !0 }) {
+	let { initResponse: c } = r(), l = e(c?.scopes, [t.PaymentRecordReadOrg]), u = i(s ? a : void 0, { enabled: s && l }), d = u.paymentRecords.find((e) => e.status === "created" || e.status === "processing"), f = !!d || !!o, p = d?.planned_payment_date ?? (f ? o : void 0);
+	return {
+		hasScheduledPayment: f,
+		isResolving: u.isResolving,
+		scheduledDateLabel: p ? n(p) : void 0,
+		scheduledPaymentRecordId: d?.id
+	};
 }
 //#endregion
-export { t as formatBillMoney };
+export { a as useScheduledPayment };

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

@@ -1,75 +1,44 @@
-import { formatCalendarDate as e } from "../../../shared/util/dist/lib/formatCalendarDate.js";
-import { resolveAmountDueMinorUnits as t } from "./index2.js";
-import { resolveVendor as n } from "./index3.js";
-import { derivePayableStatus as r } from "./index22.js";
-import { formatBillMoney as i } from "./index23.js";
+"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/index10.js";
+import "../../data-access/dist/index.js";
+import { useState as a } from "react";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index24.js
-function a({ payable: a, lineItems: o, glCodeOptions: s, history: c, approvalPolicy: l, labels: u, hasScheduledPayment: d }) {
-	let f = a.currency, p = r({
-		apiStatus: a.status,
-		dueDate: a.due_date,
-		scheduledPaymentDate: a.scheduled_payment_date,
-		hasScheduledPayment: d
-	}), m = n(a), h = m?.bank_account?.account_number, g = e(a.issued_at) || u.notProvided, _ = e(a.due_date) || u.notProvided, v = new Map(s.map((e) => [e.value, e.label])), y = [
-		{
-			label: u.subtotalRow,
-			minorUnits: a.subtotal
-		},
-		{
-			label: u.discountRow,
-			minorUnits: a.discount
-		},
-		{
-			label: u.taxRow,
-			minorUnits: a.tax_amount
-		}
-	].map((e) => ({
-		label: e.label,
-		value: i(e.minorUnits, f)
-	})).filter((e) => !!e.value), b = i(a.total_amount, f);
-	return b && y.push({
-		label: u.totalRow,
-		value: b,
-		emphasis: !0
-	}), {
-		amountDue: i(t(a), f) ?? "",
-		invoiceDateLabel: g,
-		dueDateLabel: _,
-		status: p.status,
-		statusTone: p.tone,
-		payTo: {
-			name: m?.name || u.notProvided,
-			email: m?.email ?? void 0,
-			paymentInstructionsLabel: h ? u.paymentInstructionsValue(h.slice(-4)) : void 0
-		},
-		invoiceFields: [
-			{
-				label: u.invoiceDateRow,
-				value: g
-			},
-			{
-				label: u.dueDateRow,
-				value: _
+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);
 			},
-			{
-				label: u.invoiceNumberRow,
-				value: a.document_id || u.notProvided
+			onConfirm: () => {
+				!g || !o || f.isPending || f.mutate({ path: { payable_id: o } }, {
+					onError: () => e.error(l.error),
+					onSuccess: () => {
+						m(!1), u();
+					}
+				});
 			}
-		],
-		lineItems: o.map((e) => {
-			let t = i(e.unit_price, f);
-			return {
-				id: e.id,
-				description: e.name ?? e.description ?? "",
-				glCodeLabel: (e.ledger_account_id ? v.get(e.ledger_account_id) : void 0) || u.glCodeMissing,
-				qtyPriceLabel: e.quantity != null && t ? u.qtyPriceValue(String(e.quantity), t) : "",
-				amount: i(e.subtotal, f) ?? ""
-			};
-		}),
-		amountRows: y,
-		approvalPolicy: l,
-		history: c
+		}
 	};
 }
 //#endregion
-export { a as buildBillDetailView };
+export { o as useDraftDelete };

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

@@ -1,52 +1,54 @@
-import { BILL_STATUS_BADGE_LABELS_EN as e } from "../../ui/dist/index18.js";
-import "../../ui/dist/index.js";
-import { derivePayableStatus as t } from "./index22.js";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index25.js
-var n = /* @__PURE__ */ new Set([
-	"credit_note_linked",
-	"credit_note_unlinked",
-	"line_item_added",
-	"line_item_updated",
-	"line_item_removed",
-	"deleted"
+var e = /* @__PURE__ */ new Set([
+	"new",
+	"approve_in_progress",
+	"waiting_to_be_paid",
+	"partially_paid"
 ]);
-function r(n, r, i) {
-	switch (n) {
-		case "payable_created": return r?.source_of_payable_data === "ocr" ? i.billUploaded : i.billAdded;
-		case "payable_updated": return i.billUpdated;
-		case "file_attached": return i.attachmentAdded;
-		case "submitted_for_approval": return i.submittedForApproval;
-		case "approval_requested": return i.approvalRequested;
-		case "approval_action": {
-			let e = r?.action, t = r?.reject_reason;
-			return e === "approve" ? i.approved : e === "reject" ? typeof t == "string" && t ? i.rejectedWithReason(t) : i.rejected : void 0;
-		}
-		case "auto_approved": return i.autoApproved;
-		case "reopened": return i.reopened;
-		case "marked_as_paid": return i.markedAsPaid;
-		case "marked_as_partially_paid": return i.markedAsPartiallyPaid;
-		case "payment_reverted": return i.paymentReverted;
-		case "status_changed": {
-			let n = r?.new_status;
-			if (typeof n != "string") return;
-			let a = t({ apiStatus: n }).status;
-			return i.statusChanged(e[a] ?? e.unknown);
-		}
-		default: return;
-	}
+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 i(e, t, i) {
-	let a = new Map(t.map((e) => [e.id, e.name]));
-	return e.filter((e) => !n.has(e.event_type)).map((e) => {
-		let t = r(e.event_type, e.event_data, i);
-		if (!t) return;
-		let n = e.entity_user_id ? a.get(e.entity_user_id) : void 0;
-		return {
-			id: e.id,
-			dateLabel: i.dateLabel(e.timestamp),
-			description: n ? i.byActor(t, n) : t
+function n({ apiStatus: n, dueDate: r, scheduledPaymentDate: i, hasScheduledPayment: a = !!i, now: o = /* @__PURE__ */ new Date() }) {
+	if (e.has(n) && a) return {
+		status: "scheduled",
+		tone: "accent"
+	};
+	if (e.has(n) && r && t(r, o)) 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"
 		};
-	}).filter((e) => !!e);
+		case "partially_paid": return {
+			status: "partially_paid",
+			tone: "success"
+		};
+		case "paid": return {
+			status: "paid",
+			tone: "success"
+		};
+		case "canceled": return {
+			status: "canceled",
+			tone: "muted"
+		};
+		case "rejected": return {
+			status: "rejected",
+			tone: "danger"
+		};
+	}
 }
 //#endregion
-export { i as buildBillHistory };
+export { n as derivePayableStatus };

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

@@ -1,96 +1,8 @@
+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/index26.js
-var e = {
-	payBill: "Pay bill",
-	markAsPaid: "Mark as paid",
-	reject: "Reject",
-	approve: "Approve",
-	cancel: "Cancel bill",
-	cancelScheduledPayment: "Cancel scheduled payment",
-	reopen: "Reopen bill",
-	forceApprove: "Approve",
-	forceReject: "Reject",
-	policyOverridesHeading: "Policy overrides",
-	decisionDialog: {
-		reject: {
-			title: "Reject this bill?",
-			description: "The bill goes back as rejected and nobody else is asked to approve it.",
-			confirmButton: "Reject bill",
-			reason: {
-				label: "Reason",
-				placeholder: "Tell the submitter what needs to change",
-				optionalHint: "Optional"
-			}
-		},
-		cancel: {
-			title: "Cancel this bill?",
-			description: "Cancelling is permanent. The bill can't be reopened, edited, or paid afterwards.",
-			confirmButton: "Cancel bill"
-		},
-		cancelScheduledPayment: {
-			title: "Cancel this scheduled payment?",
-			description: "The payment will not be sent. The bill stays ready to pay, so you can schedule it again for another date.",
-			confirmButton: "Cancel payment"
-		},
-		forceApprove: {
-			title: "Override approval policy?",
-			description: "The below people haven't approved this bill yet. Approving now will bypass their required review. This will be recorded in the audit history and can't be undone.",
-			confirmButton: "Override and approve"
-		},
-		forceReject: {
-			title: "Override approval policy?",
-			description: "The below people haven't approved this bill yet. Rejecting now will bypass their required review. This will be recorded in the audit history and can't be undone.",
-			confirmButton: "Override and reject"
-		},
-		cancelButton: "Cancel"
-	},
-	actionError: "Couldn't update this bill. Try again.",
-	actionSuccess: {
-		approve: "Bill approved.",
-		reject: "Bill rejected.",
-		markAsPaid: "Bill marked as paid.",
-		cancel: "Bill canceled.",
-		cancelScheduledPayment: "Scheduled payment canceled.",
-		reopen: "Bill reopened.",
-		forceApprove: "Bill approved, overriding the approval policy.",
-		forceReject: "Bill rejected, overriding the approval policy."
-	}
-}, t = (e) => `Payment scheduled for ${e}`, n = [
-	"reject",
-	"cancel",
-	"cancelScheduledPayment",
-	"forceApprove",
-	"forceReject"
-];
-function r(e, t) {
-	let n = e.reason ? {
-		...e.reason,
-		...t?.reason
-	} : void 0, r = {
-		...e,
-		...t,
-		reason: n
-	};
-	return n || delete r.reason, r;
-}
-function i(e, t) {
-	let i = {
-		...e,
-		...t
-	};
-	for (let a of n) i[a] = r(e[a], t?.[a]);
-	return i;
-}
-function a(t) {
-	let n = e;
-	return {
-		...n,
-		...t,
-		decisionDialog: i(n.decisionDialog, t?.decisionDialog),
-		actionSuccess: {
-			...n.actionSuccess,
-			...t?.actionSuccess
-		}
-	};
+function t(t, n) {
+	if (typeof t == "number") return e(t / 100, { currencyCode: n ?? "USD" });
 }
 //#endregion
-export { e as BILL_DETAIL_ACTIONS_LABELS_EN, t as SCHEDULED_SUMMARY_LABEL_EN, a as mergeBillDetailActionsLabels, i as mergeDecisionDialogCopy };
+export { t as formatBillMoney };

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

@@ -1,38 +1,75 @@
-import { jsx as e, jsxs as t } from "react/jsx-runtime";
+import { formatCalendarDate as e } from "../../../shared/util/dist/lib/formatCalendarDate.js";
+import { resolveAmountDueMinorUnits as t } from "./index6.js";
+import { resolveVendor as n } from "./index7.js";
+import { derivePayableStatus as r } from "./index25.js";
+import { formatBillMoney as i } from "./index26.js";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index27.js
-var n = {
-	previewUnavailable: "Preview not available for this file type.",
-	openFile: "Open file"
-};
-function r(r, i = {}) {
-	if (r.mimetype === "application/pdf") return /* @__PURE__ */ e("iframe", {
-		src: `${r.url}#toolbar=0&navpanes=0`,
-		title: r.name,
-		referrerPolicy: "no-referrer",
-		className: "ttw:h-full ttw:w-full ttw:border-0"
-	});
-	if (r.mimetype.startsWith("image/")) return /* @__PURE__ */ e("img", {
-		src: r.url,
-		alt: r.name,
-		className: "ttw:max-h-full ttw:max-w-full ttw:object-contain"
-	});
-	let a = {
-		...n,
-		...i
+function a({ payable: a, lineItems: o, glCodeOptions: s, history: c, approvalPolicy: l, labels: u, hasScheduledPayment: d }) {
+	let f = a.currency, p = r({
+		apiStatus: a.status,
+		dueDate: a.due_date,
+		scheduledPaymentDate: a.scheduled_payment_date,
+		hasScheduledPayment: d
+	}), m = n(a), h = m?.bank_account?.account_number, g = e(a.issued_at) || u.notProvided, _ = e(a.due_date) || u.notProvided, v = new Map(s.map((e) => [e.value, e.label])), y = [
+		{
+			label: u.subtotalRow,
+			minorUnits: a.subtotal
+		},
+		{
+			label: u.discountRow,
+			minorUnits: a.discount
+		},
+		{
+			label: u.taxRow,
+			minorUnits: a.tax_amount
+		}
+	].map((e) => ({
+		label: e.label,
+		value: i(e.minorUnits, f)
+	})).filter((e) => !!e.value), b = i(a.total_amount, f);
+	return b && y.push({
+		label: u.totalRow,
+		value: b,
+		emphasis: !0
+	}), {
+		amountDue: i(t(a), f) ?? "",
+		invoiceDateLabel: g,
+		dueDateLabel: _,
+		status: p.status,
+		statusTone: p.tone,
+		payTo: {
+			name: m?.name || u.notProvided,
+			email: m?.email ?? void 0,
+			paymentInstructionsLabel: h ? u.paymentInstructionsValue(h.slice(-4)) : void 0
+		},
+		invoiceFields: [
+			{
+				label: u.invoiceDateRow,
+				value: g
+			},
+			{
+				label: u.dueDateRow,
+				value: _
+			},
+			{
+				label: u.invoiceNumberRow,
+				value: a.document_id || u.notProvided
+			}
+		],
+		lineItems: o.map((e) => {
+			let t = i(e.unit_price, f);
+			return {
+				id: e.id,
+				description: e.name ?? e.description ?? "",
+				glCodeLabel: (e.ledger_account_id ? v.get(e.ledger_account_id) : void 0) || u.glCodeMissing,
+				qtyPriceLabel: e.quantity != null && t ? u.qtyPriceValue(String(e.quantity), t) : "",
+				amount: i(e.subtotal, f) ?? ""
+			};
+		}),
+		amountRows: y,
+		approvalPolicy: l,
+		history: c
 	};
-	return /* @__PURE__ */ t("div", {
-		className: "ttw:flex ttw:h-full ttw:w-full ttw:flex-col ttw:items-center ttw:justify-center ttw:gap-2 ttw:p-4 ttw:text-center",
-		children: [/* @__PURE__ */ e("p", {
-			className: "ttw:text-sm ttw:text-muted-foreground",
-			children: a.previewUnavailable
-		}), /* @__PURE__ */ e("a", {
-			href: r.url,
-			target: "_blank",
-			rel: "noreferrer",
-			className: "ttw:text-sm ttw:font-medium ttw:text-primary ttw:underline ttw:underline-offset-2",
-			children: a.openFile
-		})]
-	});
 }
 //#endregion
-export { n as SOURCE_DOCUMENT_PREVIEW_LABELS_EN, r as createSourceDocumentPreview };
+export { a as buildBillDetailView };