@tesouro/embedded-components-react 0.3.0 → 0.3.2

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

@@ -1,6 +1,216 @@
-import "./index53.js";
-import "./index235.js";
-import "./index248.js";
+import { Scope as e } from "../../shared/data-access/dist/lib/scopes.js";
+import "../../shared/data-access/dist/index.js";
+import { useMoniteContext as t } from "./index47.js";
+import { getCounterpartName as n } from "./index53.js";
+import { useCurrencies as ee } from "./index63.js";
+import { Button as te } from "./index56.js";
+import { useGetPayablesAnalytics as r } from "./index117.js";
+import { useCounterpartList as i } from "./index129.js";
+import { MoniteScopedProviders as a } from "./index237.js";
+import { LoadingSpinner as o } from "./index51.js";
+import { useUserPermissions as ne } from "./index116.js";
+import { FILTER_TYPE_SEARCH as s } from "./index241.js";
+import { CounterpartTableFilters as c } from "./index242.js";
+import { CounterPartCellByData as l } from "./index243.js";
+import { GetNoRowsOverlay as u } from "./index246.js";
+import { AccessRestriction as d } from "./index247.js";
 import "./index249.js";
-import "./index251.js";
-import "./index253.js";
+import { DataTable as f } from "./index251.js";
+import { hasSelectedText as p } from "./index252.js";
+import { useMemo as m, useState as h } from "react";
+import { ArrowDown as re, ArrowUp as g, ArrowUpDown as _ } from "lucide-react";
+import { jsx as v, jsxs as ie } from "@emotion/react/jsx-runtime";
+import { useLingui as y } from "@lingui/react";
+import { twMerge as b } from "tailwind-merge";
+//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index254.js
+var x = (e) => /* @__PURE__ */ v(a, { children: /* @__PURE__ */ v(S, { ...e }) }), S = ({ onRowClick: a, onChangeSort: x, onChangeFilter: S, openModal: C }) => {
+	let { i18n: w } = y(), { componentSettings: T, api: ae } = t(), { formatCurrencyToDisplay: E } = ee(), [oe, D] = h(void 0), [O, se] = h(T.counterparts.pageSizeOptions[0] ?? 10), [k, A] = h({}), [j, M] = h(void 0), N = ne(), P = N.has(e.CounterpartReadOrg);
+	N.has(e.CounterpartWriteOrg), N.has(e.CounterpartWriteOrg);
+	let { data: F, isLoading: I, refetch: L, isError: R } = i({ query: {
+		sort: j?.field,
+		order: j?.sort,
+		limit: O || void 0,
+		pagination_token: oe,
+		type: k.type || void 0,
+		counterpart_name__icontains: k.search || void 0,
+		is_vendor: !0
+	} }), z = m(() => F?.data.map((e) => e.id) ?? [], [F]), B = ae.finops.getCounterpartsIdAddresses.useQueries({ queries: z.map((e) => ({ parameters: { path: { counterpart_id: e } } })) }), V = m(() => new Map(z.map((e, t) => [e, B[t]?.data])), [z, B]), { data: H, isLoading: U } = r({
+		dimension: "counterpart_id",
+		metric: "total_amount",
+		aggregation_function: "summary",
+		status__in: [
+			"new",
+			"approve_in_progress",
+			"waiting_to_be_paid",
+			"partially_paid",
+			"paid"
+		],
+		counterpart_id__in: z
+	}), W = m(() => new Map(H?.data.map(({ dimension_value: e, metric_value: t }) => [e, t]) ?? []), [H]), { data: G, isLoading: K } = r({
+		dimension: "counterpart_id",
+		metric: "amount_due",
+		aggregation_function: "summary",
+		status__in: [
+			"new",
+			"approve_in_progress",
+			"waiting_to_be_paid",
+			"partially_paid"
+		],
+		counterpart_id__in: z
+	}), q = m(() => new Map(G?.data.map(({ dimension_value: e, metric_value: t }) => [e, t]) ?? []), [G]), { data: J, isLoading: Y } = r({
+		dimension: "counterpart_id",
+		metric: "total_amount",
+		aggregation_function: "summary",
+		status__in: ["rejected"],
+		counterpart_id__in: z
+	}), X = m(() => new Map(J?.data.map(({ dimension_value: e, metric_value: t }) => [e, t]) ?? []), [J]), Z = j ? [{
+		id: j.field,
+		desc: j.sort === "desc"
+	}] : [], ce = (e) => {
+		let t = typeof e == "function" ? e(Z) : e;
+		if (t.length > 0) {
+			let e = {
+				field: t[0].id,
+				sort: t[0].desc ? "desc" : "asc"
+			};
+			M(e), x?.(e);
+		} else M(void 0);
+		D(void 0);
+	}, le = (e, t) => {
+		D(void 0), A((n) => ({
+			...n,
+			[e]: t === "all" ? null : t
+		})), S?.({
+			field: e,
+			value: t
+		});
+	}, ue = m(() => [
+		{
+			accessorKey: "counterpart_name",
+			header: ({ column: e }) => {
+				let t = e.getIsSorted();
+				return /* @__PURE__ */ ie("div", {
+					className: "ttw:flex ttw:items-center ttw:gap-2 ttw:text-inherit",
+					children: [w._("Name"), /* @__PURE__ */ v(te, {
+						variant: "ghost",
+						onClick: () => e.toggleSorting(t === "asc"),
+						children: v(t === "asc" ? g : t === "desc" ? re : _, { className: "ttw:size-4" })
+					})]
+				});
+			},
+			cell: ({ row: e }) => {
+				let t = V.get(e.original.id);
+				return /* @__PURE__ */ v(l, {
+					name: n(e.original),
+					country: t?.data[0]?.country,
+					city: t?.data[0]?.city
+				});
+			}
+		},
+		{
+			accessorKey: "total_billed",
+			header: () => /* @__PURE__ */ v("div", {
+				className: "ttw:text-right",
+				children: w._("Billed amount")
+			}),
+			cell: ({ row: e }) => {
+				let t = W.get(e.original.id) ?? 0;
+				return /* @__PURE__ */ v("div", {
+					className: "ttw:text-right",
+					children: U ? /* @__PURE__ */ v(o, { className: "ttw:ml-auto ttw:w-4 ttw:h-4" }) : E(t, "USD")
+				});
+			}
+		},
+		{
+			id: "total_paid",
+			header: () => /* @__PURE__ */ v("div", {
+				className: "ttw:text-right",
+				children: w._("Total paid to date")
+			}),
+			cell: ({ row: e }) => {
+				let t = (W.get(e.original.id) ?? 0) - (q.get(e.original.id) ?? 0);
+				return /* @__PURE__ */ v("div", {
+					className: b("ttw:text-right", t > 0 && "ttw:text-green-700"),
+					children: U || K ? /* @__PURE__ */ v(o, { className: "ttw:ml-auto ttw:w-4 ttw:h-4" }) : E(t, "USD")
+				});
+			}
+		},
+		{
+			id: "total_rejected",
+			header: () => /* @__PURE__ */ v("div", {
+				className: "ttw:text-right",
+				children: w._("Rejected amount")
+			}),
+			cell: ({ row: e }) => {
+				let t = X.get(e.original.id) ?? 0;
+				return /* @__PURE__ */ v("div", {
+					className: b("ttw:text-right", t > 0 && "ttw:text-orange-700"),
+					children: Y ? /* @__PURE__ */ v(o, { className: "ttw:ml-auto ttw:w-4 ttw:h-4" }) : E(t, "USD")
+				});
+			}
+		},
+		{
+			id: "total_owed",
+			header: () => /* @__PURE__ */ v("div", {
+				className: "ttw:text-right",
+				children: w._("Balance due")
+			}),
+			cell: ({ row: e }) => {
+				let t = q.get(e.original.id) ?? 0;
+				return /* @__PURE__ */ v("div", {
+					className: "ttw:text-right",
+					children: K ? /* @__PURE__ */ v(o, { className: "ttw:ml-auto ttw:w-4 ttw:h-4" }) : E(t, "USD")
+				});
+			}
+		}
+	], [
+		w,
+		V,
+		U,
+		K,
+		Y,
+		W,
+		q,
+		X,
+		E
+	]);
+	if (!P) return /* @__PURE__ */ v(d, {});
+	let Q = Object.keys(k).some((e) => k[e] !== null && k[e] !== void 0), $ = !!k[s];
+	return /* @__PURE__ */ v("div", {
+		className: "ttw:flex ttw:flex-col ttw:overflow-hidden ttw:min-h-125",
+		children: /* @__PURE__ */ v(f, {
+			columns: ue,
+			data: F?.data ?? [],
+			sorting: Z,
+			onSortingChange: ce,
+			pageSize: O,
+			onPageSizeChange: se,
+			nextPaginationToken: F?.next_pagination_token ?? void 0,
+			prevPaginationToken: F?.prev_pagination_token ?? void 0,
+			onPaginationTokenChange: D,
+			onRowClick: (e) => {
+				p() || a?.(e.id);
+			},
+			filterComponent: /* @__PURE__ */ v(c, {
+				isDisabled: !Q && !$ && !F?.data?.length,
+				onChangeFilter: le
+			}),
+			children: /* @__PURE__ */ v(u, {
+				noDataTitle: w._("Build your vendors list."),
+				noDataDescription1: w._("Save the people and businesses you pay so you can send payments when bills come in."),
+				filterTitle: w._("No vendors found"),
+				isLoading: I,
+				dataLength: F?.data.length || 0,
+				isFiltering: Q,
+				isSearching: $,
+				isError: R,
+				onCreate: () => C?.(!0),
+				refetch: L,
+				entityName: w._("Vendor"),
+				actionButtonLabel: w._("Add your first vendor")
+			})
+		})
+	});
+};
+//#endregion
+export { x as VendorsTable };

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

