@tesouro/embedded-components-react 0.5.205 → 0.5.207

package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index12.js

@@ -1,4 +1,24 @@
-import "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import "./index7.js";
-import "react/jsx-runtime";
-import "lucide-react";
+import { Badge as e, cn as t } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { RECEIVABLE_STATUS_BADGE_LABELS_EN as n } from "./index3.js";
+import { jsxs as r } from "react/jsx-runtime";
+//#region ../../libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index12.js
+var i = {
+	danger: "ttw:border-red-200 ttw:bg-red-50 ttw:text-red-700 ttw:hover:bg-red-50",
+	info: "ttw:border-blue-200 ttw:bg-blue-50 ttw:text-blue-700 ttw:hover:bg-blue-50",
+	neutral: "ttw:border-border ttw:bg-muted ttw:text-foreground ttw:hover:bg-muted",
+	success: "ttw:border-emerald-200 ttw:bg-emerald-50 ttw:text-emerald-700 ttw:hover:bg-emerald-50",
+	warning: "ttw:border-amber-200 ttw:bg-amber-50 ttw:text-amber-800 ttw:hover:bg-amber-50"
+};
+function a({ status: a, tone: o, labels: s, icon: c }) {
+	let l = {
+		...n,
+		...s
+	}, u = l[a] ?? l.unknown;
+	return /* @__PURE__ */ r(e, {
+		variant: "outline",
+		className: t(c && "ttw:gap-1", i[o]),
+		children: [c, u]
+	});
+}
+//#endregion
+export { a as ReceivableStatusBadge, a as default };

package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index13.js

@@ -1,11 +1 @@
-import "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import "../../../shared/ui/dist/index.js";
-import "./index6.js";
-import "./index7.js";
-import "./index8.js";
-import "./index9.js";
-import "./index10.js";
-import "./index11.js";
-import "./index12.js";
-import "react/jsx-runtime";
 import "lucide-react";

package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index14.js

@@ -1 +1,3 @@
+import "../../../../../packages/shared-ui-shadcn/dist/index.js";
 import "./index13.js";
+import "react/jsx-runtime";

package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index15.js

