@tesouro/embedded-components-react 0.5.178 → 0.5.179

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

@@ -1,60 +1,60 @@
-import { cn as e } from "./index48.js";
+import { Scope as e } from "../../shared/data-access/dist/lib/scopes.js";
+import "../../shared/data-access/dist/index.js";
 import { Button as t } from "./index55.js";
-import { useState as n } from "react";
-import { X as r } from "lucide-react";
-import { jsx as i, jsxs as a } from "@emotion/react/jsx-runtime";
-import { cva as o } from "class-variance-authority";
+import { MoniteScopedProviders as n } from "./index243.js";
+import { useUserPermissions as r } from "./index118.js";
+import { CounterpartDetails as i } from "./index246.js";
+import { AccessRestriction as a } from "./index253.js";
+import "./index255.js";
+import { CustomersTable as o } from "./index259.js";
+import { VendorsTable as s } from "./index260.js";
+import { CreateCounterpartDialog as c } from "./index261.js";
+import { useCallback as l, useState as u } from "react";
+import { Fragment as d, jsx as f, jsxs as p } from "@emotion/react/jsx-runtime";
+import { useLingui as m } from "@lingui/react";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index262.js
-var s = o("ttw:relative ttw:w-full ttw:rounded-lg ttw:pl-4 ttw:pt-3 ttw:pr-3 ttw:pb-4 ttw:flex ttw:items-start ttw:gap-4", {
-	variants: { variant: {
-		default: "ttw:bg-background ttw:text-foreground",
-		info: "ttw:bg-blue-50 ttw:text-blue-900 ttw:dark:bg-blue-950 ttw:dark:text-blue-100",
-		warning: "ttw:bg-yellow-50 ttw:text-yellow-900 ttw:dark:bg-yellow-950 ttw:dark:text-yellow-100",
-		error: "ttw:bg-red-50 ttw:text-red-900 ttw:dark:bg-red-950 ttw:dark:text-red-100",
-		success: "ttw:bg-green-50 ttw:text-green-900 ttw:dark:bg-green-950 ttw:dark:text-green-100"
-	} },
-	defaultVariants: { variant: "default" }
-}), c = ({ className: o, variant: c, icon: l, children: u, ref: d, onClose: f, enableClose: p = !0, ...m }) => {
-	let [h, g] = n(!1);
-	return h ? null : /* @__PURE__ */ a("div", {
-		ref: d,
-		role: "alert",
-		className: e(s({ variant: c }), o),
-		...m,
-		children: [
-			l && /* @__PURE__ */ i("div", {
-				className: "ttw:shrink-0 ttw:h-8 ttw:w-8 ttw:mt-1",
-				children: l
-			}),
-			/* @__PURE__ */ i("div", {
-				className: "ttw:flex-1",
-				children: u
-			}),
-			p && /* @__PURE__ */ i(t, {
-				variant: "ghost",
-				size: "icon",
-				className: "ttw:h-8 ttw:w-8 ttw:rounded-md ttw:bg-transparent ttw:opacity-70 ttw:hover:opacity-100",
-				onClick: () => {
-					f && f(), g(!0);
-				},
-				"aria-label": "Close alert",
-				children: /* @__PURE__ */ i(r, {})
-			})
-		]
-	});
+var h = (e) => /* @__PURE__ */ f(n, { children: /* @__PURE__ */ f(g, { ...e }) }), g = ({ type: n, pageTitleComponent: h, onPayVendor: g, onCreateInvoiceForCustomer: _, onViewVendorBills: v, onViewCustomerInvoices: y }) => {
+	let { i18n: b } = m(), [x, S] = u(void 0), [C, w] = u(!1), T = l((e) => {
+		S(e);
+	}, []), E = l(() => {
+		S(void 0);
+	}, []), D = r(), O = D.has(e.CounterpartWriteOrg), k = D.has(e.CounterpartReadOrg);
+	return /* @__PURE__ */ p(d, { children: [
+		h(/* @__PURE__ */ f(t, {
+			size: "lg",
+			onClick: () => w(!0),
+			className: "Monite-Counterparts-Actions-CreateNew",
+			disabled: !O,
+			children: b._("Create new")
+		})),
+		!k && /* @__PURE__ */ f(a, {}),
+		k && n === "customer" && /* @__PURE__ */ f(o, {
+			onRowClick: T,
+			openModal: w
+		}),
+		k && n === "vendor" && /* @__PURE__ */ f(s, {
+			onRowClick: T,
+			openModal: w
+		}),
+		x && /* @__PURE__ */ f(i, {
+			counterpartId: x,
+			open: !!x,
+			onClose: E,
+			customerType: n,
+			onPayVendor: g,
+			onCreateInvoiceForCustomer: _,
+			onViewVendorBills: v,
+			onViewCustomerInvoices: y
+		}),
+		C && /* @__PURE__ */ f(c, {
+			open: C,
+			onClose: () => w(!1),
+			onCreate: (e) => {
+				w(!1), S(e);
+			},
+			customerType: n
+		})
+	] });
 };
-c.displayName = "Alert";
-var l = ({ className: t, ref: n, ...r }) => /* @__PURE__ */ i("h3", {
-	ref: n,
-	className: e("ttw:mb-1 ttw:font-medium ttw:leading-none ttw:tracking-tight", t),
-	...r
-});
-l.displayName = "AlertTitle";
-var u = ({ className: t, ref: n, ...r }) => /* @__PURE__ */ i("p", {
-	ref: n,
-	className: e("ttw:text-sm ttw:[&_p]:leading-relaxed ttw:font-normal", t),
-	...r
-});
-u.displayName = "AlertDescription";
 //#endregion
-export { c as Alert, u as AlertDescription, l as AlertTitle, s as alertVariants };
+export { h as Counterparts };

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

@@ -1,299 +1,60 @@
-import { useIsMounted as e } from "./index29.js";
-import { getCounterpartName as t } from "./index52.js";
-import { Button as n } from "./index55.js";
-import { Input as ee } from "./index88.js";
-import { Combobox as r, ComboboxChip as te, ComboboxChips as ne, ComboboxChipsInput as re, ComboboxContent as i, ComboboxEmpty as ie, ComboboxInput as ae, ComboboxItem as a, ComboboxList as o, useComboboxAnchor as oe } from "./index110.js";
-import { useCounterpartList as se } from "./index131.js";
-import "./index144.js";
-import "./index223.js";
-import { LoadingSpinner as ce } from "./index50.js";
-import { Typography as s } from "./index61.js";
-import { Field as c, FieldContent as l, FieldError as le, FieldLabel as u } from "./index87.js";
-import { CreateCounterpartDialog as ue } from "./index260.js";
-import { Alert as de, AlertDescription as fe, AlertTitle as pe } from "./index262.js";
-import { useEffect as d, useMemo as f, useRef as me, useState as p } from "react";
-import { Plus as m, Sparkles as he } from "lucide-react";
-import { jsx as h, jsxs as g } from "@emotion/react/jsx-runtime";
-import { useLingui as ge } from "@lingui/react";
-import { Controller as _e, useFormContext as ve } from "react-hook-form";
+import { cn as e } from "./index48.js";
+import { Button as t } from "./index55.js";
+import { useState as n } from "react";
+import { X as r } from "lucide-react";
+import { jsx as i, jsxs as a } from "@emotion/react/jsx-runtime";
+import { cva as o } from "class-variance-authority";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index263.js
-var _ = "__create-new__", ye = 50, v = ({ control: v, name: y, label: b, required: x = !0, getCounterpartDefaultValues: be, multiple: S = !1, disabled: C = !1, customerType: w, counterpartRawName: T, counterpartMatchingToOCR: E, counterpartAISuggested: D, preselectedCounterpart: O, setShowEditCounterpartDialog: k, showEditCounterpartButton: xe = !1 }) => {
-	let { i18n: A } = ge(), { setValue: j, getValues: M } = ve(), N = me(null), [Se, P] = p(!1), [Ce, F] = p(!1), [I, we] = p(null), [L, R] = p(!1), [z, B] = p(!1), [V, H] = p(""), [Te, U] = p(""), [W, Ee] = p(!1), G = e(), K = oe(), { data: q, isLoading: De } = se({ query: { is_vendor: !0 } }), J = M(y), Y = w === "vendor" ? A._("New vendor") : A._("New customer"), Oe = w === "vendor" ? A._("Create new vendor") : A._("Create new customer"), X = f(() => S ? Array.isArray(J) && J.length > 0 : J != null && J !== "", [J, S]), Z = f(() => {
-		let e = [], n = q?.data.map((e) => ({
-			id: e.id,
-			label: t(e)
-		})) ?? [];
-		return !S && E && !n.some((e) => e.id === E.id) && e.push({
-			id: E.id,
-			label: t(E)
-		}), !S && D && !n.some((e) => e.id === D.id) && !e.some((e) => e.id === D.id) && e.push({
-			id: D.id,
-			label: t(D)
-		}), !S && O && !n.some((e) => e.id === O.id) && !e.some((e) => e.id === O.id) && e.push({
-			id: O.id,
-			label: t(O)
-		}), [...e, ...n];
-	}, [
-		q,
-		S,
-		E,
-		D,
-		O
-	]), ke = f(() => !S || !Array.isArray(J) ? [] : J.map((e) => e.id), [J, S]);
-	d(() => {
-		if (I) {
-			let e = M(y);
-			if (S) {
-				let t = e || [];
-				if (!t?.some((e) => e.id === I)) {
-					let e = Z.find((e) => e.id === I), n = {
-						id: I,
-						label: e ? e.label : Y
-					};
-					j(y, [...t, n]);
-				}
-			} else j(y, I, { shouldValidate: !0 });
-		}
-	}, [
-		I,
-		j,
-		y,
-		M,
-		Z,
-		S,
-		Y
-	]), d(() => {
-		if (X || D?.id) B(!0);
-		else {
-			let e = setTimeout(() => {
-				G.current && B(!0);
-			}, ye);
-			return () => clearTimeout(e);
-		}
-	}, [
-		X,
-		D?.id,
-		G
-	]), d(() => {
-		if (!S && !X && !L && G.current) {
-			let e = D || E;
-			if (e?.id) {
-				if (e === D && !z) return;
-				j(y, e.id, { shouldValidate: !0 });
-			}
-		}
-	}, [
-		E,
-		D,
-		S,
-		X,
-		L,
-		y,
-		j,
-		G,
-		z
-	]);
-	let Q = f(() => S ? Array.isArray(J) ? J : [] : Z.find((e) => e.id === J) || null, [
-		J,
-		Z,
-		S
-	]), $ = f(() => {
-		let e = Q ? "" : V.toLowerCase().trim();
-		return e ? Z.filter((t) => t.label.toLowerCase().includes(e)) : Z;
-	}, [
-		V,
-		Q,
-		Z
-	]), Ae = Q?.label ?? V;
-	return De && !(E || D || O) ? /* @__PURE__ */ h(c, { children: /* @__PURE__ */ g(l, { children: [/* @__PURE__ */ h(u, {
-		required: x,
-		children: b
-	}), /* @__PURE__ */ g("div", {
-		className: "ttw:relative",
-		children: [/* @__PURE__ */ h(ee, {
-			disabled: !0,
-			className: "ttw:opacity-50"
-		}), /* @__PURE__ */ h("span", {
-			className: "ttw:absolute ttw:right-3 ttw:top-1/2 ttw:-translate-y-1/2 ttw:flex ttw:items-center",
-			children: /* @__PURE__ */ h(ce, { className: "ttw:h-4 ttw:w-4" })
-		})]
-	})] }) }) : /* @__PURE__ */ g("div", {
-		ref: N,
+var s = o("ttw:relative ttw:w-full ttw:rounded-lg ttw:pl-4 ttw:pt-3 ttw:pr-3 ttw:pb-4 ttw:flex ttw:items-start ttw:gap-4", {
+	variants: { variant: {
+		default: "ttw:bg-background ttw:text-foreground",
+		info: "ttw:bg-blue-50 ttw:text-blue-900 ttw:dark:bg-blue-950 ttw:dark:text-blue-100",
+		warning: "ttw:bg-yellow-50 ttw:text-yellow-900 ttw:dark:bg-yellow-950 ttw:dark:text-yellow-100",
+		error: "ttw:bg-red-50 ttw:text-red-900 ttw:dark:bg-red-950 ttw:dark:text-red-100",
+		success: "ttw:bg-green-50 ttw:text-green-900 ttw:dark:bg-green-950 ttw:dark:text-green-100"
+	} },
+	defaultVariants: { variant: "default" }
+}), c = ({ className: o, variant: c, icon: l, children: u, ref: d, onClose: f, enableClose: p = !0, ...m }) => {
+	let [h, g] = n(!1);
+	return h ? null : /* @__PURE__ */ a("div", {
+		ref: d,
+		role: "alert",
+		className: e(s({ variant: c }), o),
+		...m,
 		children: [
-			Se && /* @__PURE__ */ h(ue, {
-				open: !0,
-				onClose: () => {
-					P(!1), F(!1);
-				},
-				onCreate: (e) => {
-					P(!1), we(e);
-				},
-				getCounterpartDefaultValues: Ce ? be : void 0,
-				customerType: w
-			}),
-			/* @__PURE__ */ h(_e, {
-				control: v,
-				name: y,
-				render: ({ field: e, fieldState: { error: t } }) => /* @__PURE__ */ h(c, { children: /* @__PURE__ */ g(l, { children: [
-					/* @__PURE__ */ h(u, {
-						required: x,
-						children: b
-					}),
-					S ? /* @__PURE__ */ g(r, {
-						multiple: !0,
-						value: ke,
-						items: Z.map((e) => e.id),
-						filter: () => !0,
-						onInputValueChange: (e) => U(e),
-						onValueChange: (e) => {
-							R(!0), U("");
-							let t = e.map((e) => Z.find((t) => t.id === e) || {
-								id: e,
-								label: Y
-							});
-							j(y, t);
-						},
-						disabled: C || De,
-						children: [/* @__PURE__ */ g(ne, {
-							ref: K,
-							"aria-invalid": !!t || void 0,
-							children: [ke.map((e) => {
-								let t = Z.find((t) => t.id === e);
-								return /* @__PURE__ */ h(te, { children: t?.label ?? "" }, e);
-							}), /* @__PURE__ */ h(re, {})]
-						}), /* @__PURE__ */ g(i, {
-							anchor: K,
-							container: N.current,
-							children: [/* @__PURE__ */ h("div", {
-								className: "ttw:px-1 ttw:pt-1",
-								children: /* @__PURE__ */ g(n, {
-									variant: "ghost",
-									size: "sm",
-									type: "button",
-									className: "ttw:w-full ttw:justify-start ttw:text-primary ttw:font-semibold ttw:hover:text-primary ttw:focus:text-primary",
-									onClick: () => P(!0),
-									children: [/* @__PURE__ */ h(m, {}), Oe]
-								})
-							}), /* @__PURE__ */ h(o, { children: (() => {
-								let e = Te.toLowerCase().trim(), t = e ? Z.filter((t) => t.label.toLowerCase().includes(e)) : Z;
-								return t.length === 0 ? /* @__PURE__ */ h(s, {
-									variant: "body2",
-									color: "muted",
-									className: "ttw:flex ttw:w-full ttw:justify-center ttw:py-2 ttw:text-center",
-									children: A._("No {customerType} found", { customerType: w === "vendor" ? "vendors" : "customers" })
-								}) : t.map((e) => /* @__PURE__ */ h(a, {
-									value: e.id,
-									children: e.label
-								}, e.id));
-							})() })]
-						})]
-					}) : /* @__PURE__ */ g(r, {
-						value: e.value || null,
-						onValueChange: (e) => {
-							if (e === _) {
-								P(!0);
-								return;
-							}
-							R(!0), H(""), j(y, e ?? "", { shouldValidate: !0 });
-						},
-						inputValue: Ae,
-						onInputValueChange: (t) => {
-							t !== _ && (Z.some((e) => e.id === t) || (H(t), e.value && j(y, "")));
-						},
-						filter: () => !0,
-						open: W,
-						onOpenChange: Ee,
-						disabled: C,
-						children: [/* @__PURE__ */ g("div", {
-							className: "ttw:relative",
-							children: [/* @__PURE__ */ h(ae, {
-								className: "ttw:w-full",
-								"aria-invalid": !!t || void 0,
-								showClear: W && (!!Q || !!V),
-								disabled: C
-							}), !W && Q && xe && k && e.value && /* @__PURE__ */ h("div", {
-								className: "ttw:pointer-events-none ttw:absolute ttw:inset-y-0 ttw:right-8 ttw:flex ttw:items-center",
-								children: /* @__PURE__ */ h(n, {
-									type: "button",
-									variant: "ghost",
-									size: "sm",
-									className: "ttw:pointer-events-auto ttw:min-w-0 ttw:px-1",
-									onPointerDown: (e) => e.stopPropagation(),
-									onClick: (e) => {
-										e.preventDefault(), k(!0);
-									},
-									children: A._("Edit")
-								})
-							})]
-						}), /* @__PURE__ */ h(i, {
-							container: N.current,
-							children: /* @__PURE__ */ g(o, { children: [/* @__PURE__ */ g(a, {
-								value: _,
-								className: "ttw:text-primary ttw:font-semibold ttw:hover:text-primary ttw:focus:text-primary",
-								children: [/* @__PURE__ */ h(m, {}), Oe]
-							}), $.length === 0 ? /* @__PURE__ */ h(ie, { children: A._("No {customerType} found", { customerType: w === "vendor" ? "vendors" : "customers" }) }) : $.map((e) => /* @__PURE__ */ h(a, {
-								value: e.id,
-								children: e.label
-							}, e.id))] })
-						})]
-					}),
-					/* @__PURE__ */ h(le, { errors: [t] })
-				] }) })
+			l && /* @__PURE__ */ i("div", {
+				className: "ttw:shrink-0 ttw:h-8 ttw:w-8 ttw:mt-1",
+				children: l
 			}),
-			D && J === D.id && /* @__PURE__ */ g(de, {
-				variant: "info",
-				className: "ttw:mt-2",
-				icon: /* @__PURE__ */ h(he, {}),
-				children: [/* @__PURE__ */ h(pe, { children: A._("Vendor auto-matched by AI") }), /* @__PURE__ */ h(fe, { children: A._("The vendor name on the bill doesn't exactly match the saved vendor, so AI selected the closest option.") })]
+			/* @__PURE__ */ i("div", {
+				className: "ttw:flex-1",
+				children: u
 			}),
-			!D && !E && T && !J && !S && /* @__PURE__ */ g(s, {
-				variant: "body2",
-				color: "muted",
-				className: "ttw:mt-1",
-				children: [
-					A._("The specified vendor has not been saved yet."),
-					" ",
-					A._("Create new vendor:"),
-					/* @__PURE__ */ h(n, {
-						variant: "link",
-						size: "sm",
-						className: "ttw:ml-0.5 ttw:p-0 ttw:h-auto ttw:text-xs ttw:underline",
-						onClick: (e) => {
-							e.preventDefault(), F(!0), P(!0);
-						},
-						children: T
-					})
-				]
-			}),
-			!D && E && J == E.id && !S && k && /* @__PURE__ */ h(de, {
-				variant: "warning",
-				className: "ttw:mt-2",
-				children: /* @__PURE__ */ g(fe, { children: [
-					A._("The vendor details in the bill don't fully match the saved vendor. Consider editing the saved vendor or creating a new one."),
-					/* @__PURE__ */ h("br", {}),
-					/* @__PURE__ */ h(n, {
-						variant: "link",
-						size: "sm",
-						className: "ttw:mr-1 ttw:p-0 ttw:h-auto ttw:font-medium ttw:text-inherit ttw:underline",
-						onClick: (e) => {
-							e.preventDefault(), k(!0);
-						},
-						children: `${A._("Edit")} ${t(E)}`
-					}),
-					A._(" or "),
-					/* @__PURE__ */ h(n, {
-						variant: "link",
-						size: "sm",
-						className: "ttw:ml-1 ttw:p-0 ttw:h-auto ttw:font-medium ttw:text-inherit ttw:underline",
-						onClick: (e) => {
-							e.preventDefault(), F(!0), P(!0);
-						},
-						children: A._("Create new vendor")
-					})
-				] })
+			p && /* @__PURE__ */ i(t, {
+				variant: "ghost",
+				size: "icon",
+				className: "ttw:h-8 ttw:w-8 ttw:rounded-md ttw:bg-transparent ttw:opacity-70 ttw:hover:opacity-100",
+				onClick: () => {
+					f && f(), g(!0);
+				},
+				"aria-label": "Close alert",
+				children: /* @__PURE__ */ i(r, {})
 			})
 		]
 	});
 };
+c.displayName = "Alert";
+var l = ({ className: t, ref: n, ...r }) => /* @__PURE__ */ i("h3", {
+	ref: n,
+	className: e("ttw:mb-1 ttw:font-medium ttw:leading-none ttw:tracking-tight", t),
+	...r
+});
+l.displayName = "AlertTitle";
+var u = ({ className: t, ref: n, ...r }) => /* @__PURE__ */ i("p", {
+	ref: n,
+	className: e("ttw:text-sm ttw:[&_p]:leading-relaxed ttw:font-normal", t),
+	...r
+});
+u.displayName = "AlertDescription";
 //#endregion
-export { v as CounterpartAutocomplete };
+export { c as Alert, u as AlertDescription, l as AlertTitle, s as alertVariants };