@tesouro/embedded-components-react 0.2.266 → 0.2.269

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index16.js

@@ -1,205 +1,285 @@
-import { Button as e, Input as t, Label as n, Select as r, SelectContent as i, SelectItem as a, SelectTrigger as o, SelectValue as s, Typography as c } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { LINE_ITEMS_SECTION_LABELS_EN as l } from "./index15.js";
-import { useId as u } from "react";
-import { jsx as d, jsxs as f } from "react/jsx-runtime";
-import { Minus as p, Plus as m, Trash2 as h } from "lucide-react";
+import { Button as e, Input as t, InputGroup as n, InputGroupAddon as r, InputGroupInput as i, Label as a, Select as o, SelectContent as s, SelectItem as c, SelectTrigger as l, SelectValue as u, Typography as d } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { LINE_ITEMS_SECTION_LABELS_EN as f } from "./index15.js";
+import { useId as p } from "react";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
+import { Minus as g, Plus as _, Trash2 as v } from "lucide-react";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index16.js
-function g({ items: g, glCodeOptions: _, totalAmountLabel: v, onAddLineItem: y, errors: b, disabled: x, testId: S, labels: C }) {
-	let w = {
-		...l,
-		...C
-	}, T = u(), E = g.length > 1;
-	return /* @__PURE__ */ f("section", {
+function y({ items: y, glCodeOptions: b, discount: x, onDiscountChange: S, tax: C, onTaxChange: w, total: T, onTotalChange: E, onAddLineItem: D, errors: O, disabled: k, testId: A, labels: j }) {
+	let M = {
+		...f,
+		...j
+	}, N = p(), P = y.length > 1;
+	return /* @__PURE__ */ h("section", {
 		className: "ttw:flex ttw:flex-col ttw:gap-3",
-		"data-testid": S,
+		"data-testid": A,
 		children: [
-			/* @__PURE__ */ d(c, {
+			/* @__PURE__ */ m(d, {
 				component: "h2",
 				variant: "h6",
 				className: "ttw:font-semibold",
-				children: w.heading
+				children: M.heading
 			}),
-			/* @__PURE__ */ d("p", {
+			/* @__PURE__ */ m("p", {
 				className: "ttw:text-sm ttw:text-muted-foreground",
-				children: w.helpText
+				children: M.helpText
 			}),
-			g.map((c, l) => {
-				let u = `${T}-${c.id}`, g = b?.[c.id], v = (e) => `${u}-${e}-error`, y = (e) => g?.[e], S = (e) => {
-					let t = y(e);
-					return t ? /* @__PURE__ */ d("p", {
-						id: v(e),
+			y.map((d, f) => {
+				let p = `${N}-${d.id}`, y = O?.[d.id], x = (e) => `${p}-${e}-error`, S = (e) => y?.[e], C = (e) => {
+					let t = S(e);
+					return t ? /* @__PURE__ */ m("p", {
+						id: x(e),
 						className: "ttw:text-sm ttw:text-destructive",
 						children: t
 					}) : null;
 				};
-				return /* @__PURE__ */ d("div", {
+				return /* @__PURE__ */ m("div", {
 					className: "ttw:rounded-lg ttw:border ttw:border-border ttw:bg-muted/30 ttw:p-4",
-					children: /* @__PURE__ */ f("div", {
-						className: "ttw:flex ttw:items-start ttw:gap-2",
+					children: /* @__PURE__ */ h("div", {
+						className: "ttw:@container/line-item ttw:flex ttw:flex-col ttw:gap-3",
 						children: [
-							E ? /* @__PURE__ */ f("span", {
-								className: "ttw:pt-7 ttw:text-sm ttw:text-muted-foreground",
-								children: [l + 1, "."]
-							}) : null,
-							/* @__PURE__ */ f("div", {
-								className: "ttw:flex ttw:flex-1 ttw:flex-col ttw:gap-3",
-								children: [/* @__PURE__ */ f("div", {
-									className: "ttw:flex ttw:flex-col ttw:gap-1.5",
-									children: [
-										/* @__PURE__ */ d(n, {
-											htmlFor: `${u}-description`,
-											children: w.description
-										}),
-										/* @__PURE__ */ d(t, {
-											id: `${u}-description`,
-											placeholder: w.descriptionPlaceholder,
-											value: c.description,
-											disabled: x,
-											"aria-invalid": y("description") ? !0 : void 0,
-											"aria-describedby": y("description") ? v("description") : void 0,
-											onChange: (e) => c.onChange({ description: e.target.value })
-										}),
-										S("description")
-									]
-								}), /* @__PURE__ */ f("div", {
-									className: "ttw:grid ttw:grid-cols-4 ttw:gap-3",
-									children: [
-										/* @__PURE__ */ f("div", {
-											className: "ttw:flex ttw:flex-col ttw:gap-1.5",
-											children: [
-												/* @__PURE__ */ d(n, {
-													htmlFor: `${u}-gl-code`,
-													children: w.glCode
-												}),
-												/* @__PURE__ */ f(r, {
-													value: c.glCode,
-													disabled: x,
-													onValueChange: (e) => c.onChange({ glCode: e }),
-													children: [/* @__PURE__ */ d(o, {
-														id: `${u}-gl-code`,
-														"aria-invalid": y("glCode") ? !0 : void 0,
-														"aria-describedby": y("glCode") ? v("glCode") : void 0,
-														children: /* @__PURE__ */ d(s, { placeholder: w.glCodePlaceholder })
-													}), /* @__PURE__ */ d(i, { children: _.map((e) => /* @__PURE__ */ d(a, {
-														value: e.value,
-														children: e.label
-													}, e.value)) })]
-												}),
-												S("glCode")
-											]
-										}),
-										/* @__PURE__ */ f("div", {
-											className: "ttw:flex ttw:flex-col ttw:gap-1.5",
-											children: [
-												/* @__PURE__ */ d(n, {
-													htmlFor: `${u}-quantity`,
-													children: w.quantity
-												}),
-												/* @__PURE__ */ f("div", {
-													className: "ttw:flex ttw:items-center ttw:gap-1",
-													children: [
-														/* @__PURE__ */ d(e, {
-															type: "button",
-															variant: "outline",
-															size: "icon",
-															disabled: x,
-															"aria-label": w.decreaseQuantity(l + 1),
-															onClick: () => c.onQuantityStep(-1),
-															children: /* @__PURE__ */ d(p, { className: "ttw:size-3.5" })
-														}),
-														/* @__PURE__ */ d(t, {
-															id: `${u}-quantity`,
-															inputMode: "decimal",
-															className: "ttw:text-center",
-															value: c.quantity,
-															disabled: x,
-															"aria-invalid": y("quantity") ? !0 : void 0,
-															"aria-describedby": y("quantity") ? v("quantity") : void 0,
-															onChange: (e) => c.onChange({ quantity: e.target.value })
-														}),
-														/* @__PURE__ */ d(e, {
-															type: "button",
-															variant: "outline",
-															size: "icon",
-															disabled: x,
-															"aria-label": w.increaseQuantity(l + 1),
-															onClick: () => c.onQuantityStep(1),
-															children: /* @__PURE__ */ d(m, { className: "ttw:size-3.5" })
-														})
-													]
-												}),
-												S("quantity")
-											]
-										}),
-										/* @__PURE__ */ f("div", {
-											className: "ttw:flex ttw:flex-col ttw:gap-1.5",
-											children: [
-												/* @__PURE__ */ d(n, {
-													htmlFor: `${u}-price`,
-													children: w.price
-												}),
-												/* @__PURE__ */ d(t, {
-													id: `${u}-price`,
-													inputMode: "decimal",
-													value: c.price,
-													disabled: x,
-													"aria-invalid": y("price") ? !0 : void 0,
-													"aria-describedby": y("price") ? v("price") : void 0,
-													onChange: (e) => c.onChange({ price: e.target.value })
-												}),
-												S("price")
-											]
-										}),
-										/* @__PURE__ */ f("div", {
-											className: "ttw:flex ttw:flex-col ttw:gap-1.5",
-											children: [
-												/* @__PURE__ */ d(n, {
-													htmlFor: `${u}-amount`,
-													children: w.amount
-												}),
-												/* @__PURE__ */ d(t, {
-													id: `${u}-amount`,
-													inputMode: "decimal",
-													value: c.amount,
-													disabled: x,
-													"aria-invalid": y("amount") ? !0 : void 0,
-													"aria-describedby": y("amount") ? v("amount") : void 0,
-													onChange: (e) => c.onChange({ amount: e.target.value })
-												}),
-												S("amount")
-											]
-										})
-									]
-								})]
+							/* @__PURE__ */ h("div", {
+								className: "ttw:flex ttw:items-center ttw:justify-between ttw:gap-2",
+								children: [/* @__PURE__ */ h("div", {
+									className: "ttw:flex ttw:items-center ttw:gap-2",
+									children: [P ? /* @__PURE__ */ h("span", {
+										className: "ttw:text-sm ttw:text-muted-foreground",
+										children: [f + 1, "."]
+									}) : null, /* @__PURE__ */ m(a, {
+										htmlFor: `${p}-description`,
+										children: M.description
+									})]
+								}), P ? /* @__PURE__ */ m(e, {
+									type: "button",
+									variant: "ghost",
+									size: "icon",
+									disabled: k,
+									"aria-label": M.removeLineItem(f + 1),
+									onClick: d.onRemove,
+									children: /* @__PURE__ */ m(v, { className: "ttw:size-4" })
+								}) : null]
 							}),
-							E ? /* @__PURE__ */ d(e, {
-								type: "button",
-								variant: "ghost",
-								size: "icon",
-								disabled: x,
-								"aria-label": w.removeLineItem(l + 1),
-								onClick: c.onRemove,
-								children: /* @__PURE__ */ d(h, { className: "ttw:size-4" })
-							}) : null
+							/* @__PURE__ */ h("div", {
+								className: "ttw:flex ttw:flex-col ttw:gap-1.5",
+								children: [/* @__PURE__ */ m(t, {
+									id: `${p}-description`,
+									placeholder: M.descriptionPlaceholder,
+									value: d.description,
+									disabled: k,
+									"aria-invalid": S("description") ? !0 : void 0,
+									"aria-describedby": S("description") ? x("description") : void 0,
+									onChange: (e) => d.onChange({ description: e.target.value })
+								}), C("description")]
+							}),
+							/* @__PURE__ */ h("div", {
+								className: "ttw:grid ttw:grid-cols-3 ttw:@lg/line-item:grid-cols-6 ttw:gap-3",
+								children: [
+									/* @__PURE__ */ h("div", {
+										className: "ttw:col-span-3 ttw:flex ttw:flex-col ttw:gap-1.5",
+										children: [
+											/* @__PURE__ */ m(a, {
+												htmlFor: `${p}-gl-code`,
+												children: M.glCode
+											}),
+											/* @__PURE__ */ h(o, {
+												value: d.glCode,
+												disabled: k,
+												onValueChange: (e) => d.onChange({ glCode: e }),
+												children: [/* @__PURE__ */ m(l, {
+													id: `${p}-gl-code`,
+													"aria-invalid": S("glCode") ? !0 : void 0,
+													"aria-describedby": S("glCode") ? x("glCode") : void 0,
+													children: /* @__PURE__ */ m(u, { placeholder: M.glCodePlaceholder })
+												}), /* @__PURE__ */ m(s, { children: b.map((e) => /* @__PURE__ */ m(c, {
+													value: e.value,
+													children: e.label
+												}, e.value)) })]
+											}),
+											C("glCode")
+										]
+									}),
+									/* @__PURE__ */ h("div", {
+										className: "ttw:col-span-1 ttw:flex ttw:flex-col ttw:gap-1.5",
+										children: [
+											/* @__PURE__ */ m(a, {
+												htmlFor: `${p}-quantity`,
+												children: M.quantity
+											}),
+											/* @__PURE__ */ h(n, {
+												className: "ttw:h-9 ttw:rounded-md ttw:border ttw:border-input ttw:shadow-xs ttw:has-[:focus-visible]:border-ring ttw:has-[:focus-visible]:ring-[3px] ttw:has-[:focus-visible]:ring-ring/50 ttw:has-[[aria-invalid=true]]:border-destructive ttw:has-[[aria-invalid=true]]:ring-destructive/20",
+												children: [
+													/* @__PURE__ */ m(e, {
+														type: "button",
+														variant: "ghost",
+														size: "icon",
+														className: "ttw:h-full ttw:shrink-0 ttw:rounded-r-none",
+														disabled: k,
+														"aria-label": M.decreaseQuantity(f + 1),
+														onClick: () => d.onQuantityStep(-1),
+														children: /* @__PURE__ */ m(g, { className: "ttw:size-3.5" })
+													}),
+													/* @__PURE__ */ m(i, {
+														id: `${p}-quantity`,
+														inputMode: "decimal",
+														className: "ttw:min-w-0 ttw:flex-1 ttw:rounded-none ttw:border-0 ttw:text-center ttw:shadow-none ttw:focus-visible:ring-0",
+														value: d.quantity,
+														disabled: k,
+														"aria-invalid": S("quantity") ? !0 : void 0,
+														"aria-describedby": S("quantity") ? x("quantity") : void 0,
+														onChange: (e) => d.onChange({ quantity: e.target.value })
+													}),
+													/* @__PURE__ */ m(e, {
+														type: "button",
+														variant: "ghost",
+														size: "icon",
+														className: "ttw:h-full ttw:shrink-0 ttw:rounded-l-none",
+														disabled: k,
+														"aria-label": M.increaseQuantity(f + 1),
+														onClick: () => d.onQuantityStep(1),
+														children: /* @__PURE__ */ m(_, { className: "ttw:size-3.5" })
+													})
+												]
+											}),
+											C("quantity")
+										]
+									}),
+									/* @__PURE__ */ h("div", {
+										className: "ttw:col-span-1 ttw:flex ttw:flex-col ttw:gap-1.5",
+										children: [
+											/* @__PURE__ */ m(a, {
+												htmlFor: `${p}-price`,
+												children: M.price
+											}),
+											/* @__PURE__ */ h(n, { children: [/* @__PURE__ */ m(r, {
+												align: "inline-start",
+												"aria-hidden": !0,
+												children: M.currencySymbol
+											}), /* @__PURE__ */ m(i, {
+												id: `${p}-price`,
+												"data-has-start-addon": !0,
+												inputMode: "decimal",
+												className: "ttw:text-right ttw:aria-invalid:border-destructive ttw:aria-invalid:ring-destructive/20",
+												value: d.price,
+												disabled: k,
+												"aria-invalid": S("price") ? !0 : void 0,
+												"aria-describedby": S("price") ? x("price") : void 0,
+												onChange: (e) => d.onChange({ price: e.target.value })
+											})] }),
+											C("price")
+										]
+									}),
+									/* @__PURE__ */ h("div", {
+										className: "ttw:col-span-1 ttw:flex ttw:flex-col ttw:gap-1.5",
+										children: [
+											/* @__PURE__ */ m(a, {
+												htmlFor: `${p}-amount`,
+												children: M.amount
+											}),
+											/* @__PURE__ */ h(n, { children: [/* @__PURE__ */ m(r, {
+												align: "inline-start",
+												"aria-hidden": !0,
+												children: M.currencySymbol
+											}), /* @__PURE__ */ m(i, {
+												id: `${p}-amount`,
+												"data-has-start-addon": !0,
+												inputMode: "decimal",
+												className: "ttw:text-right ttw:aria-invalid:border-destructive ttw:aria-invalid:ring-destructive/20",
+												value: d.amount,
+												disabled: k,
+												"aria-invalid": S("amount") ? !0 : void 0,
+												"aria-describedby": S("amount") ? x("amount") : void 0,
+												onChange: (e) => d.onChange({ amount: e.target.value })
+											})] }),
+											C("amount")
+										]
+									})
+								]
+							})
 						]
 					})
-				}, c.id);
+				}, d.id);
+			}),
+			/* @__PURE__ */ m(e, {
+				type: "button",
+				variant: "link",
+				disabled: k,
+				className: "ttw:self-start",
+				onClick: D,
+				children: M.addLineItem
 			}),
-			/* @__PURE__ */ f("div", {
-				className: "ttw:flex ttw:items-center ttw:justify-between",
-				children: [/* @__PURE__ */ d(e, {
-					type: "button",
-					variant: "link",
-					disabled: x,
-					onClick: y,
-					children: w.addLineItem
-				}), /* @__PURE__ */ d("span", {
-					className: "ttw:text-sm ttw:text-foreground",
-					children: v
-				})]
+			/* @__PURE__ */ h("div", {
+				className: "ttw:flex ttw:flex-col ttw:gap-2 ttw:border-t ttw:border-border ttw:pt-3",
+				children: [
+					/* @__PURE__ */ h("div", {
+						className: "ttw:flex ttw:items-center ttw:justify-between ttw:gap-4",
+						children: [/* @__PURE__ */ m(a, {
+							htmlFor: `${N}-discount`,
+							children: M.discount
+						}), /* @__PURE__ */ h(n, {
+							className: "ttw:w-36",
+							children: [/* @__PURE__ */ m(r, {
+								align: "inline-start",
+								"aria-hidden": !0,
+								children: M.currencySymbol
+							}), /* @__PURE__ */ m(i, {
+								id: `${N}-discount`,
+								"data-has-start-addon": !0,
+								inputMode: "decimal",
+								className: "ttw:text-right",
+								value: x,
+								disabled: k,
+								onChange: (e) => S(e.target.value)
+							})]
+						})]
+					}),
+					/* @__PURE__ */ h("div", {
+						className: "ttw:flex ttw:items-center ttw:justify-between ttw:gap-4",
+						children: [/* @__PURE__ */ m(a, {
+							htmlFor: `${N}-tax`,
+							children: M.tax
+						}), /* @__PURE__ */ h(n, {
+							className: "ttw:w-36",
+							children: [/* @__PURE__ */ m(r, {
+								align: "inline-start",
+								"aria-hidden": !0,
+								children: M.currencySymbol
+							}), /* @__PURE__ */ m(i, {
+								id: `${N}-tax`,
+								"data-has-start-addon": !0,
+								inputMode: "decimal",
+								className: "ttw:text-right",
+								value: C,
+								disabled: k,
+								onChange: (e) => w(e.target.value)
+							})]
+						})]
+					}),
+					/* @__PURE__ */ h("div", {
+						className: "ttw:flex ttw:items-center ttw:justify-between ttw:gap-4",
+						children: [/* @__PURE__ */ m(a, {
+							htmlFor: `${N}-total`,
+							className: "ttw:font-semibold",
+							children: M.totalAmount
+						}), /* @__PURE__ */ h(n, {
+							className: "ttw:w-36",
+							children: [/* @__PURE__ */ m(r, {
+								align: "inline-start",
+								"aria-hidden": !0,
+								children: M.currencySymbol
+							}), /* @__PURE__ */ m(i, {
+								id: `${N}-total`,
+								"data-has-start-addon": !0,
+								inputMode: "decimal",
+								className: "ttw:text-right ttw:font-semibold",
+								value: T,
+								disabled: k,
+								onChange: (e) => E(e.target.value)
+							})]
+						})]
+					})
+				]
 			})
 		]
 	});
 }
 //#endregion
-export { g as LineItemsSection, g as default };
+export { y as LineItemsSection, y as default };

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index28.js

@@ -11,38 +11,38 @@ import { BILL_CREATE_SCREEN_LABELS_EN as m } from "./index27.js";
 import { jsx as h, jsxs as g } from "react/jsx-runtime";
 import { MoreVertical as _, X as v } from "lucide-react";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index28.js
-function y({ open: y, onOpenChange: b, title: x, subtitle: S, notice: C, vendor: w, values: T, errors: E, onChange: D, paymentTermOptions: O, lineItems: k, documentPanel: A, menuItems: j, isLineItemsLoading: M, isSavingDraft: N, isFinalizing: P, onCancel: F, onSaveDraft: I, onFinalize: L, testId: R, labels: z }) {
-	let B = {
+function y({ open: y, onOpenChange: b, title: x, subtitle: S, notice: C, vendor: w, values: T, errors: E, onChange: D, lineItems: O, documentPanel: k, menuItems: A, isLineItemsLoading: j, isSavingDraft: M, isFinalizing: N, onCancel: P, onSaveDraft: F, onFinalize: I, testId: L, labels: R }) {
+	let z = {
 		...m,
-		...z,
+		...R,
 		vendorSection: {
 			...m.vendorSection,
-			...z?.vendorSection,
+			...R?.vendorSection,
 			summaryCard: {
 				...m.vendorSection.summaryCard,
-				...z?.vendorSection?.summaryCard
+				...R?.vendorSection?.summaryCard
 			},
 			search: {
 				...m.vendorSection.search,
-				...z?.vendorSection?.search
+				...R?.vendorSection?.search
 			}
 		},
 		detailsFields: {
 			...m.detailsFields,
-			...z?.detailsFields
+			...R?.detailsFields
 		},
 		lineItems: {
 			...m.lineItems,
-			...z?.lineItems
+			...R?.lineItems
 		}
 	};
 	return /* @__PURE__ */ h(t, {
 		open: y,
-		onOpenChange: (e) => e ? b(e) : F(),
+		onOpenChange: (e) => e ? b(e) : P(),
 		children: /* @__PURE__ */ g(n, {
 			showCloseButton: !1,
 			className: "ttw:flex ttw:h-[calc(100vh-3rem)] ttw:w-[calc(100vw-3rem)] ttw:max-w-[calc(100vw-3rem)] ttw:flex-col ttw:gap-0 ttw:p-0",
-			"data-testid": R,
+			"data-testid": L,
 			children: [
 				/* @__PURE__ */ g(i, {
 					className: "ttw:flex ttw:flex-row ttw:items-start ttw:justify-between ttw:border-b ttw:border-border ttw:px-6 ttw:py-4",
@@ -59,23 +59,23 @@ function y({ open: y, onOpenChange: b, title: x, subtitle: S, notice: C, vendor:
 							}) : null,
 							/* @__PURE__ */ h(r, {
 								className: "ttw:sr-only",
-								children: B.hiddenDescription
+								children: z.hiddenDescription
 							})
 						]
 					}), /* @__PURE__ */ g("div", {
 						className: "ttw:flex ttw:items-center ttw:gap-1",
-						children: [j && j.length > 0 ? /* @__PURE__ */ g(o, { children: [/* @__PURE__ */ h(l, {
+						children: [A && A.length > 0 ? /* @__PURE__ */ g(o, { children: [/* @__PURE__ */ h(l, {
 							asChild: !0,
 							children: /* @__PURE__ */ h(e, {
 								type: "button",
 								variant: "ghost",
 								size: "icon",
-								"aria-label": B.menuTrigger,
+								"aria-label": z.menuTrigger,
 								children: /* @__PURE__ */ h(_, { className: "ttw:size-4" })
 							})
 						}), /* @__PURE__ */ h(s, {
 							align: "end",
-							children: j.map((e) => /* @__PURE__ */ h(c, {
+							children: A.map((e) => /* @__PURE__ */ h(c, {
 								variant: e.destructive ? "destructive" : void 0,
 								onSelect: e.onSelect,
 								children: e.label
@@ -84,8 +84,8 @@ function y({ open: y, onOpenChange: b, title: x, subtitle: S, notice: C, vendor:
 							type: "button",
 							variant: "ghost",
 							size: "icon",
-							"aria-label": B.closeButton,
-							onClick: F,
+							"aria-label": z.closeButton,
+							onClick: P,
 							children: /* @__PURE__ */ h(v, { className: "ttw:size-4" })
 						})]
 					})]
@@ -99,24 +99,23 @@ function y({ open: y, onOpenChange: b, title: x, subtitle: S, notice: C, vendor:
 							C,
 							/* @__PURE__ */ h(p, {
 								...w,
-								labels: B.vendorSection
+								labels: z.vendorSection
 							}),
 							/* @__PURE__ */ h(d, {
 								values: T,
 								errors: E,
 								onChange: D,
-								paymentTermOptions: O,
-								labels: B.detailsFields
+								labels: z.detailsFields
 							}),
 							/* @__PURE__ */ h(f, {
-								...k,
-								disabled: k.disabled || M,
-								labels: B.lineItems
+								...O,
+								disabled: O.disabled || j,
+								labels: z.lineItems
 							})
 						]
 					}), /* @__PURE__ */ h("div", {
 						className: "ttw:overflow-y-auto ttw:bg-muted/30 ttw:px-6 ttw:py-6",
-						children: A
+						children: k
 					})]
 				}),
 				/* @__PURE__ */ g("div", {
@@ -125,23 +124,23 @@ function y({ open: y, onOpenChange: b, title: x, subtitle: S, notice: C, vendor:
 						/* @__PURE__ */ h(e, {
 							type: "button",
 							variant: "ghost",
-							onClick: F,
-							children: B.cancelButton
+							onClick: P,
+							children: z.cancelButton
 						}),
 						/* @__PURE__ */ h(e, {
 							type: "button",
 							variant: "secondary",
-							onClick: I,
-							loading: N,
-							disabled: P || M,
-							children: B.saveDraftButton
+							onClick: F,
+							loading: M,
+							disabled: N || j,
+							children: z.saveDraftButton
 						}),
 						/* @__PURE__ */ h(e, {
 							type: "button",
-							onClick: L,
-							loading: P,
-							disabled: N || M,
-							children: B.finalizeButton
+							onClick: I,
+							loading: N,
+							disabled: M || j,
+							children: z.finalizeButton
 						})
 					]
 				})

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index7.js

@@ -33,8 +33,8 @@ function c({ emailAddress: c, onCopyEmail: l, onFilesSelected: u, accept: d, upl
 						type: "button",
 						onClick: l,
 						"aria-label": _.copyEmail,
-						className: "ttw:inline-flex ttw:items-center ttw:gap-1 ttw:align-baseline ttw:text-primary ttw:hover:underline",
-						children: [/* @__PURE__ */ a(s, { className: "ttw:size-3.5" }), c]
+						className: "ttw:inline-flex ttw:items-center ttw:gap-1.5 ttw:rounded-md ttw:border ttw:border-input ttw:px-2 ttw:py-1 ttw:align-middle ttw:text-foreground ttw:hover:bg-accent",
+						children: [c, /* @__PURE__ */ a(s, { className: "ttw:size-3.5 ttw:text-muted-foreground" })]
 					}),
 					" ",
 					_.subcopySuffix

package/dist/libs/tesouro-embedded-components-react/card-details-widget/feature/dist/index6.js

@@ -83,20 +83,21 @@ function w({ cardId: r, cardProgram: l, onClose: w, labels: T, featureLabels: E,
 		onRetry: N === d.Supported ? G : void 0
 	})] });
 }
-function T({ baseUrl: e, widgetToken: t, organizationId: n, configClient: i, linkComponent: a, implementation: o, uiFramework: s, errorFallback: c, onError: u, analytics: d, ...f }) {
+function T({ baseUrl: e, widgetToken: t, organizationId: n, configClient: i, gatewayRouting: a, linkComponent: o, implementation: s, uiFramework: c, errorFallback: u, onError: d, analytics: f, ...p }) {
 	return /* @__PURE__ */ S(r, {
 		widgetName: l,
 		baseUrl: e,
 		widgetToken: t,
 		organizationId: n,
 		configClient: i,
-		linkComponent: a,
-		implementation: o,
-		uiFramework: s,
-		errorFallback: c,
-		onError: u,
-		analytics: d,
-		children: /* @__PURE__ */ S(w, { ...f })
+		gatewayRouting: a,
+		linkComponent: o,
+		implementation: s,
+		uiFramework: c,
+		errorFallback: u,
+		onError: d,
+		analytics: f,
+		children: /* @__PURE__ */ S(w, { ...p })
 	});
 }
 //#endregion