@tesouro/embedded-components-react 0.2.241 → 0.2.243

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

@@ -1,256 +1 @@
-import { Scope as e } from "../../shared/data-access/dist/lib/scopes.js";
-import "../../shared/data-access/dist/index.js";
-import { dateStringToLocalDate as t } from "./index16.js";
-import { useMoniteContext as n } from "./index47.js";
-import { useCurrencies as r } from "./index63.js";
-import { Button as i } from "./index56.js";
-import { usePayablePaymentIntentsAndRecords as ee } from "./index134.js";
-import { MoniteScopedProviders as a } from "./index209.js";
-import { useUserPermissions as o } from "./index112.js";
-import { PayableStatusChip as s } from "./index197.js";
-import { CounterpartNameCellById as c } from "./index231.js";
-import { GetNoRowsOverlay as te } from "./index234.js";
-import { AccessRestriction as l } from "./index235.js";
-import "./index237.js";
-import { DataTable as u } from "./index239.js";
-import { hasSelectedText as d } from "./index240.js";
-import "./index328.js";
-import { isPayableInOCRProcessing as f } from "./index386.js";
-import "./index390.js";
-import { SummaryCardsFilters as ne } from "./index418.js";
-import { PayablesFilterBar as p } from "./index419.js";
-import { usePayablesFilter as m } from "./index421.js";
-import { DueDateCell as h } from "./index423.js";
 import "./index424.js";
