@tesouro/embedded-components-react 0.3.57 → 0.3.58

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

@@ -1,185 +1,94 @@
+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 { useUpdateCounterpartAddress as r } from "./index79.js";
+import { useCreateCounterpartAddress as i } from "./index84.js";
+import "./index86.js";
+import { getAddressValidationSchema as a } from "./index103.js";
+import { CounterpartAddressFormContent as o } from "./index113.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/index114.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 _ = ({ 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")]
+				})]
+			})]
+		})
+	});
+};
 //#endregion
-export { e as LanguageCodeEnum };
+export { _ as CounterpartAddressForm };

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

@@ -1,130 +1,100 @@
-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 "./index86.js";
-import { getUpdateCounterpartValidationSchema as a } from "./index100.js";
-import { CounterpartFormContent as o } from "./index113.js";
-import { LanguageCodeEnum as s } from "./index114.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 { Button as e } from "./index56.js";
+import { Typography as t } from "./index62.js";
+import { CounterpartAddressFormContent as n } from "./index113.js";
+import { CounterpartAddressForm as r } from "./index114.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/index115.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, {
+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: "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")]
+					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 { v as EditCounterpart };
+export { d as CounterpartAddressSection };