@tesouro/embedded-components-react 0.5.228 → 0.5.231

package/dist/libs/tesouro-embedded-components-react/expense-management-widget/feature/dist/index16.js

@@ -1,229 +1,13 @@
-import { DATE_PRESETS as e, resolveDatePreset as t } from "./index15.js";
-import { useCallback as n, useMemo as r, useState as i } from "react";
-import { formatISO as a } from "date-fns";
 //#region ../../libs/tesouro-embedded-components-react/expense-management-widget/feature/dist/index16.js
-var o = [
-	{
-		value: "capture",
-		label: "Capture"
-	},
-	{
-		value: "refund",
-		label: "Refund"
-	},
-	{
-		value: "cash_withdrawal",
-		label: "Cash withdrawal"
-	},
-	{
-		value: "fee",
-		label: "Fee"
-	}
-], s = [
-	{
-		value: "created",
-		label: "Created"
-	},
-	{
-		value: "processing",
-		label: "Processing"
-	},
-	{
-		value: "succeeded",
-		label: "Succeeded"
-	},
-	{
-		value: "declined",
-		label: "Declined"
-	},
-	{
-		value: "refunded",
-		label: "Refunded"
-	},
-	{
-		value: "failed",
-		label: "Failed"
-	}
-], c = [
-	{
-		value: "new",
-		label: "New"
-	},
-	{
-		value: "approve_in_progress",
-		label: "Approve in progress"
-	},
-	{
-		value: "approved",
-		label: "Approved"
-	},
-	{
-		value: "rejected",
-		label: "Rejected"
-	},
-	{
-		value: "canceled",
-		label: "Canceled"
-	}
-];
-function l() {
-	return {
-		datePreset: void 0,
-		dateFrom: void 0,
-		dateTo: void 0,
-		paymentStatus: [],
-		approvalStatus: [],
-		types: [],
-		teamMemberIds: [],
-		amountMode: "any",
-		amountMin: "",
-		amountMax: "",
-		amountFlowDirection: "any",
-		cardOnly: !1,
-		search: ""
-	};
-}
-function u() {
-	let [u, d] = i(l), f = r(() => {
-		let e = {};
-		if (u.dateFrom && (e.created_at__gt = a(u.dateFrom)), u.dateTo && (e.created_at__lt = a(u.dateTo)), u.paymentStatus.length && (e.payment_processing_status__in = u.paymentStatus), u.approvalStatus.length && (e.expense_status__in = u.approvalStatus), u.types.length && (e.type__in = u.types.flatMap((e) => e.split(","))), u.teamMemberIds.length && (e.entity_user_id__in = u.teamMemberIds), u.cardOnly && (e.payment_method__in = ["card"]), u.amountMode !== "any") {
-			let t = parseFloat(u.amountMin), n = parseFloat(u.amountMax);
-			if (u.amountMode === "exact") {
-				if (!Number.isNaN(t)) {
-					let n = Math.round(t * 100);
-					e.amount__gt = n - 1, e.amount__lt = n + 1;
-				}
-			} else Number.isNaN(t) || (e.amount__gt = Math.round(t * 100)), Number.isNaN(n) || (e.amount__lt = Math.round(n * 100));
-		}
-		return u.search && (e.merchant_name__icontains = u.search), e;
-	}, [u]), p = r(() => {
-		let e = 0;
-		return u.paymentStatus.length && e++, u.approvalStatus.length && e++, u.types.length && e++, u.teamMemberIds.length && e++, u.cardOnly && e++, u.amountMode !== "any" && e++, u.search && e++, e;
-	}, [u]), m = r(() => {
-		let t = [];
-		if (u.datePreset || u.dateFrom || u.dateTo) {
-			let n = u.datePreset ? e.find((e) => e.value === u.datePreset)?.label ?? "Custom range" : "Custom range";
-			t.push({
-				key: "date",
-				label: `Date: ${n}`
-			});
-		}
-		return u.paymentStatus.length && t.push({
-			key: "paymentStatus",
-			label: "Payment Status",
-			count: u.paymentStatus.length
-		}), u.approvalStatus.length && t.push({
-			key: "approvalStatus",
-			label: "Approval Status",
-			count: u.approvalStatus.length
-		}), u.types.length && t.push({
-			key: "type",
-			label: "Type",
-			count: u.types.length
-		}), u.teamMemberIds.length && t.push({
-			key: "teamMember",
-			label: "Team member",
-			count: u.teamMemberIds.length
-		}), u.cardOnly && t.push({
-			key: "card",
-			label: "Card only"
-		}), u.amountMode !== "any" && t.push({
-			key: "amount",
-			label: "Amount"
-		}), u.search && t.push({
-			key: "search",
-			label: `Search: ${u.search}`
-		}), t;
-	}, [u]), h = n((e) => {
-		let { from: n, to: r } = t(e);
-		d((t) => ({
-			...t,
-			datePreset: e,
-			dateFrom: n,
-			dateTo: r
-		}));
-	}, []), g = n((e, t) => {
-		d((n) => ({
-			...n,
-			datePreset: void 0,
-			dateFrom: e,
-			dateTo: t
-		}));
-	}, []), _ = n((e) => {
-		d((t) => ({
-			...t,
-			approvalStatus: e
-		}));
-	}, []), v = n((e) => {
-		switch (e) {
-			case "date":
-				d((e) => ({
-					...e,
-					datePreset: void 0,
-					dateFrom: void 0,
-					dateTo: void 0
-				}));
-				break;
-			case "paymentStatus":
-				d((e) => ({
-					...e,
-					paymentStatus: []
-				}));
-				break;
-			case "approvalStatus":
-				d((e) => ({
-					...e,
-					approvalStatus: []
-				}));
-				break;
-			case "type":
-				d((e) => ({
-					...e,
-					types: []
-				}));
-				break;
-			case "teamMember":
-				d((e) => ({
-					...e,
-					teamMemberIds: []
-				}));
-				break;
-			case "card":
-				d((e) => ({
-					...e,
-					cardOnly: !1
-				}));
-				break;
-			case "amount":
-				d((e) => ({
-					...e,
-					amountMode: "any",
-					amountMin: "",
-					amountMax: ""
-				}));
-				break;
-			case "search": d((e) => ({
-				...e,
-				search: ""
-			}));
-		}
-	}, []), y = n(() => d(l()), []);
-	return {
-		state: u,
-		setState: d,
-		queryParams: f,
-		activeFilterCount: p,
-		activeChips: m,
-		datePresets: e,
-		paymentStatusOptions: [...s],
-		approvalStatusOptions: [...c],
-		typeOptions: [...o],
-		setDatePreset: h,
-		setDateRange: g,
-		setApprovalStatus: _,
-		clearFilter: v,
-		clearAll: y
-	};
-}
+var e = {
+	newTransactionsMessage: (e) => `${e === 1 ? `${e} transaction` : `${e} transactions`} to be submitted for approval.`,
+	rejectedTransactionsMessage: (e) => `${e === 1 ? `${e} transaction has` : `${e} transactions have`} been rejected.`,
+	pendingApprovalMessage: (e) => `${e === 1 ? `${e} transaction` : `${e} transactions`} in need of approval.`,
+	unmatchedReceiptsMessage: (e) => `${e === 1 ? `${e} receipt needs` : `${e} receipts need`} to be matched.`,
+	newTransactionsReviewAriaLabel: "Review transactions to submit",
+	rejectedTransactionsReviewAriaLabel: "Review rejected transactions",
+	pendingApprovalReviewAriaLabel: "Review transactions pending approval",
+	unmatchedReceiptsReviewAriaLabel: "Review unmatched receipts"
+};
 //#endregion