-import { useEffect as g, useMemo as _, useState as v } from "react";
-import { ArrowDown as y, ArrowUp as b, ArrowUpDown as x, Loader2 as S } from "lucide-react";
-import { jsx as C, jsxs as w } from "@emotion/react/jsx-runtime";
-import { useLingui as T } from "@lingui/react";
-//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index425.js
-var E = (e) => /* @__PURE__ */ C(a, { children: /* @__PURE__ */ C(D, { ...e }) }), D = ({ initialCounterpartId: a, onRowClick: E, onPay: D, openFileInput: re, setIsCreateInvoiceDialogOpen: O, openEditDialog: k, onSubmitted: A, onApproved: j, onCanceled: M }) => {
-	let { i18n: N } = T(), { api: P, locale: F, queryClient: I, componentSettings: L } = n(), [R, z] = v(null), [B, V] = v(L.payables.pageSizeOptions?.[0] ?? 10), [H, U] = v({
-		field: "due_date",
-		sort: "desc"
-	}), W = m({ initialCounterpartId: a }), [G, K] = v("");
-	g(() => {
-		let e = setTimeout(() => K(W.state.search), 300);
-		return () => clearTimeout(e);
-	}, [W.state.search]);
-	let { formatCurrencyToDisplay: q } = r(), J = o().has(e.PayableReadOrg), Y = P.finops.getPayables.getQueryKey({ query: {
-		sort: H?.field,
-		order: H?.sort,
-		limit: B,
-		pagination_token: R || void 0,
-		...W.queryParams,
-		search_text: G || W.queryParams.search_text || void 0
-	} }), { data: X, isLoading: ie, isError: ae, refetch: Z } = P.finops.getPayables.useQuery(Y, {
-		enabled: !!J,
-		refetchInterval: P.finops.getPayables.getQueryData(Y, I)?.data.filter(f).length ? 2e3 : 3e4
-	}), oe = _(() => X?.data?.filter((e) => e.status === "waiting_to_be_paid" || e.status === "partially_paid").map((e) => e.id), [X?.data]), { payablesPaymentIntentsRecord: se, refetch: Q } = ee(oe || []), $ = [{
-		id: H.field,
-		desc: H.sort === "desc"
-	}], ce = (e) => {
-		let t = typeof e == "function" ? e($) : e;
-		t.length > 0 ? U({
-			field: t[0].id,
-			sort: t[0].desc ? "desc" : "asc"
-		}) : U({
-			field: "due_date",
-			sort: "desc"
-		}), z(null);
-	}, le = _(() => [
-		{
-			accessorKey: "due_date",
-			header: ({ column: e }) => {
-				let t = e.getIsSorted();
-				return /* @__PURE__ */ w("div", {
-					className: "ttw:flex ttw:items-center ttw:gap-2 ttw:text-inherit",
-					children: [N._("Due date"), /* @__PURE__ */ C(i, {
-						variant: "ghost",
-						onClick: () => e.toggleSorting(t === "asc"),
-						children: C(t === "asc" ? b : t === "desc" ? y : x, { className: "ttw:size-4" })
-					})]
-				});
-			},
-			cell: ({ row: e }) => /* @__PURE__ */ C(h, { data: e.original }),
-			enableSorting: !0
-		},
-		{
-			accessorKey: "status",
-			header: N._("Status"),
-			cell: ({ row: e }) => /* @__PURE__ */ C(s, {
-				status: e.original.status,
-				dueDate: e.original.due_date
-			})
-		},
-		{
-			accessorKey: "document_id",
-			header: N._("Number"),
-			cell: ({ row: e }) => {
-				let t = e.original;
-				return f(t) ? /* @__PURE__ */ w("div", {
-					className: "ttw:flex ttw:items-center ttw:gap-2",
-					children: [/* @__PURE__ */ C(S, { className: "ttw:animate-spin ttw:size-5 ttw:shrink-0" }), /* @__PURE__ */ w("span", { children: [
-						N._("Processing file"),
-						" '",
-						t.file?.name,
-						"'"
-					] })]
-				}) : /* @__PURE__ */ C("span", { children: t.document_id });
-			}
-		},
-		{
-			accessorKey: "counterpart_id",
-			header: N._("Vendor"),
-			cell: ({ row: e }) => {
-				let t = e.original;
-				return t.counterpart?.name ? /* @__PURE__ */ C("span", { children: t.counterpart.name }) : t.counterpart_id ? /* @__PURE__ */ C(c, { counterpartId: t.counterpart_id }) : t.counterpart_raw_data?.name ? /* @__PURE__ */ C("span", { children: t.counterpart_raw_data.name }) : /* @__PURE__ */ C("span", {
-					style: { opacity: .4 },
-					children: "-"
-				});
-			}
-		},
-		{
-			accessorKey: "issued_at",
-			header: ({ column: e }) => {
-				let t = e.getIsSorted();
-				return /* @__PURE__ */ w("div", {
-					className: "ttw:flex ttw:items-center ttw:gap-2 ttw:text-inherit",
-					children: [N._("Issued on"), /* @__PURE__ */ C(i, {
-						variant: "ghost",
-						onClick: () => e.toggleSorting(t === "asc"),
-						children: C(t === "asc" ? b : t === "desc" ? y : x, { className: "ttw:size-4" })
-					})]
-				});
-			},
-			cell: ({ row: e }) => {
-				let n = e.original.issued_at;
-				return n ? N.date(t(n), F.dateFormat) : "—";
-			},
-			enableSorting: !0
-		},
-		{
-			accessorKey: "amount",
-			header: () => /* @__PURE__ */ C("div", {
-				className: "ttw:text-right",
-				children: N._("Total")
-			}),
-			cell: ({ row: e }) => {
-				let t = e.original.total_amount;
-				return /* @__PURE__ */ C("div", {
-					className: "ttw:text-right",
-					children: t ? q(t, e.original.currency ?? "USD") : ""
-				});
-			}
-		}
-	], [
-		N,
-		F.dateFormat,
-		q,
-		se,
-		Q,
-		D,
-		A,
-		j,
-		M,
-		Z,
-		k
-	]);
-	if (g(() => {
-		z(null);
-	}, [W.queryParams]), !J) return /* @__PURE__ */ C(l, {});
-	let ue = W.activeFilterCount > 0, de = !!G;
-	return /* @__PURE__ */ w("div", {
-		className: "ttw:flex ttw:flex-col ttw:overflow-hidden ttw:min-h-125",
-		children: [/* @__PURE__ */ C(ne, {
-			selectedStatus: W.state.status.length === 0 ? "all" : W.state.status[0],
-			onChangeFilter: (e, t) => W.setState((e) => ({
-				...e,
-				status: t ? [t] : []
-			}))
-		}), /* @__PURE__ */ C(u, {
-			columns: le,
-			data: X?.data ?? [],
-			sorting: $,
-			onSortingChange: ce,
-			pageSize: B,
-			onPageSizeChange: (e) => {
-				V(e), z(null);
-			},
-			nextPaginationToken: X?.next_pagination_token ?? void 0,
-			prevPaginationToken: X?.prev_pagination_token ?? void 0,
-			onPaginationTokenChange: (e) => z(e ?? null),
-			onRowClick: (e) => {
-				!d() && e.ocr_status !== "processing" && E?.(e.id);
-			},
-			filterComponent: /* @__PURE__ */ C(p, {
-				searchValue: W.state.search,
-				onSearchChange: (e) => W.setState((t) => ({
-					...t,
-					search: e
-				})),
-				activeFilterCount: W.activeFilterCount,
-				activeChips: W.activeChips,
-				onDismissChip: W.clearFilter,
-				onClearAll: W.clearAll,
-				activeDateField: W.state.activeDateField,
-				onActiveDateFieldChange: W.setActiveDateField,
-				allPresets: W.datePresets,
-				selectedDatePreset: W.state.datePreset,
-				dateFrom: W.state.dateFrom,
-				dateTo: W.state.dateTo,
-				onDateRangeChange: ({ from: e, to: t }) => W.setDateRange(e, t),
-				onDatePresetChange: W.setDatePreset,
-				statusOptions: W.statusOptions,
-				selectedStatus: W.state.status,
-				onStatusChange: (e) => W.setState((t) => ({
-					...t,
-					status: e
-				})),
-				amountMode: W.state.amountMode,
-				onAmountModeChange: (e) => W.setState((t) => ({
-					...t,
-					amountMode: e
-				})),
-				amountMin: W.state.amountMin,
-				amountMax: W.state.amountMax,
-				onAmountMinChange: (e) => W.setState((t) => ({
-					...t,
-					amountMin: e
-				})),
-				onAmountMaxChange: (e) => W.setState((t) => ({
-					...t,
-					amountMax: e
-				})),
-				vendorName: W.state.vendorName,
-				onVendorNameChange: (e) => W.setState((t) => ({
-					...t,
-					vendorName: e
-				})),
-				hasFile: W.state.hasFile,
-				onHasFileChange: (e) => W.setState((t) => ({
-					...t,
-					hasFile: e
-				}))
-			}),
-			children: /* @__PURE__ */ C(te, {
-				noDataTitle: N._("No bills yet"),
-				noDataDescription1: N._("You don't have any bills yet"),
-				filterTitle: N._("No bills found"),
-				isLoading: ie,
-				isFiltering: ue,
-				isSearching: de,
-				isError: ae,
-				dataLength: X?.data.length || 0,
-				onCreate: (e) => {
-					e === "New Invoice" ? O?.(!0) : e === "Upload File" && re?.();
-				},
-				refetch: Z,
-				entityName: N._("Payable"),
-				type: "no-data=payables"
-			})
-		})]
-	});
-};
-//#endregion
-export { E as PayablesTable };

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

