@tesouro/embedded-components-react 0.5.230 → 0.5.232

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

@@ -1,249 +1 @@
-import { Button as e, Input as t, Label as n, RadioGroup as r, RadioGroupItem as i, Switch as a, Typography as o } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { RECEIVABLE_FORM_SHEET_LABELS_EN as s } from "./index9.js";
-import { Fragment as c } from "react";
-import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
-import { PlusIcon as f } from "lucide-react";
-//#region ../../libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index39.js
-function p(e) {
-	e.key === "Enter" && e.preventDefault();
-}
-var m = "ttw:border ttw:border-border ttw:rounded-lg ttw:min-h-28 ttw:p-2.5 ttw:flex ttw:w-full ttw:flex-col ttw:gap-4 ttw:xl:w-1/2";
-function h({ id: e, value: t, label: r }) {
-	return /* @__PURE__ */ d("li", {
-		className: "ttw:flex ttw:items-center ttw:gap-2",
-		children: [/* @__PURE__ */ u(i, {
-			value: t,
-			id: e
-		}), /* @__PURE__ */ u(n, {
-			htmlFor: e,
-			className: "ttw:text-sm ttw:font-normal ttw:leading-snug",
-			children: r
-		})]
-	});
-}
-function g({ idPrefix: e, options: t, selectedId: n, noneLabel: i, onSelect: a }) {
-	return /* @__PURE__ */ u(r, {
-		className: "ttw:contents",
-		value: n,
-		onValueChange: a,
-		children: /* @__PURE__ */ d("ul", {
-			className: "ttw:flex ttw:flex-col ttw:gap-3",
-			children: [/* @__PURE__ */ u(h, {
-				id: `${e}-none`,
-				value: "",
-				label: i
-			}), t.map((t) => /* @__PURE__ */ u(h, {
-				id: `${e}-${t.value}`,
-				value: t.value,
-				label: t.label
-			}, t.value))]
-		})
-	});
-}
-function _({ direction: e, directionClassName: t, labels: n }) {
-	return /* @__PURE__ */ d(o, {
-		variant: "body2",
-		children: [
-			n.reminderNumberOfDays,
-			" ",
-			/* @__PURE__ */ u("span", {
-				className: t,
-				children: e
-			}),
-			" ",
-			n.reminderDueDate
-		]
-	});
-}
-function v({ idPrefix: n, view: r, labels: i, onSelect: a, onInputChange: s, onSave: c }) {
-	let { create: l } = r, f = `${n}-error`;
-	return /* @__PURE__ */ d("div", {
-		className: m,
-		children: [
-			/* @__PURE__ */ u(_, {
-				direction: i.reminderBefore,
-				directionClassName: "ttw:text-green-700 ttw:font-bold",
-				labels: i
-			}),
-			/* @__PURE__ */ u(g, {
-				idPrefix: `${n}-option`,
-				options: r.options,
-				selectedId: r.selectedId,
-				noneLabel: i.reminderNone,
-				onSelect: a
-			}),
-			l && /* @__PURE__ */ d("div", {
-				className: "ttw:flex ttw:flex-col ttw:gap-2.5",
-				children: [
-					l.caption && /* @__PURE__ */ u(o, {
-						variant: "caption",
-						color: "muted",
-						children: l.caption
-					}),
-					/* @__PURE__ */ d("div", {
-						className: "ttw:flex ttw:items-center ttw:gap-2.5",
-						children: [
-							/* @__PURE__ */ u(t, {
-								type: "text",
-								inputMode: "numeric",
-								value: l.value,
-								onChange: (e) => s(e.target.value),
-								onKeyDown: p,
-								disabled: l.inputDisabled,
-								className: "ttw:text-right ttw:w-full ttw:p-1.5 ttw:max-w-56",
-								placeholder: i.reminderPlaceholder,
-								"aria-label": i.reminderBeforeDueInputLabel,
-								"aria-invalid": !!l.error,
-								"aria-describedby": l.error ? f : void 0
-							}),
-							/* @__PURE__ */ u(o, {
-								variant: "body2",
-								children: l.unitLabel
-							}),
-							/* @__PURE__ */ u(e, {
-								type: "button",
-								variant: "secondary",
-								className: "ttw:hover:brightness-95 ttw:text-secondary-foreground ttw:text-xs",
-								disabled: l.saveDisabled,
-								loading: l.isSaving,
-								onClick: c,
-								children: i.reminderSaveButton
-							})
-						]
-					}),
-					l.error && /* @__PURE__ */ u(o, {
-						id: f,
-						variant: "caption",
-						color: "destructive",
-						children: l.error
-					})
-				]
-			}),
-			r.warning && /* @__PURE__ */ u(o, {
-				variant: "body2",
-				className: "ttw:text-amber-700",
-				children: r.warning
-			})
-		]
-	});
-}
-function y({ idPrefix: n, view: r, labels: i, onSelect: a, onTermChange: s, onAddTerm: l, onClear: h, onSave: v }) {
-	let { create: y } = r;
-	return /* @__PURE__ */ d("div", {
-		className: m,
-		children: [
-			/* @__PURE__ */ u(_, {
-				direction: i.reminderAfter,
-				directionClassName: "ttw:text-destructive ttw:font-bold",
-				labels: i
-			}),
-			/* @__PURE__ */ u(g, {
-				idPrefix: `${n}-option`,
-				options: r.options,
-				selectedId: r.selectedId,
-				noneLabel: i.reminderNone,
-				onSelect: a
-			}),
-			y && /* @__PURE__ */ d("div", {
-				className: "ttw:flex ttw:flex-col ttw:gap-2.5",
-				children: [
-					/* @__PURE__ */ u(o, {
-						variant: "caption",
-						color: "muted",
-						children: y.caption
-					}),
-					/* @__PURE__ */ d("div", {
-						className: "ttw:flex ttw:items-center ttw:gap-2.5",
-						children: [y.terms.map((e, n) => /* @__PURE__ */ d(c, { children: [/* @__PURE__ */ u(t, {
-							type: "text",
-							inputMode: "numeric",
-							value: e.value,
-							onChange: (e) => s(n, e.target.value),
-							onKeyDown: p,
-							disabled: y.inputsDisabled,
-							className: "ttw:text-right ttw:w-15 ttw:p-1.5",
-							placeholder: e.showPlaceholder ? i.reminderPlaceholder : void 0,
-							"aria-label": e.ariaLabel
-						}), /* @__PURE__ */ u(o, {
-							variant: "body2",
-							children: e.unitLabel
-						})] }, n)), y.showAddTerm && /* @__PURE__ */ d(e, {
-							type: "button",
-							variant: "ghost",
-							className: "ttw:text-xs ttw:text-primary ttw:hover:text-primary",
-							disabled: y.addTermDisabled,
-							onClick: l,
-							children: [/* @__PURE__ */ u(f, {}), i.reminderAddTermButton]
-						})]
-					}),
-					/* @__PURE__ */ d("div", {
-						className: "ttw:flex ttw:items-center ttw:gap-2.5",
-						children: [/* @__PURE__ */ u(e, {
-							type: "button",
-							variant: "ghost",
-							className: "ttw:text-xs",
-							disabled: y.clearDisabled,
-							onClick: h,
-							children: i.reminderClearButton
-						}), /* @__PURE__ */ u(e, {
-							type: "button",
-							variant: "secondary",
-							className: "ttw:hover:brightness-95 ttw:text-secondary-foreground ttw:text-xs",
-							disabled: y.saveDisabled,
-							loading: y.isSaving,
-							onClick: v,
-							children: i.reminderSaveButton
-						})]
-					})
-				]
-			})
-		]
-	});
-}
-function b({ idPrefix: e, view: t, onToggle: n, onPaymentReminderSelect: r, onOverdueReminderSelect: i, onBeforeDueInputChange: c, onBeforeDueSave: f, onOverdueTermChange: p, onOverdueAddTerm: m, onOverdueClear: h, onOverdueSave: g, labels: _ }) {
-	let b = {
-		...s,
-		..._
-	}, { cards: x } = t;
-	return /* @__PURE__ */ d("section", {
-		className: "ttw:flex ttw:flex-col ttw:gap-6",
-		children: [/* @__PURE__ */ d("div", {
-			className: "ttw:flex ttw:items-center ttw:gap-3",
-			children: [/* @__PURE__ */ u(a, {
-				checked: t.checked,
-				disabled: t.toggleDisabled,
-				onCheckedChange: n,
-				"aria-label": b.remindersToggleLabel
-			}), /* @__PURE__ */ u(o, {
-				variant: "body2",
-				children: b.remindersDescription
-			})]
-		}), x && /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ d("div", {
-			className: "ttw:flex ttw:flex-col ttw:gap-4 ttw:w-full ttw:xl:flex-row",
-			children: [x.beforeDue && /* @__PURE__ */ u(v, {
-				idPrefix: `${e}-before`,
-				view: x.beforeDue,
-				labels: b,
-				onSelect: r,
-				onInputChange: c,
-				onSave: f
-			}), /* @__PURE__ */ u(y, {
-				idPrefix: `${e}-overdue`,
-				view: x.overdue,
-				labels: b,
-				onSelect: i,
-				onTermChange: p,
-				onAddTerm: m,
-				onClear: h,
-				onSave: g
-			})]
-		}), /* @__PURE__ */ u(o, {
-			variant: "body2",
-			color: "muted",
-			className: "ttw:font-medium",
-			children: b.remindersLibraryNote
-		})] })]
-	});
-}
-//#endregion
-export { b as ReceivableRemindersSection };
+import "./index38.js";

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

