@tesouro/embedded-components-react 0.5.204 → 0.5.205

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

@@ -1,106 +1,424 @@
-import { Button as e, Dialog as t, DialogContent as n, DialogDescription as r, DialogFooter as i, DialogHeader as a, DialogTitle as o, Input as s, Label as c, RadioGroup as l, RadioGroupItem as u, Textarea as d } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { RECEIVABLE_PAYMENT_DIALOG_LABELS_EN as f } from "./index2.js";
-import { jsx as p, jsxs as m } from "react/jsx-runtime";
+import { Alert as e, AlertDescription as t, Button as n, Checkbox as r, Field as i, FieldContent as a, FieldLabel as o, Input as s, InputGroup as c, InputGroupAddon as l, InputGroupInput as u, Label as d, RadioGroup as f, RadioGroupItem as p, Select as m, SelectContent as h, SelectItem as g, SelectTrigger as _, SelectValue as v, Sheet as y, SheetContent as b, SheetDescription as x, SheetFooter as S, SheetHeader as C, SheetTitle as w, Spinner as T, Typography as E, cn as D } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { RECEIVABLE_FORM_SHEET_LABELS_EN as O } from "./index2.js";
+import { ReceivableNotesSection as k } from "./index16.js";
+import { useId as ee } from "react";
+import { jsx as A, jsxs as j } from "react/jsx-runtime";
+import { MinusIcon as M, PlusIcon as N, Trash2Icon as P } from "lucide-react";
 //#region ../../libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index17.js
