@tesouro/embedded-components-react 0.5.187 → 0.5.189

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

@@ -0,0 +1,549 @@
+"use client";
+"use client";
+"use client";
+"use client";
+import { Accordion as e, AccordionContent as t, AccordionItem as n, AccordionTrigger as r, Alert as i, AlertDescription as a, AlertTitle as o, AuditHistoryList as s, Button as c, DropdownMenu as l, DropdownMenuContent as u, DropdownMenuItem as d, DropdownMenuTrigger as f, Select as p, SelectContent as m, SelectItem as h, SelectTrigger as g, SelectValue as _, Textarea as v, Typography as y, cn as b } from "../../../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { ACCORDION_ITEM_CARD_LABELS_EN as x } from "./labels.js";
+import { useId as S } from "react";
+import { Fragment as C, jsx as w, jsxs as T } from "react/jsx-runtime";
+import { ArrowRight as E, ChevronDown as D, CircleAlert as O, ClipboardCheck as k, CreditCard as ee, Download as te, FileImage as ne, FileText as A, Paperclip as j, Receipt as M, Send as N, Sparkles as re, Trash2 as ie, TriangleAlert as ae, X as P, Zap as F } from "lucide-react";
+//#region ../../libs/tesouro-embedded-components-react/expense-management-widget/ui/dist/lib/AccordionItemCard/AccordionItemCard.js
+var I = {
+	receipt: M,
+	paperclip: j,
+	send: N
+}, L = "ttw:rounded-sm ttw:bg-muted ttw:p-1 ttw:text-sm ttw:text-muted-foreground", R = "ttw:rounded-sm ttw:bg-muted ttw:px-1.5 ttw:py-0.5 ttw:text-[10px] ttw:leading-none ttw:text-muted-foreground", z = "ttw:min-w-35 ttw:px-3 ttw:py-4";
+function oe() {
+	let e = `spent-from-card-${S().replace(/:/g, "")}`;
+	return /* @__PURE__ */ T("svg", {
+		width: "42",
+		height: "28",
+		viewBox: "0 0 42 28",
+		fill: "none",
+		"aria-hidden": !0,
+		xmlns: "http://www.w3.org/2000/svg",
+		children: [
+			/* @__PURE__ */ w("rect", {
+				width: "42",
+				height: "28",
+				rx: "3.5",
+				fill: `url(#${e})`
+			}),
+			/* @__PURE__ */ w("rect", {
+				x: "5",
+				y: "7",
+				width: "6",
+				height: "5",
+				rx: "1",
+				fill: "#A1A1AA"
+			}),
+			/* @__PURE__ */ w("defs", { children: /* @__PURE__ */ T("radialGradient", {
+				id: e,
+				cx: "0",
+				cy: "0",
+				r: "1",
+				gradientUnits: "userSpaceOnUse",
+				gradientTransform: "rotate(33.6901) scale(50.4777 75.7166)",
+				children: [/* @__PURE__ */ w("stop", { stopColor: "#3F3F46" }), /* @__PURE__ */ w("stop", {
+					offset: "1",
+					stopColor: "#18181B"
+				})]
+			}) })
+		]
+	});
+}
+function B({ title: i, value: a, children: o }) {
+	return /* @__PURE__ */ w(e, {
+		type: "single",
+		collapsible: !0,
+		defaultValue: a,
+		children: /* @__PURE__ */ T(n, {
+			value: a,
+			className: "ttw:flex ttw:w-full ttw:flex-col ttw:gap-4 ttw:rounded-xl ttw:border ttw:border-border ttw:p-4 ttw:last:border-b",
+			children: [/* @__PURE__ */ w(r, {
+				iconPosition: "left",
+				iconClassName: "ttw:size-5",
+				className: "ttw:items-center ttw:py-0 ttw:hover:no-underline",
+				children: /* @__PURE__ */ w(y, {
+					variant: "h6",
+					children: i
+				})
+			}), /* @__PURE__ */ w(t, {
+				className: "ttw:flex ttw:flex-col ttw:pb-0",
+				children: o
+			})]
+		})
+	});
+}
+function V({ marker: e }) {
+	return /* @__PURE__ */ w("span", {
+		className: "ttw:inline-block ttw:-translate-y-0.5 ttw:text-sm ttw:font-normal ttw:text-destructive",
+		children: e
+	});
+}
+function H({ title: e, cardLabel: t, cardName: n, cardholder: r, showCardholder: s = !0, showPhysicalPill: p, receiptFileUrl: m, hasMissingInfo: h, showNoReceiptWarning: g, isReceiptRequired: _, isDescriptionRequired: S, isReceiptAutoMatched: E, isReceiptActionDisabled: k, receiptButtonLabel: P, receiptButtonIcon: F = "receipt", receiptButtonVariant: L = "outline", onUploadClick: H, onOpenReceiptInbox: U, onSubmitWithoutReceipt: W, onDeleteReceipt: G, descriptionValue: K, initialDescriptionValue: q, onDescriptionChange: se, onSaveDescription: ce, onCancelDescription: le, isSavingDescription: J, isMemoEditable: ue, memoBadgeLabel: Y, labels: de }) {
+	let X = {
+		...x,
+		...de
+	}, Z = I[F], fe = m ? [] : [
+		H && /* @__PURE__ */ T(d, {
+			onSelect: H,
+			children: [/* @__PURE__ */ w(j, {
+				className: "ttw:size-4",
+				"aria-hidden": !0
+			}), X.uploadDropdownUploadOption]
+		}, "upload"),
+		U && /* @__PURE__ */ T(d, {
+			onSelect: U,
+			children: [/* @__PURE__ */ w(ne, {
+				className: "ttw:size-4",
+				"aria-hidden": !0
+			}), X.uploadDropdownFindReceiptOption]
+		}, "inbox"),
+		W && /* @__PURE__ */ T(d, {
+			onSelect: W,
+			children: [/* @__PURE__ */ w(N, {
+				className: "ttw:size-4",
+				"aria-hidden": !0
+			}), X.uploadDropdownSubmitWithoutOption]
+		}, "without")
+	], pe = m ? [/* @__PURE__ */ w(d, {
+		asChild: !0,
+		children: /* @__PURE__ */ T("a", {
+			href: m,
+			download: !0,
+			target: "_blank",
+			rel: "noreferrer",
+			children: [/* @__PURE__ */ w(te, { "aria-hidden": !0 }), X.uploadedReceiptDownloadOption]
+		})
+	}, "download"), G && /* @__PURE__ */ T(d, {
+		variant: "destructive",
+		onClick: G,
+		children: [/* @__PURE__ */ w(ie, { "aria-hidden": !0 }), X.uploadedReceiptDeleteOption]
+	}, "delete")] : [], Q = [...fe, ...pe].filter(Boolean), $ = E ? /* @__PURE__ */ T(c, {
+		type: "button",
+		variant: "ghost",
+		className: "ttw:flex ttw:items-center ttw:gap-2 ttw:text-purple-700 ttw:hover:bg-purple-50",
+		disabled: k,
+		children: [
+			/* @__PURE__ */ w(M, {
+				className: "ttw:size-4",
+				"aria-hidden": !0
+			}),
+			X.receiptAutoMatchedBadge,
+			Q.length > 0 && /* @__PURE__ */ w(D, {
+				className: "ttw:size-4",
+				"aria-hidden": !0
+			})
+		]
+	}) : /* @__PURE__ */ T(c, {
+		type: "button",
+		variant: L,
+		className: "ttw:flex ttw:items-center ttw:gap-2",
+		disabled: k,
+		children: [
+			/* @__PURE__ */ w(Z, {
+				className: "ttw:size-4",
+				"aria-hidden": !0
+			}),
+			P,
+			Q.length > 0 && /* @__PURE__ */ w(D, {
+				className: "ttw:size-4",
+				"aria-hidden": !0
+			})
+		]
+	});
+	return /* @__PURE__ */ T(B, {
+		title: e,
+		value: "requirements",
+		children: [
+			h && /* @__PURE__ */ T(i, {
+				className: "ttw:mb-4 ttw:flex ttw:border-amber-100 ttw:bg-amber-50 ttw:text-amber-700",
+				children: [/* @__PURE__ */ w(ae, { "aria-hidden": !0 }), /* @__PURE__ */ w(o, {
+					className: "ttw:font-medium",
+					children: X.missingInfoWarning
+				})]
+			}),
+			g && /* @__PURE__ */ T(i, {
+				className: "ttw:mb-4 ttw:flex ttw:border-border ttw:bg-muted",
+				children: [/* @__PURE__ */ w(O, {
+					className: "ttw:size-5 ttw:shrink-0",
+					"aria-hidden": !0
+				}), /* @__PURE__ */ T(a, {
+					className: "ttw:text-muted-foreground",
+					children: [
+						/* @__PURE__ */ w("span", {
+							className: "ttw:font-semibold ttw:text-foreground",
+							children: X.noReceiptWarningTitle
+						}),
+						" ",
+						X.noReceiptWarningDescription
+					]
+				})]
+			}),
+			/* @__PURE__ */ T("div", {
+				className: "ttw:flex",
+				children: [/* @__PURE__ */ w("div", {
+					className: z,
+					children: /* @__PURE__ */ T(y, {
+						variant: "body2",
+						color: "muted",
+						className: "ttw:flex ttw:items-center ttw:gap-2",
+						children: [
+							/* @__PURE__ */ w(ee, {
+								className: "ttw:size-4",
+								"aria-hidden": !0
+							}),
+							" ",
+							X.spentFrom
+						]
+					})
+				}), /* @__PURE__ */ w("div", {
+					className: "ttw:flex ttw:items-center ttw:gap-3 ttw:px-3",
+					children: n ? /* @__PURE__ */ T(C, { children: [/* @__PURE__ */ w(oe, {}), /* @__PURE__ */ T("div", {
+						className: "ttw:flex ttw:flex-col",
+						children: [/* @__PURE__ */ w(y, {
+							variant: "body2",
+							className: "ttw:m-0 ttw:font-semibold ttw:leading-tight",
+							children: n
+						}), /* @__PURE__ */ T("div", {
+							className: "ttw:flex ttw:items-center ttw:gap-2",
+							children: [/* @__PURE__ */ w(y, {
+								variant: "caption",
+								color: "muted",
+								className: "ttw:leading-tight",
+								children: t
+							}), p && /* @__PURE__ */ w("span", {
+								className: R,
+								children: X.physical
+							})]
+						})]
+					})] }) : /* @__PURE__ */ T(C, { children: [/* @__PURE__ */ w(y, {
+						variant: "body2",
+						className: "ttw:font-medium",
+						children: t
+					}), p && /* @__PURE__ */ w("span", {
+						className: R,
+						children: X.physical
+					})] })
+				})]
+			}),
+			s && /* @__PURE__ */ T("div", {
+				className: "ttw:flex",
+				children: [/* @__PURE__ */ w("div", {
+					className: z,
+					children: /* @__PURE__ */ w(y, {
+						variant: "body2",
+						color: "muted",
+						children: X.cardholder
+					})
+				}), /* @__PURE__ */ w("div", {
+					className: "ttw:flex ttw:items-center ttw:px-3",
+					children: /* @__PURE__ */ w(y, {
+						variant: "body2",
+						className: "ttw:font-medium",
+						children: r
+					})
+				})]
+			}),
+			/* @__PURE__ */ T("div", {
+				className: "ttw:flex",
+				children: [/* @__PURE__ */ w("div", {
+					className: z,
+					children: /* @__PURE__ */ T(y, {
+						variant: "body2",
+						color: "muted",
+						className: "ttw:flex ttw:items-center ttw:gap-2",
+						children: [
+							/* @__PURE__ */ w(M, {
+								className: "ttw:size-4",
+								"aria-hidden": !0
+							}),
+							" ",
+							/* @__PURE__ */ T("span", { children: [X.receipt, _ && /* @__PURE__ */ w(V, { marker: X.requiredMarker })] })
+						]
+					})
+				}), /* @__PURE__ */ w("div", {
+					className: "ttw:flex ttw:items-center ttw:px-3",
+					children: Q.length > 0 ? /* @__PURE__ */ T(l, { children: [/* @__PURE__ */ w(f, {
+						asChild: !0,
+						children: $
+					}), /* @__PURE__ */ w(u, {
+						"aria-label": X.receiptMenuAriaLabel,
+						children: Q
+					})] }) : $
+				})]
+			}),
+			/* @__PURE__ */ T("div", {
+				className: "ttw:flex",
+				children: [/* @__PURE__ */ T("div", {
+					className: z,
+					children: [/* @__PURE__ */ T(y, {
+						variant: "body2",
+						color: Y ? void 0 : "muted",
+						className: b("ttw:flex ttw:items-center ttw:gap-2", Y && "ttw:text-purple-700"),
+						children: [
+							w(Y ? re : A, {
+								className: "ttw:size-4",
+								"aria-hidden": !0
+							}),
+							" ",
+							/* @__PURE__ */ T("span", { children: [X.memo, S && /* @__PURE__ */ w(V, { marker: X.requiredMarker })] })
+						]
+					}), Y && /* @__PURE__ */ w("span", {
+						className: "ttw:rounded-md ttw:bg-purple-100 ttw:px-2 ttw:py-0.5 ttw:text-sm ttw:font-medium ttw:text-purple-700",
+						children: Y
+					})]
+				}), /* @__PURE__ */ T("div", {
+					className: "ttw:flex ttw:w-full ttw:flex-col ttw:gap-3 ttw:px-3 ttw:py-1",
+					children: [/* @__PURE__ */ w(v, {
+						"aria-label": X.memo,
+						className: "ttw:max-h-24 ttw:min-h-24 ttw:resize-none",
+						value: K,
+						onChange: se,
+						disabled: !ue
+					}), K !== q && /* @__PURE__ */ T("div", {
+						className: "ttw:flex ttw:gap-2",
+						children: [/* @__PURE__ */ w(c, {
+							type: "button",
+							variant: "ghost",
+							disabled: J,
+							onClick: le,
+							children: X.cancelButton
+						}), /* @__PURE__ */ w(c, {
+							type: "button",
+							onClick: ce,
+							disabled: J,
+							children: X.saveButton
+						})]
+					})]
+				})]
+			})
+		]
+	});
+}
+function U({ title: e, greaterThanValue: t, lessThanValue: n, ruleLabel: r, hasAppliedPolicy: o, isRejected: s, isAutoApproved: c, isManuallyApproved: l, isPendingReview: u, rejectionReason: d, approverName: f, labels: p }) {
+	let m = {
+		...x,
+		...p
+	};
+	return /* @__PURE__ */ T(B, {
+		title: e,
+		value: "approvals",
+		children: [
+			s && /* @__PURE__ */ T(i, {
+				className: "ttw:mb-4 ttw:flex ttw:border-pink-200 ttw:bg-pink-50 ttw:text-pink-700",
+				children: [/* @__PURE__ */ w(P, { "aria-hidden": !0 }), /* @__PURE__ */ w(a, {
+					className: "ttw:text-pink-700",
+					children: d ? `"${d}"` : m.emptyRejectionReason
+				})]
+			}),
+			/* @__PURE__ */ T("div", {
+				className: "ttw:flex",
+				children: [/* @__PURE__ */ w("div", {
+					className: z,
+					children: /* @__PURE__ */ T(y, {
+						variant: "body2",
+						color: "muted",
+						className: "ttw:flex ttw:items-center ttw:gap-2",
+						children: [
+							/* @__PURE__ */ w(k, {
+								className: "ttw:size-4",
+								"aria-hidden": !0
+							}),
+							" ",
+							m.rule
+						]
+					})
+				}), /* @__PURE__ */ w("div", {
+					className: "ttw:flex ttw:items-center ttw:gap-0.5 ttw:px-3",
+					children: r ? /* @__PURE__ */ w("span", {
+						className: L,
+						children: r
+					}) : o ? /* @__PURE__ */ T(C, { children: [
+						!!t && /* @__PURE__ */ T(C, { children: [/* @__PURE__ */ w(y, {
+							variant: "body2",
+							className: "ttw:font-medium",
+							children: m.greaterThan
+						}), /* @__PURE__ */ w("span", {
+							className: L,
+							children: t
+						})] }),
+						!!(t && n) && /* @__PURE__ */ w(E, {
+							className: "ttw:size-4",
+							"aria-hidden": !0
+						}),
+						!!n && /* @__PURE__ */ T(C, { children: [/* @__PURE__ */ w(y, {
+							variant: "body2",
+							className: "ttw:font-medium",
+							children: m.lessThan
+						}), /* @__PURE__ */ w("span", {
+							className: L,
+							children: n
+						})] })
+					] }) : /* @__PURE__ */ w("span", {
+						className: L,
+						children: m.systemDefaultApplied
+					})
+				})]
+			}),
+			/* @__PURE__ */ T("div", {
+				className: "ttw:flex",
+				children: [/* @__PURE__ */ w("div", {
+					className: z,
+					children: /* @__PURE__ */ T(y, {
+						variant: "body2",
+						color: "muted",
+						className: "ttw:flex ttw:items-center ttw:gap-2",
+						children: [
+							/* @__PURE__ */ w(F, {
+								className: "ttw:size-4",
+								"aria-hidden": !0
+							}),
+							" ",
+							m.status
+						]
+					})
+				}), /* @__PURE__ */ T("div", {
+					className: "ttw:flex ttw:items-center ttw:px-3",
+					children: [
+						c && /* @__PURE__ */ w("span", {
+							className: "ttw:rounded-md ttw:bg-emerald-100 ttw:px-2 ttw:py-0.5 ttw:text-sm ttw:font-medium ttw:text-emerald-700",
+							children: m.autoApproval
+						}),
+						l && /* @__PURE__ */ w("span", {
+							className: "ttw:rounded-md ttw:bg-indigo-100 ttw:px-2 ttw:py-0.5 ttw:text-sm ttw:font-medium ttw:text-indigo-700",
+							children: f ? m.approvedBy(f) : m.approved
+						}),
+						s && /* @__PURE__ */ w("span", {
+							className: "ttw:rounded-md ttw:bg-indigo-100 ttw:px-2 ttw:py-0.5 ttw:text-sm ttw:font-medium ttw:text-indigo-700",
+							children: f ? m.rejectedBy(f) : m.rejected
+						}),
+						u && /* @__PURE__ */ w("span", {
+							className: "ttw:rounded-md ttw:bg-amber-100 ttw:px-2 ttw:py-0.5 ttw:text-sm ttw:font-medium ttw:text-amber-700",
+							children: m.awaitingReview
+						})
+					]
+				})]
+			})
+		]
+	});
+}
+function W({ title: i, rows: a, isLoading: o, isError: c, historyLabels: l }) {
+	return /* @__PURE__ */ w(e, {
+		type: "single",
+		collapsible: !0,
+		children: /* @__PURE__ */ T(n, {
+			value: "auditHistory",
+			className: "ttw:flex ttw:w-full ttw:flex-col ttw:gap-4 ttw:rounded-xl ttw:border ttw:border-border ttw:p-4 ttw:last:border-b",
+			children: [/* @__PURE__ */ w(r, {
+				iconPosition: "left",
+				iconClassName: "ttw:size-5",
+				className: "ttw:items-center ttw:py-0 ttw:hover:no-underline",
+				children: /* @__PURE__ */ w(y, {
+					variant: "h6",
+					children: i
+				})
+			}), /* @__PURE__ */ w(t, {
+				className: "ttw:flex ttw:flex-col ttw:pb-0",
+				children: /* @__PURE__ */ w(s, {
+					rows: a,
+					isLoading: o,
+					isError: c,
+					labels: l,
+					showHeader: !0
+				})
+			})]
+		})
+	});
+}
+function G({ label: e, highlighted: t, value: n, options: r, onChange: i, disabled: a }) {
+	return /* @__PURE__ */ T("div", {
+		className: "ttw:flex ttw:items-center",
+		children: [/* @__PURE__ */ w("div", {
+			className: z,
+			children: /* @__PURE__ */ T(y, {
+				variant: "body2",
+				color: t ? void 0 : "muted",
+				className: b("ttw:flex ttw:items-center ttw:gap-2 ttw:font-medium", t && "ttw:text-purple-700"),
+				children: [
+					/* @__PURE__ */ w(F, {
+						className: "ttw:size-4",
+						"aria-hidden": !0
+					}),
+					" ",
+					e
+				]
+			})
+		}), /* @__PURE__ */ w("div", {
+			className: "ttw:w-full ttw:px-3",
+			children: /* @__PURE__ */ T(p, {
+				value: n,
+				onValueChange: i,
+				disabled: a,
+				children: [/* @__PURE__ */ w(g, {
+					className: "ttw:w-full",
+					"aria-label": e,
+					children: /* @__PURE__ */ w(_, {})
+				}), /* @__PURE__ */ w(m, { children: r.map((e) => /* @__PURE__ */ w(h, {
+					value: e.value,
+					children: e.label
+				}, e.value)) })]
+			})
+		})]
+	});
+}
+function K({ title: e, glCategory: t, initialGlCategory: n, glCategoryOptions: r, onGlCategoryChange: i, department: a, initialDepartment: o, departmentOptions: s, onDepartmentChange: l, location: u, initialLocation: d, locationOptions: f, onLocationChange: p, onSave: m, onCancel: h, isSaving: g, isGlCategoryDisabled: _, glCategoryHighlight: v, departmentHighlight: y, locationHighlight: b, labels: S }) {
+	let C = {
+		...x,
+		...S
+	}, E = t !== n || a !== o || u !== d;
+	return /* @__PURE__ */ T(B, {
+		title: e,
+		value: "accounting",
+		children: [
+			/* @__PURE__ */ w(G, {
+				label: C.glCategory,
+				highlighted: v,
+				value: t,
+				options: r,
+				onChange: i,
+				disabled: _
+			}),
+			/* @__PURE__ */ w(G, {
+				label: C.department,
+				highlighted: y,
+				value: a,
+				options: s,
+				onChange: l
+			}),
+			/* @__PURE__ */ w(G, {
+				label: C.location,
+				highlighted: b,
+				value: u,
+				options: f,
+				onChange: p
+			}),
+			E && /* @__PURE__ */ T("div", {
+				className: "ttw:flex ttw:justify-end ttw:gap-2 ttw:px-3",
+				children: [/* @__PURE__ */ w(c, {
+					type: "button",
+					variant: "ghost",
+					disabled: g,
+					onClick: h,
+					children: C.cancelButton
+				}), /* @__PURE__ */ w(c, {
+					type: "button",
+					disabled: g,
+					onClick: m,
+					children: C.saveButton
+				})]
+			})
+		]
+	});
+}
+function q(e) {
+	return e.type === "auditHistory" ? /* @__PURE__ */ w(W, { ...e }) : e.type === "approvals" ? /* @__PURE__ */ w(U, { ...e }) : e.type === "accounting" ? /* @__PURE__ */ w(K, { ...e }) : /* @__PURE__ */ w(H, { ...e });
+}
+//#endregion
+export { q as AccordionItemCard, q as default };

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

