@tesouro/embedded-components-react 0.3.0 → 0.3.1

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

@@ -1,185 +1,190 @@
+import { Input as e } from "./index89.js";
+import { Typography as t } from "./index62.js";
+import { Field as n, FieldContent as r, FieldError as i, FieldLabel as a } from "./index88.js";
+import { USStatesEnum as o } from "./index104.js";
+import { Select as s, SelectContent as c, SelectItem as l, SelectTrigger as u, SelectValue as d } from "./index105.js";
+import { MoniteCountryShadcn as f } from "./index109.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/index110.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 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 { e as LanguageCodeEnum };
+export { x as CounterpartAddressFormContent };

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

@@ -2,129 +2,93 @@ import { getCounterpartName as e } from "./index53.js";
 import { Button as t } from "./index56.js";
 import { LoadingSpinner as n } from "./index51.js";
 import "./index52.js";
-import { useUpdateCounterpart as r } from "./index70.js";
-import { useUpdateCounterpartAddress as i } from "./index79.js";
+import { useUpdateCounterpartAddress as r } from "./index79.js";
+import { useCreateCounterpartAddress as i } from "./index84.js";
 import "./index86.js";
-import { getUpdateCounterpartValidationSchema as a } from "./index96.js";
-import { CounterpartFormContent as o } from "./index109.js";
-import { LanguageCodeEnum as s } from "./index110.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 { getAddressValidationSchema as a } from "./index100.js";
+import { CounterpartAddressFormContent as o } from "./index110.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/index111.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
+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 ?? ""
 			};
-			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);
+			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();
 			} });
-		})(t);
+		})(e);
 	}, [
-		T,
+		f,
 		D,
-		p,
+		k,
 		e,
 		S,
-		A,
-		I.handleSubmit,
 		C,
-		P,
-		M,
-		j,
-		N
+		P.handleSubmit,
+		w
 	]);
-	return /* @__PURE__ */ d(h, {
-		...I,
-		children: /* @__PURE__ */ f("form", {
-			id: w,
-			onSubmit: L,
+	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__ */ d(o, {
-				counterpartType: A,
-				isLoading: E,
-				isEditMode: !0,
-				customerType: v
-			}), /* @__PURE__ */ f("div", {
+			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__ */ d(t, {
+				children: [/* @__PURE__ */ u(t, {
 					type: "button",
 					variant: "outline",
 					className: "ttw:border-border ttw:flex-1",
-					onClick: x,
-					children: C._("Cancel")
-				}), /* @__PURE__ */ f(t, {
+					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: 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")]
+					disabled: j || !P.formState.isDirty,
+					children: [j && /* @__PURE__ */ u(n, { className: "ttw:border-white ttw:border-t-transparent ttw:size-4" }), w._("Save")]
 				})]
 			})]
 		})
 	});
 };
 //#endregion
-export { v as EditCounterpart };
+export { _ as CounterpartAddressForm };