@tesouro/embedded-components-react 0.5.187 → 0.5.188

package/dist/libs/tesouro-embedded-components-react/expense-management-widget/ui/dist/lib/FileViewer/labels.js

@@ -0,0 +1,11 @@
+//#region ../../libs/tesouro-embedded-components-react/expense-management-widget/ui/dist/lib/FileViewer/labels.js
+var e = {
+	filePreview: "File preview",
+	zoomIn: "Zoom in",
+	zoomOut: "Zoom out",
+	moreActions: "Attachment actions",
+	downloadAttachment: "Download attachment",
+	deleteAttachment: "Delete attachment"
+};
+//#endregion
+export { e as FILE_VIEWER_LABELS_EN };

package/dist/libs/tesouro-embedded-components-react/expense-management-widget/ui/dist/lib/ReceiptMatchWidget/lib/ReceiptMatchLauncher.js

@@ -2,27 +2,5 @@
 "use client";
 "use client";
 "use client";
-import { Button as e } from "../../../../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { RECEIPT_MATCH_LAUNCHER_LABELS_EN as t } from "./labels.js";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
-//#region ../../libs/tesouro-embedded-components-react/expense-management-widget/ui/dist/lib/ReceiptMatchWidget/lib/ReceiptMatchLauncher.js
-function i({ onStart: i, labels: a }) {
-	let o = {
-		...t,
-		...a
-	};
-	return /* @__PURE__ */ r("div", {
-		className: "ttw:flex ttw:flex-col ttw:items-start ttw:gap-2 ttw:py-4",
-		children: [/* @__PURE__ */ n("p", {
-			className: "ttw:text-muted-foreground ttw:text-sm",
-			children: o.Description
-		}), /* @__PURE__ */ n(e, {
-			onClick: i,
-			size: "lg",
-			className: "ttw:cursor-pointer",
-			children: o.StartButton
-		})]
-	});
-}
-//#endregion
-export { i as ReceiptMatchLauncher };
+import "../../../../../../../../packages/shared-ui-shadcn/dist/index.js";
+import "react/jsx-runtime";

package/dist/libs/tesouro-embedded-components-react/expense-management-widget/ui/dist/lib/ReceiptMatchWidget/lib/ReceiptMatchSidebar.js