-export { c as EM_APPROVAL_STATUS_OPTIONS, s as EM_PAYMENT_STATUS_OPTIONS, o as EM_TYPE_OPTIONS, u as useExpensesTransactionsFilter };
+export { e as DEFAULT_ACTION_ITEM_LABELS };

package/dist/libs/tesouro-embedded-components-react/expense-management-widget/feature/dist/index17.js

@@ -4,193 +4,88 @@
 "use client";
 import { useWidgetConfig as e, useWidgetLoading as t } from "../../../shared/feature/dist/lib/WidgetProvider/hooks.js";
 import "../../../shared/feature/dist/index.js";
-import { useGetTransactionsQuery as n } from "../../data-access/dist/index3.js";
-import { useOrganizationDepartmentsQuery as r } from "../../data-access/dist/index4.js";
-import { useEntityUsersByIdsQuery as ee } from "../../data-access/dist/index5.js";
+import { useExpenseTransactionsCountQuery as n } from "../../data-access/dist/lib/useExpenseTransactionsCountQuery.js";
+import { useExpenseTransactionIdsQuery as r } from "../../data-access/dist/lib/useExpenseTransactionIdsQuery.js";
+import { useExpenseReceiptsCountQuery as i } from "../../data-access/dist/lib/useExpenseReceiptsCountQuery.js";
 import "../../data-access/dist/index.js";
