@tesouro/embedded-components-react 0.3.0 → 0.3.1

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index108.js

@@ -1,100 +1,169 @@
-import { Button as e } from "./index56.js";
-import { Typography as t } from "./index62.js";
-import { CounterpartAddressFormContent as n } from "./index106.js";
-import { CounterpartAddressForm as r } from "./index107.js";
-import { useState as i } from "react";
-import { Plus as a } from "lucide-react";
-import { Fragment as o, jsx as s, jsxs as c } from "@emotion/react/jsx-runtime";
-import { useLingui as l } from "@lingui/react";
-import { twMerge as u } from "tailwind-merge";
+import { cn as e } from "./index49.js";
+import { Button as t } from "./index56.js";
+import { InputGroup as n, InputGroupAddon as r, InputGroupButton as i, InputGroupInput as a } from "./index107.js";
+import * as o from "react";
+import { CheckIcon as s, ChevronDownIcon as c, XIcon as l } from "lucide-react";
+import { jsx as u, jsxs as d } from "@emotion/react/jsx-runtime";
+import { Combobox as f } from "@base-ui/react";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index108.js
-var d = ({ isStandalone: d, counterpartId: f, counterpartAddress: p, isUpdateAllowed: m, isLoading: h, customerType: g }) => {
-	let { i18n: _ } = l(), [v, y] = i(!d), b = !!p, x = p?.city || "", S = p?.state || "", C = p?.postal_code || "", w = () => {
-		y(!1);
-	};
-	return v ? /* @__PURE__ */ s(o, { children: d && f ? /* @__PURE__ */ s(o, { children: p ? /* @__PURE__ */ s(r, {
-		address: p,
-		handleClose: w,
-		counterpartId: f,
-		onUpdate: w,
-		isStandalone: !0,
-		customerType: g
-	}) : /* @__PURE__ */ s(r, {
-		handleClose: w,
-		counterpartId: f,
-		onCreate: w,
-		isStandalone: !0,
-		customerType: g
-	}) }) : /* @__PURE__ */ s(n, {
-		hasExistingAddress: !1,
-		isLoading: h,
-		isStandalone: !1,
-		customerType: g
-	}) }) : /* @__PURE__ */ c("div", {
-		className: "ttw:flex ttw:flex-col",
-		children: [/* @__PURE__ */ c("div", {
-			className: "ttw:flex ttw:items-center ttw:justify-between ttw:gap-3 ttw:pt-6 ttw:pb-7",
-			children: [/* @__PURE__ */ c(t, {
-				variant: "body1",
-				className: "ttw:font-medium",
-				children: [
-					_._("Address"),
-					" ",
-					/* @__PURE__ */ s("span", {
-						className: "ttw:text-muted-foreground",
-						children: _._("(optional)")
-					})
-				]
-			}), b && m && /* @__PURE__ */ s(e, {
-				type: "button",
-				variant: "ghost",
-				className: "ttw:text-primary ttw:p-0 ttw:hover:text-primary ttw:hover:underline ttw:w-fit ttw:hover:bg-transparent",
-				onClick: () => y(!0),
-				children: _._("Edit")
-			})]
-		}), /* @__PURE__ */ s("div", {
-			className: u("ttw:flex ttw:items-start ttw:rounded-lg", b ? "ttw:border-none" : "ttw:border ttw:border-border ttw:p-3"),
-			children: b ? /* @__PURE__ */ c("div", {
-				className: "ttw:flex ttw:flex-col ttw:gap-1.5",
-				children: [
-					/* @__PURE__ */ s(t, {
-						variant: "body2",
-						className: "ttw:font-medium",
-						children: p?.line1
-					}),
-					p?.line2 && /* @__PURE__ */ s(t, {
-						variant: "body2",
-						className: "ttw:font-medium",
-						children: p.line2
-					}),
-					/* @__PURE__ */ s(t, {
-						variant: "body2",
-						className: "ttw:font-medium",
-						children: `${x && x}${x && (S || C) && ","} ${S && S} ${C && C}`
-					}),
-					/* @__PURE__ */ s(t, {
-						variant: "body2",
-						className: "ttw:font-medium",
-						children: p?.country
-					})
-				]
-			}) : /* @__PURE__ */ c("div", {
-				className: "ttw:flex ttw:flex-col ttw:gap-0.5",
-				children: [/* @__PURE__ */ s(t, {
-					variant: "body2",
-					className: "ttw:leading-5",
-					children: _._("No address on file")
-				}), /* @__PURE__ */ c(e, {
-					type: "button",
+var p = f.Root;
+function m({ ...e }) {
+	return /* @__PURE__ */ u(f.Value, {
+		"data-slot": "combobox-value",
+		...e
+	});
+}
+function h({ className: t, children: n, ...r }) {
+	return /* @__PURE__ */ d(f.Trigger, {
+		"data-slot": "combobox-trigger",
+		className: e("ttw:[&_svg:not([class*=size-])]:size-4", t),
+		...r,
+		children: [n, /* @__PURE__ */ u(c, {
+			"data-slot": "combobox-trigger-icon",
+			className: "ttw:pointer-events-none ttw:size-4 ttw:text-muted-foreground"
+		})]
+	});
+}
+function g({ className: t, ...n }) {
+	return /* @__PURE__ */ u(f.Clear, {
+		"data-slot": "combobox-clear",
+		render: /* @__PURE__ */ u(i, {
+			variant: "ghost",
+			size: "icon-xs"
+		}),
+		className: e(t),
+		...n,
+		children: /* @__PURE__ */ u(l, { className: "ttw:pointer-events-none" })
+	});
+}
+function _({ className: t, children: o, disabled: s = !1, showTrigger: c = !0, showClear: l = !1, ...p }) {
+	return /* @__PURE__ */ d(n, {
+		className: e("ttw:w-auto", t),
+		children: [
+			/* @__PURE__ */ u(f.Input, {
+				render: /* @__PURE__ */ u(a, { disabled: s }),
+				...p
+			}),
+			/* @__PURE__ */ d(r, {
+				align: "inline-end",
+				children: [c && /* @__PURE__ */ u(i, {
+					size: "icon-xs",
 					variant: "ghost",
-					className: "ttw:text-primary ttw:hover:text-primary/70 ttw:w-fit ttw:px-0 ttw:has-[>svg]:px-0 ttw:py-2 ttw:hover:bg-transparent",
-					onClick: () => y(!0),
-					disabled: h,
-					children: [/* @__PURE__ */ s(a, {}), _._("Add address")]
-				})]
+					asChild: !0,
+					"data-slot": "input-group-button",
+					className: "ttw:group-has-data-[slot=combobox-clear]/input-group:hidden ttw:data-pressed:bg-transparent",
+					disabled: s,
+					children: /* @__PURE__ */ u(h, {})
+				}), l && /* @__PURE__ */ u(g, { disabled: s })]
+			}),
+			o
+		]
+	});
+}
+function v({ className: t, side: n = "bottom", sideOffset: r = 6, align: i = "start", alignOffset: a = 0, anchor: o, container: s, ...c }) {
+	return /* @__PURE__ */ u(f.Portal, {
+		container: s ?? void 0,
+		children: /* @__PURE__ */ u(f.Positioner, {
+			side: n,
+			sideOffset: r,
+			align: i,
+			alignOffset: a,
+			anchor: o,
+			className: "ttw:isolate ttw:z-1300",
+			children: /* @__PURE__ */ u(f.Popup, {
+				"data-slot": "combobox-content",
+				"data-chips": !!o,
+				className: e("ttw:group/combobox-content ttw:relative ttw:max-h-96 ttw:w-(--anchor-width) ttw:max-w-(--available-width) ttw:min-w-[calc(var(--anchor-width)+--spacing(7))] ttw:origin-(--transform-origin) ttw:overflow-hidden ttw:rounded-md ttw:bg-popover ttw:text-popover-foreground ttw:shadow-md ttw:ring-1 ttw:ring-foreground/10 ttw:duration-100 ttw:data-[chips=true]:min-w-(--anchor-width) ttw:data-[side=bottom]:slide-in-from-top-2 ttw:data-[side=left]:slide-in-from-right-2 ttw:data-[side=right]:slide-in-from-left-2 ttw:data-[side=top]:slide-in-from-bottom-2 ttw:*:data-[slot=input-group]:m-1 ttw:*:data-[slot=input-group]:mb-0 ttw:*:data-[slot=input-group]:h-8 ttw:*:data-[slot=input-group]:border-input/30 ttw:*:data-[slot=input-group]:bg-input/30 ttw:*:data-[slot=input-group]:shadow-none ttw:data-open:animate-in ttw:data-open:fade-in-0 ttw:data-open:zoom-in-95 ttw:data-closed:animate-out ttw:data-closed:fade-out-0 ttw:data-closed:zoom-out-95", t),
+				...c
 			})
+		})
+	});
+}
+function y({ className: t, ...n }) {
+	return /* @__PURE__ */ u(f.List, {
+		"data-slot": "combobox-list",
+		className: e("ttw:max-h-[min(calc(--spacing(96)---spacing(9)),calc(var(--available-height)---spacing(9)))] ttw:scroll-py-1 ttw:overflow-y-auto ttw:p-1 ttw:data-empty:p-0", t),
+		...n
+	});
+}
+function b({ className: t, children: n, ...r }) {
+	return /* @__PURE__ */ d(f.Item, {
+		"data-slot": "combobox-item",
+		className: e("ttw:relative ttw:flex ttw:w-full ttw:cursor-default ttw:items-center ttw:gap-2 ttw:rounded-sm ttw:py-1.5 ttw:pr-8 ttw:pl-2 ttw:text-sm ttw:outline-hidden ttw:select-none ttw:data-highlighted:bg-accent ttw:data-highlighted:text-accent-foreground ttw:data-[disabled]:pointer-events-none ttw:data-[disabled]:opacity-50 ttw:[&_svg]:pointer-events-none ttw:[&_svg]:shrink-0 ttw:[&_svg:not([class*=size-])]:size-4", t),
+		...r,
+		children: [n, /* @__PURE__ */ u(f.ItemIndicator, {
+			"data-slot": "combobox-item-indicator",
+			render: /* @__PURE__ */ u("span", { className: "ttw:pointer-events-none ttw:absolute ttw:right-2 ttw:flex ttw:size-4 ttw:items-center ttw:justify-center" }),
+			children: /* @__PURE__ */ u(s, { className: "ttw:pointer-events-none ttw:size-4 ttw:pointer-coarse:size-5" })
+		})]
+	});
+}
+function x({ className: t, ...n }) {
+	return /* @__PURE__ */ u(f.Group, {
+		"data-slot": "combobox-group",
+		className: e(t),
+		...n
+	});
+}
+function S({ className: t, ...n }) {
+	return /* @__PURE__ */ u(f.GroupLabel, {
+		"data-slot": "combobox-label",
+		className: e("ttw:px-2 ttw:py-1.5 ttw:text-xs ttw:text-muted-foreground ttw:pointer-coarse:px-3 ttw:pointer-coarse:py-2 ttw:pointer-coarse:text-sm", t),
+		...n
+	});
+}
+function C({ ...e }) {
+	return /* @__PURE__ */ u(f.Collection, {
+		"data-slot": "combobox-collection",
+		...e
+	});
+}
+function w({ className: t, ...n }) {
+	return /* @__PURE__ */ u(f.Empty, {
+		"data-slot": "combobox-empty",
+		className: e("ttw:hidden ttw:w-full ttw:justify-center ttw:py-2 ttw:text-center ttw:text-sm ttw:text-muted-foreground ttw:group-data-empty/combobox-content:flex", t),
+		...n
+	});
+}
+function T({ className: t, ...n }) {
+	return /* @__PURE__ */ u(f.Separator, {
+		"data-slot": "combobox-separator",
+		className: e("ttw:-mx-1 ttw:my-1 ttw:h-px ttw:bg-border", t),
+		...n
+	});
+}
+function E({ className: t, ...n }) {
+	return /* @__PURE__ */ u(f.Chips, {
+		"data-slot": "combobox-chips",
+		className: e("ttw:flex ttw:min-h-9 ttw:flex-wrap ttw:items-center ttw:gap-1.5 ttw:rounded-md ttw:border ttw:border-input ttw:bg-transparent ttw:bg-clip-padding ttw:px-2.5 ttw:py-1.5 ttw:text-sm ttw:shadow-xs ttw:transition-[color,box-shadow] ttw:focus-within:border-ring ttw:focus-within:ring-[3px] ttw:focus-within:ring-ring/50 ttw:has-aria-invalid:border-destructive ttw:has-aria-invalid:ring-[3px] ttw:has-aria-invalid:ring-destructive/20 ttw:has-data-[slot=combobox-chip]:px-1.5 ttw:dark:bg-input/30 ttw:dark:has-aria-invalid:border-destructive/50 ttw:dark:has-aria-invalid:ring-destructive/40", t),
+		...n
+	});
+}
+function D({ className: n, children: r, showRemove: i = !0, ...a }) {
+	return /* @__PURE__ */ d(f.Chip, {
+		"data-slot": "combobox-chip",
+		className: e("ttw:flex ttw:h-[calc(--spacing(5.5))] ttw:w-fit ttw:items-center ttw:justify-center ttw:gap-1 ttw:rounded-sm ttw:bg-muted ttw:px-1.5 ttw:text-xs ttw:font-medium ttw:whitespace-nowrap ttw:text-foreground ttw:has-disabled:pointer-events-none ttw:has-disabled:cursor-not-allowed ttw:has-disabled:opacity-50 ttw:has-data-[slot=combobox-chip-remove]:pr-0", n),
+		...a,
+		children: [r, i && /* @__PURE__ */ u(f.ChipRemove, {
+			render: /* @__PURE__ */ u(t, {
+				variant: "ghost",
+				className: "ttw:size-6"
+			}),
+			className: "ttw:-ml-1 ttw:opacity-50 ttw:hover:opacity-100",
+			"data-slot": "combobox-chip-remove",
+			children: /* @__PURE__ */ u(l, { className: "ttw:pointer-events-none" })
 		})]
 	});
-};
+}
+function O({ className: t, children: n, ...r }) {
+	return /* @__PURE__ */ u(f.Input, {
+		"data-slot": "combobox-chip-input",
+		className: e("ttw:min-w-16 ttw:flex-1 ttw:outline-none", t),
+		...r
+	});
+}
+function k() {
+	return o.useRef(null);
+}
 //#endregion
-export { d as CounterpartAddressSection };
+export { p as Combobox, D as ComboboxChip, E as ComboboxChips, O as ComboboxChipsInput, C as ComboboxCollection, v as ComboboxContent, w as ComboboxEmpty, x as ComboboxGroup, _ as ComboboxInput, b as ComboboxItem, S as ComboboxLabel, y as ComboboxList, T as ComboboxSeparator, h as ComboboxTrigger, m as ComboboxValue, k as useComboboxAnchor };

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index109.js

@@ -1,262 +1,41 @@
-import { Input as e } from "./index89.js";
-import { Typography as t } from "./index62.js";
-import { Label as n } from "./index87.js";
-import { Field as r, FieldContent as i, FieldDescription as a, FieldError as o, FieldLabel as s } from "./index88.js";
-import { CounterpartBankSection as c } from "./index98.js";
-import { CounterpartAddressSection as l } from "./index108.js";
-import { RadioGroup as u, RadioGroupItem as d } from "./index90.js";
-import { Checkbox as f } from "./index99.js";
-import { useRef as p } from "react";
-import { jsx as m, jsxs as h } from "@emotion/react/jsx-runtime";
-import { useLingui as g } from "@lingui/react";
-import { twMerge as _ } from "tailwind-merge";
-import { Controller as v, useFormContext as y } from "react-hook-form";
+import { getCountriesArray as e } from "./index12.js";
+import { Combobox as t, ComboboxCollection as n, ComboboxContent as r, ComboboxEmpty as i, ComboboxInput as a, ComboboxItem as o, ComboboxList as s } from "./index108.js";
+import { useMemo as c } from "react";
+import { jsx as l, jsxs as u } from "@emotion/react/jsx-runtime";
+import { useLingui as d } from "@lingui/react";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index109.js
-var b = ({ handleChangeCounterpartType: b, counterpartType: x, isLoading: S, customerType: C, isEditMode: w }) => {
-	let { i18n: T } = g(), { control: E } = y(), D = p(null), O = C === "vendor";
-	return /* @__PURE__ */ h("div", {
-		className: "ttw:flex ttw:flex-col ttw:gap-4",
-		ref: D,
-		children: [
-			/* @__PURE__ */ h("div", {
-				className: _("ttw:flex ttw:flex-col ttw:gap-1.5", w && "ttw:pt-6 ttw:pb-7 ttw:border-b ttw:border-border"),
-				children: [/* @__PURE__ */ m(t, {
-					variant: "body1",
-					className: "ttw:font-medium",
-					children: w ? T._("Editing {customerType} details", { customerType: C }) : T._("{customerType} details", { customerType: O ? "Vendor" : "Customer" })
-				}), !w && /* @__PURE__ */ m(t, {
-					variant: "body2",
-					color: "muted",
-					children: O ? T._("Who are you paying?") : T._("Who are you billing?")
+var f = ({ value: f, onChange: p, disabled: m, invalid: h, allowedCountries: g, showClearButton: _ = !0, className: v, container: y }) => {
+	let { i18n: b } = d(), x = c(() => {
+		let t = e(b);
+		return g ? t.filter((e) => g.includes(e.code)) : t;
+	}, [g, b]), S = c(() => new Map(x.map((e) => [e.code, e])), [x]), C = m || x.length === 1;
+	return /* @__PURE__ */ u(t, {
+		value: f ?? null,
+		onValueChange: (e) => p?.(e ?? void 0),
+		items: x.map((e) => e.code),
+		itemToStringLabel: (e) => S.get(e)?.label ?? e,
+		filter: (e, t, n) => {
+			let r = t.toLowerCase().trim();
+			return !r || e.toLowerCase().includes(r) || (n?.(e) ?? "").toLowerCase().includes(r);
+		},
+		disabled: C,
+		children: [/* @__PURE__ */ l(a, {
+			showClear: _,
+			disabled: C,
+			className: v,
+			placeholder: b._("Country"),
+			"aria-invalid": h || void 0
+		}), /* @__PURE__ */ l(r, {
+			container: y,
+			children: /* @__PURE__ */ u(s, { children: [/* @__PURE__ */ l(i, { children: b._("No countries found") }), /* @__PURE__ */ l(n, { children: (e) => /* @__PURE__ */ u(o, {
+				value: e,
+				children: [/* @__PURE__ */ l("span", { children: S.get(e)?.label ?? e }), /* @__PURE__ */ l("span", {
+					className: "ttw:ml-auto ttw:text-xs ttw:text-muted-foreground",
+					children: e
 				})]
-			}),
-			!w && /* @__PURE__ */ h("div", {
-				className: "ttw:flex ttw:flex-col ttw:gap-1.5",
-				children: [/* @__PURE__ */ m(s, { children: T._("{customerType} type", { customerType: O ? "Vendor" : "Customer" }) }), /* @__PURE__ */ h(u, {
-					className: "ttw:flex",
-					value: x,
-					disabled: S,
-					onValueChange: (e) => b?.(e),
-					children: [/* @__PURE__ */ h("div", {
-						className: _("ttw:flex ttw:p-4 ttw:flex-1 ttw:gap-2 ttw:border ttw:rounded-xl ttw:border-border ttw:hover:bg-primary/10 ttw:hover:border-primary/30", x === "organization" && "ttw:bg-primary/10 ttw:border-primary/30"),
-						children: [/* @__PURE__ */ m(d, {
-							value: "organization",
-							id: "organization",
-							className: _(x === "organization" ? "ttw:bg-primary" : "ttw:bg-white"),
-							dotClassName: _(x === "organization" && "ttw:fill-white"),
-							disabled: S
-						}), /* @__PURE__ */ h(n, {
-							htmlFor: "organization",
-							className: "ttw:flex ttw:flex-col ttw:items-start ttw:gap-1.5",
-							children: [/* @__PURE__ */ m(t, {
-								variant: "body2",
-								className: "ttw:leading-3.5",
-								children: T._("Business")
-							}), /* @__PURE__ */ m(t, {
-								variant: "caption",
-								color: "muted",
-								children: T._("A company or organization")
-							})]
-						})]
-					}), /* @__PURE__ */ h("div", {
-						className: _("ttw:flex ttw:p-4 ttw:flex-1 ttw:gap-2 ttw:border ttw:rounded-xl ttw:border-border ttw:hover:bg-primary/10 ttw:hover:border-primary/30", x === "individual" && "ttw:bg-primary/10 ttw:border-primary/30"),
-						children: [/* @__PURE__ */ m(d, {
-							value: "individual",
-							id: "individual",
-							className: _(x === "individual" ? "ttw:bg-primary" : "ttw:bg-white"),
-							dotClassName: _(x === "individual" && "ttw:fill-white"),
-							disabled: S
-						}), /* @__PURE__ */ h(n, {
-							htmlFor: "individual",
-							className: "ttw:flex ttw:flex-col ttw:items-start ttw:gap-1.5",
-							children: [/* @__PURE__ */ m(t, {
-								variant: "body2",
-								className: "ttw:leading-3.5",
-								children: T._("Person")
-							}), /* @__PURE__ */ m(t, {
-								variant: "caption",
-								color: "muted",
-								children: T._("An individual or contractor")
-							})]
-						})]
-					})]
-				})]
-			}),
-			x === "individual" ? /* @__PURE__ */ h("div", {
-				className: "ttw:flex ttw:gap-4",
-				children: [/* @__PURE__ */ m(v, {
-					name: "firstName",
-					control: E,
-					render: ({ field: t, fieldState: { error: n } }) => /* @__PURE__ */ m(r, { children: /* @__PURE__ */ h(i, { children: [
-						/* @__PURE__ */ m(s, {
-							htmlFor: t.name,
-							children: T._("First name")
-						}),
-						/* @__PURE__ */ m(e, {
-							className: w ? "ttw:bg-white" : "",
-							id: t.name,
-							...t,
-							disabled: S,
-							"aria-invalid": !!n || void 0
-						}),
-						/* @__PURE__ */ m(o, { errors: [n] })
-					] }) })
-				}), /* @__PURE__ */ m(v, {
-					name: "lastName",
-					control: E,
-					render: ({ field: t, fieldState: { error: n } }) => /* @__PURE__ */ m(r, { children: /* @__PURE__ */ h(i, { children: [
-						/* @__PURE__ */ m(s, {
-							htmlFor: t.name,
-							children: T._("Last name")
-						}),
-						/* @__PURE__ */ m(e, {
-							id: t.name,
-							...t,
-							className: w ? "ttw:bg-white" : "",
-							disabled: S,
-							"aria-invalid": !!n || void 0
-						}),
-						/* @__PURE__ */ m(o, { errors: [n] })
-					] }) })
-				})]
-			}) : /* @__PURE__ */ m(v, {
-				name: "companyName",
-				control: E,
-				render: ({ field: t, fieldState: { error: n } }) => /* @__PURE__ */ m(r, { children: /* @__PURE__ */ h(i, { children: [
-					/* @__PURE__ */ m(s, {
-						htmlFor: t.name,
-						children: T._("Business name")
-					}),
-					/* @__PURE__ */ m(e, {
-						id: t.name,
-						...t,
-						className: w ? "ttw:bg-white" : "",
-						disabled: S,
-						"aria-invalid": !!n || void 0
-					}),
-					/* @__PURE__ */ m(o, { errors: [n] })
-				] }) })
-			}),
-			/* @__PURE__ */ h("div", {
-				className: _("ttw:flex ttw:gap-4", O ? "ttw:flex-row" : "ttw:flex-col"),
-				children: [
-					/* @__PURE__ */ m(v, {
-						name: "email",
-						control: E,
-						render: ({ field: t, fieldState: { error: n } }) => /* @__PURE__ */ m(r, { children: /* @__PURE__ */ h(i, { children: [
-							/* @__PURE__ */ m(s, {
-								htmlFor: t.name,
-								children: T._("Email")
-							}),
-							/* @__PURE__ */ m(e, {
-								id: t.name,
-								...t,
-								className: w ? "ttw:bg-white" : "",
-								disabled: S,
-								"aria-invalid": !!n || void 0
-							}),
-							/* @__PURE__ */ m(o, { errors: [n] })
-						] }) })
-					}),
-					!O && /* @__PURE__ */ m(v, {
-						name: "remindersEnabled",
-						control: E,
-						render: ({ field: e }) => /* @__PURE__ */ m(r, {
-							orientation: "horizontal",
-							children: /* @__PURE__ */ h(i, {
-								className: "ttw:flex-row",
-								children: [/* @__PURE__ */ m(f, {
-									id: e.name,
-									ref: e.ref,
-									checked: e.value,
-									onCheckedChange: e.onChange,
-									onBlur: e.onBlur,
-									disabled: S
-								}), /* @__PURE__ */ m(s, {
-									htmlFor: e.name,
-									className: "ttw:font-normal ttw:leading-4",
-									children: T._("Send reminders to this email when an invoice is approaching its due date")
-								})]
-							})
-						})
-					}),
-					/* @__PURE__ */ m(v, {
-						name: "phone",
-						control: E,
-						render: ({ field: n, fieldState: { error: a } }) => /* @__PURE__ */ m(r, { children: /* @__PURE__ */ h(i, { children: [
-							/* @__PURE__ */ h(s, {
-								htmlFor: n.name,
-								className: "ttw:gap-1",
-								children: [T._("Phone"), /* @__PURE__ */ m(t, {
-									variant: "body2",
-									color: "muted",
-									className: "ttw:leading-snug",
-									children: T._("(optional)")
-								})]
-							}),
-							/* @__PURE__ */ m(e, {
-								id: n.name,
-								...n,
-								className: w ? "ttw:bg-white" : "",
-								disabled: S,
-								"aria-invalid": !!a || void 0
-							}),
-							/* @__PURE__ */ m(o, { errors: [a] })
-						] }) })
-					})
-				]
-			}),
-			/* @__PURE__ */ m(v, {
-				name: "tax_id",
-				control: E,
-				render: ({ field: n, fieldState: { error: c } }) => /* @__PURE__ */ m(r, { children: /* @__PURE__ */ h(i, { children: [
-					/* @__PURE__ */ h(s, {
-						htmlFor: n.name,
-						className: "ttw:gap-1",
-						children: [T._("Tax ID / {documentType}", { documentType: x === "individual" ? "SSN" : "EIN" }), /* @__PURE__ */ m(t, {
-							variant: "body2",
-							color: "muted",
-							className: "ttw:leading-snug",
-							children: T._("(optional)")
-						})]
-					}),
-					/* @__PURE__ */ m(e, {
-						id: n.name,
-						...n,
-						className: w ? "ttw:bg-white" : "",
-						placeholder: T._("e.g., {example}", { example: x === "individual" ? "034-56-78890" : "12-3456789" }),
-						disabled: S,
-						"aria-invalid": !!c || void 0
-					}),
-					/* @__PURE__ */ m(a, { children: O ? T._("Required only if you'll file a 1099 IRS form for this vendor at year-end.") : T._("Required only if you'll issue a 1099 IRS form at year-end.") }),
-					/* @__PURE__ */ m(o, { errors: [c] })
-				] }) })
-			}),
-			(O || !w) && /* @__PURE__ */ m(l, {
-				isLoading: S,
-				customerType: C,
-				isStandalone: !1
-			}),
-			O && !w && /* @__PURE__ */ h("div", {
-				className: "ttw:flex ttw:flex-col ttw:gap-4",
-				children: [/* @__PURE__ */ h("div", {
-					className: "ttw:flex ttw:flex-col ttw:gap-1.5 ttw:pt-6 ttw:pb-7",
-					children: [/* @__PURE__ */ m(t, {
-						variant: "body1",
-						className: "ttw:font-medium",
-						children: T._("Accepted payment methods")
-					}), /* @__PURE__ */ m(t, {
-						variant: "body2",
-						color: "muted",
-						children: T._("How and where will the money be sent. Don't have these yet? No problem. You can save this vendor and add their payment details later - you just won't be able to send payments until you do.")
-					})]
-				}), /* @__PURE__ */ m(c, {
-					isLoading: S,
-					isStandalone: !1
-				})]
-			})
-		]
+			}, e) })] })
+		})]
 	});
 };
 //#endregion
-export { b as CounterpartFormContent };
+export { f as MoniteCountryShadcn };