@@ -0,0 +1,38 @@
+//#region ../../libs/tesouro-embedded-components-react/expense-management-widget/ui/dist/lib/AccordionItemCard/labels.js
+var e = {
+	spentFrom: "Spent from",
+	cardholder: "Cardholder",
+	physical: "Physical",
+	receipt: "Receipt",
+	memo: "Memo",
+	requiredMarker: "*",
+	missingInfoWarning: "Missing information",
+	noReceiptWarningTitle: "No receipt?",
+	noReceiptWarningDescription: "You can attach another piece of evidence, such as a payment confirmation email, flight booking, or event attendance confirmation.",
+	receiptAutoMatchedBadge: "Auto-matched",
+	receiptMenuAriaLabel: "Receipt actions",
+	uploadDropdownUploadOption: "Upload receipt attachment",
+	uploadDropdownFindReceiptOption: "Find in receipt inbox",
+	uploadDropdownSubmitWithoutOption: "Submit transaction without receipt",
+	uploadedReceiptDownloadOption: "Download attachment",
+	uploadedReceiptDeleteOption: "Delete attachment",
+	saveButton: "Save",
+	cancelButton: "Cancel",
+	emptyRejectionReason: "Approver did not provide a rejection reason.",
+	rule: "Rule",
+	greaterThan: "Greater than",
+	lessThan: "Less than",
+	systemDefaultApplied: "System default rule applied.",
+	status: "Status",
+	autoApproval: "Auto approval",
+	approved: "Approved",
+	approvedBy: (e) => `Approved by ${e}`,
+	rejected: "Rejected",
+	rejectedBy: (e) => `Rejected by ${e}`,
+	awaitingReview: "Awaiting review",
+	glCategory: "GL Category",
+	department: "Department",
+	location: "Location"
+};
+//#endregion
+export { e as ACCORDION_ITEM_CARD_LABELS_EN };

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

