@tesouro/embedded-components-react 0.9.54 → 0.9.56

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

@@ -71,93 +71,98 @@ function D(e) {
 		}
 	};
 }
-function O({ open: e, onOpenChange: c, mode: l, counterpartMode: f = "customer", values: g, errors: v, stateOptions: S, taxIdField: C, inProgress: w, submitDisabled: T, onChange: O, onAddressChange: k, onBankAccountChange: A, onSubmit: j, onCancel: M, labels: N }) {
-	let P = D(N), F = _(), I = g.entityType === "organization", L = f === "customer", R = f === "vendor", z = E(v), B = l === "edit" ? L ? P.editTitleCustomer : P.editTitleVendor : L ? P.createTitleCustomer : P.createTitleVendor, V = l === "create" ? L ? P.createDescriptionCustomer : P.createDescriptionVendor : void 0, H = l === "edit" ? P.saveButton : L ? P.createButtonCustomer : P.createButtonVendor, U = L ? P.customerTypeHeading : P.vendorTypeHeading, W = /* @__PURE__ */ x("div", {
+function O({ open: e, onOpenChange: c, mode: l, counterpartMode: f = "customer", values: S, errors: C, stateOptions: w, taxIdField: T, inProgress: O, submitDisabled: k, onChange: A, onAddressChange: j, onBankAccountChange: M, onSubmit: N, onCancel: P, labels: F }) {
+	let I = D(F), L = _(), R = S.entityType === "organization", z = f === "customer", B = f === "vendor", V = E(C), H = v(S.entityType);
+	g(() => {
+		H.current !== S.entityType && (H.current = S.entityType, V.current?.querySelector("[data-autofocus]")?.focus());
+	}, [S.entityType, V]);
+	let U = l === "edit" ? z ? I.editTitleCustomer : I.editTitleVendor : z ? I.createTitleCustomer : I.createTitleVendor, W = l === "create" ? z ? I.createDescriptionCustomer : I.createDescriptionVendor : void 0, G = l === "edit" ? I.saveButton : z ? I.createButtonCustomer : I.createButtonVendor, K = z ? I.customerTypeHeading : I.vendorTypeHeading, q = /* @__PURE__ */ x("div", {
 		className: "ttw:flex ttw:flex-1 ttw:flex-col ttw:gap-1.5",
 		children: [
 			/* @__PURE__ */ b(i, {
-				htmlFor: `${F}-email`,
+				htmlFor: `${L}-email`,
 				requirement: n.Required,
-				labels: P.fieldMarkers,
-				children: P.emailLabel
+				labels: I.fieldMarkers,
+				children: I.emailLabel
 			}),
 			/* @__PURE__ */ b(r, {
-				id: `${F}-email`,
+				id: `${L}-email`,
 				type: "email",
-				value: g.email,
+				value: S.email,
 				"aria-required": !0,
-				"aria-invalid": !!v?.email,
-				onChange: (e) => O({ email: e.target.value })
+				"aria-invalid": !!C?.email,
+				onChange: (e) => A({ email: e.target.value })
 			}),
-			/* @__PURE__ */ b(u, { message: v?.email })
+			/* @__PURE__ */ b(u, { message: C?.email })
 		]
-	}), G = /* @__PURE__ */ x("div", {
+	}), J = /* @__PURE__ */ x("div", {
 		className: "ttw:flex ttw:flex-1 ttw:flex-col ttw:gap-1.5",
 		children: [
 			/* @__PURE__ */ b(i, {
-				htmlFor: `${F}-phone`,
+				htmlFor: `${L}-phone`,
 				requirement: n.Optional,
-				labels: P.fieldMarkers,
-				children: P.phoneLabel
+				labels: I.fieldMarkers,
+				children: I.phoneLabel
 			}),
 			/* @__PURE__ */ b(r, {
-				id: `${F}-phone`,
+				id: `${L}-phone`,
 				type: "tel",
-				value: g.phone,
-				"aria-invalid": !!v?.phone,
-				onChange: (e) => O({ phone: e.target.value })
+				value: S.phone,
+				"aria-invalid": !!C?.phone,
+				onChange: (e) => A({ phone: e.target.value })
 			}),
-			/* @__PURE__ */ b(u, { message: v?.phone })
+			/* @__PURE__ */ b(u, { message: C?.phone })
 		]
 	});
 	return /* @__PURE__ */ b(h, {
 		open: e,
 		onOpenChange: c,
-		title: B,
-		description: V,
-		formError: v?.form,
-		inProgress: w,
-		submitDisabled: T,
-		initialFocusId: I ? `${F}-legal-name` : `${F}-first-name`,
-		submitLabel: H,
-		cancelLabel: P.cancelButton,
-		labels: { close: P.close },
-		onSubmit: j,
-		onCancel: M,
+		title: U,
+		description: W,
+		formError: C?.form,
+		inProgress: O,
+		submitDisabled: k,
+		initialFocusId: R ? `${L}-legal-name` : `${L}-first-name`,
+		submitLabel: G,
+		cancelLabel: I.cancelButton,
+		labels: { close: I.close },
+		onSubmit: N,
+		onCancel: P,
 		children: /* @__PURE__ */ x("div", {
-			ref: z,
+			ref: V,
 			style: { display: "contents" },
 			children: [
-				/* @__PURE__ */ b(a, { labels: P.requiredFieldsLegend }),
+				/* @__PURE__ */ b(a, { labels: I.requiredFieldsLegend }),
 				l === "create" && /* @__PURE__ */ b(m, {
-					value: g.entityType,
-					onChange: (e) => O({ entityType: e }),
+					value: S.entityType,
+					onChange: (e) => A({ entityType: e }),
 					variant: "pills",
 					labels: {
-						heading: U,
-						organization: P.businessTypeOption,
-						organizationHint: P.businessTypeHint,
-						individual: P.personTypeOption,
-						individualHint: P.personTypeHint
+						heading: K,
+						organization: I.businessTypeOption,
+						organizationHint: I.businessTypeHint,
+						individual: I.personTypeOption,
+						individualHint: I.personTypeHint
 					}
 				}),
-				I ? /* @__PURE__ */ x("div", {
+				R ? /* @__PURE__ */ x("div", {
 					className: "ttw:flex ttw:flex-col ttw:gap-1.5",
 					children: [
 						/* @__PURE__ */ b(i, {
-							htmlFor: `${F}-legal-name`,
+							htmlFor: `${L}-legal-name`,
 							requirement: n.Required,
-							labels: P.fieldMarkers,
-							children: P.businessNameLabel
+							labels: I.fieldMarkers,
+							children: I.businessNameLabel
 						}),
 						/* @__PURE__ */ b(r, {
-							id: `${F}-legal-name`,
-							value: g.legalName,
+							id: `${L}-legal-name`,
+							"data-autofocus": !0,
+							value: S.legalName,
 							"aria-required": !0,
-							"aria-invalid": !!v?.legalName,
-							onChange: (e) => O({ legalName: e.target.value })
+							"aria-invalid": !!C?.legalName,
+							onChange: (e) => A({ legalName: e.target.value })
 						}),
-						/* @__PURE__ */ b(u, { message: v?.legalName })
+						/* @__PURE__ */ b(u, { message: C?.legalName })
 					]
 				}) : /* @__PURE__ */ x("div", {
 					className: "ttw:grid ttw:grid-cols-2 ttw:gap-4",
@@ -165,183 +170,186 @@ function O({ open: e, onOpenChange: c, mode: l, counterpartMode: f = "customer",
 						className: "ttw:flex ttw:flex-col ttw:gap-1.5",
 						children: [
 							/* @__PURE__ */ b(i, {
-								htmlFor: `${F}-first-name`,
+								htmlFor: `${L}-first-name`,
 								requirement: n.Required,
-								labels: P.fieldMarkers,
-								children: P.firstNameLabel
+								labels: I.fieldMarkers,
+								children: I.firstNameLabel
 							}),
 							/* @__PURE__ */ b(r, {
-								id: `${F}-first-name`,
-								value: g.firstName,
+								id: `${L}-first-name`,
+								"data-autofocus": !0,
+								value: S.firstName,
 								"aria-required": !0,
-								"aria-invalid": !!v?.firstName,
-								onChange: (e) => O({ firstName: e.target.value })
+								"aria-invalid": !!C?.firstName,
+								onChange: (e) => A({ firstName: e.target.value })
 							}),
-							/* @__PURE__ */ b(u, { message: v?.firstName })
+							/* @__PURE__ */ b(u, { message: C?.firstName })
 						]
 					}), /* @__PURE__ */ x("div", {
 						className: "ttw:flex ttw:flex-col ttw:gap-1.5",
 						children: [
 							/* @__PURE__ */ b(i, {
-								htmlFor: `${F}-last-name`,
+								htmlFor: `${L}-last-name`,
 								requirement: n.Required,
-								labels: P.fieldMarkers,
-								children: P.lastNameLabel
+								labels: I.fieldMarkers,
+								children: I.lastNameLabel
 							}),
 							/* @__PURE__ */ b(r, {
-								id: `${F}-last-name`,
-								value: g.lastName,
+								id: `${L}-last-name`,
+								value: S.lastName,
 								"aria-required": !0,
-								"aria-invalid": !!v?.lastName,
-								onChange: (e) => O({ lastName: e.target.value })
+								"aria-invalid": !!C?.lastName,
+								onChange: (e) => A({ lastName: e.target.value })
 							}),
-							/* @__PURE__ */ b(u, { message: v?.lastName })
+							/* @__PURE__ */ b(u, { message: C?.lastName })
 						]
 					})]
 				}),
-				L ? /* @__PURE__ */ x(y, { children: [
-					W,
+				z ? /* @__PURE__ */ x(y, { children: [
+					q,
 					/* @__PURE__ */ x(i, {
-						htmlFor: `${F}-reminders`,
+						htmlFor: `${L}-reminders`,
 						className: "ttw:flex ttw:items-start ttw:gap-3 ttw:rounded-md ttw:border ttw:border-border ttw:p-3",
 						children: [/* @__PURE__ */ b(t, {
-							id: `${F}-reminders`,
-							checked: g.remindersEnabled,
-							onCheckedChange: (e) => O({ remindersEnabled: e === !0 })
+							id: `${L}-reminders`,
+							checked: S.remindersEnabled,
+							onCheckedChange: (e) => A({ remindersEnabled: e === !0 })
 						}), /* @__PURE__ */ x("span", {
 							className: "ttw:flex ttw:flex-col ttw:gap-0.5",
 							children: [/* @__PURE__ */ b("span", {
 								className: "ttw:text-sm ttw:font-medium",
-								children: P.paymentRemindersLabel
+								children: I.paymentRemindersLabel
 							}), /* @__PURE__ */ b("span", {
 								className: "ttw:text-sm ttw:text-muted-foreground",
-								children: P.paymentRemindersDescription
+								children: I.paymentRemindersDescription
 							})]
 						})]
 					}),
-					G
+					J
 				] }) : /* @__PURE__ */ x("div", {
 					className: "ttw:flex ttw:gap-4",
-					children: [W, G]
+					children: [q, J]
 				}),
 				/* @__PURE__ */ x("div", {
 					className: "ttw:flex ttw:flex-col ttw:gap-1.5",
 					children: [
 						/* @__PURE__ */ b(i, {
-							htmlFor: `${F}-tax-id`,
+							htmlFor: `${L}-tax-id`,
 							requirement: n.Optional,
-							labels: P.fieldMarkers,
-							children: C.label
+							labels: I.fieldMarkers,
+							children: T.label
 						}),
 						/* @__PURE__ */ b(r, {
-							id: `${F}-tax-id`,
-							placeholder: C.placeholder,
-							value: g.taxId,
-							"aria-invalid": !!v?.taxId,
-							onChange: (e) => O({ taxId: e.target.value })
+							id: `${L}-tax-id`,
+							placeholder: T.placeholder,
+							value: S.taxId,
+							"aria-invalid": !!C?.taxId,
+							onChange: (e) => A({ taxId: e.target.value })
 						}),
-						/* @__PURE__ */ b(u, { message: v?.taxId }),
+						/* @__PURE__ */ b(u, { message: C?.taxId }),
 						/* @__PURE__ */ b(s, {
 							variant: "caption",
 							className: "ttw:text-muted-foreground",
-							children: C.description
+							children: T.description
 						})
 					]
 				}),
-				L && /* @__PURE__ */ b("div", {
+				z && /* @__PURE__ */ b("div", {
 					className: "ttw:border-b ttw:border-border ttw:pt-6 ttw:pb-7",
 					children: /* @__PURE__ */ x(s, {
 						variant: "body1",
 						className: "ttw:font-medium",
 						children: [
-							P.addressHeading,
+							I.addressHeading,
 							" ",
 							/* @__PURE__ */ b("span", {
 								className: "ttw:text-muted-foreground",
-								children: P.fieldMarkers.optionalNote
+								children: I.fieldMarkers.optionalNote
 							})
 						]
 					})
 				}),
 				/* @__PURE__ */ b(p, {
-					idPrefix: `${F}-address`,
-					values: g.address,
-					errors: v?.address,
-					stateOptions: S,
-					onChange: k,
-					labels: P.address
+					idPrefix: `${L}-address`,
+					values: S.address,
+					errors: C?.address,
+					stateOptions: w,
+					onChange: j,
+					labels: I.address
 				}),
-				R && /* @__PURE__ */ x(y, { children: [
+				B && /* @__PURE__ */ x(y, { children: [
 					/* @__PURE__ */ b(o, { className: "ttw:my-1" }),
 					/* @__PURE__ */ x("div", {
 						className: "ttw:flex ttw:flex-col ttw:gap-1",
 						children: [/* @__PURE__ */ b(s, {
 							variant: "body2",
 							className: "ttw:font-semibold",
-							children: P.paymentMethodsHeading
+							children: I.paymentMethodsHeading
 						}), /* @__PURE__ */ b(s, {
 							variant: "body2",
 							className: "ttw:text-muted-foreground",
-							children: P.paymentMethodsDescription
+							children: I.paymentMethodsDescription
 						})]
 					}),
 					/* @__PURE__ */ b(d, {
-						idPrefix: `${F}-ach`,
-						values: g.bankAccount,
-						errors: v?.bankAccount,
-						onChange: (e) => A?.(e),
-						labels: P.ach
+						idPrefix: `${L}-ach`,
+						values: S.bankAccount,
+						errors: C?.bankAccount,
+						onChange: (e) => M?.(e),
+						labels: I.ach
 					})
 				] })
 			]
 		})
 	});
 }
-function k({ mode: a, counterpartMode: c = "customer", values: l, errors: p, stateOptions: h, onChange: g, onAddressChange: v, onBankAccountChange: T, sections: O, sectionsToExpand: k, onAddressExpand: A, labels: j }) {
-	let M = D(j), N = {
+function k({ mode: a, counterpartMode: c = "customer", values: l, errors: p, stateOptions: h, onChange: T, onAddressChange: O, onBankAccountChange: k, sections: A, sectionsToExpand: j, onAddressExpand: M, labels: N }) {
+	let P = D(N), F = {
 		...C,
-		...O
-	}, P = _(), F = l.entityType === "organization", I = c === "customer", L = c === "vendor", { isAddressShown: R, isAddressExpanded: z } = w({
-		show: N,
-		sectionsToExpand: k
-	}), B = E(p), V = I ? M.customerTypeHeading : M.vendorTypeHeading, H = I ? M.customerTaxIdHelp : M.vendorTaxIdHelp;
+		...A
+	}, I = _(), L = l.entityType === "organization", R = c === "customer", z = c === "vendor", { isAddressShown: B, isAddressExpanded: V } = w({
+		show: F,
+		sectionsToExpand: j
+	}), H = E(p), U = v(null);
+	g(() => U.current?.focus(), [l.entityType]);
+	let W = R ? P.customerTypeHeading : P.vendorTypeHeading, G = R ? P.customerTaxIdHelp : P.vendorTaxIdHelp;
 	return /* @__PURE__ */ x("div", {
-		ref: B,
+		ref: H,
 		style: { display: "contents" },
 		children: [
-			a === "create" && N.entityType && /* @__PURE__ */ b(m, {
+			a === "create" && F.entityType && /* @__PURE__ */ b(m, {
 				value: l.entityType,
-				onChange: (e) => g({ entityType: e }),
+				onChange: (e) => T({ entityType: e }),
 				variant: "pills",
 				labels: {
-					heading: V,
-					organization: M.businessTypeOption,
-					organizationHint: M.businessTypeHint,
-					individual: M.personTypeOption,
-					individualHint: M.personTypeHint
+					heading: W,
+					organization: P.businessTypeOption,
+					organizationHint: P.businessTypeHint,
+					individual: P.personTypeOption,
+					individualHint: P.personTypeHint
 				}
 			}),
-			N.profileHeading && /* @__PURE__ */ b(s, {
+			F.profileHeading && /* @__PURE__ */ b(s, {
 				variant: "body2",
 				className: "ttw:font-semibold",
-				children: M.profileHeading
+				children: P.profileHeading
 			}),
-			F ? /* @__PURE__ */ x("div", {
+			L ? /* @__PURE__ */ x("div", {
 				className: "ttw:flex ttw:flex-col ttw:gap-1.5",
 				children: [
 					/* @__PURE__ */ b(i, {
-						htmlFor: `${P}-legal-name`,
+						htmlFor: `${I}-legal-name`,
 						requirement: n.Required,
-						labels: M.fieldMarkers,
-						children: M.businessNameLabel
+						labels: P.fieldMarkers,
+						children: P.businessNameLabel
 					}),
 					/* @__PURE__ */ b(r, {
-						id: `${P}-legal-name`,
-						autoFocus: !0,
+						id: `${I}-legal-name`,
+						ref: U,
 						value: l.legalName,
 						"aria-required": !0,
 						"aria-invalid": !!p?.legalName,
-						onChange: (e) => g({ legalName: e.target.value })
+						onChange: (e) => T({ legalName: e.target.value })
 					}),
 					/* @__PURE__ */ b(u, { message: p?.legalName })
 				]
@@ -351,18 +359,18 @@ function k({ mode: a, counterpartMode: c = "customer", values: l, errors: p, sta
 					className: "ttw:flex ttw:flex-col ttw:gap-1.5",
 					children: [
 						/* @__PURE__ */ b(i, {
-							htmlFor: `${P}-first-name`,
+							htmlFor: `${I}-first-name`,
 							requirement: n.Required,
-							labels: M.fieldMarkers,
-							children: M.firstNameLabel
+							labels: P.fieldMarkers,
+							children: P.firstNameLabel
 						}),
 						/* @__PURE__ */ b(r, {
-							id: `${P}-first-name`,
-							autoFocus: !0,
+							id: `${I}-first-name`,
+							ref: U,
 							value: l.firstName,
 							"aria-required": !0,
 							"aria-invalid": !!p?.firstName,
-							onChange: (e) => g({ firstName: e.target.value })
+							onChange: (e) => T({ firstName: e.target.value })
 						}),
 						/* @__PURE__ */ b(u, { message: p?.firstName })
 					]
@@ -370,33 +378,33 @@ function k({ mode: a, counterpartMode: c = "customer", values: l, errors: p, sta
 					className: "ttw:flex ttw:flex-col ttw:gap-1.5",
 					children: [
 						/* @__PURE__ */ b(i, {
-							htmlFor: `${P}-last-name`,
+							htmlFor: `${I}-last-name`,
 							requirement: n.Required,
-							labels: M.fieldMarkers,
-							children: M.lastNameLabel
+							labels: P.fieldMarkers,
+							children: P.lastNameLabel
 						}),
 						/* @__PURE__ */ b(r, {
-							id: `${P}-last-name`,
+							id: `${I}-last-name`,
 							value: l.lastName,
 							"aria-required": !0,
 							"aria-invalid": !!p?.lastName,
-							onChange: (e) => g({ lastName: e.target.value })
+							onChange: (e) => T({ lastName: e.target.value })
 						}),
 						/* @__PURE__ */ b(u, { message: p?.lastName })
 					]
 				})]
 			}),
-			!F && N.title && /* @__PURE__ */ x("div", {
+			!L && F.title && /* @__PURE__ */ x("div", {
 				className: "ttw:flex ttw:flex-col ttw:gap-1.5",
 				children: [/* @__PURE__ */ b(i, {
-					htmlFor: `${P}-title`,
+					htmlFor: `${I}-title`,
 					requirement: n.Optional,
-					labels: M.fieldMarkers,
-					children: M.titleLabel
+					labels: P.fieldMarkers,
+					children: P.titleLabel
 				}), /* @__PURE__ */ b(r, {
-					id: `${P}-title`,
+					id: `${I}-title`,
 					value: l.title,
-					onChange: (e) => g({ title: e.target.value })
+					onChange: (e) => T({ title: e.target.value })
 				})]
 			}),
 			/* @__PURE__ */ x("div", {
@@ -405,18 +413,18 @@ function k({ mode: a, counterpartMode: c = "customer", values: l, errors: p, sta
 					className: "ttw:flex ttw:flex-col ttw:gap-1.5",
 					children: [
 						/* @__PURE__ */ b(i, {
-							htmlFor: `${P}-email`,
+							htmlFor: `${I}-email`,
 							requirement: n.Required,
-							labels: M.fieldMarkers,
-							children: M.emailLabel
+							labels: P.fieldMarkers,
+							children: P.emailLabel
 						}),
 						/* @__PURE__ */ b(r, {
-							id: `${P}-email`,
+							id: `${I}-email`,
 							type: "email",
 							value: l.email,
 							"aria-required": !0,
 							"aria-invalid": !!p?.email,
-							onChange: (e) => g({ email: e.target.value })
+							onChange: (e) => T({ email: e.target.value })
 						}),
 						/* @__PURE__ */ b(u, { message: p?.email })
 					]
@@ -424,107 +432,107 @@ function k({ mode: a, counterpartMode: c = "customer", values: l, errors: p, sta
 					className: "ttw:flex ttw:flex-col ttw:gap-1.5",
 					children: [
 						/* @__PURE__ */ b(i, {
-							htmlFor: `${P}-phone`,
+							htmlFor: `${I}-phone`,
 							requirement: n.Optional,
-							labels: M.fieldMarkers,
-							children: M.phoneLabel
+							labels: P.fieldMarkers,
+							children: P.phoneLabel
 						}),
 						/* @__PURE__ */ b(r, {
-							id: `${P}-phone`,
+							id: `${I}-phone`,
 							value: l.phone,
 							"aria-invalid": !!p?.phone,
-							onChange: (e) => g({ phone: e.target.value })
+							onChange: (e) => T({ phone: e.target.value })
 						}),
 						/* @__PURE__ */ b(u, { message: p?.phone })
 					]
 				})]
 			}),
-			N.taxId && /* @__PURE__ */ x("div", {
+			F.taxId && /* @__PURE__ */ x("div", {
 				className: "ttw:flex ttw:flex-col ttw:gap-1.5",
 				children: [
 					/* @__PURE__ */ b(i, {
-						htmlFor: `${P}-tax-id`,
+						htmlFor: `${I}-tax-id`,
 						requirement: n.Optional,
-						labels: M.fieldMarkers,
-						children: M.taxIdLabel
+						labels: P.fieldMarkers,
+						children: P.taxIdLabel
 					}),
 					/* @__PURE__ */ b(r, {
-						id: `${P}-tax-id`,
+						id: `${I}-tax-id`,
 						value: l.taxId,
 						"aria-invalid": !!p?.taxId,
-						onChange: (e) => g({ taxId: e.target.value })
+						onChange: (e) => T({ taxId: e.target.value })
 					}),
 					/* @__PURE__ */ b(u, { message: p?.taxId }),
 					/* @__PURE__ */ b(s, {
 						variant: "caption",
 						className: "ttw:text-muted-foreground",
-						children: H
+						children: G
 					})
 				]
 			}),
-			I && /* @__PURE__ */ x(i, {
-				htmlFor: `${P}-reminders`,
+			R && /* @__PURE__ */ x(i, {
+				htmlFor: `${I}-reminders`,
 				className: "ttw:flex ttw:items-start ttw:gap-3 ttw:rounded-md ttw:border ttw:p-3",
 				children: [/* @__PURE__ */ b(t, {
-					id: `${P}-reminders`,
+					id: `${I}-reminders`,
 					checked: l.remindersEnabled,
-					onCheckedChange: (e) => g({ remindersEnabled: e === !0 })
+					onCheckedChange: (e) => T({ remindersEnabled: e === !0 })
 				}), /* @__PURE__ */ x("span", {
 					className: "ttw:flex ttw:flex-col ttw:gap-0.5",
 					children: [/* @__PURE__ */ b("span", {
 						className: "ttw:text-sm ttw:font-medium",
-						children: M.paymentRemindersLabel
+						children: P.paymentRemindersLabel
 					}), /* @__PURE__ */ b("span", {
 						className: "ttw:text-sm ttw:text-muted-foreground",
-						children: M.paymentRemindersDescription
+						children: P.paymentRemindersDescription
 					})]
 				})]
 			}),
-			R && /* @__PURE__ */ x(y, { children: [N.addressHeading && /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b(o, { className: "ttw:my-1" }), /* @__PURE__ */ x("div", {
+			B && /* @__PURE__ */ x(y, { children: [F.addressHeading && /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b(o, { className: "ttw:my-1" }), /* @__PURE__ */ x("div", {
 				className: "ttw:flex ttw:flex-col ttw:gap-1",
 				children: [/* @__PURE__ */ b(s, {
 					variant: "body2",
 					className: "ttw:font-semibold",
-					children: M.addressHeading
-				}), I && /* @__PURE__ */ b(s, {
+					children: P.addressHeading
+				}), R && /* @__PURE__ */ b(s, {
 					variant: "body2",
 					className: "ttw:text-muted-foreground",
-					children: M.customerAddressDescription
+					children: P.customerAddressDescription
 				})]
-			})] }), z ? /* @__PURE__ */ b(f, {
-				idPrefix: `${P}-address`,
+			})] }), V ? /* @__PURE__ */ b(f, {
+				idPrefix: `${I}-address`,
 				values: l.address,
 				errors: p?.address,
 				stateOptions: h,
-				onChange: v,
-				labels: M.address
+				onChange: O,
+				labels: P.address
 			}) : /* @__PURE__ */ x(e, {
 				type: "button",
 				variant: "link",
 				className: "ttw:w-fit ttw:px-0",
-				onClick: A,
-				children: [/* @__PURE__ */ b(S, { className: "ttw:size-4" }), M.addAddress]
+				onClick: M,
+				children: [/* @__PURE__ */ b(S, { className: "ttw:size-4" }), P.addAddress]
 			})] }),
-			L && N.bankAccount && /* @__PURE__ */ x(y, { children: [
+			z && F.bankAccount && /* @__PURE__ */ x(y, { children: [
 				/* @__PURE__ */ b(o, { className: "ttw:my-1" }),
 				/* @__PURE__ */ x("div", {
 					className: "ttw:flex ttw:flex-col ttw:gap-1",
 					children: [/* @__PURE__ */ b(s, {
 						variant: "body2",
 						className: "ttw:font-semibold",
-						children: M.paymentMethodsHeading
+						children: P.paymentMethodsHeading
 					}), /* @__PURE__ */ b(s, {
 						variant: "body2",
 						className: "ttw:text-muted-foreground",
-						children: M.paymentMethodsDescription
+						children: P.paymentMethodsDescription
 					})]
 				}),
 				/* @__PURE__ */ b(d, {
-					idPrefix: `${P}-ach`,
+					idPrefix: `${I}-ach`,
 					values: l.bankAccount,
 					errors: p?.bankAccount,
-					onChange: (e) => T?.(e),
-					labels: M.ach
+					onChange: (e) => k?.(e),
+					labels: P.ach
 				})
 			] })
 		]

package/dist/libs/tesouro-embedded-components-react/shared/feature/dist/lib/analytics/build-info.js

@@ -1,5 +1,5 @@
 //#region ../../libs/tesouro-embedded-components-react/shared/feature/dist/lib/analytics/build-info.js
-var e = "@tesouro/embedded-components-react", t = "0.9.54", n = "96ea28332339c3230dcb1d0c856339632c670433", r = Object.freeze({
+var e = "@tesouro/embedded-components-react", t = "0.9.56", n = "c039e976fc9461d6c079851960a7953571cd1180", r = Object.freeze({
 	library_name: e,
 	library_version: t,
 	library_sha: n

package/dist/libs/tesouro-embedded-components-react/shared/product-catalog/ui/dist/index3.js

@@ -66,7 +66,7 @@ function b({ idPrefix: b, values: x, errors: S, unitOptions: C, pricePrefix: w,
 				}),
 				/* @__PURE__ */ m(n, {
 					id: `${b}-name`,
-					autoFocus: !0,
+					"data-autofocus": !0,
 					"aria-required": !0,
 					className: v,
 					placeholder: D.namePlaceholder,