@@ -1,264 +1,3 @@
-import { Button as e, Sheet as t, SheetContent as n, SheetDescription as r, SheetFooter as i, SheetHeader as a, SheetTitle as o, Typography as s } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { ErrorState as c } from "../../../shared/ui/dist/lib/ErrorState/ErrorState.js";
-import "../../../shared/ui/dist/index.js";
-import { RECEIVABLE_DETAILS_SHEET_LABELS_EN as l } from "./index2.js";
-import { ReceivableStatusBadge as u } from "./index6.js";
-import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
-import { DownloadIcon as m } from "lucide-react";
-//#region ../../libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index15.js
-function h({ title: e, children: t }) {
-	return /* @__PURE__ */ p("section", {
-		className: "ttw:flex ttw:flex-col ttw:gap-3",
-		children: [/* @__PURE__ */ f(s, {
-			variant: "body2",
-			className: "ttw:font-semibold",
-			children: e
-		}), t]
-	});
-}
-function g({ open: s, onOpenChange: g, details: _, isLoading: v, isError: y, onActionClick: b, onClose: x, labels: S }) {
-	let C = {
-		...l,
-		...S,
-		statusBadge: {
-			...l.statusBadge,
-			...S?.statusBadge
-		}
-	};
-	return /* @__PURE__ */ f(t, {
-		open: s,
-		onOpenChange: g,
-		children: /* @__PURE__ */ p(n, {
-			className: "ttw:w-180 ttw:overflow-y-auto ttw:sm:max-w-180",
-			children: [
-				/* @__PURE__ */ p(a, { children: [/* @__PURE__ */ f(o, { children: v ? C.loadingTitle : _?.title }), /* @__PURE__ */ f(r, {
-					className: "ttw:sr-only",
-					children: C.hiddenDescription
-				})] }),
-				/* @__PURE__ */ f("div", {
-					className: "ttw:flex ttw:flex-col ttw:gap-6 ttw:px-6 ttw:pb-6",
-					children: y ? /* @__PURE__ */ f(c, {
-						title: C.errorTitle,
-						description: C.errorDescription
-					}) : _ ? /* @__PURE__ */ p(d, { children: [
-						/* @__PURE__ */ p("div", {
-							className: "ttw:flex ttw:flex-wrap ttw:items-center ttw:justify-between ttw:gap-3",
-							children: [/* @__PURE__ */ p("div", {
-								className: "ttw:flex ttw:flex-col ttw:gap-1",
-								children: [/* @__PURE__ */ f("span", {
-									className: "ttw:text-sm ttw:text-muted-foreground",
-									children: _.customerLabel
-								}), /* @__PURE__ */ p("div", {
-									className: "ttw:flex ttw:items-center ttw:gap-2",
-									children: [/* @__PURE__ */ f(u, {
-										status: _.status,
-										tone: _.statusTone,
-										labels: C.statusBadge
-									}), /* @__PURE__ */ f("span", {
-										className: "ttw:text-sm ttw:font-medium",
-										children: _.totalLabel
-									})]
-								})]
-							}), _.pdfUrl && /* @__PURE__ */ f(e, {
-								asChild: !0,
-								variant: "outline",
-								children: /* @__PURE__ */ p("a", {
-									href: _.pdfUrl,
-									target: "_blank",
-									rel: "noreferrer",
-									children: [/* @__PURE__ */ f(m, { className: "ttw:size-4" }), C.downloadPdfButton]
-								})
-							})]
-						}),
-						/* @__PURE__ */ f(h, {
-							title: C.summaryHeading,
-							children: /* @__PURE__ */ f("dl", {
-								className: "ttw:grid ttw:grid-cols-2 ttw:gap-x-6 ttw:gap-y-3",
-								children: _.summaryItems.map((e) => /* @__PURE__ */ p("div", {
-									className: "ttw:flex ttw:flex-col",
-									children: [/* @__PURE__ */ f("dt", {
-										className: "ttw:text-xs ttw:text-muted-foreground",
-										children: e.label
-									}), /* @__PURE__ */ f("dd", {
-										className: "ttw:text-sm ttw:font-medium",
-										children: e.value
-									})]
-								}, e.label))
-							})
-						}),
-						/* @__PURE__ */ f(h, {
-							title: C.lineItemsHeading,
-							children: _.lineItems.length === 0 ? /* @__PURE__ */ f("p", {
-								className: "ttw:text-sm ttw:text-muted-foreground",
-								children: C.noLineItems
-							}) : /* @__PURE__ */ f("div", {
-								className: "ttw:overflow-hidden ttw:rounded-md ttw:border",
-								children: /* @__PURE__ */ p("table", {
-									className: "ttw:w-full ttw:text-sm",
-									children: [/* @__PURE__ */ f("thead", {
-										className: "ttw:bg-muted/50",
-										children: /* @__PURE__ */ p("tr", { children: [
-											/* @__PURE__ */ f("th", {
-												className: "ttw:p-2 ttw:text-left",
-												children: C.lineItemsHeading
-											}),
-											/* @__PURE__ */ f("th", {
-												className: "ttw:p-2 ttw:text-right",
-												children: C.quantityColumn
-											}),
-											/* @__PURE__ */ f("th", {
-												className: "ttw:p-2 ttw:text-right",
-												children: C.unitPriceColumn
-											}),
-											/* @__PURE__ */ f("th", {
-												className: "ttw:p-2 ttw:text-right",
-												children: C.totalColumn
-											})
-										] })
-									}), /* @__PURE__ */ f("tbody", { children: _.lineItems.map((e) => /* @__PURE__ */ p("tr", {
-										className: "ttw:border-t",
-										children: [
-											/* @__PURE__ */ f("td", {
-												className: "ttw:p-2",
-												children: e.name
-											}),
-											/* @__PURE__ */ f("td", {
-												className: "ttw:p-2 ttw:text-right",
-												children: e.quantityLabel
-											}),
-											/* @__PURE__ */ f("td", {
-												className: "ttw:p-2 ttw:text-right",
-												children: e.unitPriceLabel
-											}),
-											/* @__PURE__ */ f("td", {
-												className: "ttw:p-2 ttw:text-right",
-												children: e.totalLabel
-											})
-										]
-									}, e.id)) })]
-								})
-							})
-						}),
-						/* @__PURE__ */ f(h, {
-							title: C.activityHeading,
-							children: _.activityItems.length === 0 ? /* @__PURE__ */ f("p", {
-								className: "ttw:text-sm ttw:text-muted-foreground",
-								children: C.noActivity
-							}) : /* @__PURE__ */ f("div", {
-								className: "ttw:flex ttw:flex-col ttw:gap-3",
-								children: _.activityItems.map((e) => /* @__PURE__ */ p("div", {
-									className: "ttw:flex ttw:flex-col",
-									children: [
-										/* @__PURE__ */ f("span", {
-											className: "ttw:text-sm ttw:font-medium",
-											children: e.title
-										}),
-										/* @__PURE__ */ f("span", {
-											className: "ttw:text-sm ttw:text-muted-foreground",
-											children: e.description
-										}),
-										/* @__PURE__ */ f("span", {
-											className: "ttw:text-xs ttw:text-muted-foreground",
-											children: e.timestampLabel
-										})
-									]
-								}, e.id))
-							})
-						}),
-						/* @__PURE__ */ f(h, {
-							title: C.mailsHeading,
-							children: _.mailItems.length === 0 ? /* @__PURE__ */ f("p", {
-								className: "ttw:text-sm ttw:text-muted-foreground",
-								children: C.noMails
-							}) : /* @__PURE__ */ f("div", {
-								className: "ttw:flex ttw:flex-col ttw:gap-3",
-								children: _.mailItems.map((e) => /* @__PURE__ */ p("div", {
-									className: "ttw:flex ttw:flex-col",
-									children: [
-										/* @__PURE__ */ f("span", {
-											className: "ttw:text-sm ttw:font-medium",
-											children: e.statusLabel
-										}),
-										/* @__PURE__ */ f("span", {
-											className: "ttw:text-sm ttw:text-muted-foreground",
-											children: e.recipientsLabel
-										}),
-										/* @__PURE__ */ f("span", {
-											className: "ttw:text-xs ttw:text-muted-foreground",
-											children: e.sentAtLabel
-										})
-									]
-								}, e.id))
-							})
-						})
-					] }) : null
-				}),
-				/* @__PURE__ */ f(i, { children: _ && /* @__PURE__ */ p("div", {
-					className: "ttw:flex ttw:flex-wrap ttw:justify-end ttw:gap-2",
-					children: [
-						_.actions.edit && /* @__PURE__ */ f(e, {
-							variant: "outline",
-							onClick: () => b("edit", _),
-							children: C.editButton
-						}),
-						_.actions.issue && /* @__PURE__ */ f(e, {
-							onClick: () => b("issue", _),
-							children: C.issueButton
-						}),
-						_.actions.send && /* @__PURE__ */ f(e, {
-							variant: "outline",
-							onClick: () => b("send", _),
-							children: C.sendButton
-						}),
-						_.actions.accept && /* @__PURE__ */ f(e, {
-							onClick: () => b("accept", _),
-							children: C.acceptButton
-						}),
-						_.actions.decline && /* @__PURE__ */ f(e, {
-							variant: "outline",
-							onClick: () => b("decline", _),
-							children: C.declineButton
-						}),
-						_.actions.recordPayment && /* @__PURE__ */ f(e, {
-							variant: "outline",
-							onClick: () => b("recordPayment", _),
-							children: C.recordPaymentButton
-						}),
-						_.actions.markPaid && /* @__PURE__ */ f(e, {
-							variant: "outline",
-							onClick: () => b("markPaid", _),
-							children: C.markPaidButton
-						}),
-						_.actions.markUncollectible && /* @__PURE__ */ f(e, {
-							variant: "outline",
-							onClick: () => b("markUncollectible", _),
-							children: C.markUncollectibleButton
-						}),
-						_.actions.cancel && /* @__PURE__ */ f(e, {
-							variant: "outline",
-							onClick: () => b("cancel", _),
-							children: C.cancelButton
-						}),
-						_.actions.clone && /* @__PURE__ */ f(e, {
-							variant: "outline",
-							onClick: () => b("clone", _),
-							children: C.cloneButton
-						}),
-						_.actions.delete && /* @__PURE__ */ f(e, {
-							variant: "destructive",
-							onClick: () => b("delete", _),
-							children: C.deleteButton
-						}),
-						/* @__PURE__ */ f(e, {
-							variant: "ghost",
-							onClick: x,
-							children: C.closeButton
-						})
-					]
-				}) })
-			]
-		})
-	});
-}
-//#endregion
-export { g as ReceivableDetailsSheet, g as default };
+import "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import "react/jsx-runtime";
+import "lucide-react";

