@tesouro/embedded-components-react 0.5.214 → 0.5.215

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

@@ -1,264 +1 @@
-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 };
+import "./index20.js";

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

@@ -1,48 +1,264 @@
-import { cn as e } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
+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 "./index4.js";
+import { ReceivableStatusBadge as u } from "./index13.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/index22.js
-function r({ label: r, value: i, className: a }) {
-	return /* @__PURE__ */ n("li", {
-		className: e("ttw:flex ttw:items-center ttw:justify-between", a),
-		children: [/* @__PURE__ */ t("span", { children: r }), /* @__PURE__ */ t("span", { children: i })]
+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 i({ totals: e, labels: i }) {
-	return /* @__PURE__ */ n("ul", {
-		className: "ttw:flex ttw:w-full ttw:list-none ttw:flex-col ttw:gap-1.5",
-		children: [
-			/* @__PURE__ */ t(r, {
-				label: i.subtotalLabel,
-				value: e.subtotal,
-				className: "ttw:text-sm ttw:font-normal"
-			}),
-			/* @__PURE__ */ t(r, {
-				label: i.discountTotalLabel,
-				value: e.discount,
-				className: "ttw:text-sm ttw:font-normal"
-			}),
-			/* @__PURE__ */ t(r, {
-				label: i.nonTaxableSubtotalLabel,
-				value: e.nonTaxableSubtotal,
-				className: "ttw:text-sm ttw:font-normal ttw:text-muted-foreground"
-			}),
-			/* @__PURE__ */ t(r, {
-				label: i.taxableSubtotalLabel,
-				value: e.taxableSubtotal,
-				className: "ttw:text-sm ttw:font-normal ttw:text-muted-foreground"
-			}),
-			/* @__PURE__ */ t(r, {
-				label: i.taxTotalLabel,
-				value: e.tax,
-				className: "ttw:text-sm ttw:font-normal"
-			}),
-			/* @__PURE__ */ t(r, {
-				label: i.totalLabel,
-				value: e.total,
-				className: "ttw:text-lg ttw:font-medium"
-			})
-		]
+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 { i as ReceivableFormTotals };
+export { g as ReceivableDetailsSheet, g as default };