@@ -0,0 +1,64 @@
+"use client";
+"use client";
+"use client";
+"use client";
+import { Button as e, Collapsible as t, CollapsibleContent as n, CollapsibleTrigger as r, Typography as i, cn as a } from "../../../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { ACTION_ITEMS_LIST_LABELS_EN as o } from "./labels.js";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { ArrowRight as l, ChevronDown as u } from "lucide-react";
+//#region ../../libs/tesouro-embedded-components-react/expense-management-widget/ui/dist/lib/ActionItemsList/ActionItemsList.js
+var d = {
+	success: "ttw:bg-green-500",
+	danger: "ttw:bg-red-500",
+	info: "ttw:bg-indigo-500"
+};
+function f({ labels: f, items: p }) {
+	let m = {
+		...o,
+		...f
+	};
+	return p.length === 0 ? null : /* @__PURE__ */ c(t, {
+		defaultOpen: !0,
+		className: "ttw:mb-6 ttw:flex ttw:w-full ttw:flex-col ttw:gap-4",
+		children: [/* @__PURE__ */ c(r, {
+			className: "ttw:group ttw:flex ttw:w-fit ttw:cursor-pointer ttw:items-center ttw:gap-1 ttw:rounded-md ttw:text-left ttw:outline-none ttw:focus-visible:ring-[3px] ttw:focus-visible:ring-ring/50",
+			children: [/* @__PURE__ */ s(u, {
+				"aria-hidden": !0,
+				className: "ttw:size-5 ttw:shrink-0 ttw:transition-transform ttw:duration-200 ttw:group-data-[state=closed]:-rotate-90"
+			}), /* @__PURE__ */ s(i, {
+				variant: "h6",
+				component: "span",
+				children: m.heading
+			})]
+		}), /* @__PURE__ */ s(n, { children: /* @__PURE__ */ s("ul", {
+			className: "ttw:flex ttw:flex-col ttw:gap-4",
+			children: p.map((t) => /* @__PURE__ */ c("li", {
+				className: "ttw:flex ttw:w-full ttw:items-center ttw:gap-2.5 ttw:rounded-xl ttw:border ttw:border-border ttw:bg-white ttw:px-4 ttw:py-3",
+				children: [
+					/* @__PURE__ */ s("span", {
+						className: a("ttw:shrink-0 ttw:rounded-lg ttw:p-2.5 ttw:text-white", d[t.tone]),
+						children: t.icon
+					}),
+					/* @__PURE__ */ s(i, {
+						variant: "body2",
+						className: "ttw:min-w-0 ttw:flex-1 ttw:font-semibold",
+						children: t.message
+					}),
+					/* @__PURE__ */ c(e, {
+						type: "button",
+						variant: "ghost",
+						className: "ttw:flex ttw:shrink-0 ttw:items-center ttw:gap-1.5 ttw:text-primary ttw:hover:text-primary",
+						onClick: t.onReview,
+						"aria-label": t.reviewAriaLabel ?? m.reviewButton,
+						children: [m.reviewButton, /* @__PURE__ */ s(l, {
+							className: "ttw:size-4",
+							"aria-hidden": !0
+						})]
+					})
+				]
+			}, t.id))
+		}) })]
+	});
+}
+//#endregion
+export { f as ActionItemsList, f as default };

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

