@tesouro/embedded-components-react 0.5.205 → 0.5.207

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

@@ -0,0 +1,264 @@
+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 "./index3.js";
+import { ReceivableStatusBadge as u } from "./index12.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/index21.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 };

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

@@ -0,0 +1,72 @@
+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/index22.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
+			})
+		]
+	});
+}
+//#endregion
+export { u as ReceivableNotesSection };