@@ -1 +1,256 @@
+import { Scope as e } from "../../shared/data-access/dist/lib/scopes.js";
+import "../../shared/data-access/dist/index.js";
+import { dateStringToLocalDate as t } from "./index16.js";
+import { useMoniteContext as n } from "./index47.js";
+import { useCurrencies as r } from "./index63.js";
+import { Button as i } from "./index56.js";
+import { usePayablePaymentIntentsAndRecords as ee } from "./index134.js";
+import { MoniteScopedProviders as a } from "./index209.js";
+import { useUserPermissions as o } from "./index112.js";
+import { PayableStatusChip as s } from "./index197.js";
+import { CounterpartNameCellById as c } from "./index232.js";
+import { GetNoRowsOverlay as te } from "./index235.js";
+import { AccessRestriction as l } from "./index236.js";
+import "./index238.js";
+import { DataTable as u } from "./index240.js";
+import { hasSelectedText as d } from "./index241.js";
+import "./index329.js";
+import { isPayableInOCRProcessing as f } from "./index387.js";
+import "./index391.js";
+import { SummaryCardsFilters as ne } from "./index419.js";
+import { PayablesFilterBar as p } from "./index420.js";
+import { usePayablesFilter as m } from "./index422.js";
+import { DueDateCell as h } from "./index424.js";
 import "./index425.js";
