@tesouro/embedded-components-react 0.5.268 → 0.5.270

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

@@ -1,502 +1,2 @@
-import { Alert as e, AlertDescription as t, Button as n, Checkbox as r, Dialog as i, DialogContent as a, DialogDescription as o, DialogFooter as s, DialogHeader as c, DialogTitle as l, Field as u, FieldContent as d, FieldError as f, FieldLabel as p, Input as m, Label as h, Select as g, SelectContent as _, SelectItem as v, SelectTrigger as y, SelectValue as b, Separator as x, Spinner as S, Typography as C, cn as w } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { RECEIVABLE_FORM_DIALOG_LABELS_EN as ee } from "./index13.js";
-import { ReceivableFormTotals as te } from "./index36.js";
-import { ReceivableNotesSection as T } from "./index37.js";
-import { useId as ne } from "react";
-import { Fragment as re, jsx as E, jsxs as D } from "react/jsx-runtime";
-import { MinusIcon as O, PlusIcon as k, Trash2Icon as A, XIcon as ie } from "lucide-react";
-//#region ../../libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index38.js
-var j = "__none__", M = "__manage__", N = "ttw:flex ttw:h-9 ttw:min-w-0 ttw:items-center ttw:rounded-md ttw:border ttw:border-input ttw:shadow-xs ttw:transition-[color,box-shadow] ttw:has-[input:focus-visible]:border-ring ttw:has-[input:focus-visible]:ring-[3px] ttw:has-[input:focus-visible]:ring-ring/50 ttw:has-[[aria-invalid=true]]:border-destructive", P = "ttw:h-full ttw:min-w-0 ttw:flex-1 ttw:bg-transparent ttw:text-right ttw:text-base ttw:outline-none ttw:placeholder:text-muted-foreground ttw:disabled:cursor-not-allowed ttw:disabled:opacity-50 ttw:md:text-sm", F = "ttw:flex ttw:items-center ttw:text-sm ttw:font-medium ttw:text-muted-foreground ttw:select-none", I = "ttw:flex ttw:size-6 ttw:shrink-0 ttw:cursor-pointer ttw:items-center ttw:justify-center ttw:rounded-[calc(var(--radius)-5px)] ttw:text-muted-foreground ttw:outline-none ttw:transition-all ttw:hover:bg-accent ttw:hover:text-accent-foreground ttw:focus-visible:ring-[3px] ttw:focus-visible:ring-ring/50 ttw:disabled:pointer-events-none ttw:disabled:opacity-50";
-function L({ message: e }) {
-	return e ? /* @__PURE__ */ E("p", {
-		className: "ttw:text-sm ttw:text-destructive",
-		children: e
-	}) : null;
-}
-function ae({ formId: e, lineItem: t, errors: i, controls: a, focusOnMount: o, canRemove: s, unitOptions: c, currencySymbol: l, labels: u, renderProductSelector: d, onChange: f, onCommit: p, onQuantityStep: m, onManageUnits: h, onRemove: x }) {
-	let S = `${e}-line-${t.id}`;
-	return /* @__PURE__ */ D("li", {
-		className: "ttw:flex ttw:h-9 ttw:items-center ttw:gap-2.5",
-		children: [
-			/* @__PURE__ */ E("div", {
-				className: "ttw:min-w-30 ttw:flex-1",
-				children: d(t, {
-					inputId: `${S}-name`,
-					invalid: !!i?.name,
-					focusOnMount: o
-				})
-			}),
-			/* @__PURE__ */ D("div", {
-				className: w(N, "ttw:w-26 ttw:min-w-26 ttw:px-[0.3rem]"),
-				children: [
-					/* @__PURE__ */ E("button", {
-						type: "button",
-						"aria-label": u.decreaseQuantityButton,
-						disabled: a ? !a.canDecreaseQuantity : !1,
-						className: I,
-						onClick: () => m(-1),
-						children: /* @__PURE__ */ E(O, { className: "ttw:size-3.5" })
-					}),
-					/* @__PURE__ */ E("input", {
-						id: `${S}-quantity`,
-						"aria-label": u.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) => f({ quantity: e.target.value }),
-						onBlur: () => p("quantity")
-					}),
-					/* @__PURE__ */ E("button", {
-						type: "button",
-						"aria-label": u.increaseQuantityButton,
-						disabled: a ? !a.canIncreaseQuantity : !1,
-						className: I,
-						onClick: () => m(1),
-						children: /* @__PURE__ */ E(k, { className: "ttw:size-3.5" })
-					})
-				]
-			}),
-			/* @__PURE__ */ D(g, {
-				value: t.unit || j,
-				onValueChange: (e) => {
-					if (e === M) {
-						h?.();
-						return;
-					}
-					f({ unit: e === j ? "" : e });
-				},
-				children: [/* @__PURE__ */ E(y, {
-					id: `${S}-unit`,
-					"aria-label": u.unitLabel,
-					"aria-invalid": !!i?.measureUnit || void 0,
-					className: "ttw:w-22",
-					children: /* @__PURE__ */ E(b, {
-						className: "ttw:truncate",
-						placeholder: u.unitPlaceholder
-					})
-				}), /* @__PURE__ */ D(_, { children: [
-					h && /* @__PURE__ */ D(v, {
-						value: M,
-						className: "ttw:font-semibold ttw:text-primary ttw:hover:text-primary ttw:focus:text-primary",
-						children: [/* @__PURE__ */ E(k, { className: "ttw:text-primary" }), u.manageUnitsOption]
-					}),
-					/* @__PURE__ */ E(v, {
-						value: j,
-						children: u.unitNone
-					}),
-					c.map((e) => /* @__PURE__ */ E(v, {
-						value: e.value,
-						children: e.label
-					}, e.value))
-				] })]
-			}),
-			/* @__PURE__ */ D("div", {
-				className: w(N, "ttw:w-full ttw:max-w-41 ttw:min-w-29"),
-				children: [/* @__PURE__ */ E("span", {
-					className: w(F, "ttw:pl-3"),
-					children: l
-				}), /* @__PURE__ */ E("input", {
-					id: `${S}-price`,
-					"aria-label": u.priceLabel,
-					"aria-invalid": !!i?.price || void 0,
-					type: "text",
-					inputMode: "decimal",
-					className: w(P, "ttw:pr-3 ttw:pl-2"),
-					value: t.price,
-					onChange: (e) => f({ price: e.target.value }),
-					onBlur: () => p("price")
-				})]
-			}),
-			/* @__PURE__ */ E("div", {
-				className: "ttw:flex ttw:w-12 ttw:min-w-12 ttw:items-center ttw:justify-center",
-				children: /* @__PURE__ */ E(r, {
-					id: `${S}-taxable`,
-					"aria-label": u.taxableLabel,
-					checked: t.taxable,
-					onCheckedChange: (e) => f({ taxable: e === !0 })
-				})
-			}),
-			s && /* @__PURE__ */ E(n, {
-				type: "button",
-				variant: "ghost",
-				size: "sm",
-				"aria-label": u.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: x,
-				children: /* @__PURE__ */ E(A, {})
-			})
-		]
-	});
-}
-function oe({ inputId: e, discountType: t, value: n, error: r, currencySymbol: i, disabled: a, labels: o, onChange: s, onTypeChange: c, onFocus: l, onBlur: m }) {
-	let h = `${e}-error`, g = [{
-		type: "amount",
-		label: i,
-		ariaLabel: o.discountAmountOptionAriaLabel
-	}, {
-		type: "percentage",
-		label: o.discountPercentageOption,
-		ariaLabel: o.discountPercentageOptionAriaLabel
-	}];
-	return /* @__PURE__ */ D(u, {
-		className: "ttw:flex-col",
-		children: [/* @__PURE__ */ D(d, {
-			className: "ttw:flex-row ttw:items-center ttw:justify-end",
-			children: [/* @__PURE__ */ E(p, {
-				htmlFor: e,
-				className: w(r && "ttw:text-destructive"),
-				children: o.discountLabel
-			}), /* @__PURE__ */ D("div", {
-				className: w(N, "ttw:w-40 ttw:overflow-hidden"),
-				children: [/* @__PURE__ */ E("div", {
-					className: w(F, "ttw:items-stretch ttw:self-stretch"),
-					children: g.map((e) => /* @__PURE__ */ E("button", {
-						type: "button",
-						"aria-label": e.ariaLabel,
-						"aria-pressed": t === e.type,
-						disabled: a,
-						className: w("ttw:h-full ttw:w-9 ttw:cursor-pointer ttw:border-r ttw:border-input ttw:text-sm ttw:transition-colors ttw:disabled:pointer-events-none ttw:disabled:opacity-50", t === e.type ? "ttw:bg-primary ttw:text-primary-foreground" : "ttw:text-muted-foreground ttw:hover:bg-muted ttw:hover:text-foreground"),
-						onClick: () => c(e.type),
-						children: e.label
-					}, e.type))
-				}), /* @__PURE__ */ E("input", {
-					id: e,
-					type: "text",
-					inputMode: "decimal",
-					className: w(P, "ttw:pr-3 ttw:pl-2"),
-					"aria-invalid": !!r || void 0,
-					"aria-describedby": r ? h : void 0,
-					disabled: a,
-					value: n,
-					onChange: (e) => s(e.target.value),
-					onFocus: l,
-					onBlur: m
-				})]
-			})]
-		}), r && /* @__PURE__ */ E(f, {
-			id: h,
-			className: "ttw:text-right",
-			children: r
-		})]
-	});
-}
-function R({ open: r, onRequestClose: g, mode: _ = "create", values: v, errors: y, unitOptions: b, currencySymbol: O, lineItemControls: A, autoFocusLineItemId: j, lineItemsLoading: M, inProgress: I, customerSelector: R, renderProductSelector: se, onChange: z, onLineItemChange: B, onLineItemCommit: V, onLineItemQuantityStep: H, onTaxRateCommit: U, onDiscountFocus: W, onDiscountCommit: G, totals: K, onManageUnits: ce, onAddLineItem: le, onRemoveLineItem: ue, showDueDateField: q, onAddCustomerDetailsClick: J, billingSection: de, bankAccountSection: fe, attachmentsSection: pe, preview: me, closeDisabled: he, cancelDisabled: ge, draftButtonLabel: Y, draftDisabled: _e, draftLoading: ve, primaryButtonLabel: ye, primaryDisabled: be, primaryLoading: xe, scrollContainerRef: X, onSubmit: Se, onDraftClick: Ce, onPrimaryClick: we, labels: Te }) {
-	let Z = {
-		...ee,
-		...Te
-	}, Q = ne(), $ = _ === "edit";
-	return /* @__PURE__ */ E(i, {
-		open: r,
-		onOpenChange: (e) => {
-			e || g();
-		},
-		modal: !1,
-		children: /* @__PURE__ */ D(a, {
-			fullScreen: !0,
-			className: "ttw:flex ttw:flex-col ttw:gap-0 ttw:overflow-hidden ttw:p-0",
-			onInteractOutside: (e) => e.preventDefault(),
-			children: [/* @__PURE__ */ D(c, {
-				className: "ttw:w-full ttw:flex-row ttw:items-center ttw:justify-between ttw:border-b ttw:border-border ttw:px-6 ttw:pt-6 ttw:pb-7",
-				children: [/* @__PURE__ */ D("div", {
-					className: "ttw:flex ttw:flex-col ttw:gap-1.5",
-					children: [/* @__PURE__ */ E(l, {
-						className: "ttw:text-3xl ttw:tracking-normal",
-						children: _ === "edit" ? Z.editTitle : Z.createTitle
-					}), /* @__PURE__ */ E(o, {
-						className: w(_ === "edit" && "ttw:sr-only"),
-						children: _ === "edit" ? Z.editDescription : Z.createDescription
-					})]
-				}), /* @__PURE__ */ E(n, {
-					type: "button",
-					variant: "ghost",
-					className: "ttw:p-2 ttw:has-[>svg]:px-2",
-					"aria-label": Z.closeButton,
-					disabled: he,
-					onClick: g,
-					children: /* @__PURE__ */ E(ie, { className: "ttw:size-6.5" })
-				})]
-			}), /* @__PURE__ */ D("div", {
-				className: "ttw:flex ttw:min-h-0 ttw:flex-1",
-				children: [/* @__PURE__ */ D("div", {
-					ref: X,
-					className: "ttw:h-full ttw:min-h-0 ttw:w-1/2 ttw:overflow-auto ttw:px-8 ttw:pt-6",
-					children: [/* @__PURE__ */ D("form", {
-						id: Q,
-						noValidate: !0,
-						className: "ttw:pb-10",
-						onSubmit: (e) => {
-							e.preventDefault(), e.stopPropagation(), Se();
-						},
-						children: [/* @__PURE__ */ E("button", {
-							type: "submit",
-							className: "ttw:sr-only",
-							tabIndex: -1,
-							"aria-hidden": "true"
-						}), /* @__PURE__ */ D("div", {
-							className: "ttw:flex ttw:flex-col ttw:gap-8",
-							children: [
-								/* @__PURE__ */ D("div", {
-									className: "ttw:flex ttw:flex-col ttw:gap-2.5 ttw:rounded-xl ttw:border ttw:border-border ttw:p-6",
-									children: [
-										/* @__PURE__ */ D("div", {
-											className: "ttw:flex ttw:flex-col ttw:gap-2.5 ttw:pb-4",
-											children: [/* @__PURE__ */ E(C, {
-												variant: "h4",
-												children: Z.customerHeading
-											}), /* @__PURE__ */ E(C, {
-												variant: "body2",
-												color: "muted",
-												className: "ttw:font-medium",
-												children: Z.customerDescription
-											})]
-										}),
-										R,
-										/* @__PURE__ */ E(L, { message: y?.customerId }),
-										!v.customerId && /* @__PURE__ */ D(re, { children: [/* @__PURE__ */ E(u, { children: /* @__PURE__ */ D(d, { children: [
-											/* @__PURE__ */ E(p, {
-												htmlFor: `${Q}-customer-email`,
-												children: Z.customerEmailLabel
-											}),
-											/* @__PURE__ */ E(m, {
-												id: `${Q}-customer-email`,
-												type: "email",
-												disabled: I,
-												"aria-invalid": !!y?.customerEmail || void 0,
-												"aria-describedby": y?.customerEmail ? `${Q}-customer-email-error` : void 0,
-												value: v.customerEmail,
-												onChange: (e) => z({ customerEmail: e.target.value })
-											}),
-											y?.customerEmail && /* @__PURE__ */ E(f, {
-												id: `${Q}-customer-email-error`,
-												children: y.customerEmail
-											})
-										] }) }), J && /* @__PURE__ */ D(n, {
-											type: "button",
-											variant: "ghost",
-											disabled: I,
-											className: "ttw:w-fit ttw:text-primary ttw:hover:text-primary",
-											onClick: J,
-											children: [/* @__PURE__ */ E(k, {}), Z.addCustomerDetailsButton]
-										})] })
-									]
-								}),
-								($ || q) && /* @__PURE__ */ D("div", {
-									className: "ttw:grid ttw:grid-cols-2 ttw:gap-4",
-									children: [$ && /* @__PURE__ */ D("div", {
-										className: "ttw:flex ttw:flex-col ttw:gap-1.5",
-										children: [
-											/* @__PURE__ */ E(h, {
-												htmlFor: `${Q}-issue-date`,
-												children: Z.issueDateLabel
-											}),
-											/* @__PURE__ */ E(m, {
-												id: `${Q}-issue-date`,
-												type: "date",
-												value: v.issueDate,
-												onChange: (e) => z({ issueDate: e.target.value })
-											}),
-											/* @__PURE__ */ E(L, { message: y?.issueDate })
-										]
-									}), q && /* @__PURE__ */ D("div", {
-										className: "ttw:flex ttw:flex-col ttw:gap-1.5",
-										children: [
-											/* @__PURE__ */ E(h, {
-												htmlFor: `${Q}-due-date`,
-												children: Z.dueDateLabel
-											}),
-											/* @__PURE__ */ E(m, {
-												id: `${Q}-due-date`,
-												type: "date",
-												value: v.dueDate,
-												onChange: (e) => z({ dueDate: e.target.value })
-											}),
-											/* @__PURE__ */ E(L, { message: y?.dueDate })
-										]
-									})]
-								}),
-								de,
-								/* @__PURE__ */ D("div", {
-									className: "ttw:flex ttw:flex-col ttw:gap-2.5 ttw:rounded-xl ttw:border ttw:border-border ttw:p-6",
-									children: [
-										/* @__PURE__ */ D("div", {
-											className: "ttw:flex ttw:flex-col ttw:gap-2.5 ttw:pb-4",
-											children: [/* @__PURE__ */ E(C, {
-												variant: "h4",
-												children: Z.lineItemsHeading
-											}), /* @__PURE__ */ E(C, {
-												variant: "body2",
-												color: "muted",
-												className: "ttw:font-medium",
-												children: Z.lineItemsDescription
-											})]
-										}),
-										y?.lineItemsSummary?.length ? /* @__PURE__ */ E(e, {
-											variant: "destructive",
-											className: "ttw:mb-2",
-											children: /* @__PURE__ */ E(t, { children: /* @__PURE__ */ E("ul", { children: y.lineItemsSummary.map((e) => /* @__PURE__ */ E("li", { children: e }, e)) }) })
-										}) : null,
-										/* @__PURE__ */ D("ul", {
-											className: "ttw:flex ttw:flex-col ttw:gap-2.5",
-											children: [/* @__PURE__ */ D("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__ */ E("span", {
-														className: "ttw:inline-flex ttw:min-w-30 ttw:flex-1 ttw:whitespace-nowrap",
-														children: Z.productLabel
-													}),
-													/* @__PURE__ */ E("span", {
-														className: "ttw:w-24 ttw:min-w-24",
-														children: Z.quantityLabel
-													}),
-													/* @__PURE__ */ E("span", {
-														className: "ttw:w-20.5 ttw:min-w-20.5",
-														children: Z.unitLabel
-													}),
-													/* @__PURE__ */ E("span", {
-														className: "ttw:w-full ttw:max-w-41 ttw:min-w-29",
-														children: Z.priceLabel
-													}),
-													/* @__PURE__ */ E("span", {
-														className: "ttw:w-12 ttw:min-w-12",
-														children: Z.taxableLabel
-													}),
-													v.lineItems.length > 1 && /* @__PURE__ */ E("span", { className: "ttw:w-10 ttw:min-w-10" })
-												]
-											}), M ? /* @__PURE__ */ E("li", {
-												className: "ttw:flex ttw:h-9 ttw:items-center ttw:justify-center",
-												children: /* @__PURE__ */ E(S, { className: "ttw:size-5" })
-											}) : v.lineItems.map((e) => /* @__PURE__ */ E(ae, {
-												formId: Q,
-												lineItem: e,
-												errors: y?.lineItems?.[e.id],
-												controls: A?.[e.id],
-												focusOnMount: e.id === j,
-												canRemove: v.lineItems.length > 1,
-												unitOptions: b,
-												currencySymbol: O,
-												labels: Z,
-												renderProductSelector: se,
-												onChange: (t) => B(e.id, t),
-												onCommit: (t) => V(e.id, t),
-												onQuantityStep: (t) => H(e.id, t),
-												onManageUnits: ce,
-												onRemove: () => ue(e.id)
-											}, e.id))]
-										}),
-										/* @__PURE__ */ D(n, {
-											type: "button",
-											variant: "ghost",
-											className: "ttw:w-fit ttw:text-primary ttw:hover:text-primary",
-											onClick: le,
-											children: [/* @__PURE__ */ E(k, { className: "ttw:size-5 ttw:text-primary" }), Z.addLineItemButton]
-										}),
-										/* @__PURE__ */ E(oe, {
-											inputId: `${Q}-discount`,
-											discountType: v.discountType,
-											value: v.discount,
-											error: y?.discount,
-											currencySymbol: O,
-											disabled: I,
-											labels: Z,
-											onChange: (e) => z({ discount: e }),
-											onTypeChange: (e) => z({ discountType: e }),
-											onFocus: W,
-											onBlur: G
-										}),
-										/* @__PURE__ */ D(u, {
-											className: "ttw:flex-col",
-											children: [/* @__PURE__ */ D(d, {
-												className: "ttw:flex-row ttw:justify-end",
-												children: [/* @__PURE__ */ E(p, {
-													htmlFor: `${Q}-tax-rate`,
-													className: w(y?.taxRate && "ttw:text-destructive"),
-													children: Z.taxRateLabel
-												}), /* @__PURE__ */ D("div", {
-													className: w(N, "ttw:w-40"),
-													children: [/* @__PURE__ */ E("input", {
-														id: `${Q}-tax-rate`,
-														className: w(P, "ttw:pl-3"),
-														placeholder: Z.taxRatePlaceholder,
-														type: "text",
-														inputMode: "decimal",
-														"aria-invalid": !!y?.taxRate || void 0,
-														"aria-describedby": y?.taxRate ? `${Q}-tax-rate-error` : void 0,
-														value: v.taxRate,
-														onChange: (e) => z({ taxRate: e.target.value }),
-														onBlur: U
-													}), /* @__PURE__ */ E("span", {
-														className: w(F, "ttw:pr-3"),
-														children: Z.taxRateSuffix
-													})]
-												})]
-											}), y?.taxRate && /* @__PURE__ */ E(f, {
-												id: `${Q}-tax-rate-error`,
-												className: "ttw:text-right",
-												children: y.taxRate
-											})]
-										}),
-										/* @__PURE__ */ E(x, {}),
-										/* @__PURE__ */ E(te, {
-											totals: K,
-											labels: Z
-										})
-									]
-								}),
-								fe,
-								/* @__PURE__ */ E(T, {
-									idPrefix: Q,
-									openingNote: v.openingNote,
-									closingNote: v.closingNote,
-									openingNoteError: y?.openingNote,
-									closingNoteError: y?.closingNote,
-									disabled: I,
-									onOpeningNoteChange: (e) => z({ openingNote: e }),
-									onClosingNoteChange: (e) => z({ closingNote: e }),
-									labels: Z
-								}),
-								pe
-							]
-						})]
-					}), /* @__PURE__ */ D(s, {
-						className: "ttw:sticky ttw:bottom-0 ttw:z-10 ttw:flex-row ttw:items-center ttw:justify-end ttw:gap-4 ttw:bg-background ttw:px-6 ttw:pt-3 ttw:pb-6",
-						children: [
-							/* @__PURE__ */ E(n, {
-								type: "button",
-								variant: "outline",
-								className: "ttw:border-border",
-								disabled: ge,
-								onClick: g,
-								children: Z.cancelButton
-							}),
-							Y && /* @__PURE__ */ E(n, {
-								type: "submit",
-								form: Q,
-								variant: "secondary",
-								loading: ve,
-								disabled: _e,
-								onClick: Ce,
-								children: Y
-							}),
-							/* @__PURE__ */ E(n, {
-								type: "submit",
-								form: Q,
-								loading: xe,
-								disabled: be,
-								onClick: we,
-								children: ye
-							})
-						]
-					})]
-				}), /* @__PURE__ */ E("div", {
-					className: "ttw:h-full ttw:min-h-0 ttw:w-1/2 ttw:overflow-auto ttw:bg-linear-to-b ttw:from-[#F6F6F6] ttw:to-[#E4E4FF]",
-					children: me
-				})]
-			})]
-		})
-	});
-}
-//#endregion
-export { R as ReceivableFormDialog, R as default };
+import "./index25.js";
+import "./index37.js";