@tesouro/embedded-components-react 0.5.182 → 0.5.184

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

@@ -1,100 +1,190 @@
-import { Button as e } from "./index55.js";
-import { Typography as t } from "./index61.js";
-import { CounterpartAddressFormContent as n } from "./index112.js";
-import { CounterpartAddressForm as r } from "./index113.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 { Input as e } from "./index90.js";
+import { Typography as t } from "./index63.js";
+import { Field as n, FieldContent as r, FieldError as i, FieldLabel as a } from "./index89.js";
+import { USStatesEnum as o } from "./index108.js";
+import { Select as s, SelectContent as c, SelectItem as l, SelectTrigger as u, SelectValue as d } from "./index109.js";
+import { MoniteCountryShadcn as f } from "./index113.js";
+import { useRef as p } from "react";
+import { Fragment as m, jsx as h, jsxs as g } from "@emotion/react/jsx-runtime";
+import { useLingui as _ } from "@lingui/react";
+import { twMerge as v } from "tailwind-merge";
+import { Controller as y, useFormContext as b } from "react-hook-form";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index114.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",
-					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")]
+var x = ({ hasExistingAddress: x, isLoading: S, isStandalone: C, customerType: w }) => {
+	let { i18n: T } = _(), { watch: E, control: D } = b(), O = p(null), k = w === "vendor";
+	return /* @__PURE__ */ g("div", {
+		className: v("ttw:flex ttw:flex-col ttw:gap-4"),
+		ref: O,
+		children: [
+			C ? /* @__PURE__ */ h("div", {
+				className: "ttw:flex ttw:items-center ttw:justify-between ttw:gap-3 ttw:pt-6 ttw:pb-7 ttw:border-b ttw:border-border",
+				children: /* @__PURE__ */ h(t, {
+					variant: "body1",
+					className: "ttw:font-medium",
+					children: x ? T._("Editing address") : T._("Adding address")
+				})
+			}) : /* @__PURE__ */ h(m, { children: !k && /* @__PURE__ */ h("div", {
+				className: "ttw:flex ttw:items-center ttw:justify-between ttw:gap-3 ttw:pt-6 ttw:pb-7 ttw:border-b ttw:border-border",
+				children: /* @__PURE__ */ g(t, {
+					variant: "body1",
+					className: "ttw:font-medium",
+					children: [
+						T._("Address"),
+						" ",
+						/* @__PURE__ */ h("span", {
+							className: "ttw:text-muted-foreground",
+							children: T._("(optional)")
+						})
+					]
+				})
+			}) }),
+			/* @__PURE__ */ g("div", {
+				className: "ttw:flex ttw:gap-4",
+				children: [/* @__PURE__ */ h(y, {
+					name: "line1",
+					control: D,
+					render: ({ field: t, fieldState: { error: o } }) => /* @__PURE__ */ h(n, { children: /* @__PURE__ */ g(r, { children: [
+						/* @__PURE__ */ h(a, {
+							htmlFor: t.name,
+							children: T._("Street address")
+						}),
+						/* @__PURE__ */ h(e, {
+							id: t.name,
+							...t,
+							className: C || k ? "ttw:bg-white" : "",
+							disabled: S,
+							"aria-invalid": !!o || void 0
+						}),
+						/* @__PURE__ */ h(i, { errors: [o] })
+					] }) })
+				}), /* @__PURE__ */ h(y, {
+					name: "line2",
+					control: D,
+					render: ({ field: o, fieldState: { error: s } }) => /* @__PURE__ */ h(n, { children: /* @__PURE__ */ g(r, { children: [
+						/* @__PURE__ */ g(a, {
+							htmlFor: o.name,
+							className: "ttw:gap-1",
+							children: [T._("Apt, suite, floor, etc."), k && /* @__PURE__ */ h(t, {
+								variant: "body2",
+								color: "muted",
+								className: "ttw:leading-snug",
+								children: T._("(optional)")
+							})]
+						}),
+						/* @__PURE__ */ h(e, {
+							id: o.name,
+							...o,
+							className: C || k ? "ttw:bg-white" : "",
+							disabled: S,
+							"aria-invalid": !!s || void 0
+						}),
+						/* @__PURE__ */ h(i, { errors: [s] })
+					] }) })
+				})]
+			}),
+			/* @__PURE__ */ g("div", {
+				className: "ttw:flex ttw:gap-4",
+				children: [/* @__PURE__ */ h(y, {
+					name: "city",
+					control: D,
+					render: ({ field: t, fieldState: { error: o } }) => /* @__PURE__ */ h(n, { children: /* @__PURE__ */ g(r, { children: [
+						/* @__PURE__ */ h(a, {
+							htmlFor: t.name,
+							children: T._("City")
+						}),
+						/* @__PURE__ */ h(e, {
+							id: t.name,
+							...t,
+							className: C || k ? "ttw:bg-white" : "",
+							disabled: S,
+							"aria-invalid": !!o || void 0
+						}),
+						/* @__PURE__ */ h(i, { errors: [o] })
+					] }) })
+				}), /* @__PURE__ */ h(y, {
+					name: "state",
+					control: D,
+					render: ({ field: t, fieldState: { error: f } }) => E("country") === "US" ? /* @__PURE__ */ h(n, { children: /* @__PURE__ */ g(r, { children: [
+						/* @__PURE__ */ h(a, {
+							htmlFor: t.name,
+							children: T._("State")
+						}),
+						/* @__PURE__ */ g(s, {
+							value: t.value ?? void 0,
+							onValueChange: t.onChange,
+							disabled: S,
+							children: [/* @__PURE__ */ h(u, {
+								ref: t.ref,
+								onBlur: t.onBlur,
+								"aria-invalid": !!f || void 0,
+								className: v("ttw:w-full", (C || k) && "ttw:bg-white"),
+								disabled: S,
+								children: /* @__PURE__ */ h(d, { placeholder: T._("Select a state") })
+							}), /* @__PURE__ */ h(c, { children: Object.entries(o).map(([e, t]) => /* @__PURE__ */ g(l, {
+								value: e,
+								children: [
+									t,
+									" — ",
+									e
+								]
+							}, e)) })]
+						}),
+						/* @__PURE__ */ h(i, { errors: [f] })
+					] }) }) : /* @__PURE__ */ h(n, { children: /* @__PURE__ */ g(r, { children: [
+						/* @__PURE__ */ h(a, {
+							htmlFor: t.name,
+							children: T._("State")
+						}),
+						/* @__PURE__ */ h(e, {
+							id: t.name,
+							...t,
+							className: C || k ? "ttw:bg-white" : "",
+							disabled: S,
+							"aria-invalid": !!f || void 0
+						}),
+						/* @__PURE__ */ h(i, { errors: [f] })
+					] }) })
+				})]
+			}),
+			/* @__PURE__ */ g("div", {
+				className: "ttw:flex ttw:gap-4",
+				children: [/* @__PURE__ */ h(y, {
+					name: "postalCode",
+					control: D,
+					render: ({ field: t, fieldState: { error: o } }) => /* @__PURE__ */ h(n, { children: /* @__PURE__ */ g(r, { children: [
+						/* @__PURE__ */ h(a, {
+							htmlFor: t.name,
+							children: T._("Postal code")
+						}),
+						/* @__PURE__ */ h(e, {
+							id: t.name,
+							...t,
+							className: C || k ? "ttw:bg-white" : "",
+							disabled: S,
+							"aria-invalid": !!o || void 0
+						}),
+						/* @__PURE__ */ h(i, { errors: [o] })
+					] }) })
+				}), /* @__PURE__ */ h(y, {
+					name: "country",
+					control: D,
+					render: ({ field: e, fieldState: { error: t } }) => /* @__PURE__ */ h(n, { children: /* @__PURE__ */ g(r, { children: [
+						/* @__PURE__ */ h(a, { children: T._("Country") }),
+						/* @__PURE__ */ h(f, {
+							value: e.value,
+							className: C || k ? "ttw:bg-white" : "",
+							onChange: e.onChange,
+							invalid: !!t,
+							disabled: S,
+							container: O?.current,
+							allowedCountries: ["US"]
+						}),
+						/* @__PURE__ */ h(i, { errors: [t] })
+					] }) })
 				})]
 			})
-		})]
+		]
 	});
 };
 //#endregion