@@ -1,8 +1,162 @@
-import { CenteredContentBox as e } from "./index203.js";
-import "./index204.js";
-import { LoadingSpinner as t } from "./index51.js";
-import { jsx as n } from "@emotion/react/jsx-runtime";
+import { Scope as e } from "../../shared/data-access/dist/lib/scopes.js";
+import "../../shared/data-access/dist/index.js";
+import { Button as t } from "./index56.js";
+import { Sheet as n, SheetClose as r, SheetContent as i, SheetDescription as a, SheetFooter as o, SheetHeader as s, SheetTitle as c } from "./index50.js";
+import { LoadingSpinner as l } from "./index51.js";
+import { useCreateCounterpartBank as u } from "./index66.js";
+import { useCreateCounterpart as d } from "./index71.js";
+import "./index86.js";
+import { getCreateCounterpartValidationSchema as f } from "./index100.js";
+import { CounterpartFormContent as p } from "./index113.js";
+import { LanguageCodeEnum as m } from "./index114.js";
+import { useUserPermissions as h } from "./index116.js";
+import { AccessRestriction as g } from "./index247.js";
+import { useCallback as _, useId as v, useMemo as y, useState as b } from "react";
+import { jsx as x, jsxs as S } from "@emotion/react/jsx-runtime";
+import { useLingui as C } from "@lingui/react";
+import { FormProvider as w, useForm as T } from "react-hook-form";
+import { zodResolver as E } from "@hookform/resolvers/zod";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index255.js
-var r = () => /* @__PURE__ */ n(e, { children: /* @__PURE__ */ n(t, {}) });
+var D = ({ open: D, onClose: O, onCreate: k, getCounterpartDefaultValues: A, customerType: j }) => {
+	let { i18n: M } = C(), [N, P] = b(() => "organization"), F = `counterpart-form-${v()}`, { mutateAsync: I, isPending: L } = d(), { mutate: R, isPending: z } = u(), B = L || z, V = h().has(e.CounterpartWriteOrg), H = A?.(N), U = y(() => ({
+		remindersEnabled: j === "customer",
+		isCustomer: j === "customer",
+		isVendor: j === "vendor",
+		accountHolderName: "",
+		routingNumber: "",
+		accountNumber: "",
+		tax_id: H?.tax_id ?? "",
+		email: H?.counterpart?.email ?? "",
+		phone: H?.counterpart?.phone ?? "",
+		line1: H?.counterpart?.line1 ?? "",
+		line2: H?.counterpart?.line2 ?? "",
+		city: H?.counterpart?.city ?? "",
+		state: H?.counterpart.state ?? "",
+		country: H?.counterpart?.country ?? "US",
+		postalCode: H?.counterpart?.postalCode ?? "",
+		firstName: H && "firstName" in H.counterpart ? H.counterpart.firstName : "",
+		lastName: H && "lastName" in H.counterpart ? H.counterpart.lastName : "",
+		companyName: H && "companyName" in H.counterpart ? H.counterpart.companyName : ""
+	}), [j, H]), { watch: W, ...G } = T({
+		resolver: E(f(M, N ?? "organization", j)),
+		defaultValues: U
+	}), K = !!(W("companyName") || W("firstName") && W("lastName")) && !!W("email") && (j === "vendor" && !!W("line1") && !!W("city") && !!W("state") && !!W("postalCode") && !!W("country") || j === "customer"), q = _((e) => {
+		e.preventDefault(), e.stopPropagation(), G.handleSubmit(async (e) => {
+			let t = e.line1?.trim() && e.city?.trim() ? {
+				city: e.city ?? "",
+				country: e.country ?? "US",
+				line1: e.line1 ?? "",
+				line2: e.line2,
+				postal_code: e.postalCode ?? "",
+				state: e.state ?? ""
+			} : void 0, n = {
+				account_holder_name: e.accountHolderName,
+				routing_number: e.routingNumber,
+				account_number: e.accountNumber,
+				is_default_for_currency: !0,
+				country: "US",
+				currency: "USD"
+			}, r = !!e.accountHolderName || !!e.accountNumber || !!e.routingNumber, i = {
+				tax_id: e.tax_id,
+				is_customer: e.isCustomer,
+				is_vendor: e.isVendor,
+				language: m.find((e) => e === M.locale.split("-")[0]) ?? "en",
+				reminders_enabled: e.remindersEnabled
+			}, a = N === "individual" ? {
+				...i,
+				type: "individual",
+				individual: {
+					first_name: e.firstName ?? "",
+					last_name: e.lastName ?? "",
+					phone: e.phone ?? "",
+					email: e.email ?? "",
+					...t ? { address: t } : {}
+				}
+			} : {
+				...i,
+				type: "organization",
+				organization: {
+					legal_name: e.companyName ?? "",
+					phone: e.phone ?? "",
+					email: e.email ?? "",
+					...t ? { address: t } : {}
+				}
+			};
+			if (r) {
+				let e = await I(a);
+				return R({
+					path: { counterpart_id: e.id },
+					body: n
+				}, { onSuccess: () => {
+					k && k(e.id);
+				} });
+			}
+			return I(a, { onSuccess: ({ id: e }) => {
+				k && k(e);
+			} });
+		})(e);
+	}, [
+		I,
+		N,
+		R,
+		G.handleSubmit,
+		M
+	]);
+	return /* @__PURE__ */ x(n, {
+		open: D,
+		onOpenChange: O,
+		children: /* @__PURE__ */ S(i, {
+			className: "ttw:gap-0",
+			children: [
+				/* @__PURE__ */ S(s, {
+					className: "ttw:border-b ttw:border-border",
+					children: [/* @__PURE__ */ x(c, {
+						className: "ttw:text-2xl",
+						children: M._("Add {customerType}", { customerType: j })
+					}), /* @__PURE__ */ x(a, {
+						className: "ttw:max-w-130",
+						children: j === "vendor" ? M._("Save the people and businesses you pay so you can send payments when bills come in.") : M._("Save the people and businesses you sell to.")
+					})]
+				}),
+				/* @__PURE__ */ x("div", {
+					className: "ttw:flex ttw:flex-col ttw:gap-4 ttw:px-6 ttw:py-8 ttw:overflow-auto",
+					children: V ? /* @__PURE__ */ x(w, {
+						...G,
+						watch: W,
+						children: /* @__PURE__ */ x("form", {
+							id: F,
+							onSubmit: q,
+							children: /* @__PURE__ */ x(p, {
+								counterpartType: N ?? "organization",
+								handleChangeCounterpartType: (e) => P(e),
+								isLoading: B,
+								customerType: j
+							})
+						})
+					}) : /* @__PURE__ */ x(g, {})
+				}),
+				/* @__PURE__ */ S(o, {
+					className: "ttw:border-t ttw:border-border ttw:flex-row ttw:justify-end",
+					children: [/* @__PURE__ */ x(r, {
+						asChild: !0,
+						children: /* @__PURE__ */ x(t, {
+							variant: "outline",
+							disabled: B,
+							className: "ttw:flex-1 ttw:border-border",
+							children: M._("Cancel")
+						})
+					}), /* @__PURE__ */ S(t, {
+						type: "submit",
+						form: F,
+						className: "ttw:flex-1",
+						title: M._("Complete the form to continue"),
+						disabled: !V || B || !K,
+						children: [B && /* @__PURE__ */ x(l, { className: "ttw:border-white ttw:border-t-transparent ttw:size-4" }), M._("Save {customerType}", { customerType: j })]
+					})]
+				})
+			]
+		})
+	});
+};
 //#endregion