+import { useEffect as g, useMemo as _, useState as v } from "react";
+import { ArrowDown as y, ArrowUp as b, ArrowUpDown as x, Loader2 as S } from "lucide-react";
+import { jsx as C, jsxs as w } from "@emotion/react/jsx-runtime";
+import { useLingui as T } from "@lingui/react";
+//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index426.js
+var E = (e) => /* @__PURE__ */ C(a, { children: /* @__PURE__ */ C(D, { ...e }) }), D = ({ initialCounterpartId: a, onRowClick: E, onPay: D, openFileInput: re, setIsCreateInvoiceDialogOpen: O, openEditDialog: k, onSubmitted: A, onApproved: j, onCanceled: M }) => {
+	let { i18n: N } = T(), { api: P, locale: F, queryClient: I, componentSettings: L } = n(), [R, z] = v(null), [B, V] = v(L.payables.pageSizeOptions?.[0] ?? 10), [H, U] = v({
+		field: "due_date",
+		sort: "desc"
+	}), W = m({ initialCounterpartId: a }), [G, K] = v("");
+	g(() => {
+		let e = setTimeout(() => K(W.state.search), 300);
+		return () => clearTimeout(e);
+	}, [W.state.search]);
+	let { formatCurrencyToDisplay: q } = r(), J = o().has(e.PayableReadOrg), Y = P.finops.getPayables.getQueryKey({ query: {
+		sort: H?.field,
+		order: H?.sort,
+		limit: B,
+		pagination_token: R || void 0,
+		...W.queryParams,
+		search_text: G || W.queryParams.search_text || void 0
+	} }), { data: X, isLoading: ie, isError: ae, refetch: Z } = P.finops.getPayables.useQuery(Y, {
+		enabled: !!J,
+		refetchInterval: P.finops.getPayables.getQueryData(Y, I)?.data.filter(f).length ? 2e3 : 3e4
+	}), oe = _(() => X?.data?.filter((e) => e.status === "waiting_to_be_paid" || e.status === "partially_paid").map((e) => e.id), [X?.data]), { payablesPaymentIntentsRecord: se, refetch: Q } = ee(oe || []), $ = [{
+		id: H.field,
+		desc: H.sort === "desc"
+	}], ce = (e) => {
+		let t = typeof e == "function" ? e($) : e;
+		t.length > 0 ? U({
+			field: t[0].id,
+			sort: t[0].desc ? "desc" : "asc"
+		}) : U({
+			field: "due_date",
+			sort: "desc"
+		}), z(null);
+	}, le = _(() => [
+		{
+			accessorKey: "due_date",
+			header: ({ column: e }) => {
+				let t = e.getIsSorted();
+				return /* @__PURE__ */ w("div", {
+					className: "ttw:flex ttw:items-center ttw:gap-2 ttw:text-inherit",
+					children: [N._("Due date"), /* @__PURE__ */ C(i, {
+						variant: "ghost",
+						onClick: () => e.toggleSorting(t === "asc"),
+						children: C(t === "asc" ? b : t === "desc" ? y : x, { className: "ttw:size-4" })
+					})]
+				});
+			},
+			cell: ({ row: e }) => /* @__PURE__ */ C(h, { data: e.original }),
+			enableSorting: !0
+		},
+		{
+			accessorKey: "status",
+			header: N._("Status"),
+			cell: ({ row: e }) => /* @__PURE__ */ C(s, {
+				status: e.original.status,
+				dueDate: e.original.due_date
+			})
+		},
+		{
+			accessorKey: "document_id",
+			header: N._("Number"),
+			cell: ({ row: e }) => {
+				let t = e.original;
+				return f(t) ? /* @__PURE__ */ w("div", {
+					className: "ttw:flex ttw:items-center ttw:gap-2",
+					children: [/* @__PURE__ */ C(S, { className: "ttw:animate-spin ttw:size-5 ttw:shrink-0" }), /* @__PURE__ */ w("span", { children: [
+						N._("Processing file"),
+						" '",
+						t.file?.name,
+						"'"
+					] })]
+				}) : /* @__PURE__ */ C("span", { children: t.document_id });
+			}
+		},
+		{
+			accessorKey: "counterpart_id",
+			header: N._("Vendor"),
+			cell: ({ row: e }) => {
+				let t = e.original;
+				return t.counterpart?.name ? /* @__PURE__ */ C("span", { children: t.counterpart.name }) : t.counterpart_id ? /* @__PURE__ */ C(c, { counterpartId: t.counterpart_id }) : t.counterpart_raw_data?.name ? /* @__PURE__ */ C("span", { children: t.counterpart_raw_data.name }) : /* @__PURE__ */ C("span", {
+					style: { opacity: .4 },
+					children: "-"
+				});
+			}
+		},
+		{
+			accessorKey: "issued_at",
+			header: ({ column: e }) => {
+				let t = e.getIsSorted();
+				return /* @__PURE__ */ w("div", {
+					className: "ttw:flex ttw:items-center ttw:gap-2 ttw:text-inherit",
+					children: [N._("Issued on"), /* @__PURE__ */ C(i, {
+						variant: "ghost",
+						onClick: () => e.toggleSorting(t === "asc"),
+						children: C(t === "asc" ? b : t === "desc" ? y : x, { className: "ttw:size-4" })
+					})]
+				});
+			},
+			cell: ({ row: e }) => {
+				let n = e.original.issued_at;
+				return n ? N.date(t(n), F.dateFormat) : "—";
+			},
+			enableSorting: !0
+		},
+		{
+			accessorKey: "amount",
+			header: () => /* @__PURE__ */ C("div", {
+				className: "ttw:text-right",
+				children: N._("Total")
+			}),
+			cell: ({ row: e }) => {
+				let t = e.original.total_amount;
+				return /* @__PURE__ */ C("div", {
+					className: "ttw:text-right",
+					children: t ? q(t, e.original.currency ?? "USD") : ""
+				});
+			}
+		}
+	], [
+		N,
+		F.dateFormat,
+		q,
+		se,
+		Q,
+		D,
+		A,
+		j,
+		M,
+		Z,
+		k
+	]);
+	if (g(() => {
+		z(null);
+	}, [W.queryParams]), !J) return /* @__PURE__ */ C(l, {});
+	let ue = W.activeFilterCount > 0, de = !!G;
+	return /* @__PURE__ */ w("div", {
+		className: "ttw:flex ttw:flex-col ttw:overflow-hidden ttw:min-h-125",
+		children: [/* @__PURE__ */ C(ne, {
+			selectedStatus: W.state.status.length === 0 ? "all" : W.state.status[0],
+			onChangeFilter: (e, t) => W.setState((e) => ({
+				...e,
+				status: t ? [t] : []
+			}))
+		}), /* @__PURE__ */ C(u, {
+			columns: le,
+			data: X?.data ?? [],
+			sorting: $,
+			onSortingChange: ce,
+			pageSize: B,
+			onPageSizeChange: (e) => {
+				V(e), z(null);
+			},
+			nextPaginationToken: X?.next_pagination_token ?? void 0,
+			prevPaginationToken: X?.prev_pagination_token ?? void 0,
+			onPaginationTokenChange: (e) => z(e ?? null),
+			onRowClick: (e) => {
+				!d() && e.ocr_status !== "processing" && E?.(e.id);
+			},
+			filterComponent: /* @__PURE__ */ C(p, {
+				searchValue: W.state.search,
+				onSearchChange: (e) => W.setState((t) => ({
+					...t,
+					search: e
+				})),
+				activeFilterCount: W.activeFilterCount,
+				activeChips: W.activeChips,
+				onDismissChip: W.clearFilter,
+				onClearAll: W.clearAll,
+				activeDateField: W.state.activeDateField,
+				onActiveDateFieldChange: W.setActiveDateField,
+				allPresets: W.datePresets,
+				selectedDatePreset: W.state.datePreset,
+				dateFrom: W.state.dateFrom,
+				dateTo: W.state.dateTo,
+				onDateRangeChange: ({ from: e, to: t }) => W.setDateRange(e, t),
+				onDatePresetChange: W.setDatePreset,
+				statusOptions: W.statusOptions,
+				selectedStatus: W.state.status,
+				onStatusChange: (e) => W.setState((t) => ({
+					...t,
+					status: e
+				})),
+				amountMode: W.state.amountMode,
+				onAmountModeChange: (e) => W.setState((t) => ({
+					...t,
+					amountMode: e
+				})),
+				amountMin: W.state.amountMin,
+				amountMax: W.state.amountMax,
+				onAmountMinChange: (e) => W.setState((t) => ({
+					...t,
+					amountMin: e
+				})),
+				onAmountMaxChange: (e) => W.setState((t) => ({
+					...t,
+					amountMax: e
+				})),
+				vendorName: W.state.vendorName,
+				onVendorNameChange: (e) => W.setState((t) => ({
+					...t,
+					vendorName: e
+				})),
+				hasFile: W.state.hasFile,
+				onHasFileChange: (e) => W.setState((t) => ({
+					...t,
+					hasFile: e
+				}))
+			}),
+			children: /* @__PURE__ */ C(te, {
+				noDataTitle: N._("No bills yet"),
+				noDataDescription1: N._("You don't have any bills yet"),
+				filterTitle: N._("No bills found"),
+				isLoading: ie,
+				isFiltering: ue,
+				isSearching: de,
+				isError: ae,
+				dataLength: X?.data.length || 0,
+				onCreate: (e) => {
+					e === "New Invoice" ? O?.(!0) : e === "Upload File" && re?.();
+				},
+				refetch: Z,
+				entityName: N._("Payable"),
+				type: "no-data=payables"
+			})
+		})]
+	});
+};
+//#endregion
+export { E as PayablesTable };

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

