@tesouro/embedded-components-react 0.5.268 → 0.5.271

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

@@ -1,223 +1,48 @@
-import { Alert as e, AlertDescription as t, Button as n, DatePicker as r, Dialog as i, DialogContent as a, DialogFooter as o, DialogHeader as s, DialogTitle as c, FieldRequirement as l, InputGroup as u, InputGroupAddon as d, InputGroupInput as f, Label as p, Skeleton as m } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { RECEIVABLE_PAYMENT_DIALOG_LABELS_EN as h } from "./index13.js";
-import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
-import { NotebookPen as y } from "lucide-react";
+import { cn as e } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index39.js
-var b = {
-	amount: "receivable-payment-amount",
-	date: "receivable-payment-date",
-	time: "receivable-payment-time"
-};
-function x({ id: e, message: t }) {
-	return t ? /* @__PURE__ */ _("p", {
-		id: e,
-		className: "ttw:text-sm ttw:text-destructive",
-		children: t
-	}) : null;
-}
-function S({ label: e, children: t }) {
-	return /* @__PURE__ */ v("div", {
-		className: "ttw:flex ttw:items-center ttw:justify-between ttw:gap-4 ttw:px-4 ttw:py-3",
-		children: [/* @__PURE__ */ _("dt", {
-			className: "ttw:text-sm ttw:text-muted-foreground",
-			children: e
-		}), /* @__PURE__ */ _("dd", {
-			className: "ttw:text-sm ttw:font-medium ttw:text-right ttw:break-all",
-			children: t
-		})]
+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 C({ open: C, onOpenChange: w, step: T, values: E, errors: D, currencySymbol: O, amountDueLabel: k, review: A, inProgress: j, onChange: M, onFillAmountDue: N, onSave: P, onEdit: F, onConfirm: I, onCancel: L, labels: R }) {
-	let z = {
-		...h,
-		...R
-	};
-	return /* @__PURE__ */ _(i, {
-		open: C,
-		onOpenChange: w,
-		children: /* @__PURE__ */ _(a, {
-			"aria-describedby": void 0,
-			children: T === "review" && A ? /* @__PURE__ */ v(g, { children: [
-				/* @__PURE__ */ v(s, {
-					className: "ttw:items-center ttw:text-center",
-					children: [
-						/* @__PURE__ */ _("div", {
-							className: "ttw:flex ttw:size-11 ttw:items-center ttw:justify-center ttw:rounded-full ttw:bg-muted",
-							children: /* @__PURE__ */ _(y, { className: "ttw:size-5 ttw:text-muted-foreground" })
-						}),
-						/* @__PURE__ */ _(c, {
-							className: "ttw:text-base ttw:font-normal",
-							children: z.reviewTitle
-						}),
-						/* @__PURE__ */ _("p", {
-							className: "ttw:text-2xl ttw:font-semibold",
-							children: A.amountLabel
-						}),
-						/* @__PURE__ */ _("p", {
-							className: "ttw:text-sm",
-							children: A.fromLabel
-						})
-					]
-				}),
-				/* @__PURE__ */ v("dl", {
-					className: "ttw:divide-y ttw:divide-border ttw:rounded-lg ttw:border ttw:border-border",
-					children: [
-						/* @__PURE__ */ _(S, {
-							label: z.receivedLabel,
-							children: A.receivedLabel
-						}),
-						/* @__PURE__ */ _(S, {
-							label: z.referenceLabel,
-							children: A.referenceLabel
-						}),
-						/* @__PURE__ */ _(S, {
-							label: z.createdByLabel,
-							children: A.isCreatedByLoading ? /* @__PURE__ */ _(m, { className: "ttw:h-4 ttw:w-24" }) : A.createdByLabel
-						})
-					]
-				}),
-				/* @__PURE__ */ _(e, {
-					className: "ttw:border-amber-200 ttw:bg-amber-50 ttw:text-amber-800",
-					children: /* @__PURE__ */ _(t, {
-						className: "ttw:text-amber-800",
-						children: z.reviewWarning
-					})
-				}),
-				/* @__PURE__ */ v(o, {
-					className: "ttw:sm:justify-between",
-					children: [/* @__PURE__ */ _(n, {
-						variant: "ghost",
-						onClick: L,
-						children: z.cancelButton
-					}), /* @__PURE__ */ v("div", {
-						className: "ttw:flex ttw:gap-2",
-						children: [/* @__PURE__ */ _(n, {
-							variant: "outline",
-							disabled: j,
-							onClick: F,
-							children: z.editRecordButton
-						}), /* @__PURE__ */ _(n, {
-							disabled: j,
-							onClick: I,
-							children: z.confirmButton
-						})]
-					})]
-				})
-			] }) : /* @__PURE__ */ v("form", {
-				className: "ttw:flex ttw:flex-col ttw:gap-4",
-				noValidate: !0,
-				onSubmit: (e) => {
-					e.preventDefault(), P();
-				},
-				children: [
-					/* @__PURE__ */ _(s, { children: /* @__PURE__ */ _(c, { children: z.title }) }),
-					/* @__PURE__ */ v("div", {
-						className: "ttw:flex ttw:flex-col ttw:gap-1.5",
-						children: [
-							/* @__PURE__ */ _(p, {
-								htmlFor: b.amount,
-								requirement: l.Required,
-								children: z.amountLabel
-							}),
-							/* @__PURE__ */ v(u, { children: [/* @__PURE__ */ _(f, {
-								id: b.amount,
-								type: "number",
-								required: !0,
-								placeholder: z.amountPlaceholder,
-								"data-has-end-addon": !0,
-								"aria-invalid": !!D?.amount || void 0,
-								"aria-describedby": D?.amount ? `${b.amount}-error` : void 0,
-								value: E.amount,
-								onChange: (e) => M({ amount: e.target.value })
-							}), /* @__PURE__ */ _(d, {
-								align: "inline-end",
-								children: O
-							})] }),
-							/* @__PURE__ */ _(x, {
-								id: `${b.amount}-error`,
-								message: D?.amount
-							}),
-							/* @__PURE__ */ v("p", {
-								className: "ttw:text-sm ttw:text-muted-foreground",
-								children: [
-									z.fullAmountDuePrefix,
-									" ",
-									/* @__PURE__ */ _(n, {
-										type: "button",
-										variant: "link",
-										className: "ttw:h-auto ttw:p-0 ttw:underline",
-										onClick: N,
-										children: k
-									})
-								]
-							})
-						]
-					}),
-					/* @__PURE__ */ v("div", {
-						className: "ttw:grid ttw:grid-cols-2 ttw:gap-4",
-						children: [/* @__PURE__ */ v("div", {
-							className: "ttw:flex ttw:flex-col ttw:gap-1.5",
-							children: [
-								/* @__PURE__ */ _(p, {
-									htmlFor: b.date,
-									requirement: l.Required,
-									children: z.dateLabel
-								}),
-								/* @__PURE__ */ _(r, {
-									id: b.date,
-									value: E.paymentDate,
-									onChange: (e) => M({ paymentDate: e }),
-									placeholder: z.datePlaceholder,
-									"aria-invalid": !!D?.paymentDate || void 0,
-									"aria-describedby": D?.paymentDate ? `${b.date}-error` : void 0
-								}),
-								/* @__PURE__ */ _(x, {
-									id: `${b.date}-error`,
-									message: D?.paymentDate
-								})
-							]
-						}), /* @__PURE__ */ v("div", {
-							className: "ttw:flex ttw:flex-col ttw:gap-1.5",
-							children: [
-								/* @__PURE__ */ _(p, {
-									htmlFor: b.time,
-									requirement: l.Required,
-									children: z.timeLabel
-								}),
-								/* @__PURE__ */ v(u, { children: [/* @__PURE__ */ _(f, {
-									id: b.time,
-									type: "time",
-									required: !0,
-									"data-has-end-addon": !0,
-									"aria-invalid": !!D?.paymentTime || void 0,
-									"aria-describedby": D?.paymentTime ? `${b.time}-error` : void 0,
-									value: E.paymentTime,
-									onChange: (e) => M({ paymentTime: e.target.value })
-								}), /* @__PURE__ */ _(d, {
-									align: "inline-end",
-									children: z.timeZoneSuffix
-								})] }),
-								/* @__PURE__ */ _(x, {
-									id: `${b.time}-error`,
-									message: D?.paymentTime
-								})
-							]
-						})]
-					}),
-					/* @__PURE__ */ v(o, { children: [/* @__PURE__ */ _(n, {
-						type: "button",
-						variant: "ghost",
-						onClick: L,
-						children: z.cancelButton
-					}), /* @__PURE__ */ _(n, {
-						type: "submit",
-						loading: j,
-						children: z.saveButton
-					})] })
-				]
+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"
 			})
-		})
+		]
 	});
 }
 //#endregion
-export { C as ReceivablePaymentDialog, C as default };
+export { i as ReceivableFormTotals };

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

@@ -1,23 +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/index40.js
-var e = {
-	title: "Invoice",
-	noLogo: "No logo",
-	billToHeading: "Bill to",
-	detailsHeading: "Details",
-	invoiceNumberLabel: "Invoice number",
-	invoiceDateLabel: "Invoice date",
-	dueDateLabel: "Due date",
-	paymentTermsLabel: "Payment terms",
-	purchaseOrderLabel: "PO number",
-	pending: "Pending",
-	descriptionColumn: "Description",
-	quantityColumn: "Qty",
-	priceColumn: "Price",
-	taxableColumn: "Taxable",
-	amountColumn: "Amount",
-	noItems: "No items",
-	payOnline: "Pay online",
-	paymentQrCodeLabel: "Sample payment QR code"
-};
+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 { e as RECEIVABLE_PREVIEW_LABELS_EN };
+export { u as ReceivableNotesSection };