@@ -1,93 +1,100 @@
-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, Textarea as l } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { RECEIVABLE_SEND_DIALOG_LABELS_EN as u } from "./index9.js";
-import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { Button as e, Dialog as t, DialogContent as n, DialogDescription as r, DialogFooter as i, DialogHeader as a, DialogTitle as o, Field as s, FieldContent as c, FieldLabel as l, Input as u, InputTags as d, Textarea as f, Typography as p } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { RECEIVABLE_RECURRENCE_EMAIL_DIALOG_LABELS_EN as m } from "./index8.js";
+import { jsx as h, jsxs as g } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index40.js
-function p({ message: e }) {
-	return e ? /* @__PURE__ */ d("p", {
-		className: "ttw:text-sm ttw:text-destructive",
-		children: e
-	}) : null;
-}
-function m({ open: m, onOpenChange: h, values: g, errors: _, inProgress: v, onChange: y, onSubmit: b, onCancel: x, labels: S }) {
+function _({ idPrefix: _, view: v, onOpenChange: y, onChange: b, onSave: x, labels: S }) {
 	let C = {
-		...u,
+		...m,
 		...S
+	}, w = {
+		to: `${_}-recipients-to`,
+		cc: `${_}-recipients-cc`,
+		bcc: `${_}-recipients-bcc`,
+		subject: `${_}-subject`,
+		message: `${_}-message`
 	};
-	return /* @__PURE__ */ d(t, {
-		open: m,
-		onOpenChange: h,
-		children: /* @__PURE__ */ f(n, { children: [
-			/* @__PURE__ */ f(a, { children: [/* @__PURE__ */ d(o, { children: C.title }), /* @__PURE__ */ d(r, { children: C.description })] }),
-			/* @__PURE__ */ f("div", {
+	return /* @__PURE__ */ h(t, {
+		open: v.open,
+		onOpenChange: y,
+		children: /* @__PURE__ */ g(n, {
+			className: "ttw:sm:max-w-lg",
+			children: [/* @__PURE__ */ g(a, { children: [/* @__PURE__ */ h(o, { children: C.recurrenceEmailTitle }), /* @__PURE__ */ h(r, { children: C.recurrenceEmailDescription })] }), v.ready && /* @__PURE__ */ g("form", {
 				className: "ttw:flex ttw:flex-col ttw:gap-4",
+				onSubmit: (e) => {
+					e.preventDefault(), e.stopPropagation(), v.saveDisabled || x();
+				},
 				children: [
-					_?.form && /* @__PURE__ */ d("p", {
-						className: "ttw:rounded-md ttw:bg-destructive/10 ttw:px-3 ttw:py-2 ttw:text-sm ttw:text-destructive",
-						children: _.form
-					}),
-					/* @__PURE__ */ f("div", {
-						className: "ttw:flex ttw:flex-col ttw:gap-1.5",
-						children: [
-							/* @__PURE__ */ d(c, { children: C.toLabel }),
-							/* @__PURE__ */ d(s, {
-								value: g.to,
-								onChange: (e) => y({ to: e.target.value })
-							}),
-							/* @__PURE__ */ d(p, { message: _?.to })
-						]
-					}),
-					/* @__PURE__ */ f("div", {
-						className: "ttw:grid ttw:grid-cols-2 ttw:gap-4",
-						children: [/* @__PURE__ */ f("div", {
-							className: "ttw:flex ttw:flex-col ttw:gap-1.5",
-							children: [/* @__PURE__ */ d(c, { children: C.ccLabel }), /* @__PURE__ */ d(s, {
-								value: g.cc,
-								onChange: (e) => y({ cc: e.target.value })
-							})]
-						}), /* @__PURE__ */ f("div", {
-							className: "ttw:flex ttw:flex-col ttw:gap-1.5",
-							children: [/* @__PURE__ */ d(c, { children: C.bccLabel }), /* @__PURE__ */ d(s, {
-								value: g.bcc,
-								onChange: (e) => y({ bcc: e.target.value })
-							})]
-						})]
-					}),
-					/* @__PURE__ */ f("div", {
-						className: "ttw:flex ttw:flex-col ttw:gap-1.5",
-						children: [
-							/* @__PURE__ */ d(c, { children: C.subjectLabel }),
-							/* @__PURE__ */ d(s, {
-								value: g.subject,
-								onChange: (e) => y({ subject: e.target.value })
-							}),
-							/* @__PURE__ */ d(p, { message: _?.subject })
-						]
+					/* @__PURE__ */ h(s, { children: /* @__PURE__ */ g(c, { children: [/* @__PURE__ */ h(l, {
+						htmlFor: w.to,
+						children: C.recurrenceEmailTo
+					}), /* @__PURE__ */ h(d, {
+						id: w.to,
+						value: v.to,
+						onChange: (e) => b("to", e),
+						inputValue: v.toInput,
+						onInputValueChange: (e) => b("toInput", e),
+						removeTagLabel: v.removeRecipientLabel,
+						placeholder: v.showToPlaceholder ? C.recurrenceEmailRecipientPlaceholder : void 0
+					})] }) }),
+					/* @__PURE__ */ h(s, { children: /* @__PURE__ */ g(c, { children: [/* @__PURE__ */ h(l, {
+						htmlFor: w.cc,
+						children: C.recurrenceEmailCc
+					}), /* @__PURE__ */ h(d, {
+						id: w.cc,
+						value: v.cc,
+						onChange: (e) => b("cc", e),
+						inputValue: v.ccInput,
+						onInputValueChange: (e) => b("ccInput", e),
+						removeTagLabel: v.removeRecipientLabel
+					})] }) }),
+					/* @__PURE__ */ h(s, { children: /* @__PURE__ */ g(c, { children: [/* @__PURE__ */ h(l, {
+						htmlFor: w.bcc,
+						children: C.recurrenceEmailBcc
+					}), /* @__PURE__ */ h(d, {
+						id: w.bcc,
+						value: v.bcc,
+						onChange: (e) => b("bcc", e),
+						inputValue: v.bccInput,
+						onInputValueChange: (e) => b("bccInput", e),
+						removeTagLabel: v.removeRecipientLabel
+					})] }) }),
+					/* @__PURE__ */ h(s, { children: /* @__PURE__ */ g(c, { children: [/* @__PURE__ */ h(l, {
+						htmlFor: w.subject,
+						children: C.recurrenceEmailSubject
+					}), /* @__PURE__ */ h(u, {
+						id: w.subject,
+						value: v.subject,
+						onChange: (e) => b("subject", e.target.value)
+					})] }) }),
+					/* @__PURE__ */ h(s, { children: /* @__PURE__ */ g(c, { children: [/* @__PURE__ */ h(l, {
+						htmlFor: w.message,
+						children: C.recurrenceEmailMessage
+					}), /* @__PURE__ */ h(f, {
+						id: w.message,
+						rows: 5,
+						placeholder: C.recurrenceEmailMessagePlaceholder,
+						value: v.message,
+						onChange: (e) => b("message", e.target.value)
+					})] }) }),
+					/* @__PURE__ */ h(p, {
+						variant: "caption",
+						color: "muted",
+						children: C.recurrenceEmailFootnote
 					}),
-					/* @__PURE__ */ f("div", {
-						className: "ttw:flex ttw:flex-col ttw:gap-1.5",
-						children: [
-							/* @__PURE__ */ d(c, { children: C.bodyLabel }),
-							/* @__PURE__ */ d(l, {
-								rows: 6,
-								value: g.body,
-								onChange: (e) => y({ body: e.target.value })
-							}),
-							/* @__PURE__ */ d(p, { message: _?.body })
-						]
-					})
+					/* @__PURE__ */ g(i, { children: [/* @__PURE__ */ h(e, {
+						type: "button",
+						variant: "outline",
+						onClick: () => y(!1),
+						children: C.recurrenceEmailCancel
+					}), /* @__PURE__ */ h(e, {
+						type: "submit",
+						disabled: v.saveDisabled,
+						children: C.recurrenceEmailSave
+					})] })
 				]
-			}),
-			/* @__PURE__ */ f(i, { children: [/* @__PURE__ */ d(e, {
-				variant: "ghost",
-				onClick: x,
-				children: C.cancelButton
-			}), /* @__PURE__ */ d(e, {
-				loading: v,
-				onClick: b,
-				children: C.sendButton
-			})] })
-		] })
+			})]
+		})
 	});
 }
 //#endregion
-export { m as ReceivableSendDialog, m as default };
+export { _ as ReceivableRecurrenceEmailDialog, _ as default };

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

@@ -1,59 +1,28 @@
-import { Skeleton as e, cn as t } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { RECEIVABLE_STATUS_CARDS_LABELS_EN as n } from "./index9.js";
-import { ReceivableStatusBadge as r } from "./index18.js";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { Typography as e } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { FileIcon as r, MailXIcon as i, SendIcon as a } from "lucide-react";
 //#region ../../libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index41.js
-var o = 6;
-function s({ selected: e, onClick: n, children: r }) {
-	return /* @__PURE__ */ i("button", {
-		type: "button",
-		"aria-pressed": e,
-		onClick: n,
-		className: t("ttw:flex ttw:w-42 ttw:shrink-0 ttw:cursor-pointer ttw:flex-col ttw:gap-2 ttw:rounded-xl ttw:border ttw:bg-card ttw:px-4 ttw:py-2 ttw:text-left ttw:transition-colors", e ? "ttw:border-primary" : "ttw:border-card ttw:hover:border-primary"),
-		children: r
-	});
-}
-function c({ view: t, onSelect: c, labels: l }) {
-	let u = {
-		...n,
-		...l
-	};
-	return t.kind === "loading" ? /* @__PURE__ */ i("div", {
-		className: "ttw:flex ttw:gap-2",
-		children: Array.from({ length: o }).map((t, n) => /* @__PURE__ */ i(e, { className: "ttw:h-16.5 ttw:w-42 ttw:rounded-xl" }, n))
-	}) : /* @__PURE__ */ a("div", {
-		className: "ttw:mb-6 ttw:flex ttw:gap-2 ttw:overflow-x-auto ttw:[scrollbar-width:none] ttw:[&::-webkit-scrollbar]:hidden",
-		children: [/* @__PURE__ */ a(s, {
-			selected: t.all.selected,
-			onClick: () => c(t.all.value),
-			children: [/* @__PURE__ */ i("span", {
-				className: "ttw:text-xs ttw:font-medium ttw:text-foreground",
-				children: u.all
-			}), /* @__PURE__ */ i("span", {
-				className: "ttw:text-2xl ttw:font-medium ttw:leading-8 ttw:tabular-nums ttw:text-foreground",
-				children: t.all.countLabel
+var o = {
+	issue_and_send: a,
+	issue: i,
+	draft: r
+};
+function s({ option: r }) {
+	let i = o[r.value];
+	return /* @__PURE__ */ n("div", {
+		className: "ttw:flex ttw:items-center ttw:gap-3",
+		children: [/* @__PURE__ */ t(i, { className: "ttw:size-5 ttw:shrink-0 ttw:text-muted-foreground" }), /* @__PURE__ */ n("div", {
+			className: "ttw:flex ttw:flex-col ttw:text-left",
+			children: [/* @__PURE__ */ t(e, {
+				variant: "body2",
+				children: r.title
+			}), /* @__PURE__ */ t(e, {
+				variant: "body2",
+				color: "muted",
+				children: r.description
 			})]
-		}), t.statuses.map((e) => /* @__PURE__ */ i(s, {
-			selected: e.selected,
-			onClick: () => c(e.value),
-			children: /* @__PURE__ */ a("div", {
-				className: "ttw:flex ttw:flex-col",
-				children: [/* @__PURE__ */ a("div", {
-					className: "ttw:flex ttw:items-center ttw:justify-between ttw:gap-2",
-					children: [/* @__PURE__ */ i(r, {
-						label: e.statusLabel,
-						tone: e.statusTone
-					}), /* @__PURE__ */ i("span", {
-						className: "ttw:text-xs ttw:font-medium ttw:leading-4.5 ttw:tabular-nums ttw:text-foreground",
-						children: e.countLabel
-					})]
-				}), /* @__PURE__ */ i("span", {
-					className: "ttw:overflow-hidden ttw:text-ellipsis ttw:whitespace-nowrap ttw:text-2xl ttw:font-medium ttw:leading-8 ttw:tabular-nums ttw:text-foreground",
-					children: e.amountLabel
-				})]
-			})
-		}, e.value))]
+		})]
 	});
 }
 //#endregion
-export { c as ReceivableStatusCards, c as default };
+export { s as CreationModeOption };