-import { entityUserLabel as te } from "./index4.js";
-import { mapTransactionRow as ne } from "./index14.js";
-import { useExpensesTransactionsFilter as i } from "./index16.js";
-import { useCallback as a, useMemo as o, useState as s } from "react";
+import { canWriteExpenses as a, hasApproverPermission as o } from "./index5.js";
+import { DEFAULT_ACTION_ITEM_LABELS as s } from "./index16.js";
+import { createElement as c } from "react";
+import { Ban as l, DollarSign as u, Receipt as d } from "lucide-react";
 //#region ../../libs/tesouro-embedded-components-react/expense-management-widget/feature/dist/index17.js
-var re = [
-	10,
-	25,
-	50,
-	100
-], ie = 10, c = {
-	startedAt: "started_at",
-	amount: "merchant_amount"
-}, ae = c.startedAt, l = [{
-	id: "startedAt",
-	desc: !0
-}], u = [
-	"capture",
-	"refund",
-	"cash_withdrawal",
-	"fee"
-];
-function d({ scope: d, cardholderByUserId: p }) {
-	let { initResponse: m } = e(), h = t(), g = m?.userId ?? void 0, [oe, _] = s(), [v, se] = s(ie), [y, ce] = s(l), { state: b, setState: x, queryParams: le, activeFilterCount: ue, activeChips: S, datePresets: C, paymentStatusOptions: w, approvalStatusOptions: T, typeOptions: E, setDatePreset: D, setDateRange: O, setApprovalStatus: k, clearFilter: A, clearAll: j } = i(), M = a(() => _(void 0), []), N = a((e) => (...t) => {
-		e(...t), M();
-	}, [M]), P = a((e) => {
-		ce(e), M();
-	}, [M]), F = a((e) => {
-		se(e), M();
-	}, [M]), I = a(N((e) => {
-		x((t) => ({
-			...t,
-			search: e
-		}));
-	}), [N, x]), L = a(N((e) => {
-		x((t) => ({
-			...t,
-			paymentStatus: e
-		}));
-	}), [N, x]), R = a(N((e) => {
-		x((t) => ({
-			...t,
-			approvalStatus: e
-		}));
-	}), [N, x]), z = a(N((e) => {
-		x((t) => ({
-			...t,
-			types: e
-		}));
-	}), [N, x]), B = a(N((e) => {
-		x((t) => ({
-			...t,
-			teamMemberIds: e
-		}));
-	}), [N, x]), V = a(N((e) => {
-		x((t) => ({
-			...t,
-			amountMode: e
-		}));
-	}), [N, x]), de = a(N((e) => {
-		x((t) => ({
-			...t,
-			amountMin: e
-		}));
-	}), [N, x]), H = a(N((e) => {
-		x((t) => ({
-			...t,
-			amountMax: e
-		}));
-	}), [N, x]), fe = a(N((e) => {
-		x((t) => ({
-			...t,
-			amountFlowDirection: e
-		}));
-	}), [N, x]), pe = a(N(() => {
-		x((e) => ({
-			...e,
-			cardOnly: !e.cardOnly
-		}));
-	}), [N, x]), me = a(N((e) => {
-		O(e.from, e.to);
-	}), [N, O]), he = a(N((e) => {
-		D(e);
-	}), [N, D]), ge = a(N((e) => {
-		A(e);
-	}), [N, A]), _e = a(N(() => {
-		j();
-	}), [N, j]), ve = a(N((e) => {
-		k([e]);
-	}), [N, k]), U = !h && (d === "team" || !!g), W = f(d, g, le), ye = W.type__in ?? [...u], G = y[0], K = G ? c[G.id] : void 0, be = (K ? !G.desc : !1) == (K === "merchant_amount") ? "desc" : "asc", { data: q, isLoading: xe, isFetching: J } = n({
-		enabled: U,
-		limit: v,
-		pagination_token: oe,
-		sort: K ?? ae,
-		order: be,
-		...W,
-		type__in: ye
-	}), Se = o(() => {
-		let e = [];
-		for (let t of q?.data ?? []) t.department_id && !e.includes(t.department_id) && e.push(t.department_id);
-		return e;
-	}, [q]), Y = r({ enabled: d === "team" && Se.length > 0 }), X = o(() => {
-		let e = /* @__PURE__ */ new Map();
-		for (let t of Y.data?.data ?? []) e.set(t.id, t.name);
-		return e;
-	}, [Y.data]), Z = o(() => {
-		let e = [];
-		for (let t of q?.data ?? []) t.entity_user_id && !e.includes(t.entity_user_id) && e.push(t.entity_user_id);
-		return e;
-	}, [q]), Q = ee({
-		ids: Z,
-		enabled: d === "team" && Z.length > 0
-	}), $ = o(() => {
-		let e = new Map(p);
-		for (let t of Q.data?.data ?? []) e.set(t.id, te(t));
-		return e;
-	}, [p, Q.data]);
-	return {
-		rows: o(() => (q?.data ?? []).map((e) => ne(e, {
-			cardholderLabel: e.entity_user_id ? $.get(e.entity_user_id) : void 0,
-			departmentLabel: e.department_id ? X.get(e.department_id) : void 0
-		})), [
-			q,
-			$,
-			X
-		]),
-		isLoading: U && (xe || J),
-		sorting: y,
-		onSortingChange: P,
-		pageSize: v,
-		onPageSizeChange: F,
-		pageSizeOptions: re,
-		hasNextPage: !!q?.next_pagination_token,
-		hasPrevPage: !!q?.prev_pagination_token,
-		onNextPage: () => _(q?.next_pagination_token ?? void 0),
-		onPrevPage: () => _(q?.prev_pagination_token ?? void 0),
-		searchValue: b.search,
-		onSearchChange: I,
-		activeFilterCount: ue,
-		activeChips: S,
-		onDismissChip: ge,
-		onClearAll: _e,
-		allPresets: C,
-		selectedDatePreset: b.datePreset,
-		dateFrom: b.dateFrom,
-		dateTo: b.dateTo,
-		onDateRangeChange: me,
-		onDatePresetChange: he,
-		paymentStatusOptions: w,
-		selectedPaymentStatus: b.paymentStatus,
-		onPaymentStatusChange: L,
-		approvalStatusOptions: T,
-		selectedApprovalStatus: b.approvalStatus,
-		onApprovalStatusChange: R,
-		typeOptions: E,
-		selectedTypes: b.types,
-		onTypeChange: z,
-		amountMode: b.amountMode,
-		onAmountModeChange: V,
-		amountMin: b.amountMin,
-		amountMax: b.amountMax,
-		onAmountMinChange: de,
-		onAmountMaxChange: H,
-		amountFlowDirection: b.amountFlowDirection,
-		onAmountFlowDirectionChange: fe,
-		selectedTeamMembers: b.teamMemberIds,
-		onTeamMembersChange: B,
-		cardOnly: b.cardOnly,
-		onCardToggle: pe,
-		setApprovalStatusFilter: ve,
-		showCardholderColumn: d === "team",
-		showDepartmentColumn: d === "team"
-	};
-}
-function f(e, t, n) {
-	if (e === "mine") {
-		let e = { ...n };
-		return delete e.entity_user_id__in, {
-			...e,
-			entity_user_id__in: t ? [t] : void 0
-		};
-	}
-	return n;
+var f = "ttw:size-4";
+function p({ scope: p, isTeamVisible: m = !0, onReviewNewTransactions: h, onReviewRejectedTransactions: g, onReviewPendingApproval: _, onReviewUnmatchedReceipts: v }) {
+	let { initResponse: y } = e(), b = t(), x = y?.userId ?? void 0, S = y?.scopes, C = a(S), w = o(S), T = p === "mine", E = p === "team" && m, D = !b && !!x, O = n({
+		enabled: D && C,
+		entity_user_id__in: x ? [x] : void 0,
+		expense_status__in: ["new"]
+	}), k = n({
+		enabled: D && T && C,
+		entity_user_id__in: x ? [x] : void 0,
+		expense_status__in: ["rejected"]
+	}), A = i({
+		enabled: D && C,
+		has_transaction: !1,
+		created_by_entity_user_id: x
+	}), j = n({
+		enabled: D && E && C,
+		expense_status__in: ["rejected"]
+	}), M = n({
+		enabled: D && E && w,
+		expense_status__in: ["approve_in_progress"],
+		has_validation_errors: !1
+	}), N = r({
+		enabled: D && C && !!O.count,
+		entity_user_id__in: x ? [x] : void 0,
+		expense_status__in: ["new"]
+	}), P = r({
+		enabled: D && T && C && !!k.count,
+		entity_user_id__in: x ? [x] : void 0,
+		expense_status__in: ["rejected"]
+	}), F = r({
+		enabled: D && E && C && !!j.count,
+		expense_status__in: ["rejected"]
+	}), I = r({
+		enabled: D && E && w && !!M.count,
+		expense_status__in: ["approve_in_progress"],
+		has_validation_errors: !1
+	}), L = [], R = (e) => e.isSuccess && e.transactionIds.length > 0;
+	return C && O.count && R(N) && L.push({
+		id: "new-transactions",
+		message: s.newTransactionsMessage(O.count),
+		icon: c(u, { className: f }),
+		tone: "success",
+		onReview: () => h(N.transactionIds),
+		reviewAriaLabel: s.newTransactionsReviewAriaLabel
+	}), T && C && k.count && R(P) && L.push({
+		id: "rejected-transactions-mine",
+		message: s.rejectedTransactionsMessage(k.count),
+		icon: c(l, { className: f }),
+		tone: "danger",
+		onReview: () => g(P.transactionIds),
+		reviewAriaLabel: s.rejectedTransactionsReviewAriaLabel
+	}), E && C && j.count && R(F) && L.push({
+		id: "rejected-transactions-team",
+		message: s.rejectedTransactionsMessage(j.count),
+		icon: c(l, { className: f }),
+		tone: "danger",
+		onReview: () => g(F.transactionIds),
+		reviewAriaLabel: s.rejectedTransactionsReviewAriaLabel
+	}), E && w && M.count && R(I) && L.push({
+		id: "pending-approval",
+		message: s.pendingApprovalMessage(M.count),
+		icon: c(u, { className: f }),
+		tone: "success",
+		onReview: () => _(I.transactionIds),
+		reviewAriaLabel: s.pendingApprovalReviewAriaLabel
+	}), C && A.count && L.push({
+		id: "unmatched-receipts",
+		message: s.unmatchedReceiptsMessage(A.count),
+		icon: c(d, { className: f }),
+		tone: "info",
+		onReview: v,
+		reviewAriaLabel: s.unmatchedReceiptsReviewAriaLabel
+	}), L;
 }
 //#endregion
-export { d as useExpensesTransactions };
+export { p as useExpenseActionItems };

package/dist/libs/tesouro-embedded-components-react/expense-management-widget/feature/dist/index18.js

@@ -1,13 +1,39 @@
+"use client";
+"use client";
+"use client";
+"use client";
+import { useWidgetConfig as e, useWidgetLoading as t } from "../../../shared/feature/dist/lib/WidgetProvider/hooks.js";
+import "../../../shared/feature/dist/index.js";
+import { useExpenseTransactionsCountQuery as n } from "../../data-access/dist/lib/useExpenseTransactionsCountQuery.js";
+import { useExpenseReceiptsCountQuery as r } from "../../data-access/dist/lib/useExpenseReceiptsCountQuery.js";
+import "../../data-access/dist/index.js";
+import { hasApproverPermission as i } from "./index5.js";
 //#region ../../libs/tesouro-embedded-components-react/expense-management-widget/feature/dist/index18.js
-var e = {
-	newTransactionsMessage: (e) => `${e === 1 ? `${e} transaction` : `${e} transactions`} to be submitted for approval.`,
-	rejectedTransactionsMessage: (e) => `${e === 1 ? `${e} transaction has` : `${e} transactions have`} been rejected.`,
-	pendingApprovalMessage: (e) => `${e === 1 ? `${e} transaction` : `${e} transactions`} in need of approval.`,
-	unmatchedReceiptsMessage: (e) => `${e === 1 ? `${e} receipt needs` : `${e} receipts need`} to be matched.`,
-	newTransactionsReviewAriaLabel: "Review transactions to submit",
-	rejectedTransactionsReviewAriaLabel: "Review rejected transactions",
-	pendingApprovalReviewAriaLabel: "Review transactions pending approval",
-	unmatchedReceiptsReviewAriaLabel: "Review unmatched receipts"
-};
+function a({ isTeamVisible: a = !0 } = {}) {
+	let { initResponse: o } = e(), s = t(), c = o?.userId ?? void 0, l = o?.scopes, u = i(l) && a, d = !s && !!c, f = n({
+		enabled: d,
+		entity_user_id__in: c ? [c] : void 0,
+		expense_status__in: ["new"]
+	}), p = n({
+		enabled: d,
+		entity_user_id__in: c ? [c] : void 0,
+		expense_status__in: ["rejected"]
+	}), m = r({
+		enabled: d,
+		has_transaction: !1,
+		created_by_entity_user_id: c
+	}), h = n({
+		enabled: d && u,
+		expense_status__in: ["rejected"]
+	}), g = n({
+		enabled: d && u,
+		expense_status__in: ["approve_in_progress"],
+		has_validation_errors: !1
+	}), _ = (f.count ?? 0) + (p.count ?? 0) + (m.count ?? 0), v = (f.count ?? 0) + (h.count ?? 0) + (g.count ?? 0) + (m.count ?? 0);
+	return {
+		myTransactionsCount: _ ? String(_) : void 0,
+		teamTransactionsCount: u && v ? String(v) : void 0
+	};
+}
 //#endregion
-export { e as DEFAULT_ACTION_ITEM_LABELS };
+export { a as useExpenseTabBadgeCounts };