@tesouro/embedded-components-react 0.5.182 → 0.5.184

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

@@ -1,185 +1,100 @@
+import { Button as e } from "./index57.js";
+import { Typography as t } from "./index63.js";
+import { CounterpartAddressFormContent as n } from "./index114.js";
+import { CounterpartAddressForm as r } from "./index115.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";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index116.js
-var e = Object.values({
-	ab: "ab",
-	aa: "aa",
-	af: "af",
-	ak: "ak",
-	sq: "sq",
-	am: "am",
-	ar: "ar",
-	an: "an",
-	hy: "hy",
-	av: "av",
-	ae: "ae",
-	ay: "ay",
-	az: "az",
-	bm: "bm",
-	ba: "ba",
-	eu: "eu",
-	be: "be",
-	bn: "bn",
-	bi: "bi",
-	bs: "bs",
-	br: "br",
-	bg: "bg",
-	my: "my",
-	ca: "ca",
-	ch: "ch",
-	ce: "ce",
-	ny: "ny",
-	zh: "zh",
-	cu: "cu",
-	cv: "cv",
-	kw: "kw",
-	co: "co",
-	cr: "cr",
-	hr: "hr",
-	cs: "cs",
-	da: "da",
-	dv: "dv",
-	nl: "nl",
-	dz: "dz",
-	en: "en",
-	eo: "eo",
-	et: "et",
-	ee: "ee",
-	fo: "fo",
-	fj: "fj",
-	fi: "fi",
-	fr: "fr",
-	fy: "fy",
-	ff: "ff",
-	gd: "gd",
-	gl: "gl",
-	lg: "lg",
-	ka: "ka",
-	de: "de",
-	el: "el",
-	kl: "kl",
-	gn: "gn",
-	gu: "gu",
-	ht: "ht",
-	ha: "ha",
-	he: "he",
-	hz: "hz",
-	hi: "hi",
-	ho: "ho",
-	hu: "hu",
-	io: "io",
-	ig: "ig",
-	id: "id",
-	ia: "ia",
-	ie: "ie",
-	iu: "iu",
-	ik: "ik",
-	ga: "ga",
-	it: "it",
-	ja: "ja",
-	jv: "jv",
-	kn: "kn",
-	kr: "kr",
-	ks: "ks",
-	kk: "kk",
-	km: "km",
-	ki: "ki",
-	rw: "rw",
-	ky: "ky",
-	kv: "kv",
-	kg: "kg",
-	ko: "ko",
-	kj: "kj",
-	ku: "ku",
-	lo: "lo",
-	la: "la",
-	lv: "lv",
-	li: "li",
-	ln: "ln",
-	lt: "lt",
-	lu: "lu",
-	lb: "lb",
-	mk: "mk",
-	mg: "mg",
-	ms: "ms",
-	ml: "ml",
-	mt: "mt",
-	gv: "gv",
-	mi: "mi",
-	mr: "mr",
-	mh: "mh",
-	mn: "mn",
-	na: "na",
-	nv: "nv",
-	nd: "nd",
-	nr: "nr",
-	ng: "ng",
-	ne: "ne",
-	no: "no",
-	nb: "nb",
-	nn: "nn",
-	ii: "ii",
-	oc: "oc",
-	oj: "oj",
-	om: "om",
-	os: "os",
-	pi: "pi",
-	ps: "ps",
-	fa: "fa",
-	pl: "pl",
-	pt: "pt",
-	pa: "pa",
-	qu: "qu",
-	ro: "ro",
-	rm: "rm",
-	rn: "rn",
-	ru: "ru",
-	se: "se",
-	sm: "sm",
-	sg: "sg",
-	sa: "sa",
-	sc: "sc",
-	sr: "sr",
-	sn: "sn",
-	sd: "sd",
-	si: "si",
-	sk: "sk",
-	sl: "sl",
-	so: "so",
-	st: "st",
-	es: "es",
-	su: "su",
-	sw: "sw",
-	ss: "ss",
-	sv: "sv",
-	tl: "tl",
-	ty: "ty",
-	tg: "tg",
-	ta: "ta",
-	tt: "tt",
-	te: "te",
-	th: "th",
-	bo: "bo",
-	ti: "ti",
-	to: "to",
-	ts: "ts",
-	tn: "tn",
-	tr: "tr",
-	tk: "tk",
-	tw: "tw",
-	ug: "ug",
-	uk: "uk",
-	ur: "ur",
-	uz: "uz",
-	ve: "ve",
-	vi: "vi",
-	vo: "vo",
-	wa: "wa",
-	cy: "cy",
-	wo: "wo",
-	xh: "xh",
-	yi: "yi",
-	yo: "yo",
-	za: "za",
-	zu: "zu"
-});
+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")]
+				})]
+			})
+		})]
+	});
+};
 //#endregion
-export { e as LanguageCodeEnum };
+export { d as CounterpartAddressSection };

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