@@ -0,0 +1,7 @@
+//#region ../../libs/tesouro-embedded-components-react/expense-management-widget/ui/dist/lib/ActionItemsList/labels.js
+var e = {
+	heading: "Action items",
+	reviewButton: "Review"
+};
+//#endregion
+export { e as ACTION_ITEMS_LIST_LABELS_EN };

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

@@ -0,0 +1,18 @@
+import { Badge as e } from "../../../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { EXPENSE_STATUS_BADGE_LABELS_EN as t } from "./labels.js";
+import { EXPENSE_BADGE_TONE_CLASS_NAME as n, EXPENSE_STATUS_TONE as r } from "./badgeTones.js";
+import { jsx as i } from "react/jsx-runtime";
+//#region ../../libs/tesouro-embedded-components-react/expense-management-widget/ui/dist/lib/ExpenseStatusBadge/ExpenseStatusBadge.js
+function a({ status: a, hasValidationErrors: o = !1, labels: s }) {
+	let c = {
+		...t,
+		...s
+	}, l = a === "new", u = l ? o ? c.missingInfo : c.readyToSubmit : c[a] ?? c.unknown, d = l ? o ? "warning" : "info" : r[a] ?? "neutral";
+	return /* @__PURE__ */ i(e, {
+		variant: "outline",
+		className: n[d],
+		children: u
+	});
+}
+//#endregion
+export { a as ExpenseStatusBadge, a as default };