@@ -57,7 +57,7 @@ function u({ open: u, onClose: d, step: f, receipts: p, selectedReceiptIds: m, o
 		onOpenChange: d,
 		children: /* @__PURE__ */ l(t, {
 			showCloseButton: !1,
-			className: `ttw:flex ttw:p-0 ttw:max-w-none ttw:rounded-none ttw:border-0 ttw:fixed ttw:right-0 ttw:top-0 ttw:left-auto ttw:translate-x-0 ttw:translate-y-0 ttw:h-screen ${f === 2 ? "ttw:w-[880px]" : "ttw:w-[440px]"}`,
+			className: `ttw:flex ttw:p-0 ttw:max-w-none ttw:rounded-none ttw:border-0 ttw:fixed ttw:inset-y-0 ttw:right-0 ttw:top-0 ttw:left-auto ttw:h-screen ttw:translate-x-0 ttw:translate-y-0 ttw:transition ttw:ease-in-out ttw:data-[state=open]:duration-500 ttw:data-[state=closed]:duration-300 ttw:data-[state=open]:slide-in-from-right ttw:data-[state=closed]:slide-out-to-right ttw:data-[state=open]:zoom-in-100 ttw:data-[state=closed]:zoom-out-100 ${f === 2 ? "ttw:w-[880px]" : "ttw:w-[440px]"}`,
 			children: [
 				/* @__PURE__ */ c(r, {
 					className: "ttw:sr-only",

package/dist/libs/tesouro-embedded-components-react/expense-management-widget/ui/dist/lib/ReceiptMatchWidget/lib/TransactionsMatchStep.js

@@ -6,137 +6,138 @@ import { Button as e, Input as t, Skeleton as n } from "../../../../../../../../
 import { ErrorState as r } from "../../../../../../shared/ui/dist/lib/ErrorState/ErrorState.js";
 import "../../../../../../shared/ui/dist/index.js";
 import { ReceiptMatchLabels as i } from "./labels.js";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-import { Check as s, DollarSign as c, Loader2 as l, Search as u, X as d, ZoomIn as f, ZoomOut as p } from "lucide-react";
+import { isPdf as a } from "../../isPdf.js";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { Check as c, DollarSign as l, Loader2 as u, Search as d, X as f, ZoomIn as p, ZoomOut as m } from "lucide-react";
 //#region ../../libs/tesouro-embedded-components-react/expense-management-widget/ui/dist/lib/ReceiptMatchWidget/lib/TransactionsMatchStep.js
-var m = 5;
-function h({ receiptPreviewUrl: n, receiptFileName: h, transactions: _, selectedTransactionIds: y, allowMultipleTransactions: b = !1, searchValue: x, onSearchChange: S, onTransactionSelect: C, onConfirmMatch: w, isConfirming: T = !1, zoom: E = 1, onZoomIn: D, onZoomOut: O, canZoomIn: k = !0, canZoomOut: A = !0, showZoomControls: j = !!(n && (D || O)), onCancel: M, onClose: N, isLoading: P = !1, isError: F = !1, onRetry: I }) {
-	return /* @__PURE__ */ o("div", {
+var h = 5;
+function g({ receiptPreviewUrl: n, receiptFileName: a, transactions: g, selectedTransactionIds: y, allowMultipleTransactions: b = !1, searchValue: x, onSearchChange: S, onTransactionSelect: C, onConfirmMatch: w, isConfirming: T = !1, zoom: E = 1, onZoomIn: D, onZoomOut: O, canZoomIn: k = !0, canZoomOut: A = !0, showZoomControls: j = !!(n && (D || O)), onCancel: M, onClose: N, isLoading: P = !1, isError: F = !1, onRetry: I }) {
+	return /* @__PURE__ */ s("div", {
 		className: "ttw:flex ttw:w-full ttw:h-full",
-		children: [/* @__PURE__ */ o("div", {
+		children: [/* @__PURE__ */ s("div", {
 			className: "ttw:w-110 ttw:ml-auto ttw:bg-muted ttw:relative ttw:flex ttw:items-center ttw:justify-center ttw:overflow-hidden",
-			children: [n && /* @__PURE__ */ a(v, {
+			children: [n && /* @__PURE__ */ o(v, {
 				url: n,
-				fileName: h,
+				fileName: a,
 				zoom: E
-			}), j && /* @__PURE__ */ o("div", {
+			}), j && /* @__PURE__ */ s("div", {
 				className: "ttw:absolute ttw:bottom-4 ttw:left-4 ttw:flex ttw:items-center ttw:border ttw:rounded-[14px] ttw:border-border ttw:bg-card",
 				children: [
-					/* @__PURE__ */ a(e, {
+					/* @__PURE__ */ o(e, {
 						variant: "ghost",
 						size: "icon-sm",
 						onClick: O,
 						disabled: !O || !A,
 						"aria-label": i.ZoomOut,
 						className: "ttw:rounded-none ttw:rounded-tl-[14px] ttw:rounded-bl-[14px]",
-						children: /* @__PURE__ */ a(p, { className: "ttw:size-4" })
+						children: /* @__PURE__ */ o(m, { className: "ttw:size-4" })
 					}),
-					/* @__PURE__ */ a("div", { className: "ttw:w-px ttw:self-stretch ttw:bg-border" }),
-					/* @__PURE__ */ a(e, {
+					/* @__PURE__ */ o("div", { className: "ttw:w-px ttw:self-stretch ttw:bg-border" }),
+					/* @__PURE__ */ o(e, {
 						variant: "ghost",
 						size: "icon-sm",
 						onClick: D,
 						disabled: !D || !k,
 						"aria-label": i.ZoomIn,
 						className: "ttw:rounded-none ttw:rounded-tr-[14px] ttw:rounded-br-[14px]",
-						children: /* @__PURE__ */ a(f, { className: "ttw:size-4" })
+						children: /* @__PURE__ */ o(p, { className: "ttw:size-4" })
 					})
 				]
 			})]
-		}), /* @__PURE__ */ o("div", {
+		}), /* @__PURE__ */ s("div", {
 			className: "ttw:flex ttw:flex-col ttw:w-110 ttw:h-full ttw:border-l ttw:border-border ttw:bg-card",
 			children: [
-				/* @__PURE__ */ o("div", {
+				/* @__PURE__ */ s("div", {
 					className: "ttw:flex ttw:items-center ttw:justify-between ttw:px-6 ttw:pt-5 ttw:pb-2",
-					children: [/* @__PURE__ */ a("h2", {
+					children: [/* @__PURE__ */ o("h2", {
 						className: "ttw:text-lg ttw:font-semibold",
 						children: i.TransactionsTitle
-					}), /* @__PURE__ */ a(e, {
+					}), /* @__PURE__ */ o(e, {
 						variant: "ghost",
 						size: "sm",
 						className: "ttw:p-1 ttw:h-auto",
 						onClick: N,
 						"aria-label": i.Close,
-						children: /* @__PURE__ */ a(d, { size: 18 })
+						children: /* @__PURE__ */ o(f, { size: 18 })
 					})]
 				}),
-				/* @__PURE__ */ a("div", {
+				/* @__PURE__ */ o("div", {
 					className: "ttw:px-6 ttw:py-3",
-					children: /* @__PURE__ */ o("div", {
+					children: /* @__PURE__ */ s("div", {
 						className: "ttw:relative",
-						children: [/* @__PURE__ */ a(u, {
+						children: [/* @__PURE__ */ o(d, {
 							size: 16,
 							className: "ttw:absolute ttw:left-3 ttw:top-1/2 ttw:-translate-y-1/2 ttw:text-muted-foreground"
-						}), /* @__PURE__ */ a(t, {
+						}), /* @__PURE__ */ o(t, {
 							value: x,
 							onChange: (e) => S(e.target.value),
 							placeholder: i.SearchPlaceholder,
-							className: "ttw:pl-9"
+							className: "ttw:pl-9!"
 						})]
 					})
 				}),
-				/* @__PURE__ */ o("div", {
+				/* @__PURE__ */ s("div", {
 					className: "ttw:flex ttw:items-center ttw:gap-3 ttw:px-6 ttw:py-2 ttw:bg-muted/40",
 					children: [
-						/* @__PURE__ */ a("span", {
+						/* @__PURE__ */ o("span", {
 							className: "ttw:w-4 ttw:shrink-0",
 							"aria-hidden": !0
 						}),
-						/* @__PURE__ */ a("span", {
+						/* @__PURE__ */ o("span", {
 							className: "ttw:flex-1 ttw:text-xs ttw:font-medium ttw:text-muted-foreground",
 							children: i.Merchant
 						}),
-						/* @__PURE__ */ a("span", {
+						/* @__PURE__ */ o("span", {
 							className: "ttw:w-24 ttw:text-xs ttw:font-medium ttw:text-muted-foreground",
 							children: i.Date
 						}),
-						/* @__PURE__ */ a("span", {
+						/* @__PURE__ */ o("span", {
 							className: "ttw:w-20 ttw:text-xs ttw:font-medium ttw:text-muted-foreground ttw:text-right",
 							children: i.Amount
 						})
 					]
 				}),
-				/* @__PURE__ */ o("div", {
+				/* @__PURE__ */ s("div", {
 					className: "ttw:flex-1 ttw:overflow-y-auto",
 					children: [
-						P && /* @__PURE__ */ o("div", {
+						P && /* @__PURE__ */ s("div", {
 							role: "status",
-							children: [/* @__PURE__ */ a("span", {
+							children: [/* @__PURE__ */ o("span", {
 								className: "ttw:sr-only",
 								children: i.LoadingTransactions
-							}), Array.from({ length: m }).map((e, t) => /* @__PURE__ */ a(g, {}, t))]
+							}), Array.from({ length: h }).map((e, t) => /* @__PURE__ */ o(_, {}, t))]
 						}),
-						!P && F && /* @__PURE__ */ a(r, {
+						!P && F && /* @__PURE__ */ o(r, {
 							title: i.TransactionsErrorTitle,
 							description: i.TransactionsErrorSubtitle,
 							retryLabel: i.Retry,
 							onRetry: I
 						}),
-						!P && !F && _.length === 0 && /* @__PURE__ */ o("div", {
+						!P && !F && g.length === 0 && /* @__PURE__ */ s("div", {
 							className: "ttw:flex ttw:flex-col ttw:items-center ttw:justify-center ttw:gap-3 ttw:h-full ttw:py-12",
-							children: [/* @__PURE__ */ a("div", {
+							children: [/* @__PURE__ */ o("div", {
 								className: "ttw:w-14 ttw:h-14 ttw:rounded-full ttw:bg-muted ttw:flex ttw:items-center ttw:justify-center",
-								children: /* @__PURE__ */ a(c, {
+								children: /* @__PURE__ */ o(l, {
 									size: 24,
 									className: "ttw:text-muted-foreground"
 								})
-							}), /* @__PURE__ */ o("div", {
+							}), /* @__PURE__ */ s("div", {
 								className: "ttw:flex ttw:flex-col ttw:items-center ttw:gap-1 ttw:text-center ttw:px-6",
-								children: [/* @__PURE__ */ a("span", {
+								children: [/* @__PURE__ */ o("span", {
 									className: "ttw:text-sm ttw:font-medium",
 									children: i.NoTransactionsTitle
-								}), /* @__PURE__ */ a("span", {
+								}), /* @__PURE__ */ o("span", {
 									className: "ttw:text-sm ttw:text-muted-foreground",
 									children: i.NoTransactionsSubtitle
 								})]
 							})]
 						}),
-						!P && !F && _.map((e) => {
+						!P && !F && g.map((e) => {
 							let t = y.includes(e.id);
-							return /* @__PURE__ */ o("label", {
-								className: `ttw:flex ttw:items-center ttw:gap-3 ttw:px-6 ttw:py-3 ttw:cursor-pointer ttw:transition-colors ${t ? "ttw:bg-blue-50" : "ttw:hover:bg-muted/50"}`,
+							return /* @__PURE__ */ s("label", {
+								className: `ttw:flex ttw:items-center ttw:gap-3 ttw:px-6 ttw:py-3 ttw:cursor-pointer ttw:transition-colors ${t ? "ttw:bg-primary/5" : "ttw:hover:bg-muted/50"}`,
 								children: [
-									/* @__PURE__ */ a("input", {
+									/* @__PURE__ */ o("input", {
 										type: b ? "checkbox" : "radio",
 										name: b ? void 0 : "receipt-match-transaction",
 										checked: t,
@@ -149,15 +150,15 @@ function h({ receiptPreviewUrl: n, receiptFileName: h, transactions: _, selected
 										"aria-label": `Select transaction from ${e.merchantName}`,
 										className: "ttw:h-4 ttw:w-4 ttw:border ttw:border-input ttw:accent-primary ttw:cursor-pointer ttw:shrink-0"
 									}),
-									/* @__PURE__ */ a("span", {
+									/* @__PURE__ */ o("span", {
 										className: "ttw:flex-1 ttw:text-sm ttw:font-medium ttw:truncate",
 										children: e.merchantName
 									}),
-									/* @__PURE__ */ a("span", {
+									/* @__PURE__ */ o("span", {
 										className: "ttw:w-24 ttw:text-sm ttw:text-muted-foreground ttw:shrink-0",
 										children: e.date
 									}),
-									/* @__PURE__ */ a("span", {
+									/* @__PURE__ */ o("span", {
 										className: "ttw:w-20 ttw:text-sm ttw:font-medium ttw:tabular-nums ttw:text-right ttw:shrink-0",
 										children: e.formattedAmount
 									})
@@ -166,51 +167,47 @@ function h({ receiptPreviewUrl: n, receiptFileName: h, transactions: _, selected
 						})
 					]
 				}),
-				/* @__PURE__ */ o("div", {
+				/* @__PURE__ */ s("div", {
 					className: "ttw:flex ttw:items-center ttw:gap-3 ttw:px-6 ttw:py-4 ttw:border-t ttw:border-border",
-					children: [/* @__PURE__ */ a(e, {
+					children: [/* @__PURE__ */ o(e, {
 						variant: "outline",
 						className: "ttw:flex-1",
 						onClick: M,
 						children: i.Back
-					}), /* @__PURE__ */ o(e, {
+					}), /* @__PURE__ */ s(e, {
 						className: "ttw:flex-1",
 						disabled: y.length === 0 || T,
 						onClick: w,
-						children: [T ? /* @__PURE__ */ a(l, {
+						children: [T ? /* @__PURE__ */ o(u, {
 							size: 16,
 							className: "ttw:animate-spin"
-						}) : /* @__PURE__ */ a(s, { size: 16 }), i.ConfirmMatch]
+						}) : /* @__PURE__ */ o(c, { size: 16 }), i.ConfirmMatch]
 					})]
 				})
 			]
 		})]
 	});
 }
-function g() {
-	return /* @__PURE__ */ o("div", {
+function _() {
+	return /* @__PURE__ */ s("div", {
 		className: "ttw:flex ttw:items-center ttw:gap-3 ttw:px-6 ttw:py-3",
 		children: [
-			/* @__PURE__ */ a(n, { className: "ttw:h-4 ttw:w-4" }),
-			/* @__PURE__ */ a(n, { className: "ttw:h-4 ttw:flex-1" }),
-			/* @__PURE__ */ a(n, { className: "ttw:h-4 ttw:w-20" }),
-			/* @__PURE__ */ a(n, { className: "ttw:h-4 ttw:w-16" })
+			/* @__PURE__ */ o(n, { className: "ttw:h-4 ttw:w-4" }),
+			/* @__PURE__ */ o(n, { className: "ttw:h-4 ttw:flex-1" }),
+			/* @__PURE__ */ o(n, { className: "ttw:h-4 ttw:w-20" }),
+			/* @__PURE__ */ o(n, { className: "ttw:h-4 ttw:w-16" })
 		]
 	});
 }
-function _(e, t) {
-	let n = t ?? e.split(/[?#]/)[0];
-	return /\.pdf$/i.test(n);
-}
 function v({ url: e, fileName: t, zoom: n }) {
-	return _(e, t) ? /* @__PURE__ */ a("iframe", {
+	return a(e, t) ? /* @__PURE__ */ o("iframe", {
 		src: `${e}#toolbar=0&navpanes=0&scrollbar=0`,
 		title: i.ReceiptPdfPreviewTitle,
 		sandbox: "",
 		referrerPolicy: "no-referrer",
 		className: "ttw:w-full ttw:h-full ttw:border-0 ttw:transition-transform",
 		style: { transform: `scale(${n})` }
-	}) : /* @__PURE__ */ a("img", {
+	}) : /* @__PURE__ */ o("img", {
 		src: e,
 		alt: i.ReceiptImageAlt,
 		className: "ttw:max-h-full ttw:max-w-full ttw:object-contain ttw:transition-transform",
@@ -218,4 +215,4 @@ function v({ url: e, fileName: t, zoom: n }) {
 	});
 }
 //#endregion
-export { h as TransactionsMatchStep };
+export { g as TransactionsMatchStep };

package/dist/libs/tesouro-embedded-components-react/expense-management-widget/ui/dist/lib/ReceiptMatchWidget/lib/labels.js

@@ -47,9 +47,6 @@ var e = {
 	ZoomIn: "Zoom in",
 	ZoomOut: "Zoom out",
 	ReceiptImageAlt: "Receipt"
-}, t = {
-	Description: "Match uploaded receipts to transactions that need one.",
-	StartButton: "Start matching"
 };
 //#endregion
-export { t as RECEIPT_MATCH_LAUNCHER_LABELS_EN, e as ReceiptMatchLabels };
+export { e as ReceiptMatchLabels };

package/dist/libs/tesouro-embedded-components-react/expense-management-widget/ui/dist/lib/TransactionDetails/DeleteReceiptDialog/DeleteReceiptDialog.js

@@ -0,0 +1,31 @@
+import { AlertDialog as e, AlertDialogCancel as t, AlertDialogContent as n, AlertDialogDescription as r, AlertDialogFooter as i, AlertDialogHeader as a, AlertDialogTitle as o, Button as s } from "../../../../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { DELETE_RECEIPT_DIALOG_LABELS_EN as c } from "./labels.js";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+//#region ../../libs/tesouro-embedded-components-react/expense-management-widget/ui/dist/lib/TransactionDetails/DeleteReceiptDialog/DeleteReceiptDialog.js
+function d({ open: d, onOpenChange: f, isRemoving: p, onConfirm: m, onCancel: h, labels: g }) {
+	let _ = {
+		...c,
+		...g
+	};
+	return /* @__PURE__ */ l(e, {
+		open: d,
+		onOpenChange: f,
+		children: /* @__PURE__ */ u(n, { children: [/* @__PURE__ */ u(a, { children: [/* @__PURE__ */ l(o, { children: _.title }), /* @__PURE__ */ l(r, { children: _.message })] }), /* @__PURE__ */ u(i, { children: [/* @__PURE__ */ l(t, {
+			asChild: !0,
+			children: /* @__PURE__ */ l(s, {
+				variant: "ghost",
+				onClick: h,
+				disabled: p,
+				children: _.cancelButton
+			})
+		}), /* @__PURE__ */ l(s, {
+			variant: "destructive",
+			onClick: m,
+			disabled: p,
+			loading: p,
+			children: _.confirmButton
+		})] })] })
+	});
+}
+//#endregion
+export { d as DeleteReceiptDialog, d as default };

package/dist/libs/tesouro-embedded-components-react/expense-management-widget/ui/dist/lib/TransactionDetails/DeleteReceiptDialog/labels.js

@@ -0,0 +1,9 @@
+//#region ../../libs/tesouro-embedded-components-react/expense-management-widget/ui/dist/lib/TransactionDetails/DeleteReceiptDialog/labels.js
+var e = {
+	title: "Remove receipt?",
+	message: "The receipt will be returned to the inbox and can be matched to another transaction.",
+	cancelButton: "Cancel",
+	confirmButton: "Remove receipt"
+};
+//#endregion
+export { e as DELETE_RECEIPT_DIALOG_LABELS_EN };

package/dist/libs/tesouro-embedded-components-react/expense-management-widget/ui/dist/lib/TransactionDetails/TransactionDetails.js

@@ -0,0 +1,268 @@
+"use client";
+"use client";
+"use client";
+"use client";
+import { Alert as e, AlertDescription as t, Button as n, Dialog as r, DialogClose as i, DialogContent as a, DialogDescription as ee, DialogFooter as o, DialogHeader as s, DialogTitle as c, Separator as l, Skeleton as u, Typography as d } from "../../../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { ExpenseStatusBadge as f } from "../ExpenseStatusBadge/ExpenseStatusBadge.js";
+import { FileViewer as p } from "../FileViewer/FileViewer.js";
+import { AccordionItemCard as m } from "../AccordionItemCard/AccordionItemCard.js";
+import { TRANSACTION_DETAILS_LABELS_EN as h } from "./labels.js";
+import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
+import { CloudUpload as te, DollarSign as ne, Loader as re, Receipt as ie, X as ae } from "lucide-react";
+//#region ../../libs/tesouro-embedded-components-react/expense-management-widget/ui/dist/lib/TransactionDetails/TransactionDetails.js
+var oe = 3, y = () => void 0;
+function b({ open: b, onClose: x, transactionId: S, transactionDate: C, status: w, hasValidationError: T, amount: E, merchant: D, receiptUrl: O, isLoading: k, isError: A, isClosingDisabled: j, cardLabel: M, cardName: N, cardholder: P, showCardholder: F, showPhysicalPill: I, isDescriptionRequired: L, isReceiptRequired: R, isReceiptAutoMatched: z, isReceiptActionDisabled: B, receiptButtonLabel: V, receiptButtonIcon: H, receiptButtonVariant: U, showNoReceiptWarning: W, onDeleteReceiptClick: G, onUploadClick: K, onOpenReceiptInbox: q, onSubmitWithoutReceipt: se, onFileDrop: J, isUploading: Y, descriptionValue: X, initialDescriptionValue: ce, onDescriptionChange: le, onSaveDescription: ue, onCancelDescription: de, isSavingDescription: fe, isMemoEditable: pe, memoBadgeLabel: me, showApprovalCard: he, hasAppliedPolicy: ge, greaterThanValue: _e, lessThanValue: ve, ruleLabel: ye, rejectionReason: be, approverName: xe, isAutoApproved: Se, isManuallyApproved: Ce, showAccountingCard: we, glCategory: Te = "", initialGlCategory: Ee = "", glCategoryOptions: De = [], onGlCategoryChange: Oe, department: ke = "", initialDepartment: Ae = "", departmentOptions: je = [], onDepartmentChange: Me, location: Ne = "", initialLocation: Pe = "", locationOptions: Fe = [], onLocationChange: Ie, onSaveAccounting: Le, onCancelAccounting: Re, isSavingAccounting: ze, isGlCategoryDisabled: Be, glCategoryHighlight: Ve, departmentHighlight: He, locationHighlight: Ue, showAuditHistoryCard: Z, auditHistoryRows: We, isLoadingAuditHistory: Ge, isAuditHistoryError: Ke, children: qe, labels: Je, cardLabels: Q, statusLabels: Ye, fileViewerLabels: Xe, historyLabels: Ze }) {
+	let $ = {
+		...h,
+		...Je
+	};
+	return /* @__PURE__ */ _(r, {
+		open: b,
+		onOpenChange: (e) => {
+			!e && !j && x();
+		},
+		children: /* @__PURE__ */ v(a, {
+			fullScreen: !0,
+			showCloseButton: !1,
+			className: "ttw:flex ttw:p-0",
+			children: [/* @__PURE__ */ v("div", {
+				className: "ttw:flex ttw:flex-1/2 ttw:flex-col ttw:overflow-hidden ttw:border-r ttw:border-border",
+				children: [
+					/* @__PURE__ */ v(s, {
+						className: "ttw:h-20 ttw:flex-row ttw:items-center ttw:gap-3 ttw:px-8 ttw:py-6",
+						children: [
+							/* @__PURE__ */ _(c, {
+								className: "ttw:sr-only",
+								children: $.screenReaderTitle
+							}),
+							/* @__PURE__ */ _(ee, {
+								className: "ttw:sr-only",
+								children: $.screenReaderDescription
+							}),
+							/* @__PURE__ */ _("div", {
+								className: "ttw:mr-3 ttw:flex ttw:size-15 ttw:items-center ttw:justify-center ttw:rounded-full ttw:bg-emerald-700/25 ttw:shadow-[0_0_40px_8px] ttw:shadow-emerald-700/25",
+								children: /* @__PURE__ */ _("div", {
+									className: "ttw:flex ttw:size-11 ttw:items-center ttw:justify-center ttw:rounded-full ttw:bg-emerald-700 ttw:text-white",
+									children: /* @__PURE__ */ _(ne, {
+										className: "ttw:size-5",
+										"aria-hidden": !0
+									})
+								})
+							}),
+							/* @__PURE__ */ _(d, {
+								variant: "h4",
+								children: $.contentTitle
+							}),
+							/* @__PURE__ */ _(l, { orientation: "vertical" }),
+							!k && /* @__PURE__ */ _(d, {
+								variant: "h5",
+								className: "ttw:whitespace-nowrap",
+								children: C
+							}),
+							!k && /* @__PURE__ */ _(f, {
+								status: w,
+								hasValidationErrors: T,
+								labels: Ye
+							})
+						]
+					}),
+					/* @__PURE__ */ _("div", {
+						className: "ttw:mx-auto ttw:flex ttw:w-140 ttw:flex-1 ttw:flex-col ttw:gap-4 ttw:overflow-y-auto ttw:px-6 ttw:py-12",
+						children: A ? /* @__PURE__ */ _(e, {
+							variant: "destructive",
+							children: /* @__PURE__ */ _(t, { children: $.loadFailed })
+						}) : k ? Array.from({ length: oe }, (e, t) => /* @__PURE__ */ _(u, {
+							width: "100%",
+							height: 290
+						}, t)) : /* @__PURE__ */ v(g, { children: [
+							/* @__PURE__ */ _(d, {
+								variant: "h2",
+								className: "ttw:font-bold",
+								children: $.amountAtMerchant(E, D)
+							}),
+							/* @__PURE__ */ _(m, {
+								type: "requirements",
+								title: $.requirementsCardTitle,
+								cardLabel: M,
+								cardName: N,
+								cardholder: P,
+								showCardholder: F,
+								showPhysicalPill: I,
+								receiptFileUrl: O,
+								hasMissingInfo: !!(L && !X || R && !O),
+								showNoReceiptWarning: !!W,
+								isDescriptionRequired: L,
+								isReceiptRequired: R,
+								isReceiptAutoMatched: z,
+								isReceiptActionDisabled: B,
+								receiptButtonLabel: V,
+								receiptButtonIcon: H,
+								receiptButtonVariant: U,
+								onUploadClick: K,
+								onOpenReceiptInbox: q,
+								onSubmitWithoutReceipt: se,
+								onDeleteReceipt: G,
+								descriptionValue: X,
+								initialDescriptionValue: ce,
+								onDescriptionChange: le,
+								onSaveDescription: ue,
+								onCancelDescription: de,
+								isSavingDescription: fe,
+								isMemoEditable: pe,
+								memoBadgeLabel: me,
+								labels: Q
+							}, `requirements-${S}`),
+							he && /* @__PURE__ */ _(m, {
+								type: "approvals",
+								title: $.approvalsCardTitle,
+								hasAppliedPolicy: !!ge,
+								isRejected: w === "rejected",
+								isAutoApproved: !!Se,
+								isManuallyApproved: !!Ce,
+								isPendingReview: w === "approve_in_progress",
+								rejectionReason: be,
+								greaterThanValue: _e,
+								lessThanValue: ve,
+								ruleLabel: ye,
+								approverName: xe,
+								labels: Q
+							}, `approvals-${S}`),
+							we && /* @__PURE__ */ _(m, {
+								type: "accounting",
+								title: $.accountingCardTitle,
+								glCategory: Te,
+								initialGlCategory: Ee,
+								glCategoryOptions: De,
+								onGlCategoryChange: Oe ?? y,
+								department: ke,
+								initialDepartment: Ae,
+								departmentOptions: je,
+								onDepartmentChange: Me ?? y,
+								location: Ne,
+								initialLocation: Pe,
+								locationOptions: Fe,
+								onLocationChange: Ie ?? y,
+								onSave: Le ?? y,
+								onCancel: Re ?? y,
+								isSaving: !!ze,
+								isGlCategoryDisabled: Be,
+								glCategoryHighlight: Ve,
+								departmentHighlight: He,
+								locationHighlight: Ue,
+								labels: Q
+							}, `accounting-${S}`),
+							Z && /* @__PURE__ */ _(m, {
+								type: "auditHistory",
+								title: $.auditHistoryCardTitle,
+								rows: We ?? [],
+								isLoading: Ge,
+								isError: Ke,
+								historyLabels: Ze
+							}, `auditHistory-${S}`)
+						] })
+					}),
+					/* @__PURE__ */ _(o, {
+						className: "ttw:flex-row ttw:items-center ttw:justify-center ttw:border-t ttw:border-border ttw:p-6 ttw:sm:justify-center",
+						children: k || A ? null : qe
+					})
+				]
+			}), /* @__PURE__ */ v("div", {
+				className: "ttw:relative ttw:flex ttw:flex-1/2 ttw:bg-muted ttw:px-6 ttw:py-20",
+				children: [/* @__PURE__ */ _(i, {
+					asChild: !0,
+					className: "ttw:absolute ttw:right-4 ttw:top-4",
+					children: /* @__PURE__ */ _(n, {
+						type: "button",
+						variant: "outline",
+						size: "icon",
+						"aria-label": $.closeDialog,
+						disabled: j,
+						children: /* @__PURE__ */ _(ae, {
+							className: "ttw:size-4",
+							"aria-hidden": !0
+						})
+					})
+				}), O ? /* @__PURE__ */ _(p, {
+					url: O,
+					className: "ttw:h-full ttw:min-h-0 ttw:w-full",
+					showDeleteOption: !!G,
+					onDeleteClick: G,
+					labels: Xe
+				}) : K || J ? /* @__PURE__ */ _("button", {
+					type: "button",
+					disabled: k || Y,
+					"aria-label": Y ? $.uploadingReceipt : `${$.dropFilesHere} ${$.clickToBrowse}`,
+					onClick: () => {
+						k || Y || K?.();
+					},
+					onDragOver: (e) => e.preventDefault(),
+					onDrop: (e) => {
+						if (k || Y) return;
+						e.preventDefault();
+						let t = e.dataTransfer.files[0];
+						t && J?.(t);
+					},
+					className: "ttw:flex ttw:h-full ttw:w-full ttw:cursor-pointer ttw:flex-col ttw:items-center ttw:justify-center ttw:gap-2 ttw:rounded-md ttw:border ttw:border-dashed ttw:border-border ttw:bg-background ttw:px-6 ttw:disabled:cursor-default",
+					children: Y ? /* @__PURE__ */ v(g, { children: [
+						/* @__PURE__ */ _(re, {
+							className: "ttw:size-5 ttw:animate-spin ttw:text-primary",
+							"aria-hidden": !0
+						}),
+						/* @__PURE__ */ _(d, {
+							variant: "body2",
+							component: "span",
+							className: "ttw:font-semibold",
+							children: $.uploadingReceipt
+						}),
+						/* @__PURE__ */ _(d, {
+							variant: "body2",
+							component: "span",
+							color: "muted",
+							children: $.uploadingReceiptBody
+						})
+					] }) : !k && /* @__PURE__ */ v(g, { children: [
+						/* @__PURE__ */ _("div", {
+							className: "ttw:flex ttw:size-11 ttw:items-center ttw:justify-center ttw:rounded-full ttw:bg-primary",
+							children: /* @__PURE__ */ _(te, {
+								className: "ttw:size-5 ttw:text-primary-foreground",
+								"aria-hidden": !0
+							})
+						}),
+						/* @__PURE__ */ v(d, {
+							variant: "body2",
+							component: "span",
+							children: [
+								$.dropFilesHere,
+								" ",
+								/* @__PURE__ */ _("span", {
+									className: "ttw:text-primary ttw:underline",
+									children: $.clickToBrowse
+								})
+							]
+						}),
+						/* @__PURE__ */ _(d, {
+							variant: "caption",
+							color: "muted",
+							children: $.acceptedFileTypes
+						})
+					] })
+				}) : /* @__PURE__ */ _("div", {
+					className: "ttw:flex ttw:size-full ttw:flex-col ttw:items-center ttw:justify-center ttw:gap-2 ttw:rounded-md ttw:border ttw:border-dashed ttw:border-border ttw:bg-background",
+					children: !k && /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _("div", {
+						className: "ttw:flex ttw:size-11 ttw:items-center ttw:justify-center ttw:rounded-full ttw:bg-muted",
+						children: /* @__PURE__ */ _(ie, {
+							className: "ttw:size-5 ttw:text-muted-foreground",
+							"aria-hidden": !0
+						})
+					}), /* @__PURE__ */ _(d, {
+						variant: "body2",
+						color: "muted",
+						children: $.noReceiptAttached
+					})] })
+				})]
+			})]
+		})
+	});
+}
+//#endregion
+export { b as TransactionDetails, b as default };