@@ -1,130 +1,262 @@
-import { getCounterpartName as e } from "./index52.js";
-import { Button as t } from "./index55.js";
-import { LoadingSpinner as n } from "./index50.js";
-import "./index51.js";
-import { useUpdateCounterpart as r } from "./index69.js";
-import { useUpdateCounterpartAddress as i } from "./index78.js";
-import "./index85.js";
-import { getUpdateCounterpartValidationSchema as a } from "./index102.js";
-import { CounterpartFormContent as o } from "./index115.js";
-import { LanguageCodeEnum as s } from "./index116.js";
-import { useCallback as c, useId as l, useMemo as u } from "react";
-import { jsx as d, jsxs as f } from "@emotion/react/jsx-runtime";
-import { toast as p } from "react-hot-toast";
-import { useLingui as m } from "@lingui/react";
-import { FormProvider as h, useForm as g } from "react-hook-form";
-import { zodResolver as _ } from "@hookform/resolvers/zod";
+import { Input as e } from "./index90.js";
+import { Typography as t } from "./index63.js";
+import { Label as n } from "./index88.js";
+import { Field as r, FieldContent as i, FieldDescription as a, FieldError as o, FieldLabel as s } from "./index89.js";
+import { CounterpartBankSection as c } from "./index106.js";
+import { CounterpartAddressSection as l } from "./index116.js";
+import { RadioGroup as u, RadioGroupItem as d } from "./index91.js";
+import { Checkbox as f } from "./index107.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";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index117.js
-var v = ({ customerType: v, counterpart: y, counterpartAddress: b, handleClose: x, onUpdate: S }) => {
-	let { i18n: C } = m(), w = `vendor-form-${l()}`, { mutate: T, isPending: E } = r(), { mutateAsync: D, isPending: O } = i({
-		counterpartId: b?.counterpart_id ?? "",
-		addressId: b?.id ?? ""
-	}), k = O || E, A = y.type, j = "individual" in y ? y.individual.email : y.organization.email, M = ("individual" in y ? y.individual.phone : y.organization.phone) ?? "", N = "individual" in y ? y.individual.last_name : "", P = "organization" in y ? y.organization.legal_name : y.individual.first_name, F = u(() => ({
-		remindersEnabled: y.reminders_enabled,
-		isCustomer: y.is_customer,
-		isVendor: y.is_vendor,
-		tax_id: y.tax_id ?? "",
-		email: j,
-		phone: M,
-		line1: b?.line1,
-		line2: b?.line2 ?? "",
-		city: b?.city,
-		state: b?.state,
-		country: b?.country,
-		postalCode: b?.postal_code,
-		firstName: P,
-		lastName: N,
-		companyName: P
-	}), [y, b]), I = g({
-		resolver: _(a(C, A, v)),
-		defaultValues: F
-	}), L = c((t) => {
-		t.preventDefault(), t.stopPropagation(), I.handleSubmit(async (t) => {
-			let n = s.find((e) => e === C.locale.split("-")[0]) ?? "en", r = {
-				city: t.city,
-				country: t.country,
-				line1: t.line1,
-				line2: t.line2,
-				state: t.state,
-				postal_code: t.postalCode
-			}, i = t.city !== b?.city || t.country !== b?.country || t.line1 !== b?.line1 || (t.line2 ?? "") !== (b?.line2 ?? "") || t.state !== b?.state || t.postalCode !== b?.postal_code, a = {
-				reminders_enabled: t.remindersEnabled,
-				is_customer: y.is_customer,
-				is_vendor: y.is_vendor,
-				tax_id: t.tax_id
-			};
-			if (t.remindersEnabled !== !!y.reminders_enabled || t.tax_id !== (y.tax_id ?? "") || t.phone !== M || t.email !== j || A === "organization" && t.companyName !== P || A === "individual" && t.firstName !== P || A === "individual" && t.lastName !== N) {
-				i && await D(r);
-				let e = A === "individual" ? {
-					...a,
-					individual: {
-						first_name: t.firstName,
-						last_name: t.lastName,
-						phone: t.phone,
-						email: t.email
-					}
-				} : {
-					...a,
-					language: y.language ?? n,
-					organization: {
-						legal_name: t.companyName,
-						phone: t.phone,
-						email: t.email
-					}
-				};
-				return T({
-					path: { counterpart_id: y.id },
-					body: e
-				}, { onSuccess: ({ id: e }) => {
-					S && S(e);
-				} });
-			}
-			return D(r, { onSuccess: () => {
-				p.success(C._("{name} has been updated.", { name: e(y) })), S && S(y.id);
-			} });
-		})(t);
-	}, [
-		T,
-		D,
-		p,
-		e,
-		S,
-		A,
-		I.handleSubmit,
-		C,
-		P,
-		M,
-		j,
-		N
-	]);
-	return /* @__PURE__ */ d(h, {
-		...I,
-		children: /* @__PURE__ */ f("form", {
-			id: w,
-			onSubmit: L,
-			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__ */ d(o, {
-				counterpartType: A,
-				isLoading: E,
-				isEditMode: !0,
-				customerType: v
-			}), /* @__PURE__ */ f("div", {
-				className: "ttw:flex ttw:gap-4 ttw:pt-6",
-				children: [/* @__PURE__ */ d(t, {
-					type: "button",
-					variant: "outline",
-					className: "ttw:border-border ttw:flex-1",
-					onClick: x,
-					children: C._("Cancel")
-				}), /* @__PURE__ */ f(t, {
-					type: "submit",
-					className: "ttw:flex-1",
-					disabled: k || !I.formState.isDirty && y.type === A,
-					children: [k && /* @__PURE__ */ d(n, { className: "ttw:border-white ttw:border-t-transparent ttw:size-4" }), C._("Save")]
+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?")
 				})]
-			})]
-		})
+			}),
+			!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 { v as EditCounterpart };
+export { b as CounterpartFormContent };