@tesouro/embedded-components-react 0.5.228 → 0.5.230

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

@@ -0,0 +1,249 @@
+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 };

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

@@ -1,218 +1,102 @@
-import { RECEIVABLE_BILLING_SECTION_LABELS_EN as e } from "./index2.js";
-import { RECEIVABLE_RECURRENCE_EMAIL_DIALOG_LABELS_EN as t, RECEIVABLE_RECURRENCE_SECTION_LABELS_EN as n } from "./index3.js";
+import { Button as e, Checkbox as t, DialogFooter as n, DialogHeader as r, DialogTitle as i, Separator as a, Typography as o } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
+import { Check as u } from "lucide-react";
 //#region ../../libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index4.js
-var r = {
-	draft: "Draft",
-	issuing: "Issuing",
-	issued: "Issued",
-	failed: "Failed",
-	accepted: "Accepted",
-	expired: "Expired",
-	declined: "Declined",
-	recurring: "Recurring",
-	partially_paid: "Partially paid",
-	paid: "Paid",
-	overdue: "Overdue",
-	uncollectible: "Written off",
-	canceled: "Cancelled",
-	deleted: "Deleted",
-	unknown: "Unknown"
-}, i = { all: "All invoices" }, a = {
-	createButton: "Create",
-	templateSettingsButton: "Template settings",
-	searchPlaceholder: "Search by number or customer",
-	statusFilterAll: "All statuses",
-	statusCardsAll: i.all,
-	tabInvoices: "Invoices",
-	tabQuotes: "Quotes",
-	tabCreditNotes: "Credit notes",
-	columnDocument: "Document",
-	columnCustomer: "Customer",
-	columnStatus: "Status",
-	columnIssueDate: "Issued",
-	columnDueDate: "Due",
-	columnTotal: "Total",
-	columnAmountDue: "Amount due",
-	columnActions: "Actions",
-	openRow: (e) => `View document — ${e}`,
-	sortByDocument: "Sort by document",
-	sortByCustomer: "Sort by customer",
-	sortByStatus: "Sort by status",
-	sortByIssueDate: "Sort by issue date",
-	sortByDueDate: "Sort by due date",
-	sortByTotal: "Sort by total",
-	actionEdit: "Edit",
-	actionIssue: "Issue",
-	actionSend: "Send",
-	actionRecordPayment: "Record payment",
-	actionMarkPaid: "Mark as paid",
-	actionMarkUncollectible: "Mark uncollectible",
-	actionAccept: "Accept",
-	actionDecline: "Decline",
-	actionCancel: "Cancel",
-	actionClone: "Clone",
-	actionDelete: "Delete",
-	emptyTitle: "No receivables yet",
-	emptyDescription: "Create your first invoice or quote.",
-	emptyAction: "Create receivable",
-	filterEmptyTitle: "No receivables found",
-	filterEmptyDescription: "Try adjusting your search or filters.",
-	errorTitle: "Failed to load receivables",
-	errorDescription: "Something went wrong while fetching receivables. Please try again.",
-	errorRetry: "Try again",
-	statusBadge: r
-}, o = {
-	...e,
-	...n,
-	...t,
-	createTitle: "Create receivable",
-	editTitle: "Edit receivable",
-	hiddenDescription: "Create an invoice or quote",
-	documentTypeLabel: "Document type",
-	typeInvoice: "Invoice",
-	typeQuote: "Quote",
-	customerLabel: "Customer",
-	customerHint: "Create a customer first if the list is empty.",
-	currencyLabel: "Currency",
-	issueDateLabel: "Issue date",
-	dueDateLabel: "Due date",
-	lineItemsHeading: "Products and services",
-	lineItemsDescription: "Add the products and services on this invoice. You'll have the option to save new items to your inventory.",
-	productLabel: "Item name",
-	quantityLabel: "Quantity",
-	unitLabel: "Units",
-	unitPlaceholder: "Select",
-	unitNone: "None",
-	manageUnitsOption: "Manage measure units",
-	priceLabel: "Price",
-	taxableLabel: "Taxable",
-	taxRateLabel: "Tax rate",
-	taxRatePlaceholder: "e.g. 6.25",
-	taxRateSuffix: "%",
-	discountLabel: "Discount",
-	discountPercentageOption: "%",
-	discountAmountOptionAriaLabel: "Flat discount",
-	discountPercentageOptionAriaLabel: "Percentage discount",
-	subtotalLabel: "Subtotal",
-	discountTotalLabel: "Discount",
-	nonTaxableSubtotalLabel: "Non-taxable subtotal",
-	taxableSubtotalLabel: "Taxable subtotal",
-	taxTotalLabel: "Tax",
-	totalLabel: "Total",
-	decreaseQuantityButton: "Decrease quantity",
-	increaseQuantityButton: "Increase quantity",
-	addLineItemButton: "Add item",
-	removeLineItemButton: "Remove line item",
-	cancelButton: "Cancel",
-	notesHeading: "Notes",
-	notesDescription: "Provide additional information for your customer.",
-	optionalSuffix: "(optional)",
-	openingNoteLabel: "Opening note to the customer",
-	openingNotePlaceholder: "e.g., As discussed on our call, please find the attached invoice.",
-	openingNoteDescription: "Appears above your line items. Use it to reference a discussion, agreement, or project.",
-	closingNoteLabel: "Closing note to the customer",
-	closingNotePlaceholder: "e.g., Thank you for your business!",
-	closingNoteDescription: "Appears below your line items. Commonly used for thank you messages or payment instructions.",
-	bankAccountHeading: "Payment instructions",
-	bankAccountDescription: "Tells the customer how they can pay you. We'll include the selected info on the invoice",
-	bankAccountLabel: "Bank account",
-	bankAccountHint: "Display your bank account number and routing number",
-	bankAccountSelectorLabel: "Bank account selector",
-	bankAccountPlaceholder: "Select bank account",
-	bankAccountAddOption: "Add a new account",
-	bankAccountFormHeading: "Add a bank account",
-	bankAccountRoutingNumberLabel: "Routing number",
-	bankAccountRoutingNumberPlaceholder: "e.g. 123456789",
-	bankAccountAccountNumberLabel: "Account number",
-	bankAccountAccountNumberPlaceholder: "e.g. 123456789",
-	bankAccountHolderNameLabel: "Account holder name",
-	bankAccountHolderNamePlaceholder: "e.g. James Smith",
-	bankAccountNicknameLabel: "Account nickname",
-	bankAccountNicknamePlaceholder: "e.g. Empire Bank Checking",
-	bankAccountCancelButton: "Cancel",
-	bankAccountSaveButton: "Save account",
-	bankAccountRestrictedTitle: "There are no bank accounts on file for this account",
-	bankAccountRestrictedDescription: "A bank account is required in order to issue invoices. Contact your company admin to set one up.",
-	attachmentsHeading: "Attachments",
-	attachmentsDescription: "Associate additional documents with this invoice for your own reference or to share with the customer. e.g. contracts, photos, terms and conditions, etc.",
-	attachmentsDropPrompt: "Drop your files here, or",
-	attachmentsBrowseLink: "browse to upload",
-	attachmentsFormatsHint: "PDF, DOC, JPG, PNG (max. 3MB)",
-	remindersToggleLabel: "Payment reminders",
-	remindersDescription: "Send reminders when an invoice is approaching its due date or past due.",
-	remindersLibraryNote: "New reminders will be saved to your organization's library and can be managed via Invoice settings",
-	reminderNumberOfDays: "Number of days",
-	reminderBefore: "BEFORE",
-	reminderAfter: "AFTER",
-	reminderDueDate: "due date",
-	reminderNone: "No reminder",
-	reminderBeforeDueInputLabel: "Days before due date",
-	reminderPlaceholder: "e.g., 3",
-	reminderAddTermButton: "Add",
-	reminderClearButton: "Clear",
-	reminderSaveButton: "Save"
-}, s = {
-	hiddenDescription: "Invoice details",
-	loadingTitle: "Loading...",
-	errorTitle: "Invoice not found",
-	errorDescription: "We could not load this invoice. Please try again.",
-	moreActionsLabel: "More actions",
-	viewPdfButton: "View PDF",
-	closeButton: "Close",
-	invoiceDateCaption: "Invoice date",
-	paymentHistoryHeading: "Payment history",
-	paymentHistoryEmpty: "You've received no payments yet.",
-	paymentHistoryTotalLabel: "Total received",
-	customerDetailsHeading: "Customer details",
-	recurrenceHeading: "Recurrence history",
-	billingHeading: "Billing details",
-	lineItemsHeading: "Line items",
-	notesHeading: "Notes",
-	notesOpeningLabel: "Opening note to customer",
-	notesClosingLabel: "Closing note to customer",
-	attachmentsHeading: "Attachments",
-	attachmentsEmpty: "No attached files",
-	attachmentsFileColumn: "File",
-	attachmentsEmailedColumn: "Emailed",
-	lineItemMultiplier: "x",
-	lineItemEaLabel: "ea",
-	noLineItems: "No line items.",
-	editButton: "Edit",
-	issueButton: "Issue",
-	recordPaymentButton: "Record payment",
-	sendButton: "Resend",
-	acceptButton: "Accept",
-	declineButton: "Decline",
-	markPaidButton: "Mark as paid",
-	markUncollectibleButton: "Mark as uncollectible",
-	cancelButton: "Cancel invoice",
-	cloneButton: "Duplicate",
-	deleteButton: "Delete",
-	recurringBadge: "Recurring"
-}, c = {
-	title: "Send receivable",
-	description: "Send this document to the customer by email.",
-	toLabel: "To",
-	ccLabel: "CC",
-	bccLabel: "BCC",
-	subjectLabel: "Subject",
-	bodyLabel: "Message",
-	cancelButton: "Cancel",
-	sendButton: "Send"
-}, l = {
-	title: "Record payment",
-	description: "Record a full or partial invoice payment.",
-	modeLabel: "Payment type",
-	fullPayment: "Full payment",
-	partialPayment: "Partial payment",
-	amountPaidLabel: "Amount paid",
-	paidAtLabel: "Paid at",
-	commentLabel: "Comment",
-	cancelButton: "Cancel",
-	submitButton: "Record payment"
-}, u = {
-	cancelButton: "Cancel",
-	confirmButton: "Confirm"
-};
+function d({ view: d, onToggleItem: f, onToggleAll: p, onAllSelectedChange: m, onSkip: h, onSave: g, labels: _ }) {
+	return /* @__PURE__ */ l(s, { children: [
+		/* @__PURE__ */ c(r, {
+			className: "ttw:border-b ttw:border-border ttw:p-6",
+			children: /* @__PURE__ */ l(i, {
+				className: "ttw:flex ttw:flex-row ttw:items-center ttw:gap-4",
+				children: [/* @__PURE__ */ c("span", {
+					className: "ttw:flex ttw:size-10 ttw:items-center ttw:justify-center ttw:rounded-full ttw:border ttw:border-emerald-200 ttw:bg-emerald-50",
+					children: /* @__PURE__ */ c(u, { className: "ttw:size-6 ttw:text-green-700" })
+				}), d.title]
+			})
+		}),
+		/* @__PURE__ */ l("div", {
+			className: "ttw:flex ttw:flex-col ttw:gap-4 ttw:p-6",
+			children: [/* @__PURE__ */ l("div", {
+				className: "ttw:flex ttw:items-start ttw:justify-between ttw:gap-1.5",
+				children: [/* @__PURE__ */ l("div", {
+					className: "ttw:flex ttw:min-w-0 ttw:flex-col ttw:gap-1",
+					children: [/* @__PURE__ */ c(o, {
+						variant: "h4",
+						children: _.productsQuestion
+					}), /* @__PURE__ */ c(o, {
+						variant: "caption",
+						color: "muted",
+						children: _.productsCaption
+					})]
+				}), /* @__PURE__ */ c(e, {
+					type: "button",
+					variant: "ghost",
+					className: "ttw:shrink-0 ttw:text-primary ttw:hover:text-primary",
+					disabled: d.inProgress,
+					onClick: p,
+					children: d.toggleAllLabel
+				})]
+			}), /* @__PURE__ */ l("ul", {
+				className: "ttw:flex ttw:flex-col ttw:gap-3",
+				children: [
+					/* @__PURE__ */ l("li", {
+						className: "ttw:flex ttw:items-center ttw:gap-2",
+						children: [/* @__PURE__ */ c(t, {
+							checked: d.allSelected,
+							onCheckedChange: (e) => m(e === !0),
+							disabled: d.inProgress || d.items.length === 0,
+							"aria-label": _.productsAllLabel
+						}), /* @__PURE__ */ c(o, {
+							variant: "body2",
+							className: "ttw:font-semibold",
+							children: _.productsAllLabel
+						})]
+					}),
+					/* @__PURE__ */ c("li", { children: /* @__PURE__ */ c(a, {}) }),
+					d.items.map((e) => /* @__PURE__ */ l("li", {
+						className: "ttw:flex ttw:items-start ttw:gap-2",
+						children: [/* @__PURE__ */ c(t, {
+							checked: e.selected,
+							onCheckedChange: () => f(e.key),
+							disabled: d.inProgress,
+							"aria-label": e.name
+						}), /* @__PURE__ */ l("div", {
+							className: "ttw:flex ttw:min-w-0 ttw:flex-1 ttw:flex-col ttw:gap-1",
+							children: [/* @__PURE__ */ c(o, {
+								variant: "caption",
+								className: "ttw:truncate",
+								title: e.name,
+								children: e.name
+							}), /* @__PURE__ */ c(o, {
+								variant: "caption",
+								color: "muted",
+								className: "ttw:truncate",
+								children: e.priceLabel
+							})]
+						})]
+					}, e.key))
+				]
+			})]
+		}),
+		/* @__PURE__ */ l(n, {
+			className: "ttw:flex ttw:flex-row ttw:gap-4 ttw:border-t ttw:border-border ttw:p-6",
+			children: [/* @__PURE__ */ c(e, {
+				type: "button",
+				variant: "outline",
+				className: "ttw:flex-1 ttw:border-border",
+				disabled: d.inProgress,
+				onClick: h,
+				children: _.skipButton
+			}), /* @__PURE__ */ c(e, {
+				type: "button",
+				className: "ttw:flex-1",
+				disabled: d.saveDisabled,
+				loading: d.inProgress,
+				onClick: g,
+				children: _.saveItemsButton
+			})]
+		})
+	] });
+}
 //#endregion
-export { a as RECEIVABLES_SCREEN_LABELS_EN, u as RECEIVABLE_ACTION_DIALOG_LABELS_EN, s as RECEIVABLE_DETAILS_PANEL_LABELS_EN, o as RECEIVABLE_FORM_SHEET_LABELS_EN, l as RECEIVABLE_PAYMENT_DIALOG_LABELS_EN, c as RECEIVABLE_SEND_DIALOG_LABELS_EN, r as RECEIVABLE_STATUS_BADGE_LABELS_EN, i as RECEIVABLE_STATUS_CARDS_LABELS_EN };
+export { d as ReceivableActionsModalProductsStep };

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

@@ -0,0 +1,93 @@
+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";
+//#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 }) {
+	let C = {
+		...u,
+		...S
+	};
+	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", {
+				className: "ttw:flex ttw:flex-col ttw:gap-4",
+				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__ */ 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__ */ 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 };