@tesouro/embedded-components-react 0.5.182 → 0.5.184

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

@@ -1,190 +1,172 @@
-import { Input as e } from "./index88.js";
-import { Typography as t } from "./index61.js";
-import { Field as n, FieldContent as r, FieldError as i, FieldLabel as a } from "./index87.js";
-import { USStatesEnum as o } from "./index106.js";
-import { Select as s, SelectContent as c, SelectItem as l, SelectTrigger as u, SelectValue as d } from "./index107.js";
-import { MoniteCountryShadcn as f } from "./index111.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";
+import { useRootElements as e } from "./index48.js";
+import "./index49.js";
+import { cn as t } from "./index50.js";
+import { Button as n } from "./index57.js";
+import { InputGroup as r, InputGroupAddon as i, InputGroupButton as a, InputGroupInput as o } from "./index111.js";
+import * as s from "react";
+import { CheckIcon as c, ChevronDownIcon as l, XIcon as u } from "lucide-react";
+import { jsx as d, jsxs as f } from "@emotion/react/jsx-runtime";
+import { Combobox as p } from "@base-ui/react";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index112.js
-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,
+var m = p.Root;
+function h({ ...e }) {
+	return /* @__PURE__ */ d(p.Value, {
+		"data-slot": "combobox-value",
+		...e
+	});
+}
+function g({ className: e, children: n, ...r }) {
+	return /* @__PURE__ */ f(p.Trigger, {
+		"data-slot": "combobox-trigger",
+		className: t("ttw:[&_svg:not([class*=size-])]:size-4", e),
+		...r,
+		children: [n, /* @__PURE__ */ d(l, {
+			"data-slot": "combobox-trigger-icon",
+			className: "ttw:pointer-events-none ttw:size-4 ttw:text-muted-foreground"
+		})]
+	});
+}
+function _({ className: e, ...n }) {
+	return /* @__PURE__ */ d(p.Clear, {
+		"data-slot": "combobox-clear",
+		render: /* @__PURE__ */ d(a, {
+			variant: "ghost",
+			size: "icon-xs"
+		}),
+		className: t(e),
+		...n,
+		children: /* @__PURE__ */ d(u, { className: "ttw:pointer-events-none" })
+	});
+}
+function v({ className: e, children: n, disabled: s = !1, showTrigger: c = !0, showClear: l = !1, ...u }) {
+	return /* @__PURE__ */ f(r, {
+		className: t("ttw:w-auto", e),
 		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__ */ d(p.Input, {
+				render: /* @__PURE__ */ d(o, { disabled: s }),
+				...u
 			}),
-			/* @__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__ */ f(i, {
+				align: "inline-end",
+				children: [c && /* @__PURE__ */ d(a, {
+					size: "icon-xs",
+					variant: "ghost",
+					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__ */ d(g, {})
+				}), l && /* @__PURE__ */ d(_, { disabled: s })]
 			}),
-			/* @__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] })
-					] }) })
-				})]
-			})
+			n
 		]
 	});
-};
+}
+function y({ className: n, side: r = "bottom", sideOffset: i = 6, align: a = "start", alignOffset: o = 0, anchor: s, container: c, ...l }) {
+	let { root: u } = e();
+	return /* @__PURE__ */ d(p.Portal, {
+		container: c ?? u,
+		children: /* @__PURE__ */ d(p.Positioner, {
+			side: r,
+			sideOffset: i,
+			align: a,
+			alignOffset: o,
+			anchor: s,
+			className: "ttw:isolate ttw:z-1300",
+			children: /* @__PURE__ */ d(p.Popup, {
+				"data-slot": "combobox-content",
+				"data-chips": !!s,
+				className: t("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", n),
+				...l
+			})
+		})
+	});
+}
+function b({ className: e, ...n }) {
+	return /* @__PURE__ */ d(p.List, {
+		"data-slot": "combobox-list",
+		className: t("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", e),
+		...n
+	});
+}
+function x({ className: e, children: n, ...r }) {
+	return /* @__PURE__ */ f(p.Item, {
+		"data-slot": "combobox-item",
+		className: t("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", e),
+		...r,
+		children: [n, /* @__PURE__ */ d(p.ItemIndicator, {
+			"data-slot": "combobox-item-indicator",
+			render: /* @__PURE__ */ d("span", { className: "ttw:pointer-events-none ttw:absolute ttw:right-2 ttw:flex ttw:size-4 ttw:items-center ttw:justify-center" }),
+			children: /* @__PURE__ */ d(c, { className: "ttw:pointer-events-none ttw:size-4 ttw:pointer-coarse:size-5" })
+		})]
+	});
+}
+function S({ className: e, ...n }) {
+	return /* @__PURE__ */ d(p.Group, {
+		"data-slot": "combobox-group",
+		className: t(e),
+		...n
+	});
+}
+function C({ className: e, ...n }) {
+	return /* @__PURE__ */ d(p.GroupLabel, {
+		"data-slot": "combobox-label",
+		className: t("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", e),
+		...n
+	});
+}
+function w({ ...e }) {
+	return /* @__PURE__ */ d(p.Collection, {
+		"data-slot": "combobox-collection",
+		...e
+	});
+}
+function T({ className: e, ...n }) {
+	return /* @__PURE__ */ d(p.Empty, {
+		"data-slot": "combobox-empty",
+		className: t("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", e),
+		...n
+	});
+}
+function E({ className: e, ...n }) {
+	return /* @__PURE__ */ d(p.Separator, {
+		"data-slot": "combobox-separator",
+		className: t("ttw:-mx-1 ttw:my-1 ttw:h-px ttw:bg-border", e),
+		...n
+	});
+}
+function D({ className: e, ...n }) {
+	return /* @__PURE__ */ d(p.Chips, {
+		"data-slot": "combobox-chips",
+		className: t("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", e),
+		...n
+	});
+}
+function O({ className: e, children: r, showRemove: i = !0, ...a }) {
+	return /* @__PURE__ */ f(p.Chip, {
+		"data-slot": "combobox-chip",
+		className: t("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", e),
+		...a,
+		children: [r, i && /* @__PURE__ */ d(p.ChipRemove, {
+			render: /* @__PURE__ */ d(n, {
+				variant: "ghost",
+				className: "ttw:size-6"
+			}),
+			className: "ttw:-ml-1 ttw:opacity-50 ttw:hover:opacity-100",
+			"data-slot": "combobox-chip-remove",
+			children: /* @__PURE__ */ d(u, { className: "ttw:pointer-events-none" })
+		})]
+	});
+}
+function k({ className: e, children: n, ...r }) {
+	return /* @__PURE__ */ d(p.Input, {
+		"data-slot": "combobox-chip-input",
+		className: t("ttw:min-w-16 ttw:flex-1 ttw:outline-none", e),
+		...r
+	});
+}
+function A() {
+	return s.useRef(null);
+}
 //#endregion
-export { x as CounterpartAddressFormContent };
+export { m as Combobox, O as ComboboxChip, D as ComboboxChips, k as ComboboxChipsInput, w as ComboboxCollection, y as ComboboxContent, T as ComboboxEmpty, S as ComboboxGroup, v as ComboboxInput, x as ComboboxItem, C as ComboboxLabel, b as ComboboxList, E as ComboboxSeparator, g as ComboboxTrigger, h as ComboboxValue, A as useComboboxAnchor };

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

@@ -1,94 +1,41 @@
-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 { useUpdateCounterpartAddress as r } from "./index78.js";
-import { useCreateCounterpartAddress as i } from "./index83.js";
-import "./index85.js";
-import { getAddressValidationSchema as a } from "./index102.js";
-import { CounterpartAddressFormContent as o } from "./index112.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";
+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 "./index112.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/index113.js
-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")]
+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
 				})]
-			})]
-		})
+			}, e) })] })
+		})]
 	});
 };
 //#endregion
-export { _ as CounterpartAddressForm };
+export { f as MoniteCountryShadcn };