@@ -1,36 +1 @@
-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-popover";
-//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index427.js
-function r({ ...e }) {
-	return /* @__PURE__ */ t(n.Root, {
-		"data-slot": "popover",
-		...e
-	});
-}
-function i({ ref: e, ...r }) {
-	return /* @__PURE__ */ t(n.Trigger, {
-		"data-slot": "popover-trigger",
-		ref: e,
-		...r
-	});
-}
-i.displayName = n.Trigger.displayName;
-function a({ className: r, align: i = "center", sideOffset: a = 4, ...o }) {
-	return /* @__PURE__ */ t(n.Portal, { children: /* @__PURE__ */ t(n.Content, {
-		"data-slot": "popover-content",
-		align: i,
-		sideOffset: a,
-		className: e("ttw:bg-popover ttw:text-popover-foreground ttw:data-[state=open]:animate-in ttw:data-[state=closed]:animate-out ttw:data-[state=closed]:fade-out-0 ttw:data-[state=open]:fade-in-0 ttw:data-[state=closed]:zoom-out-95 ttw:data-[state=open]:zoom-in-95 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:z-1300 ttw:w-72 ttw:origin-(--radix-popover-content-transform-origin) ttw:rounded-md ttw:border ttw:p-4 ttw:shadow-md ttw:outline-hidden", r),
-		...o
-	}) });
-}
-function o({ ...e }) {
-	return /* @__PURE__ */ t(n.Anchor, {
-		"data-slot": "popover-anchor",
-		...e
-	});
-}
-//#endregion
-export { r as Popover, o as PopoverAnchor, a as PopoverContent, i as PopoverTrigger };
+import "./index426.js";