-export { r as LoadingPage };
+export { D as CreateCounterpartDialog };

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

@@ -1 +1,60 @@
-import "./index255.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 "./index56.js";
+import { MoniteScopedProviders as n } from "./index237.js";
+import { useUserPermissions as r } from "./index116.js";
+import { CounterpartDetails as i } from "./index240.js";
+import { AccessRestriction as a } from "./index247.js";
+import "./index249.js";
+import { CustomersTable as o } from "./index253.js";
+import { VendorsTable as s } from "./index254.js";
+import { CreateCounterpartDialog as c } from "./index255.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/index256.js
+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
+		})
+	] });
+};
+//#endregion
+export { h as Counterparts };

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

@@ -1,21 +1,60 @@
 import { cn as e } from "./index49.js";
-import "react";
-import { jsx as t } from "@emotion/react/jsx-runtime";
-import * as n from "@radix-ui/react-avatar";
+import { Button as t } from "./index56.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/index257.js
-function r({ className: r, ...i }) {
-	return /* @__PURE__ */ t(n.Root, {
-		"data-slot": "avatar",
-		className: e("ttw:relative ttw:flex ttw:size-8 ttw:shrink-0 ttw:overflow-hidden ttw:rounded-full", r),
-		...i
+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, {})
+			})
+		]
 	});
-}
-function i({ className: r, ...i }) {
-	return /* @__PURE__ */ t(n.Fallback, {
-		"data-slot": "avatar-fallback",
-		className: e("ttw:bg-muted ttw:flex ttw:size-full ttw:items-center ttw:justify-center ttw:rounded-full", r),
-		...i
-	});
-}
+};
+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 { r as Avatar, i as AvatarFallback };
+export { c as Alert, u as AlertDescription, l as AlertTitle, s as alertVariants };