package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index16.js

@@ -1,72 +1,18 @@
-import { Field as e, FieldContent as t, FieldDescription as n, FieldError as r, FieldLabel as i, Textarea as a, Typography as o } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
-//#region ../../libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index16.js
-function l({ id: l, value: u, error: d, disabled: f, label: p, optionalSuffix: m, placeholder: h, description: g, onChange: _ }) {
-	return /* @__PURE__ */ s(e, { children: /* @__PURE__ */ c(t, { children: [
-		/* @__PURE__ */ c(i, {
-			htmlFor: l,
-			className: "ttw:text-nowrap",
-			children: [p, /* @__PURE__ */ s(o, {
-				variant: "body2",
-				component: "span",
-				color: "muted",
-				className: "ttw:leading-snug",
-				children: m
-			})]
-		}),
-		/* @__PURE__ */ s(a, {
-			id: l,
-			value: u,
-			disabled: f,
-			placeholder: h,
-			className: "ttw:h-26 ttw:resize-none",
-			"aria-invalid": !!d,
-			onChange: (e) => _(e.target.value)
-		}),
-		/* @__PURE__ */ s(n, { children: g }),
-		/* @__PURE__ */ s(r, { errors: d ? [{ message: d }] : [] })
-	] }) });
-}
-function u({ idPrefix: e, openingNote: t, closingNote: n, openingNoteError: r, closingNoteError: i, disabled: a, onOpeningNoteChange: u, onClosingNoteChange: d, labels: f }) {
-	return /* @__PURE__ */ c("div", {
-		className: "ttw:flex ttw:flex-col ttw:gap-2.5 ttw:rounded-xl ttw:border ttw:border-border ttw:p-6",
-		children: [
-			/* @__PURE__ */ c("div", {
-				className: "ttw:flex ttw:flex-col ttw:gap-2.5 ttw:pb-4",
-				children: [/* @__PURE__ */ s(o, {
-					variant: "h4",
-					children: f.notesHeading
-				}), /* @__PURE__ */ s(o, {
-					variant: "body2",
-					color: "muted",
-					className: "ttw:font-medium",
-					children: f.notesDescription
-				})]
-			}),
-			/* @__PURE__ */ s(l, {
-				id: `${e}-opening-note`,
-				value: t,
-				error: r,
-				disabled: a,
-				label: f.openingNoteLabel,
-				optionalSuffix: f.optionalSuffix,
-				placeholder: f.openingNotePlaceholder,
-				description: f.openingNoteDescription,
-				onChange: u
-			}),
-			/* @__PURE__ */ s(l, {
-				id: `${e}-closing-note`,
-				value: n,
-				error: i,
-				disabled: a,
-				label: f.closingNoteLabel,
-				optionalSuffix: f.optionalSuffix,
-				placeholder: f.closingNotePlaceholder,
-				description: f.closingNoteDescription,
-				onChange: d
-			})
-		]
+import { Button as e } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { forwardRef as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+import { XIcon as r } from "lucide-react";
+t(function({ label: t, onClose: i, variant: a = "ghost", size: o = "icon", onClick: s, ...c }, l) {
+	return /* @__PURE__ */ n(e, {
+		ref: l,
+		variant: a,
+		size: o,
+		...c,
+		"aria-label": t,
+		onClick: (e) => {
+			s?.(e), i();
+		},
+		children: /* @__PURE__ */ n(r, { className: "ttw:size-4" })
 	});
-}
+});
 //#endregion
-export { u as ReceivableNotesSection };