-function h({ message: e }) {
-	return e ? /* @__PURE__ */ p("p", {
+var F = "__none__", I = "__manage__";
+function L({ message: e }) {
+	return e ? /* @__PURE__ */ A("p", {
 		className: "ttw:text-sm ttw:text-destructive",
 		children: e
 	}) : null;
 }
-function g({ open: g, onOpenChange: _, values: v, errors: y, inProgress: b, onChange: x, onSubmit: S, onCancel: C, labels: w }) {
-	let T = {
-		...f,
-		...w
-	};
-	return /* @__PURE__ */ p(t, {
-		open: g,
-		onOpenChange: _,
-		children: /* @__PURE__ */ m(n, { children: [
-			/* @__PURE__ */ m(a, { children: [/* @__PURE__ */ p(o, { children: T.title }), /* @__PURE__ */ p(r, { children: T.description })] }),
-			/* @__PURE__ */ m("div", {
-				className: "ttw:flex ttw:flex-col ttw:gap-4",
+function te({ formId: e, lineItem: t, errors: i, controls: a, focusOnMount: o, canRemove: s, unitOptions: d, currencySymbol: f, labels: p, renderProductSelector: y, onChange: b, onCommit: x, onQuantityStep: S, onManageUnits: C, onRemove: w }) {
+	let T = `${e}-line-${t.id}`;
+	return /* @__PURE__ */ j("li", {
+		className: "ttw:flex ttw:h-9 ttw:items-center ttw:gap-2.5",
+		children: [
+			/* @__PURE__ */ A("div", {
+				className: "ttw:min-w-30 ttw:flex-1",
+				children: y(t, {
+					inputId: `${T}-name`,
+					invalid: !!i?.name,
+					focusOnMount: o
+				})
+			}),
+			/* @__PURE__ */ j("div", {
+				className: D("ttw:flex ttw:h-9 ttw:w-26 ttw:min-w-26 ttw:items-center ttw:rounded-md ttw:border ttw:border-input ttw:shadow-xs", i?.quantity && "ttw:border-destructive"),
 				children: [
-					y?.form && /* @__PURE__ */ p("p", {
-						className: "ttw:rounded-md ttw:bg-destructive/10 ttw:px-3 ttw:py-2 ttw:text-sm ttw:text-destructive",
-						children: y.form
+					/* @__PURE__ */ A("button", {
+						type: "button",
+						"aria-label": p.decreaseQuantityButton,
+						disabled: a ? !a.canDecreaseQuantity : !1,
+						className: "ttw:flex ttw:size-6 ttw:shrink-0 ttw:items-center ttw:justify-center ttw:rounded-sm ttw:text-muted-foreground ttw:hover:bg-accent ttw:disabled:pointer-events-none ttw:disabled:opacity-50",
+						onClick: () => S(-1),
+						children: /* @__PURE__ */ A(M, { className: "ttw:size-3.5" })
 					}),
-					/* @__PURE__ */ m("div", {
-						className: "ttw:flex ttw:flex-col ttw:gap-1.5",
-						children: [/* @__PURE__ */ p(c, { children: T.modeLabel }), /* @__PURE__ */ m(l, {
-							className: "ttw:flex ttw:flex-row ttw:gap-6",
-							value: v.mode,
-							onValueChange: (e) => x({ mode: e }),
-							children: [/* @__PURE__ */ m("div", {
-								className: "ttw:flex ttw:items-center ttw:gap-2",
-								children: [/* @__PURE__ */ p(u, {
-									value: "full",
-									id: "receivable-payment-full"
-								}), /* @__PURE__ */ p(c, {
-									htmlFor: "receivable-payment-full",
-									children: T.fullPayment
-								})]
-							}), /* @__PURE__ */ m("div", {
-								className: "ttw:flex ttw:items-center ttw:gap-2",
-								children: [/* @__PURE__ */ p(u, {
-									value: "partial",
-									id: "receivable-payment-partial"
-								}), /* @__PURE__ */ p(c, {
-									htmlFor: "receivable-payment-partial",
-									children: T.partialPayment
-								})]
-							})]
-						})]
+					/* @__PURE__ */ A("input", {
+						id: `${T}-quantity`,
+						"aria-label": p.quantityLabel,
+						"aria-invalid": !!i?.quantity || void 0,
+						type: "text",
+						inputMode: "decimal",
+						className: "ttw:h-full ttw:w-full ttw:min-w-0 ttw:bg-transparent ttw:px-0 ttw:text-center ttw:text-sm ttw:outline-none",
+						value: t.quantity,
+						onChange: (e) => b({ quantity: e.target.value }),
+						onBlur: () => x("quantity")
 					}),
-					v.mode === "partial" && /* @__PURE__ */ m("div", {
-						className: "ttw:flex ttw:flex-col ttw:gap-1.5",
-						children: [
-							/* @__PURE__ */ p(c, { children: T.amountPaidLabel }),
-							/* @__PURE__ */ p(s, {
-								inputMode: "decimal",
-								value: v.amountPaid,
-								onChange: (e) => x({ amountPaid: e.target.value })
-							}),
-							/* @__PURE__ */ p(h, { message: y?.amountPaid })
-						]
+					/* @__PURE__ */ A("button", {
+						type: "button",
+						"aria-label": p.increaseQuantityButton,
+						disabled: a ? !a.canIncreaseQuantity : !1,
+						className: "ttw:flex ttw:size-6 ttw:shrink-0 ttw:items-center ttw:justify-center ttw:rounded-sm ttw:text-muted-foreground ttw:hover:bg-accent ttw:disabled:pointer-events-none ttw:disabled:opacity-50",
+						onClick: () => S(1),
+						children: /* @__PURE__ */ A(N, { className: "ttw:size-3.5" })
+					})
+				]
+			}),
+			/* @__PURE__ */ j(m, {
+				value: t.unit || F,
+				onValueChange: (e) => {
+					if (e === I) {
+						C?.();
+						return;
+					}
+					b({ unit: e === F ? "" : e });
+				},
+				children: [/* @__PURE__ */ A(_, {
+					id: `${T}-unit`,
+					"aria-label": p.unitLabel,
+					"aria-invalid": !!i?.measureUnit || void 0,
+					className: "ttw:w-22",
+					children: /* @__PURE__ */ A(v, {
+						className: "ttw:truncate",
+						placeholder: p.unitPlaceholder
+					})
+				}), /* @__PURE__ */ j(h, { children: [
+					C && /* @__PURE__ */ j(g, {
+						value: I,
+						className: "ttw:font-semibold ttw:text-primary ttw:hover:text-primary ttw:focus:text-primary",
+						children: [/* @__PURE__ */ A(N, { className: "ttw:text-primary" }), p.manageUnitsOption]
 					}),
-					v.mode === "full" && /* @__PURE__ */ m("div", {
-						className: "ttw:flex ttw:flex-col ttw:gap-1.5",
-						children: [
-							/* @__PURE__ */ p(c, { children: T.paidAtLabel }),
-							/* @__PURE__ */ p(s, {
-								type: "date",
-								value: v.paidAt,
-								onChange: (e) => x({ paidAt: e.target.value })
-							}),
-							/* @__PURE__ */ p(h, { message: y?.paidAt })
-						]
+					/* @__PURE__ */ A(g, {
+						value: F,
+						children: p.unitNone
 					}),
-					/* @__PURE__ */ m("div", {
-						className: "ttw:flex ttw:flex-col ttw:gap-1.5",
+					d.map((e) => /* @__PURE__ */ A(g, {
+						value: e.value,
+						children: e.label
+					}, e.value))
+				] })]
+			}),
+			/* @__PURE__ */ j(c, {
+				className: "ttw:w-full ttw:max-w-41 ttw:min-w-29",
+				children: [/* @__PURE__ */ A(l, {
+					align: "inline-start",
+					children: f
+				}), /* @__PURE__ */ A(u, {
+					id: `${T}-price`,
+					"aria-label": p.priceLabel,
+					"aria-invalid": !!i?.price || void 0,
+					"data-has-start-addon": !0,
+					type: "text",
+					inputMode: "decimal",
+					className: "ttw:text-right",
+					value: t.price,
+					onChange: (e) => b({ price: e.target.value }),
+					onBlur: () => x("price")
+				})]
+			}),
+			/* @__PURE__ */ A("div", {
+				className: "ttw:flex ttw:w-12 ttw:min-w-12 ttw:items-center ttw:justify-center",
+				children: /* @__PURE__ */ A(r, {
+					id: `${T}-taxable`,
+					"aria-label": p.taxableLabel,
+					checked: t.taxable,
+					onCheckedChange: (e) => b({ taxable: e === !0 })
+				})
+			}),
+			s && /* @__PURE__ */ A(n, {
+				type: "button",
+				variant: "ghost",
+				size: "sm",
+				"aria-label": p.removeLineItemButton,
+				className: "ttw:w-10 ttw:rounded-none ttw:border-l ttw:border-border ttw:pl-4 ttw:text-muted-foreground ttw:hover:bg-transparent ttw:hover:text-destructive ttw:has-[>svg]:pr-0",
+				onClick: w,
+				children: /* @__PURE__ */ A(P, {})
+			})
+		]
+	});
+}
+function R({ open: r, onOpenChange: D, mode: M = "create", values: P, errors: F, currencyOptions: I, paymentTermsOptions: R, unitOptions: ne, currencySymbol: re, lineItemControls: z, autoFocusLineItemId: B, lineItemsLoading: V, inProgress: H, customerSelector: U, renderProductSelector: W, onChange: G, onLineItemChange: K, onLineItemCommit: q, onLineItemQuantityStep: J, onTaxRateCommit: Y, onManageUnits: ie, onAddLineItem: ae, onRemoveLineItem: oe, bankAccountSection: se, attachmentsSection: ce, cancelDisabled: X, saveDisabled: le, onSubmit: ue, onCancel: de, labels: fe }) {
+	let Z = {
+		...O,
+		...fe
+	}, Q = ee(), $ = M === "edit", pe = P.type === "invoice" || M === "edit", me = $ ? "ttw:grid ttw:grid-cols-3 ttw:gap-4" : "ttw:grid ttw:grid-cols-2 ttw:gap-4";
+	return /* @__PURE__ */ A(y, {
+		open: r,
+		onOpenChange: D,
+		children: /* @__PURE__ */ j(b, {
+			className: "ttw:w-180 ttw:overflow-y-auto ttw:sm:max-w-180",
+			children: [
+				/* @__PURE__ */ j(C, { children: [/* @__PURE__ */ A(w, { children: M === "edit" ? Z.editTitle : Z.createTitle }), /* @__PURE__ */ A(x, {
+					className: "ttw:sr-only",
+					children: Z.hiddenDescription
+				})] }),
+				/* @__PURE__ */ A("form", {
+					id: Q,
+					onSubmit: (e) => {
+						e.preventDefault(), e.stopPropagation(), ue();
+					},
+					children: /* @__PURE__ */ j("div", {
+						className: "ttw:flex ttw:flex-col ttw:gap-5 ttw:px-6 ttw:pb-6",
 						children: [
-							/* @__PURE__ */ p(c, { children: T.commentLabel }),
-							/* @__PURE__ */ p(d, {
-								rows: 3,
-								value: v.comment,
-								onChange: (e) => x({ comment: e.target.value })
+							F?.form && /* @__PURE__ */ A("p", {
+								role: "alert",
+								className: "ttw:rounded-md ttw:bg-destructive/10 ttw:px-3 ttw:py-2 ttw:text-sm ttw:text-destructive",
+								children: F.form
+							}),
+							/* @__PURE__ */ j("div", {
+								className: "ttw:flex ttw:flex-col ttw:gap-1.5",
+								children: [
+									/* @__PURE__ */ A(d, { children: Z.documentTypeLabel }),
+									/* @__PURE__ */ j(f, {
+										className: "ttw:flex ttw:flex-row ttw:gap-6",
+										disabled: M === "edit",
+										value: P.type,
+										onValueChange: (e) => G({ type: e }),
+										children: [/* @__PURE__ */ j("div", {
+											className: "ttw:flex ttw:items-center ttw:gap-2",
+											children: [/* @__PURE__ */ A(p, {
+												value: "invoice",
+												id: `${Q}-invoice`
+											}), /* @__PURE__ */ A(d, {
+												htmlFor: `${Q}-invoice`,
+												children: Z.typeInvoice
+											})]
+										}), /* @__PURE__ */ j("div", {
+											className: "ttw:flex ttw:items-center ttw:gap-2",
+											children: [/* @__PURE__ */ A(p, {
+												value: "quote",
+												id: `${Q}-quote`
+											}), /* @__PURE__ */ A(d, {
+												htmlFor: `${Q}-quote`,
+												children: Z.typeQuote
+											})]
+										})]
+									}),
+									/* @__PURE__ */ A(L, { message: F?.type })
+								]
+							}),
+							/* @__PURE__ */ j("div", {
+								className: "ttw:flex ttw:flex-col ttw:gap-1.5",
+								children: [
+									/* @__PURE__ */ A(d, { children: Z.customerLabel }),
+									U,
+									/* @__PURE__ */ A("p", {
+										className: "ttw:text-xs ttw:text-muted-foreground",
+										children: Z.customerHint
+									}),
+									/* @__PURE__ */ A(L, { message: F?.customerId })
+								]
+							}),
+							/* @__PURE__ */ j("div", {
+								className: me,
+								children: [
+									/* @__PURE__ */ j("div", {
+										className: "ttw:flex ttw:flex-col ttw:gap-1.5",
+										children: [
+											/* @__PURE__ */ A(d, {
+												htmlFor: `${Q}-currency`,
+												children: Z.currencyLabel
+											}),
+											/* @__PURE__ */ j(m, {
+												value: P.currency,
+												onValueChange: (e) => G({ currency: e }),
+												children: [/* @__PURE__ */ A(_, {
+													id: `${Q}-currency`,
+													children: /* @__PURE__ */ A(v, {})
+												}), /* @__PURE__ */ A(h, { children: I.map((e) => /* @__PURE__ */ A(g, {
+													value: e.value,
+													children: e.label
+												}, e.value)) })]
+											}),
+											/* @__PURE__ */ A(L, { message: F?.currency })
+										]
+									}),
+									$ && /* @__PURE__ */ j("div", {
+										className: "ttw:flex ttw:flex-col ttw:gap-1.5",
+										children: [
+											/* @__PURE__ */ A(d, {
+												htmlFor: `${Q}-issue-date`,
+												children: Z.issueDateLabel
+											}),
+											/* @__PURE__ */ A(s, {
+												id: `${Q}-issue-date`,
+												type: "date",
+												value: P.issueDate,
+												onChange: (e) => G({ issueDate: e.target.value })
+											}),
+											/* @__PURE__ */ A(L, { message: F?.issueDate })
+										]
+									}),
+									/* @__PURE__ */ j("div", {
+										className: "ttw:flex ttw:flex-col ttw:gap-1.5",
+										children: [
+											/* @__PURE__ */ A(d, {
+												htmlFor: `${Q}-due-date`,
+												children: Z.dueDateLabel
+											}),
+											/* @__PURE__ */ A(s, {
+												id: `${Q}-due-date`,
+												type: "date",
+												value: P.dueDate,
+												onChange: (e) => G({ dueDate: e.target.value })
+											}),
+											/* @__PURE__ */ A(L, { message: F?.dueDate })
+										]
+									})
+								]
 							}),
-							/* @__PURE__ */ p(h, { message: y?.comment })
+							pe && /* @__PURE__ */ j("div", {
+								className: "ttw:flex ttw:flex-col ttw:gap-1.5",
+								children: [
+									/* @__PURE__ */ A(d, {
+										htmlFor: `${Q}-payment-terms`,
+										children: Z.paymentTermsLabel
+									}),
+									/* @__PURE__ */ j(m, {
+										value: P.paymentTermsId || void 0,
+										onValueChange: (e) => G({ paymentTermsId: e === "__none__" ? "" : e }),
+										children: [/* @__PURE__ */ A(_, {
+											id: `${Q}-payment-terms`,
+											children: /* @__PURE__ */ A(v, { placeholder: Z.paymentTermsPlaceholder })
+										}), /* @__PURE__ */ j(h, { children: [/* @__PURE__ */ A(g, {
+											value: "__none__",
+											children: Z.paymentTermsNone
+										}), R.map((e) => /* @__PURE__ */ A(g, {
+											value: e.value,
+											children: e.label
+										}, e.value))] })]
+									}),
+									/* @__PURE__ */ A(L, { message: F?.paymentTermsId })
+								]
+							}),
+							/* @__PURE__ */ j("div", {
+								className: "ttw:flex ttw:flex-col ttw:gap-2.5 ttw:rounded-xl ttw:border ttw:border-border ttw:p-6",
+								children: [
+									/* @__PURE__ */ j("div", {
+										className: "ttw:flex ttw:flex-col ttw:gap-2.5 ttw:pb-4",
+										children: [/* @__PURE__ */ A(E, {
+											variant: "h4",
+											children: Z.lineItemsHeading
+										}), /* @__PURE__ */ A(E, {
+											variant: "body2",
+											color: "muted",
+											className: "ttw:font-medium",
+											children: Z.lineItemsDescription
+										})]
+									}),
+									F?.lineItemsSummary?.length ? /* @__PURE__ */ A(e, {
+										variant: "destructive",
+										className: "ttw:mb-2",
+										children: /* @__PURE__ */ A(t, { children: /* @__PURE__ */ A("ul", { children: F.lineItemsSummary.map((e) => /* @__PURE__ */ A("li", { children: e }, e)) }) })
+									}) : null,
+									/* @__PURE__ */ j("ul", {
+										className: "ttw:flex ttw:flex-col ttw:gap-2.5",
+										children: [/* @__PURE__ */ j("li", {
+											"aria-hidden": !0,
+											className: "ttw:flex ttw:h-5 ttw:items-center ttw:gap-2.5 ttw:text-sm ttw:leading-5 ttw:font-medium",
+											children: [
+												/* @__PURE__ */ A("span", {
+													className: "ttw:inline-flex ttw:min-w-30 ttw:flex-1 ttw:whitespace-nowrap",
+													children: Z.productLabel
+												}),
+												/* @__PURE__ */ A("span", {
+													className: "ttw:w-24 ttw:min-w-24",
+													children: Z.quantityLabel
+												}),
+												/* @__PURE__ */ A("span", {
+													className: "ttw:w-20.5 ttw:min-w-20.5",
+													children: Z.unitLabel
+												}),
+												/* @__PURE__ */ A("span", {
+													className: "ttw:w-full ttw:max-w-41 ttw:min-w-29",
+													children: Z.priceLabel
+												}),
+												/* @__PURE__ */ A("span", {
+													className: "ttw:w-12 ttw:min-w-12",
+													children: Z.taxableLabel
+												}),
+												P.lineItems.length > 1 && /* @__PURE__ */ A("span", { className: "ttw:w-10 ttw:min-w-10" })
+											]
+										}), V ? /* @__PURE__ */ A("li", {
+											className: "ttw:flex ttw:h-9 ttw:items-center ttw:justify-center",
+											children: /* @__PURE__ */ A(T, { className: "ttw:size-5" })
+										}) : P.lineItems.map((e) => /* @__PURE__ */ A(te, {
+											formId: Q,
+											lineItem: e,
+											errors: F?.lineItems?.[e.id],
+											controls: z?.[e.id],
+											focusOnMount: e.id === B,
+											canRemove: P.lineItems.length > 1,
+											unitOptions: ne,
+											currencySymbol: re,
+											labels: Z,
+											renderProductSelector: W,
+											onChange: (t) => K(e.id, t),
+											onCommit: (t) => q(e.id, t),
+											onQuantityStep: (t) => J(e.id, t),
+											onManageUnits: ie,
+											onRemove: () => oe(e.id)
+										}, e.id))]
+									}),
+									/* @__PURE__ */ j(n, {
+										type: "button",
+										variant: "ghost",
+										className: "ttw:w-fit ttw:text-primary ttw:hover:text-primary",
+										onClick: ae,
+										children: [/* @__PURE__ */ A(N, { className: "ttw:size-5 ttw:text-primary" }), Z.addLineItemButton]
+									}),
+									/* @__PURE__ */ A(i, { children: /* @__PURE__ */ j(a, {
+										className: "ttw:flex-row ttw:justify-end",
+										children: [/* @__PURE__ */ A(o, {
+											htmlFor: `${Q}-tax-rate`,
+											children: Z.taxRateLabel
+										}), /* @__PURE__ */ j(c, {
+											className: "ttw:w-40 ttw:has-[>[data-align=inline-end]]:[&>input]:pr-0",
+											children: [/* @__PURE__ */ A(u, {
+												id: `${Q}-tax-rate`,
+												className: "ttw:text-right",
+												placeholder: Z.taxRatePlaceholder,
+												type: "text",
+												inputMode: "decimal",
+												value: P.taxRate,
+												onChange: (e) => G({ taxRate: e.target.value }),
+												onBlur: Y
+											}), /* @__PURE__ */ A(l, {
+												align: "inline-end",
+												children: Z.taxRateSuffix
+											})]
+										})]
+									}) })
+								]
+							}),
+							se,
+							/* @__PURE__ */ A(k, {
+								idPrefix: Q,
+								openingNote: P.openingNote,
+								closingNote: P.closingNote,
+								openingNoteError: F?.openingNote,
+								closingNoteError: F?.closingNote,
+								disabled: H,
+								onOpeningNoteChange: (e) => G({ openingNote: e }),
+								onClosingNoteChange: (e) => G({ closingNote: e }),
+								labels: Z
+							}),
+							ce
 						]
 					})
-				]
-			}),
-			/* @__PURE__ */ m(i, { children: [/* @__PURE__ */ p(e, {
-				variant: "ghost",
-				onClick: C,
-				children: T.cancelButton
-			}), /* @__PURE__ */ p(e, {
-				loading: b,
-				onClick: S,
-				children: T.submitButton
-			})] })
-		] })
+				}),
+				/* @__PURE__ */ A(S, { children: /* @__PURE__ */ j("div", {
+					className: "ttw:flex ttw:justify-end ttw:gap-2",
+					children: [/* @__PURE__ */ A(n, {
+						type: "button",
+						variant: "ghost",
+						disabled: X,
+						onClick: de,
+						children: Z.cancelButton
+					}), /* @__PURE__ */ A(n, {
+						type: "submit",
+						form: Q,
+						loading: H,
+						disabled: le,
+						children: M === "edit" ? Z.updateButton : Z.createButton
+					})]
+				}) })
+			]
+		})
 	});
 }
 //#endregion
-export { g as ReceivablePaymentDialog, g as default };
+export { R as ReceivableFormSheet, R as default };