-export { d as CounterpartAddressSection };
+export { x as CounterpartAddressFormContent };

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

@@ -1,262 +1,94 @@
-import { Input as e } from "./index88.js";
-import { Typography as t } from "./index61.js";
-import { Label as n } from "./index86.js";
-import { Field as r, FieldContent as i, FieldDescription as a, FieldError as o, FieldLabel as s } from "./index87.js";
-import { CounterpartBankSection as c } from "./index104.js";
-import { CounterpartAddressSection as l } from "./index114.js";
-import { RadioGroup as u, RadioGroupItem as d } from "./index89.js";
-import { Checkbox as f } from "./index105.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 { getCounterpartName as e } from "./index54.js";
+import { Button as t } from "./index57.js";
+import { LoadingSpinner as n } from "./index52.js";
+import "./index53.js";
+import { useUpdateCounterpartAddress as r } from "./index80.js";
+import { useCreateCounterpartAddress as i } from "./index85.js";
+import "./index87.js";
+import { getAddressValidationSchema as a } from "./index104.js";
+import { CounterpartAddressFormContent as o } from "./index114.js";
+import { useCallback as s, useId as c, useMemo as l } from "react";
+import { jsx as u, jsxs as d } from "@emotion/react/jsx-runtime";
+import { toast as f } from "react-hot-toast";
+import { useLingui as p } from "@lingui/react";
+import { FormProvider as m, useForm as h } from "react-hook-form";
+import { zodResolver as g } from "@hookform/resolvers/zod";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index115.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 _ = ({ counterpartId: _, isStandalone: v, address: y, customerType: b, handleClose: x, onUpdate: S, onCreate: C }) => {
+	let { i18n: w } = p(), T = `counterpart-address-form-${c()}`, E = !!y, { mutate: D, isPending: O } = r({
+		counterpartId: _,
+		addressId: y?.id ?? ""
+	}), { mutate: k, isPending: A } = i(), j = O || A, M = l(() => ({
+		line1: y?.line1 ?? "",
+		line2: y?.line2 ?? "",
+		city: y?.city ?? "",
+		state: y?.state ?? "",
+		country: y?.country ?? "US",
+		postalCode: y?.postal_code ?? ""
+	}), [y]), { resetField: N, ...P } = h({
+		resolver: g(a(w, b === "vendor")),
+		defaultValues: M
+	}), F = s((e) => {
+		e.preventDefault(), e.stopPropagation(), P.handleSubmit((e) => {
+			let t = {
+				line1: e.line1 ?? "",
+				line2: e.line2,
+				city: e.city ?? "",
+				state: e.state ?? "",
+				country: e.country,
+				postal_code: e.postalCode ?? ""
+			};
+			return y ? D(t, { onSuccess: () => {
+				f.success(w._("Address has been updated.")), S && S();
+			} }) : k({
+				path: { counterpart_id: _ },
+				body: t
+			}, { onSuccess: () => {
+				f.success(w._("Address has been added.")), C && C();
+			} });
+		})(e);
+	}, [
+		f,
+		D,
+		k,
+		e,
+		S,
+		C,
+		P.handleSubmit,
+		w
+	]);
+	return /* @__PURE__ */ u(m, {
+		resetField: N,
+		...P,
+		children: /* @__PURE__ */ d("form", {
+			id: T,
+			onSubmit: F,
+			className: "ttw:flex ttw:flex-col ttw:gap-4 ttw:p-4 ttw:border ttw:border-primary ttw:rounded-[10px] ttw:bg-zinc-100",
+			children: [/* @__PURE__ */ u(o, {
+				hasExistingAddress: E,
+				isLoading: j,
+				isStandalone: v,
+				customerType: b
+			}), /* @__PURE__ */ d("div", {
+				className: "ttw:flex ttw:gap-4 ttw:pt-6",
+				children: [/* @__PURE__ */ u(t, {
+					type: "button",
+					variant: "outline",
+					className: "ttw:border-border ttw:flex-1",
+					disabled: j,
+					onClick: () => {
+						N("line1"), N("line2"), N("city"), N("state"), N("postalCode"), N("country"), x();
+					},
+					children: w._("Cancel")
+				}), /* @__PURE__ */ d(t, {
+					type: "submit",
+					className: "ttw:flex-1",
+					disabled: j || !P.formState.isDirty,
+					children: [j && /* @__PURE__ */ u(n, { className: "ttw:border-white ttw:border-t-transparent ttw:size-4" }), w._("Save")]
 				})]
-			}),
-			!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
-				})]
-			})
-		]
+			})]
+		})
 	});
 };
 //#endregion
-export { b as CounterpartFormContent };
+export { _ as CounterpartAddressForm };