@tesouro/embedded-components-react 0.2.324 → 0.2.326

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

@@ -1,22 +1,93 @@
-import { useApprovalPolicyTrigger as e } from "./index258.js";
-import { UUserCircle as t } from "./index313.js";
-import { ColumnList as n } from "./index315.js";
-import { UBuilding as r } from "./index320.js";
-import { ULabel as i } from "./index321.js";
-import { UMoneyBill as a } from "./index322.js";
-import { jsx as o, jsxs as s } from "@emotion/react/jsx-runtime";
+import { getSharedApprovalRuleLabel as e, getUsersFromListLabel as t } from "./index265.js";
+import { isRoleApprovalCall as n } from "./index268.js";
+import "./index269.js";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index323.js
-var c = ({ approvalPolicy: c }) => {
-	let { triggers: l, getTriggerName: u } = e({ approvalPolicy: c });
-	return c ? /* @__PURE__ */ o(n, { children: Object.keys(l).map((e) => {
-		switch (e) {
-			case "amount": return /* @__PURE__ */ s("li", { children: [/* @__PURE__ */ o(a, { width: 18 }), u(e)] }, e);
-			case "was_created_by_user_id": return /* @__PURE__ */ s("li", { children: [/* @__PURE__ */ o(t, { width: 18 }), u(e)] }, e);
-			case "counterpart_id": return /* @__PURE__ */ s("li", { children: [/* @__PURE__ */ o(r, { width: 18 }), u(e)] }, e);
-			case "tags": return /* @__PURE__ */ s("li", { children: [/* @__PURE__ */ o(i, { width: 18 }), u(e)] }, e);
-			default: return null;
-		}
-	}) }) : null;
+var r = {
+	REQUEST_APPROVAL_BY_USERS: "ApprovalRequests.request_approval_by_users",
+	REQUEST_APPROVAL_BY_ROLES: "ApprovalRequests.request_approval_by_roles"
+}, i = (e) => {
+	switch (e) {
+		case "approved": return "waiting_to_be_paid";
+		case "rejected": return "rejected";
+		case "canceled": return "canceled";
+		default: return "approve_in_progress";
+	}
+}, a = (e) => e.find((e) => e.call === r.REQUEST_APPROVAL_BY_USERS), o = (e) => e.find((e) => n(e.call)), s = (e, t, n = !1) => e.filter((e) => e.user_ids?.length ? n ? e.user_ids.some((e) => t.includes(e)) : t.every((t) => e.user_ids.includes(t)) : !1), c = (e, t) => e.filter((e) => e.role_ids?.some((e) => t.includes(e))), l = (n, r, i) => {
+	if (n?.params) {
+		let { user_ids: r, required_approval_count: a } = n.params;
+		return r?.length === 1 ? e.singleUser(i) : t(i, a);
+	}
+	return r?.params ? e.anyUserWithRole(i) : "";
+}, u = (e) => e ? e.call && e.params ? [e] : Array.isArray(e.all) ? e.all.flatMap(u) : e.if ? u(e.if) : [] : [], d = (e) => e.flatMap(u), f = (e) => {
+	let t = [];
+	if (e.all) t.push(...e.all);
+	else if (e.if) {
+		let n = e.if;
+		n.all ? t.push(...n.all) : t.push(n);
+	}
+	return t;
+}, p = (e) => e ? e.call && e.params ? [e] : Array.isArray(e.all) ? e.all.flatMap(p) : Array.isArray(e) ? e.flatMap(p) : [] : [], m = (e) => e.length === 0 || e.some((e) => e.status === "waiting") ? "waiting" : e.every((e) => e.status === "approved") ? "approved" : e.some((e) => e.status === "rejected") ? "rejected" : "waiting", h = (e, t, n) => ({
+	stepNumber: t,
+	type: n,
+	assignee: void 0,
+	assignees: e.assignees,
+	status: e.stepStatus,
+	payableStatus: i(e.stepStatus),
+	actualAssignees: e.actualAssignees,
+	hasActiveRequests: e.relatedRequests.length > 0,
+	requestIds: e.relatedRequests.map((e) => e.id),
+	approvalRequestId: e.approvalRequestId,
+	approvedBy: e.approvedBy,
+	objectId: e.objectId,
+	rejectedBy: e.rejectedBy,
+	requiredApprovalCount: e.requiredApprovalCount
+}), g = (e, t, n, r) => {
+	let a = m(t);
+	return {
+		stepNumber: n,
+		type: r,
+		assignee: void 0,
+		assignees: e,
+		status: a,
+		payableStatus: i(a),
+		actualAssignees: e,
+		hasActiveRequests: t.length > 0,
+		requestIds: t.map((e) => e.id),
+		approvalRequestId: t[0]?.id,
+		approvedBy: t.flatMap((e) => e.approved_by || []),
+		objectId: t[0]?.object_id,
+		rejectedBy: t.find((e) => e.rejected_by)?.rejected_by,
+		requiredApprovalCount: t.reduce((e, t) => e + t.required_approval_count, 0)
+	};
+}, _ = (e, t) => {
+	let n = e.flatMap((e) => e.params?.user_ids || []);
+	return {
+		allChainUserIds: n,
+		allChainRequests: t.filter((e) => e.user_ids?.length && n.some((t) => e.user_ids.includes(t)))
+	};
+}, v = (e) => {
+	let t = [];
+	if (e.all) t.push(...e.all);
+	else if (e.if) {
+		let n = e.if;
+		n.all ? t.push(...n.all) : t.push(n);
+	}
+	return t;
+}, y = (e, t) => {
+	let i = e.call === r.REQUEST_APPROVAL_BY_USERS ? e : void 0, a = [];
+	i?.params?.user_ids && (a = i.params.user_ids);
+	let o = n(e.call) ? c(t, e.params?.role_ids ?? []) : s(t, a, !0), l = o.flatMap((e) => e.user_ids || []), u = [...new Set(l)], d = o.length ? o[0].status : "waiting", f = o.find((e) => e.status !== "waiting"), p = o.flatMap((e) => e.approved_by || []), m = [...new Set(p)];
+	return {
+		assignees: a,
+		actualAssignees: u,
+		relatedRequests: o,
+		stepStatus: d,
+		approvalRequestId: f?.id,
+		approvedBy: m.length > 0 ? m : void 0,
+		objectId: f?.object_id || e.params?.object_id,
+		rejectedBy: f?.rejected_by,
+		requiredApprovalCount: e.params?.required_approval_count || f?.required_approval_count || 1
+	};
 };
 //#endregion
-export { c as ApprovalPoliciesTriggers };
+export { r as APPROVAL_CALL_TYPES, m as calculateIntegralStatus, h as createBaseApprovalStep, g as createChainApprovalStep, u as extractApprovalCalls, p as extractApprovalCallsForTable, v as extractItemsFromScriptStep, f as extractStructureItemsFromScriptStep, c as filterRequestsByRoles, s as filterRequestsByUsers, o as findRoleApprovalCall, a as findUserApprovalCall, l as getApprovalRuleLabel, i as mapApprovalStatusToPayableStatus, d as processApprovalStructure, _ as processChainApprovalCalls, y as resolveStepForCall };

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

@@ -1,77 +1,12 @@
-import { Combobox as e, DatePicker as t, SearchInput as n } from "../../../../packages/shared-ui-shadcn/dist/index.js";
-import { useMoniteContext as r } from "./index47.js";
-import { useRootElements as i } from "./index178.js";
-import "./index179.js";
-import { useDebounce as a, useDebounceCallback as o } from "./index185.js";
-import { FILTER_TYPE_CREATED_AT as s, FILTER_TYPE_CREATED_BY as c, FILTER_TYPE_SEARCH as l } from "./index263.js";
-import { useMemo as u, useState as d } from "react";
-import { X as f } from "lucide-react";
-import { jsx as p, jsxs as m } from "@emotion/react/jsx-runtime";
-import { useLingui as h } from "@lingui/react";
+import { createElement as e } from "react";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index324.js
-var g = 500, _ = (e) => {
-	let t = `${e.first_name ?? ""} ${e.last_name ?? ""}`.trim();
-	return t && e.email ? `${t} (${e.email})` : t || e.email || e.id;
-}, v = ({ onChange: t }) => {
-	let { i18n: n } = h(), { api: i } = r(), [o, s] = d(null), [c, l] = d(""), f = a(c, g), { data: m } = i.finops.getEntityUsers.useQuery({ query: { name__istartswith: f || void 0 } }), v = u(() => m?.data ?? [], [m]), y = u(() => v.map((e) => ({
-		value: e.id,
-		label: _(e)
-	})), [v]), b = u(() => !o || y.some((e) => e.value === o.value) ? y : [o, ...y], [y, o]);
-	return /* @__PURE__ */ p(e, {
-		items: b,
-		value: o?.value ?? "",
-		labels: {
-			placeholder: n._("Added by"),
-			emptyMessage: n._("No users found"),
-			clearAriaLabel: n._("Clear selection")
-		},
-		onQueryChange: l,
-		onValueChange: (e) => {
-			let n = Array.isArray(e) ? e[0] ?? "" : e ?? "";
-			s(b.find((e) => e.value === n) ?? null), t(n || void 0);
-		}
-	});
-}, y = ({ onChangeFilter: e }) => {
-	let { i18n: r } = h(), { root: a } = i(), [u, _] = d(void 0), y = o((t) => {
-		e(l, t.trim() ? t : null);
-	}, g);
-	return /* @__PURE__ */ m("div", {
-		className: "ttw:flex ttw:items-center ttw:gap-3 ttw:px-2 ttw:py-2",
-		children: [
-			/* @__PURE__ */ p("div", {
-				className: "ttw:flex-1",
-				children: /* @__PURE__ */ p(n, {
-					placeholder: r._("Search"),
-					className: "ttw:h-9 ttw:w-full",
-					onChange: (e) => y(e.target.value)
-				})
-			}),
-			/* @__PURE__ */ p("div", {
-				className: "ttw:w-48 ttw:shrink-0",
-				children: /* @__PURE__ */ p(v, { onChange: (t) => e(c, t ?? null) })
-			}),
-			/* @__PURE__ */ m("div", {
-				className: "ttw:relative ttw:w-44 ttw:shrink-0",
-				children: [/* @__PURE__ */ p(t, {
-					value: u,
-					placeholder: r._("Created at"),
-					className: `ttw:h-9 ttw:border-border${u ? " ttw:pr-8" : ""}`,
-					container: a,
-					onChange: (t) => {
-						_(t), e(s, t ?? null);
-					}
-				}), u ? /* @__PURE__ */ p("button", {
-					type: "button",
-					"aria-label": r._("Clear created at filter"),
-					className: "ttw:absolute ttw:right-2 ttw:top-1/2 ttw:inline-flex ttw:size-4 ttw:-translate-y-1/2 ttw:cursor-pointer ttw:items-center ttw:justify-center ttw:rounded-sm ttw:text-muted-foreground ttw:opacity-70 hover:ttw:opacity-100",
-					onClick: () => {
-						_(void 0), e(s, null);
-					},
-					children: /* @__PURE__ */ p(f, { className: "ttw:size-3.5" })
-				}) : null]
-			})
-		]
-	});
-};
+var t = ({ color: t = "currentColor", size: n, ...r }) => e("svg", {
+	xmlns: "http://www.w3.org/2000/svg",
+	width: n,
+	height: n,
+	viewBox: "0 0 24 24",
+	fill: t,
+	...r
+}, e("path", { d: "M14,8h1a1,1,0,0,0,0-2H14a1,1,0,0,0,0,2Zm0,4h1a1,1,0,0,0,0-2H14a1,1,0,0,0,0,2ZM9,8h1a1,1,0,0,0,0-2H9A1,1,0,0,0,9,8Zm0,4h1a1,1,0,0,0,0-2H9a1,1,0,0,0,0,2Zm12,8H20V3a1,1,0,0,0-1-1H5A1,1,0,0,0,4,3V20H3a1,1,0,0,0,0,2H21a1,1,0,0,0,0-2Zm-8,0H11V16h2Zm5,0H15V15a1,1,0,0,0-1-1H10a1,1,0,0,0-1,1v5H6V4H18Z" }));
 //#endregion
-export { y as Filters };
+export { t as UBuilding };

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

@@ -1 +1,12 @@
-import "./index324.js";
+import { createElement as e } from "react";
+//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index325.js
+var t = ({ color: t = "currentColor", size: n, ...r }) => e("svg", {
+	xmlns: "http://www.w3.org/2000/svg",
+	width: n,
+	height: n,
+	viewBox: "0 0 24 24",
+	fill: t,
+	...r
+}, e("path", { d: "M21.71,11.29l-5-5A1,1,0,0,0,16,6H5A3,3,0,0,0,2,9v6a3,3,0,0,0,3,3H16a1,1,0,0,0,.71-.29l5-5A1,1,0,0,0,21.71,11.29ZM15.59,16H5a1,1,0,0,1-1-1V9A1,1,0,0,1,5,8H15.59l4,4Z" }));
+//#endregion
+export { t as ULabel };

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

@@ -1,128 +1,12 @@
-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 { MoniteScopedProviders as n } from "./index209.js";
-import { useUserPermissions as r } from "./index112.js";
-import { GetNoRowsOverlay as i } from "./index237.js";
-import { AccessRestriction as a } from "./index238.js";
-import "./index240.js";
-import { DataTable as o } from "./index242.js";
-import { hasSelectedText as s } from "./index243.js";
-import { User as c } from "./index255.js";
-import "./index256.js";
-import { FILTER_TYPE_CREATED_AT as l, FILTER_TYPE_SEARCH as u } from "./index263.js";
-import { ApprovalPoliciesRules as d } from "./index316.js";
-import { ApprovalStatusChip as f } from "./index317.js";
-import "./index318.js";
-import { extractApprovalCallsForTable as p } from "./index319.js";
-import { ApprovalPoliciesTriggers as m } from "./index323.js";
-import { Filters as h } from "./index324.js";
-import "./index325.js";
-import { useMemo as g, useState as _ } from "react";
-import { addDays as v, formatISO as y } from "date-fns";
-import { jsx as b, jsxs as x } from "@emotion/react/jsx-runtime";
-import { useLingui as S } from "@lingui/react";
+import { createElement as e } from "react";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index326.js
-var C = (e) => /* @__PURE__ */ b(n, { children: /* @__PURE__ */ b(w, { ...e }) }), w = ({ onChangeFilter: n, onRowClick: C, onCreateClick: w }) => {
-	let { i18n: T } = S(), { api: E, locale: D, componentSettings: O } = t(), [k, A] = _(void 0), [j, M] = _(O.approvalPolicies.pageSizeOptions[0]), [N, P] = _({}), F = r().has(e.ApprovalPolicyReadOrg), { data: I, isLoading: L, isError: R, refetch: z } = E.finops.getApprovalPolicies.useQuery({ query: {
-		limit: j,
-		name__ncontains: N.search ?? void 0,
-		created_by: N.created_by ?? void 0,
-		pagination_token: k,
-		created_at__gte: N.created_at ? y(N[l]) : void 0,
-		created_at__lte: N.created_at ? y(v(N[l], 1)) : void 0,
-		object_type: "payable"
-	} }), B = (e, t) => {
-		A(void 0), P((n) => ({
-			...n,
-			[e]: t === "all" ? null : t
-		})), n?.({
-			field: e,
-			value: t
-		});
-	}, V = [], H = () => {}, U = g(() => [
-		{
-			accessorKey: "name",
-			header: T._("Policy name")
-		},
-		{
-			id: "triggers",
-			header: T._("Conditions"),
-			cell: ({ row: e }) => /* @__PURE__ */ b(m, { approvalPolicy: e.original })
-		},
-		{
-			id: "approvals",
-			header: T._("Approvals"),
-			cell: ({ row: e }) => {
-				let t = (e.original.script?.[0])?.if?.all;
-				if (!t) return /* @__PURE__ */ x("span", { children: [
-					T._("N/A"),
-					" ",
-					T._("approvals required")
-				] });
-				let n = p(t).reduce((e, t) => e + (t.params?.required_approval_count || 0), 0) || T._("N/A");
-				return /* @__PURE__ */ x("span", { children: [
-					n,
-					" ",
-					T._("approvals required")
-				] });
-			}
-		},
-		{
-			id: "rule",
-			header: T._("Flow"),
-			cell: ({ row: e }) => /* @__PURE__ */ b(d, { approvalPolicy: e.original })
-		},
-		{
-			id: "status",
-			header: T._("Status"),
-			cell: ({ row: e }) => /* @__PURE__ */ b(f, { status: e.original.status })
-		},
-		{
-			accessorKey: "created_at",
-			header: T._("Created at"),
-			cell: ({ row: e }) => /* @__PURE__ */ b("span", { children: T.date(e.original.created_at, D.dateFormat) })
-		},
-		{
-			accessorKey: "created_by",
-			header: T._("Created by"),
-			cell: ({ row: e }) => /* @__PURE__ */ b(c, { userId: e.original.created_by })
-		}
-	], [T, D.dateFormat]);
-	if (!F) return /* @__PURE__ */ b(a, {});
-	let W = Object.keys(N).some((e) => N[e] !== null && N[e] !== void 0), G = !!N[u];
-	return /* @__PURE__ */ b("div", {
-		className: "ttw:flex ttw:flex-col ttw:overflow-hidden ttw:min-h-125",
-		children: /* @__PURE__ */ b(o, {
-			columns: U,
-			data: I?.data ?? [],
-			sorting: V,
-			onSortingChange: H,
-			pageSize: j,
-			onPageSizeChange: M,
-			nextPaginationToken: I?.next_pagination_token ?? void 0,
-			prevPaginationToken: I?.prev_pagination_token ?? void 0,
-			onPaginationTokenChange: A,
-			onRowClick: (e) => {
-				s() || C?.(e.id);
-			},
-			filterComponent: /* @__PURE__ */ b(h, { onChangeFilter: B }),
-			children: /* @__PURE__ */ b(i, {
-				noDataTitle: T._("No Approval Policies"),
-				noDataDescription1: T._("You don't have any approval policies yet."),
-				filterTitle: T._("No Approval Policies Found"),
-				isLoading: L,
-				dataLength: I?.data.length || 0,
-				isFiltering: W,
-				isSearching: G,
-				isError: R,
-				onCreate: () => w?.(),
-				refetch: z,
-				entityName: T._("Approval Policies"),
-				actionButtonLabel: T._("Create")
-			})
-		})
-	});
-};
+var t = ({ color: t = "currentColor", size: n, ...r }) => e("svg", {
+	xmlns: "http://www.w3.org/2000/svg",
+	width: n,
+	height: n,
+	viewBox: "0 0 24 24",
+	fill: t,
+	...r
+}, e("path", { d: "M6,11a1,1,0,1,0,1,1A1,1,0,0,0,6,11Zm12,0a1,1,0,1,0,1,1A1,1,0,0,0,18,11Zm2-6H4A3,3,0,0,0,1,8v8a3,3,0,0,0,3,3H20a3,3,0,0,0,3-3V8A3,3,0,0,0,20,5Zm1,11a1,1,0,0,1-1,1H4a1,1,0,0,1-1-1V8A1,1,0,0,1,4,7H20a1,1,0,0,1,1,1ZM12,9a3,3,0,1,0,3,3A3,3,0,0,0,12,9Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,12,13Z" }));
 //#endregion
-export { C as ApprovalPoliciesTable };
+export { t as UMoneyBill };

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

@@ -1 +1,22 @@
-import "./index326.js";
+import { useApprovalPolicyTrigger as e } from "./index262.js";
+import { UUserCircle as t } from "./index317.js";
+import { ColumnList as n } from "./index319.js";
+import { UBuilding as r } from "./index324.js";
+import { ULabel as i } from "./index325.js";
+import { UMoneyBill as a } from "./index326.js";
+import { jsx as o, jsxs as s } from "@emotion/react/jsx-runtime";
+//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index327.js
+var c = ({ approvalPolicy: c }) => {
+	let { triggers: l, getTriggerName: u } = e({ approvalPolicy: c });
+	return c ? /* @__PURE__ */ o(n, { children: Object.keys(l).map((e) => {
+		switch (e) {
+			case "amount": return /* @__PURE__ */ s("li", { children: [/* @__PURE__ */ o(a, { width: 18 }), u(e)] }, e);
+			case "was_created_by_user_id": return /* @__PURE__ */ s("li", { children: [/* @__PURE__ */ o(t, { width: 18 }), u(e)] }, e);
+			case "counterpart_id": return /* @__PURE__ */ s("li", { children: [/* @__PURE__ */ o(r, { width: 18 }), u(e)] }, e);
+			case "tags": return /* @__PURE__ */ s("li", { children: [/* @__PURE__ */ o(i, { width: 18 }), u(e)] }, e);
+			default: return null;
+		}
+	}) }) : null;
+};
+//#endregion
+export { c as ApprovalPoliciesTriggers };

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

@@ -1,13 +1,77 @@
-import { Typography as e } from "./index62.js";
-import { jsx as t, jsxs as n } from "@emotion/react/jsx-runtime";
-import { twMerge as r } from "tailwind-merge";
+import { Combobox as e, DatePicker as t, SearchInput as n } from "../../../../packages/shared-ui-shadcn/dist/index.js";
+import { useMoniteContext as r } from "./index47.js";
+import { useRootElements as i } from "./index178.js";
+import "./index179.js";
+import { useDebounce as a, useDebounceCallback as o } from "./index185.js";
+import { FILTER_TYPE_CREATED_AT as s, FILTER_TYPE_CREATED_BY as c, FILTER_TYPE_SEARCH as l } from "./index267.js";
+import { useMemo as u, useState as d } from "react";
+import { X as f } from "lucide-react";
+import { jsx as p, jsxs as m } from "@emotion/react/jsx-runtime";
+import { useLingui as h } from "@lingui/react";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index328.js
-var i = ({ title: i, extra: a, className: o, titleVariant: s = "h2" }) => /* @__PURE__ */ n("div", {
-	className: r("ttw:flex ttw:justify-between ttw:items-center ttw:mb-6", o),
-	children: [/* @__PURE__ */ t(e, {
-		variant: s,
-		children: i
-	}), a ? /* @__PURE__ */ t("aside", { children: a }) : null]
-});
+var g = 500, _ = (e) => {
+	let t = `${e.first_name ?? ""} ${e.last_name ?? ""}`.trim();
+	return t && e.email ? `${t} (${e.email})` : t || e.email || e.id;
+}, v = ({ onChange: t }) => {
+	let { i18n: n } = h(), { api: i } = r(), [o, s] = d(null), [c, l] = d(""), f = a(c, g), { data: m } = i.finops.getEntityUsers.useQuery({ query: { name__istartswith: f || void 0 } }), v = u(() => m?.data ?? [], [m]), y = u(() => v.map((e) => ({
+		value: e.id,
+		label: _(e)
+	})), [v]), b = u(() => !o || y.some((e) => e.value === o.value) ? y : [o, ...y], [y, o]);
+	return /* @__PURE__ */ p(e, {
+		items: b,
+		value: o?.value ?? "",
+		labels: {
+			placeholder: n._("Added by"),
+			emptyMessage: n._("No users found"),
+			clearAriaLabel: n._("Clear selection")
+		},
+		onQueryChange: l,
+		onValueChange: (e) => {
+			let n = Array.isArray(e) ? e[0] ?? "" : e ?? "";
+			s(b.find((e) => e.value === n) ?? null), t(n || void 0);
+		}
+	});
+}, y = ({ onChangeFilter: e }) => {
+	let { i18n: r } = h(), { root: a } = i(), [u, _] = d(void 0), y = o((t) => {
+		e(l, t.trim() ? t : null);
+	}, g);
+	return /* @__PURE__ */ m("div", {
+		className: "ttw:flex ttw:items-center ttw:gap-3 ttw:px-2 ttw:py-2",
+		children: [
+			/* @__PURE__ */ p("div", {
+				className: "ttw:flex-1",
+				children: /* @__PURE__ */ p(n, {
+					placeholder: r._("Search"),
+					className: "ttw:h-9 ttw:w-full",
+					onChange: (e) => y(e.target.value)
+				})
+			}),
+			/* @__PURE__ */ p("div", {
+				className: "ttw:w-48 ttw:shrink-0",
+				children: /* @__PURE__ */ p(v, { onChange: (t) => e(c, t ?? null) })
+			}),
+			/* @__PURE__ */ m("div", {
+				className: "ttw:relative ttw:w-44 ttw:shrink-0",
+				children: [/* @__PURE__ */ p(t, {
+					value: u,
+					placeholder: r._("Created at"),
+					className: `ttw:h-9 ttw:border-border${u ? " ttw:pr-8" : ""}`,
+					container: a,
+					onChange: (t) => {
+						_(t), e(s, t ?? null);
+					}
+				}), u ? /* @__PURE__ */ p("button", {
+					type: "button",
+					"aria-label": r._("Clear created at filter"),
+					className: "ttw:absolute ttw:right-2 ttw:top-1/2 ttw:inline-flex ttw:size-4 ttw:-translate-y-1/2 ttw:cursor-pointer ttw:items-center ttw:justify-center ttw:rounded-sm ttw:text-muted-foreground ttw:opacity-70 hover:ttw:opacity-100",
+					onClick: () => {
+						_(void 0), e(s, null);
+					},
+					children: /* @__PURE__ */ p(f, { className: "ttw:size-3.5" })
+				}) : null]
+			})
+		]
+	});
+};
 //#endregion
-export { i as PageHeader };
+export { y as Filters };

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

@@ -1,56 +1 @@
-import { Button as e } from "../../../../packages/shared-ui-shadcn/dist/index.js";
-import { Scope as t } from "../../shared/data-access/dist/lib/scopes.js";
-import "../../shared/data-access/dist/index.js";
-import { Dialog as n } from "./index201.js";
-import "./index202.js";
-import { MoniteScopedProviders as r } from "./index209.js";
-import { useUserPermissions as i } from "./index112.js";
-import { AccessRestriction as a } from "./index238.js";
-import "./index240.js";
-import { ApprovalPolicyDetails as o } from "./index310.js";
-import { ApprovalPoliciesTable as s } from "./index326.js";
-import { PageHeader as c } from "./index328.js";
-import "./index311.js";
-import "./index327.js";
-import { useCallback as l, useState as u } from "react";
-import { Plus as d } from "lucide-react";
-import { Fragment as f, jsx as p, jsxs as m } from "@emotion/react/jsx-runtime";
-import { useLingui as h } from "@lingui/react";
-//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index329.js
-var g = () => /* @__PURE__ */ p(r, { children: /* @__PURE__ */ p(_, {}) }), _ = () => {
-	let { i18n: r } = h(), [g, _] = u(void 0), [v, y] = u(!1), b = l((e) => {
-		_(e), y(!0);
-	}, []), x = () => {
-		y(!0), _(void 0);
-	}, S = i(), C = S.has(t.ApprovalPolicyReadOrg), w = S.has(t.ApprovalPolicyWriteOrg);
-	return /* @__PURE__ */ m(f, { children: [
-		/* @__PURE__ */ p(c, {
-			className: "ttw:px-2",
-			titleVariant: "h3",
-			title: r._("Bill pay"),
-			extra: /* @__PURE__ */ m(e, {
-				id: "create",
-				size: "sm",
-				disabled: !w,
-				onClick: x,
-				children: [/* @__PURE__ */ p(d, { className: "ttw:size-4" }), r._("Create")]
-			})
-		}),
-		!C && /* @__PURE__ */ p(a, {}),
-		C && /* @__PURE__ */ p(s, {
-			onRowClick: b,
-			onCreateClick: x
-		}),
-		/* @__PURE__ */ p(n, {
-			open: v,
-			alignDialog: "right",
-			onClose: () => y(!1),
-			children: /* @__PURE__ */ p(o, {
-				id: g,
-				onCreated: (e) => _(e)
-			})
-		})
-	] });
-};
-//#endregion
-export { g as ApprovalPolicies };
+import "./index328.js";

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

@@ -1,5 +1,128 @@
-import "./index310.js";
-import "./index326.js";
-import "./index311.js";
-import "./index327.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 { MoniteScopedProviders as n } from "./index209.js";
+import { useUserPermissions as r } from "./index112.js";
+import { GetNoRowsOverlay as i } from "./index241.js";
+import { AccessRestriction as a } from "./index242.js";
+import "./index244.js";
+import { DataTable as o } from "./index246.js";
+import { hasSelectedText as s } from "./index247.js";
+import { User as c } from "./index259.js";
+import "./index260.js";
+import { FILTER_TYPE_CREATED_AT as l, FILTER_TYPE_SEARCH as u } from "./index267.js";
+import { ApprovalPoliciesRules as d } from "./index320.js";
+import { ApprovalStatusChip as f } from "./index321.js";
+import "./index322.js";
+import { extractApprovalCallsForTable as p } from "./index323.js";
+import { ApprovalPoliciesTriggers as m } from "./index327.js";
+import { Filters as h } from "./index328.js";
 import "./index329.js";
+import { useMemo as g, useState as _ } from "react";
+import { addDays as v, formatISO as y } from "date-fns";
+import { jsx as b, jsxs as x } from "@emotion/react/jsx-runtime";
+import { useLingui as S } from "@lingui/react";
+//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index330.js
+var C = (e) => /* @__PURE__ */ b(n, { children: /* @__PURE__ */ b(w, { ...e }) }), w = ({ onChangeFilter: n, onRowClick: C, onCreateClick: w }) => {
+	let { i18n: T } = S(), { api: E, locale: D, componentSettings: O } = t(), [k, A] = _(void 0), [j, M] = _(O.approvalPolicies.pageSizeOptions[0]), [N, P] = _({}), F = r().has(e.ApprovalPolicyReadOrg), { data: I, isLoading: L, isError: R, refetch: z } = E.finops.getApprovalPolicies.useQuery({ query: {
+		limit: j,
+		name__ncontains: N.search ?? void 0,
+		created_by: N.created_by ?? void 0,
+		pagination_token: k,
+		created_at__gte: N.created_at ? y(N[l]) : void 0,
+		created_at__lte: N.created_at ? y(v(N[l], 1)) : void 0,
+		object_type: "payable"
+	} }), B = (e, t) => {
+		A(void 0), P((n) => ({
+			...n,
+			[e]: t === "all" ? null : t
+		})), n?.({
+			field: e,
+			value: t
+		});
+	}, V = [], H = () => {}, U = g(() => [
+		{
+			accessorKey: "name",
+			header: T._("Policy name")
+		},
+		{
+			id: "triggers",
+			header: T._("Conditions"),
+			cell: ({ row: e }) => /* @__PURE__ */ b(m, { approvalPolicy: e.original })
+		},
+		{
+			id: "approvals",
+			header: T._("Approvals"),
+			cell: ({ row: e }) => {
+				let t = (e.original.script?.[0])?.if?.all;
+				if (!t) return /* @__PURE__ */ x("span", { children: [
+					T._("N/A"),
+					" ",
+					T._("approvals required")
+				] });
+				let n = p(t).reduce((e, t) => e + (t.params?.required_approval_count || 0), 0) || T._("N/A");
+				return /* @__PURE__ */ x("span", { children: [
+					n,
+					" ",
+					T._("approvals required")
+				] });
+			}
+		},
+		{
+			id: "rule",
+			header: T._("Flow"),
+			cell: ({ row: e }) => /* @__PURE__ */ b(d, { approvalPolicy: e.original })
+		},
+		{
+			id: "status",
+			header: T._("Status"),
+			cell: ({ row: e }) => /* @__PURE__ */ b(f, { status: e.original.status })
+		},
+		{
+			accessorKey: "created_at",
+			header: T._("Created at"),
+			cell: ({ row: e }) => /* @__PURE__ */ b("span", { children: T.date(e.original.created_at, D.dateFormat) })
+		},
+		{
+			accessorKey: "created_by",
+			header: T._("Created by"),
+			cell: ({ row: e }) => /* @__PURE__ */ b(c, { userId: e.original.created_by })
+		}
+	], [T, D.dateFormat]);
+	if (!F) return /* @__PURE__ */ b(a, {});
+	let W = Object.keys(N).some((e) => N[e] !== null && N[e] !== void 0), G = !!N[u];
+	return /* @__PURE__ */ b("div", {
+		className: "ttw:flex ttw:flex-col ttw:overflow-hidden ttw:min-h-125",
+		children: /* @__PURE__ */ b(o, {
+			columns: U,
+			data: I?.data ?? [],
+			sorting: V,
+			onSortingChange: H,
+			pageSize: j,
+			onPageSizeChange: M,
+			nextPaginationToken: I?.next_pagination_token ?? void 0,
+			prevPaginationToken: I?.prev_pagination_token ?? void 0,
+			onPaginationTokenChange: A,
+			onRowClick: (e) => {
+				s() || C?.(e.id);
+			},
+			filterComponent: /* @__PURE__ */ b(h, { onChangeFilter: B }),
+			children: /* @__PURE__ */ b(i, {
+				noDataTitle: T._("No Approval Policies"),
+				noDataDescription1: T._("You don't have any approval policies yet."),
+				filterTitle: T._("No Approval Policies Found"),
+				isLoading: L,
+				dataLength: I?.data.length || 0,
+				isFiltering: W,
+				isSearching: G,
+				isError: R,
+				onCreate: () => w?.(),
+				refetch: z,
+				entityName: T._("Approval Policies"),
+				actionButtonLabel: T._("Create")
+			})
+		})
+	});
+};
+//#endregion
+export { C as ApprovalPoliciesTable };

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

@@ -1 +1 @@
-import "./index234.js";
+import "./index330.js";