@tesouro/embedded-components-react 0.2.296 → 0.2.299

package/dist/libs/tesouro-embedded-components-react/shared/counterpart-management/ui/dist/index8.js

@@ -1,512 +1,52 @@
-import { Checkbox as e, Input as t, Label as n, Separator as r, Typography as i } from "../../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { COUNTERPART_FORM_SHEET_LABELS_EN as a } from "./index2.js";
-import { FieldError as o } from "./index4.js";
-import { AddressFieldGroup as s } from "./index5.js";
-import { CounterpartTypeChooser as c } from "./index6.js";
-import { FormSheet as l } from "./index7.js";
-import { useId as u } from "react";
-import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
+import { Button as e, Sheet as t, SheetContent as n, SheetDescription as r, SheetFooter as i, SheetHeader as a, SheetTitle as o } from "../../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { useId as s } from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/shared/counterpart-management/ui/dist/index8.js
-var m = {
-	entityType: !0,
-	profileHeading: !0,
-	addressHeading: !0,
-	taxId: !0,
-	address: !0,
-	bankAccount: !0
-};
-function h({ open: h, onOpenChange: g, mode: _, counterpartMode: v = "customer", values: y, errors: b, stateOptions: x, inProgress: S, submitDisabled: C, onChange: w, onAddressChange: T, onBankAccountChange: E, onSubmit: D, onCancel: O, sections: k, labels: A }) {
-	let j = {
-		...a,
-		...A
-	}, M = {
-		...m,
-		...k
-	}, N = u(), P = y.entityType === "organization", F = v === "customer", I = v === "vendor", L = _ === "edit" ? F ? j.editTitleCustomer : j.editTitleVendor : F ? j.createTitleCustomer : j.createTitleVendor, R = _ === "create" ? F ? j.createDescriptionCustomer : j.createDescriptionVendor : void 0, z = F ? j.customerTypeHeading : j.vendorTypeHeading, B = F ? j.customerTaxIdHelp : j.vendorTaxIdHelp;
-	return /* @__PURE__ */ p(l, {
-		open: h,
-		onOpenChange: g,
-		title: L,
-		description: R,
-		formError: b?.form,
-		inProgress: S,
-		submitDisabled: C,
-		submitLabel: _ === "edit" ? j.saveButton : j.createButton,
-		cancelLabel: j.cancelButton,
-		onSubmit: D,
-		onCancel: O,
-		children: [
-			_ === "create" && /* @__PURE__ */ f(c, {
-				value: y.entityType,
-				onChange: (e) => w({ entityType: e }),
-				labels: {
-					heading: z,
-					organization: j.businessTypeOption,
-					organizationHint: j.businessTypeHint,
-					individual: j.personTypeOption,
-					individualHint: j.personTypeHint
-				}
-			}),
-			M.profileHeading && /* @__PURE__ */ f(i, {
-				variant: "body2",
-				className: "ttw:font-semibold",
-				children: j.profileHeading
-			}),
-			P ? /* @__PURE__ */ p("div", {
-				className: "ttw:flex ttw:flex-col ttw:gap-1.5",
-				children: [
-					/* @__PURE__ */ f(n, {
-						htmlFor: `${N}-legal-name`,
-						children: j.businessNameLabel
-					}),
-					/* @__PURE__ */ f(t, {
-						id: `${N}-legal-name`,
-						autoFocus: !0,
-						value: y.legalName,
-						"aria-invalid": !!b?.legalName,
-						onChange: (e) => w({ legalName: e.target.value })
-					}),
-					/* @__PURE__ */ f(o, { message: b?.legalName })
-				]
-			}) : /* @__PURE__ */ p("div", {
-				className: "ttw:grid ttw:grid-cols-2 ttw:gap-4",
-				children: [/* @__PURE__ */ p("div", {
-					className: "ttw:flex ttw:flex-col ttw:gap-1.5",
-					children: [
-						/* @__PURE__ */ f(n, {
-							htmlFor: `${N}-first-name`,
-							children: j.firstNameLabel
-						}),
-						/* @__PURE__ */ f(t, {
-							id: `${N}-first-name`,
-							autoFocus: !0,
-							value: y.firstName,
-							"aria-invalid": !!b?.firstName,
-							onChange: (e) => w({ firstName: e.target.value })
-						}),
-						/* @__PURE__ */ f(o, { message: b?.firstName })
-					]
-				}), /* @__PURE__ */ p("div", {
-					className: "ttw:flex ttw:flex-col ttw:gap-1.5",
-					children: [
-						/* @__PURE__ */ f(n, {
-							htmlFor: `${N}-last-name`,
-							children: j.lastNameLabel
-						}),
-						/* @__PURE__ */ f(t, {
-							id: `${N}-last-name`,
-							value: y.lastName,
-							"aria-invalid": !!b?.lastName,
-							onChange: (e) => w({ lastName: e.target.value })
-						}),
-						/* @__PURE__ */ f(o, { message: b?.lastName })
-					]
-				})]
-			}),
-			!P && /* @__PURE__ */ p("div", {
-				className: "ttw:flex ttw:flex-col ttw:gap-1.5",
-				children: [/* @__PURE__ */ f(n, {
-					htmlFor: `${N}-title`,
-					children: j.titleLabel
-				}), /* @__PURE__ */ f(t, {
-					id: `${N}-title`,
-					value: y.title,
-					onChange: (e) => w({ title: e.target.value })
-				})]
-			}),
-			/* @__PURE__ */ p("div", {
-				className: "ttw:grid ttw:grid-cols-2 ttw:gap-4",
-				children: [/* @__PURE__ */ p("div", {
-					className: "ttw:flex ttw:flex-col ttw:gap-1.5",
-					children: [
-						/* @__PURE__ */ f(n, {
-							htmlFor: `${N}-email`,
-							children: j.emailLabel
-						}),
-						/* @__PURE__ */ f(t, {
-							id: `${N}-email`,
-							type: "email",
-							value: y.email,
-							"aria-invalid": !!b?.email,
-							onChange: (e) => w({ email: e.target.value })
-						}),
-						/* @__PURE__ */ f(o, { message: b?.email })
-					]
-				}), /* @__PURE__ */ p("div", {
-					className: "ttw:flex ttw:flex-col ttw:gap-1.5",
-					children: [/* @__PURE__ */ f(n, {
-						htmlFor: `${N}-phone`,
-						children: j.phoneLabel
-					}), /* @__PURE__ */ f(t, {
-						id: `${N}-phone`,
-						value: y.phone,
-						onChange: (e) => w({ phone: e.target.value })
-					})]
-				})]
-			}),
-			M.taxId && /* @__PURE__ */ p("div", {
-				className: "ttw:flex ttw:flex-col ttw:gap-1.5",
-				children: [
-					/* @__PURE__ */ f(n, {
-						htmlFor: `${N}-tax-id`,
-						children: j.taxIdLabel
-					}),
-					/* @__PURE__ */ f(t, {
-						id: `${N}-tax-id`,
-						value: y.taxId,
-						onChange: (e) => w({ taxId: e.target.value })
-					}),
-					/* @__PURE__ */ f(i, {
-						variant: "caption",
-						className: "ttw:text-muted-foreground",
-						children: B
+function u({ open: u, onOpenChange: d, title: f, description: p, formError: m, inProgress: h, submitDisabled: g, submitLabel: _, cancelLabel: v, onSubmit: y, onCancel: b, children: x }) {
+	let S = s();
+	return /* @__PURE__ */ c(t, {
+		open: u,
+		onOpenChange: d,
+		children: /* @__PURE__ */ l(n, {
+			className: "ttw:w-[600px] ttw:sm:max-w-[600px] ttw:overflow-y-auto",
+			children: [
+				/* @__PURE__ */ l(a, { children: [/* @__PURE__ */ c(o, { children: f }), /* @__PURE__ */ c(r, {
+					className: p ? void 0 : "ttw:sr-only",
+					children: p ?? f
+				})] }),
+				/* @__PURE__ */ c("form", {
+					id: S,
+					onSubmit: (e) => {
+						e.preventDefault(), e.stopPropagation(), y();
+					},
+					children: /* @__PURE__ */ l("div", {
+						className: "ttw:flex ttw:flex-col ttw:gap-4 ttw:px-6 ttw:pt-8 ttw:pb-6",
+						children: [m && /* @__PURE__ */ c("p", {
+							role: "alert",
+							className: "ttw:rounded-md ttw:bg-destructive/10 ttw:px-3 ttw:py-2 ttw:text-sm ttw:text-destructive",
+							children: m
+						}), x]
 					})
-				]
-			}),
-			F && /* @__PURE__ */ p(n, {
-				htmlFor: `${N}-reminders`,
-				className: "ttw:flex ttw:items-start ttw:gap-3 ttw:rounded-md ttw:border ttw:p-3",
-				children: [/* @__PURE__ */ f(e, {
-					id: `${N}-reminders`,
-					checked: y.remindersEnabled,
-					onCheckedChange: (e) => w({ remindersEnabled: e === !0 })
-				}), /* @__PURE__ */ p("span", {
-					className: "ttw:flex ttw:flex-col ttw:gap-0.5",
-					children: [/* @__PURE__ */ f("span", {
-						className: "ttw:text-sm ttw:font-medium",
-						children: j.paymentRemindersLabel
-					}), /* @__PURE__ */ f("span", {
-						className: "ttw:text-sm ttw:text-muted-foreground",
-						children: j.paymentRemindersDescription
-					})]
-				})]
-			}),
-			M.address && /* @__PURE__ */ p(d, { children: [M.addressHeading && /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f(r, { className: "ttw:my-1" }), /* @__PURE__ */ p("div", {
-				className: "ttw:flex ttw:flex-col ttw:gap-1",
-				children: [/* @__PURE__ */ f(i, {
-					variant: "body2",
-					className: "ttw:font-semibold",
-					children: j.addressHeading
-				}), F && /* @__PURE__ */ f(i, {
-					variant: "body2",
-					className: "ttw:text-muted-foreground",
-					children: j.customerAddressDescription
-				})]
-			})] }), /* @__PURE__ */ f(s, {
-				idPrefix: `${N}-address`,
-				values: y.address,
-				errors: b?.address,
-				stateOptions: x,
-				onChange: T,
-				labels: j.address
-			})] }),
-			_ === "create" && I && M.bankAccount && /* @__PURE__ */ p(d, { children: [
-				/* @__PURE__ */ f(r, { className: "ttw:my-1" }),
-				/* @__PURE__ */ p("div", {
-					className: "ttw:flex ttw:flex-col ttw:gap-1",
-					children: [/* @__PURE__ */ f(i, {
-						variant: "body2",
-						className: "ttw:font-semibold",
-						children: j.paymentMethodsHeading
-					}), /* @__PURE__ */ f(i, {
-						variant: "body2",
-						className: "ttw:text-muted-foreground",
-						children: j.paymentMethodsDescription
-					})]
 				}),
-				/* @__PURE__ */ p("div", {
-					className: "ttw:flex ttw:flex-col ttw:gap-1.5",
-					children: [
-						/* @__PURE__ */ f(n, {
-							htmlFor: `${N}-account-holder`,
-							children: j.accountHolderNameLabel
-						}),
-						/* @__PURE__ */ f(t, {
-							id: `${N}-account-holder`,
-							value: y.bankAccount.accountHolderName,
-							"aria-invalid": !!b?.bankAccount?.accountHolderName,
-							onChange: (e) => E?.({ accountHolderName: e.target.value })
-						}),
-						/* @__PURE__ */ f(o, { message: b?.bankAccount?.accountHolderName })
-					]
-				}),
-				/* @__PURE__ */ p("div", {
-					className: "ttw:grid ttw:grid-cols-2 ttw:gap-4",
-					children: [/* @__PURE__ */ p("div", {
-						className: "ttw:flex ttw:flex-col ttw:gap-1.5",
-						children: [
-							/* @__PURE__ */ f(n, {
-								htmlFor: `${N}-routing-number`,
-								children: j.routingNumberLabel
-							}),
-							/* @__PURE__ */ f(t, {
-								id: `${N}-routing-number`,
-								value: y.bankAccount.routingNumber,
-								"aria-invalid": !!b?.bankAccount?.routingNumber,
-								onChange: (e) => E?.({ routingNumber: e.target.value })
-							}),
-							/* @__PURE__ */ f(o, { message: b?.bankAccount?.routingNumber })
-						]
-					}), /* @__PURE__ */ p("div", {
-						className: "ttw:flex ttw:flex-col ttw:gap-1.5",
-						children: [
-							/* @__PURE__ */ f(n, {
-								htmlFor: `${N}-account-number`,
-								children: j.accountNumberLabel
-							}),
-							/* @__PURE__ */ f(t, {
-								id: `${N}-account-number`,
-								value: y.bankAccount.accountNumber,
-								"aria-invalid": !!b?.bankAccount?.accountNumber,
-								onChange: (e) => E?.({ accountNumber: e.target.value })
-							}),
-							/* @__PURE__ */ f(o, { message: b?.bankAccount?.accountNumber })
-						]
+				/* @__PURE__ */ l(i, {
+					className: "ttw:flex ttw:flex-row ttw:justify-end ttw:gap-2",
+					children: [/* @__PURE__ */ c(e, {
+						type: "button",
+						variant: "ghost",
+						size: "lg",
+						onClick: b,
+						children: v
+					}), /* @__PURE__ */ c(e, {
+						type: "submit",
+						form: S,
+						size: "lg",
+						disabled: h || g,
+						children: _
 					})]
 				})
-			] })
-		]
-	});
-}
-function g({ mode: l, counterpartMode: h = "customer", values: g, errors: _, stateOptions: v, onChange: y, onAddressChange: b, onBankAccountChange: x, sections: S, labels: C }) {
-	let w = {
-		...a,
-		...C
-	}, T = {
-		...m,
-		...S
-	}, E = u(), D = g.entityType === "organization", O = h === "customer", k = h === "vendor", A = O ? w.customerTypeHeading : w.vendorTypeHeading, j = O ? w.customerTaxIdHelp : w.vendorTaxIdHelp;
-	return /* @__PURE__ */ p(d, { children: [
-		l === "create" && T.entityType && /* @__PURE__ */ f(c, {
-			value: g.entityType,
-			onChange: (e) => y({ entityType: e }),
-			labels: {
-				heading: A,
-				organization: w.businessTypeOption,
-				organizationHint: w.businessTypeHint,
-				individual: w.personTypeOption,
-				individualHint: w.personTypeHint
-			}
-		}),
-		T.profileHeading && /* @__PURE__ */ f(i, {
-			variant: "body2",
-			className: "ttw:font-semibold",
-			children: w.profileHeading
-		}),
-		D ? /* @__PURE__ */ p("div", {
-			className: "ttw:flex ttw:flex-col ttw:gap-1.5",
-			children: [
-				/* @__PURE__ */ f(n, {
-					htmlFor: `${E}-legal-name`,
-					children: w.businessNameLabel
-				}),
-				/* @__PURE__ */ f(t, {
-					id: `${E}-legal-name`,
-					autoFocus: !0,
-					value: g.legalName,
-					"aria-invalid": !!_?.legalName,
-					onChange: (e) => y({ legalName: e.target.value })
-				}),
-				/* @__PURE__ */ f(o, { message: _?.legalName })
-			]
-		}) : /* @__PURE__ */ p("div", {
-			className: "ttw:grid ttw:grid-cols-2 ttw:gap-4",
-			children: [/* @__PURE__ */ p("div", {
-				className: "ttw:flex ttw:flex-col ttw:gap-1.5",
-				children: [
-					/* @__PURE__ */ f(n, {
-						htmlFor: `${E}-first-name`,
-						children: w.firstNameLabel
-					}),
-					/* @__PURE__ */ f(t, {
-						id: `${E}-first-name`,
-						autoFocus: !0,
-						value: g.firstName,
-						"aria-invalid": !!_?.firstName,
-						onChange: (e) => y({ firstName: e.target.value })
-					}),
-					/* @__PURE__ */ f(o, { message: _?.firstName })
-				]
-			}), /* @__PURE__ */ p("div", {
-				className: "ttw:flex ttw:flex-col ttw:gap-1.5",
-				children: [
-					/* @__PURE__ */ f(n, {
-						htmlFor: `${E}-last-name`,
-						children: w.lastNameLabel
-					}),
-					/* @__PURE__ */ f(t, {
-						id: `${E}-last-name`,
-						value: g.lastName,
-						"aria-invalid": !!_?.lastName,
-						onChange: (e) => y({ lastName: e.target.value })
-					}),
-					/* @__PURE__ */ f(o, { message: _?.lastName })
-				]
-			})]
-		}),
-		!D && /* @__PURE__ */ p("div", {
-			className: "ttw:flex ttw:flex-col ttw:gap-1.5",
-			children: [/* @__PURE__ */ f(n, {
-				htmlFor: `${E}-title`,
-				children: w.titleLabel
-			}), /* @__PURE__ */ f(t, {
-				id: `${E}-title`,
-				value: g.title,
-				onChange: (e) => y({ title: e.target.value })
-			})]
-		}),
-		/* @__PURE__ */ p("div", {
-			className: "ttw:grid ttw:grid-cols-2 ttw:gap-4",
-			children: [/* @__PURE__ */ p("div", {
-				className: "ttw:flex ttw:flex-col ttw:gap-1.5",
-				children: [
-					/* @__PURE__ */ f(n, {
-						htmlFor: `${E}-email`,
-						children: w.emailLabel
-					}),
-					/* @__PURE__ */ f(t, {
-						id: `${E}-email`,
-						type: "email",
-						value: g.email,
-						"aria-invalid": !!_?.email,
-						onChange: (e) => y({ email: e.target.value })
-					}),
-					/* @__PURE__ */ f(o, { message: _?.email })
-				]
-			}), /* @__PURE__ */ p("div", {
-				className: "ttw:flex ttw:flex-col ttw:gap-1.5",
-				children: [/* @__PURE__ */ f(n, {
-					htmlFor: `${E}-phone`,
-					children: w.phoneLabel
-				}), /* @__PURE__ */ f(t, {
-					id: `${E}-phone`,
-					value: g.phone,
-					onChange: (e) => y({ phone: e.target.value })
-				})]
-			})]
-		}),
-		T.taxId && /* @__PURE__ */ p("div", {
-			className: "ttw:flex ttw:flex-col ttw:gap-1.5",
-			children: [
-				/* @__PURE__ */ f(n, {
-					htmlFor: `${E}-tax-id`,
-					children: w.taxIdLabel
-				}),
-				/* @__PURE__ */ f(t, {
-					id: `${E}-tax-id`,
-					value: g.taxId,
-					onChange: (e) => y({ taxId: e.target.value })
-				}),
-				/* @__PURE__ */ f(i, {
-					variant: "caption",
-					className: "ttw:text-muted-foreground",
-					children: j
-				})
 			]
-		}),
-		O && /* @__PURE__ */ p(n, {
-			htmlFor: `${E}-reminders`,
-			className: "ttw:flex ttw:items-start ttw:gap-3 ttw:rounded-md ttw:border ttw:p-3",
-			children: [/* @__PURE__ */ f(e, {
-				id: `${E}-reminders`,
-				checked: g.remindersEnabled,
-				onCheckedChange: (e) => y({ remindersEnabled: e === !0 })
-			}), /* @__PURE__ */ p("span", {
-				className: "ttw:flex ttw:flex-col ttw:gap-0.5",
-				children: [/* @__PURE__ */ f("span", {
-					className: "ttw:text-sm ttw:font-medium",
-					children: w.paymentRemindersLabel
-				}), /* @__PURE__ */ f("span", {
-					className: "ttw:text-sm ttw:text-muted-foreground",
-					children: w.paymentRemindersDescription
-				})]
-			})]
-		}),
-		T.address && /* @__PURE__ */ p(d, { children: [T.addressHeading && /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f(r, { className: "ttw:my-1" }), /* @__PURE__ */ p("div", {
-			className: "ttw:flex ttw:flex-col ttw:gap-1",
-			children: [/* @__PURE__ */ f(i, {
-				variant: "body2",
-				className: "ttw:font-semibold",
-				children: w.addressHeading
-			}), O && /* @__PURE__ */ f(i, {
-				variant: "body2",
-				className: "ttw:text-muted-foreground",
-				children: w.customerAddressDescription
-			})]
-		})] }), /* @__PURE__ */ f(s, {
-			idPrefix: `${E}-address`,
-			values: g.address,
-			errors: _?.address,
-			stateOptions: v,
-			onChange: b,
-			labels: w.address
-		})] }),
-		l === "create" && k && T.bankAccount && /* @__PURE__ */ p(d, { children: [
-			/* @__PURE__ */ f(r, { className: "ttw:my-1" }),
-			/* @__PURE__ */ p("div", {
-				className: "ttw:flex ttw:flex-col ttw:gap-1",
-				children: [/* @__PURE__ */ f(i, {
-					variant: "body2",
-					className: "ttw:font-semibold",
-					children: w.paymentMethodsHeading
-				}), /* @__PURE__ */ f(i, {
-					variant: "body2",
-					className: "ttw:text-muted-foreground",
-					children: w.paymentMethodsDescription
-				})]
-			}),
-			/* @__PURE__ */ p("div", {
-				className: "ttw:flex ttw:flex-col ttw:gap-1.5",
-				children: [
-					/* @__PURE__ */ f(n, {
-						htmlFor: `${E}-account-holder`,
-						children: w.accountHolderNameLabel
-					}),
-					/* @__PURE__ */ f(t, {
-						id: `${E}-account-holder`,
-						value: g.bankAccount.accountHolderName,
-						"aria-invalid": !!_?.bankAccount?.accountHolderName,
-						onChange: (e) => x?.({ accountHolderName: e.target.value })
-					}),
-					/* @__PURE__ */ f(o, { message: _?.bankAccount?.accountHolderName })
-				]
-			}),
-			/* @__PURE__ */ p("div", {
-				className: "ttw:grid ttw:grid-cols-2 ttw:gap-4",
-				children: [/* @__PURE__ */ p("div", {
-					className: "ttw:flex ttw:flex-col ttw:gap-1.5",
-					children: [
-						/* @__PURE__ */ f(n, {
-							htmlFor: `${E}-routing-number`,
-							children: w.routingNumberLabel
-						}),
-						/* @__PURE__ */ f(t, {
-							id: `${E}-routing-number`,
-							value: g.bankAccount.routingNumber,
-							"aria-invalid": !!_?.bankAccount?.routingNumber,
-							onChange: (e) => x?.({ routingNumber: e.target.value })
-						}),
-						/* @__PURE__ */ f(o, { message: _?.bankAccount?.routingNumber })
-					]
-				}), /* @__PURE__ */ p("div", {
-					className: "ttw:flex ttw:flex-col ttw:gap-1.5",
-					children: [
-						/* @__PURE__ */ f(n, {
-							htmlFor: `${E}-account-number`,
-							children: w.accountNumberLabel
-						}),
-						/* @__PURE__ */ f(t, {
-							id: `${E}-account-number`,
-							value: g.bankAccount.accountNumber,
-							"aria-invalid": !!_?.bankAccount?.accountNumber,
-							onChange: (e) => x?.({ accountNumber: e.target.value })
-						}),
-						/* @__PURE__ */ f(o, { message: _?.bankAccount?.accountNumber })
-					]
-				})]
-			})
-		] })
-	] });
+		})
+	});
 }
 //#endregion
-export { g as CounterpartFormFields, h as CounterpartFormSheet, h as default };
+export { u as FormSheet, u as default };