@tesouro/embedded-components-react 0.5.228 → 0.5.231

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

@@ -1,42 +1,229 @@
-import { formatCalendarDate as e } from "../../../shared/util/dist/lib/formatCalendarDate.js";
-import { formatMoneyExact as t } from "../../../shared/util/dist/lib/formatMoneyExact.js";
+import { DATE_PRESETS as e, resolveDatePreset as t } from "./index13.js";
+import { useCallback as n, useMemo as r, useState as i } from "react";
+import { addDays as a, startOfDay as o, subMilliseconds as s } from "date-fns";
 //#region ../../libs/tesouro-embedded-components-react/expense-management-widget/feature/dist/index14.js
-var n = "—", r = "Physical";
-function i(e) {
-	return e === "deleted" ? "canceled" : e;
-}
-function a(e) {
-	return e.type === "refund" ? `Refund from ${e.merchant_name}` : e.type === "fee" ? `Fee from ${e.merchant_name}` : e.type === "cash_withdrawal" ? `Cash withdrawal from ${e.merchant_name}` : e.merchant_name;
-}
-function o(e) {
-	let n = t(Math.abs((e.merchant_amount ?? 0) / 100), {
-		currencyCode: e.merchant_currency,
-		includeSpaceAfterCurrencySymbol: !1
-	});
-	return e.type === "refund" ? `+ ${n}` : n;
-}
-function s(e) {
-	return e ? e.type === "card" ? {
-		cardLabel: `••••${e.details.last4 ?? "••••"}`,
-		cardFormatLabel: r
-	} : e.type === "bank_account" ? { cardLabel: `••••${e.details.account_number?.slice(-4) ?? "••••"}` } : { cardLabel: n } : { cardLabel: n };
+var c = [
+	{
+		value: "capture",
+		label: "Capture"
+	},
+	{
+		value: "refund",
+		label: "Refund"
+	},
+	{
+		value: "cash_withdrawal",
+		label: "Cash withdrawal"
+	},
+	{
+		value: "fee",
+		label: "Fee"
+	}
+], l = [
+	{
+		value: "created",
+		label: "Created"
+	},
+	{
+		value: "processing",
+		label: "Processing"
+	},
+	{
+		value: "succeeded",
+		label: "Succeeded"
+	},
+	{
+		value: "declined",
+		label: "Declined"
+	},
+	{
+		value: "refunded",
+		label: "Refunded"
+	},
+	{
+		value: "failed",
+		label: "Failed"
+	}
+], u = [
+	{
+		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 d() {
+	return {
+		datePreset: void 0,
+		dateFrom: void 0,
+		dateTo: void 0,
+		paymentStatus: [],
+		approvalStatus: [],
+		types: [],
+		teamMemberIds: [],
+		amountMode: "any",
+		amountMin: "",
+		amountMax: "",
+		amountFlowDirection: "any",
+		cardOnly: !1,
+		search: ""
+	};
 }
-function c(t, r = {}) {
-	let { cardLabel: c, cardFormatLabel: l } = s(t.payment_method), u = !!t.receipt_id, d = u && t.source_of_data?.receipt_id === "automatched";
+function f() {
+	let [f, p] = i(d), m = r(() => {
+		let e = {};
+		if (f.dateFrom && (e.started_at__gt = s(o(f.dateFrom), 1).toISOString()), f.dateTo && (e.started_at__lt = o(a(f.dateTo, 1)).toISOString()), f.paymentStatus.length && (e.payment_processing_status__in = f.paymentStatus), f.approvalStatus.length && (e.expense_status__in = f.approvalStatus), f.types.length && (e.type__in = f.types.flatMap((e) => e.split(","))), f.teamMemberIds.length && (e.entity_user_id__in = f.teamMemberIds), f.cardOnly && (e.payment_method__in = ["card"]), f.amountMode !== "any") {
+			let t = parseFloat(f.amountMin), n = parseFloat(f.amountMax);
+			if (f.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 f.search && (e.merchant_name__icontains = f.search), e;
+	}, [f]), h = r(() => {
+		let e = 0;
+		return f.paymentStatus.length && e++, f.approvalStatus.length && e++, f.types.length && e++, f.teamMemberIds.length && e++, f.cardOnly && e++, f.amountMode !== "any" && e++, f.search && e++, e;
+	}, [f]), g = r(() => {
+		let t = [];
+		if (f.datePreset || f.dateFrom || f.dateTo) {
+			let n = f.datePreset ? e.find((e) => e.value === f.datePreset)?.label ?? "Custom range" : "Custom range";
+			t.push({
+				key: "date",
+				label: `Date: ${n}`
+			});
+		}
+		return f.paymentStatus.length && t.push({
+			key: "paymentStatus",
+			label: "Payment Status",
+			count: f.paymentStatus.length
+		}), f.approvalStatus.length && t.push({
+			key: "approvalStatus",
+			label: "Approval Status",
+			count: f.approvalStatus.length
+		}), f.types.length && t.push({
+			key: "type",
+			label: "Type",
+			count: f.types.length
+		}), f.teamMemberIds.length && t.push({
+			key: "teamMember",
+			label: "Team member",
+			count: f.teamMemberIds.length
+		}), f.cardOnly && t.push({
+			key: "card",
+			label: "Card only"
+		}), f.amountMode !== "any" && t.push({
+			key: "amount",
+			label: "Amount"
+		}), f.search && t.push({
+			key: "search",
+			label: `Search: ${f.search}`
+		}), t;
+	}, [f]), _ = n((e) => {
+		let { from: n, to: r } = t(e);
+		p((t) => ({
+			...t,
+			datePreset: e,
+			dateFrom: n,
+			dateTo: r
+		}));
+	}, []), v = n((e, t) => {
+		p((n) => ({
+			...n,
+			datePreset: void 0,
+			dateFrom: e,
+			dateTo: t
+		}));
+	}, []), y = n((e) => {
+		p((t) => ({
+			...t,
+			approvalStatus: e
+		}));
+	}, []), b = n((e) => {
+		switch (e) {
+			case "date":
+				p((e) => ({
+					...e,
+					datePreset: void 0,
+					dateFrom: void 0,
+					dateTo: void 0
+				}));
+				break;
+			case "paymentStatus":
+				p((e) => ({
+					...e,
+					paymentStatus: []
+				}));
+				break;
+			case "approvalStatus":
+				p((e) => ({
+					...e,
+					approvalStatus: []
+				}));
+				break;
+			case "type":
+				p((e) => ({
+					...e,
+					types: []
+				}));
+				break;
+			case "teamMember":
+				p((e) => ({
+					...e,
+					teamMemberIds: []
+				}));
+				break;
+			case "card":
+				p((e) => ({
+					...e,
+					cardOnly: !1
+				}));
+				break;
+			case "amount":
+				p((e) => ({
+					...e,
+					amountMode: "any",
+					amountMin: "",
+					amountMax: ""
+				}));
+				break;
+			case "search": p((e) => ({
+				...e,
+				search: ""
+			}));
+		}
+	}, []), x = n(() => p(d()), []);
 	return {
-		id: t.id,
-		dateLabel: e(t.started_at?.slice(0, 10)),
-		status: i(t.expense_status),
-		hasValidationErrors: !!t.has_validation_errors,
-		merchantLabel: a(t),
-		cardholderLabel: r.cardholderLabel ?? n,
-		cardLabel: c,
-		cardFormatLabel: l,
-		departmentLabel: r.departmentLabel ?? n,
-		amountLabel: o(t),
-		hasReceipt: u,
-		isReceiptHighlighted: d
+		state: f,
+		setState: p,
+		queryParams: m,
+		activeFilterCount: h,
+		activeChips: g,
+		datePresets: e,
+		paymentStatusOptions: [...l],
+		approvalStatusOptions: [...u],
+		typeOptions: [...c],
+		setDatePreset: _,
+		setDateRange: v,
+		setApprovalStatus: y,
+		clearFilter: b,
+		clearAll: x
 	};
 }
 //#endregion
-export { c as mapTransactionRow };
+export { u as EM_APPROVAL_STATUS_OPTIONS, l as EM_PAYMENT_STATUS_OPTIONS, c as EM_TYPE_OPTIONS, f as useExpensesTransactionsFilter };

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

@@ -1,143 +1,198 @@
-import { endOfDay as e, endOfMonth as t, endOfQuarter as n, endOfWeek as r, endOfYear as i, startOfDay as a, startOfMonth as o, startOfQuarter as s, startOfWeek as c, startOfYear as l, subDays as u, subMonths as d, subQuarters as f, subWeeks as p, subYears as m } from "date-fns";
+"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 { useGetTransactionsQuery as n } from "../../data-access/dist/lib/useGetTransactionsQuery.js";
+import { useOrganizationDepartmentsQuery as ee } from "../../data-access/dist/lib/useOrganizationDepartmentsQuery.js";
+import { useEntityUsersByIdsQuery as te } from "../../data-access/dist/lib/useEntityUsersByIdsQuery.js";
+import "../../data-access/dist/index.js";
+import { entityUserLabel as r } from "./index4.js";
+import { mapTransactionRow as i } from "./index12.js";
+import { useExpensesTransactionsFilter as a } from "./index14.js";
+import { useCallback as o, useMemo as s, useState as c } from "react";
 //#region ../../libs/tesouro-embedded-components-react/expense-management-widget/feature/dist/index15.js
-var h = [
-	{
-		value: "today",
-		label: "Today",
-		group: "Current"
-	},
-	{
-		value: "this_week",
-		label: "This week",
-		group: "Current"
-	},
-	{
-		value: "this_month",
-		label: "This month",
-		group: "Current"
-	},
-	{
-		value: "this_quarter",
-		label: "This quarter",
-		group: "Current"
-	},
-	{
-		value: "this_year",
-		label: "This year",
-		group: "Current"
-	},
-	{
-		value: "this_statement_period",
-		label: "This statement period",
-		group: "Current"
-	},
-	{
-		value: "yesterday",
-		label: "Yesterday",
-		group: "Past"
-	},
-	{
-		value: "last_week",
-		label: "Last week",
-		group: "Past"
-	},
-	{
-		value: "last_month",
-		label: "Last month",
-		group: "Past"
-	},
-	{
-		value: "last_30_days",
-		label: "Last 30 days",
-		group: "Past"
-	},
-	{
-		value: "last_90_days",
-		label: "Last 90 days",
-		group: "Past"
-	},
-	{
-		value: "last_quarter",
-		label: "Last quarter",
-		group: "Past"
-	},
-	{
-		value: "last_year",
-		label: "Last year",
-		group: "Past"
-	}
+var l = [
+	10,
+	25,
+	50,
+	100
+], u = 10, d = {
+	startedAt: "started_at",
+	amount: "merchant_amount"
+}, ne = d.startedAt, re = [{
+	id: "startedAt",
+	desc: !0
+}], ie = [
+	"capture",
+	"refund",
+	"cash_withdrawal",
+	"fee"
 ];
-function g(h) {
-	let g = a(/* @__PURE__ */ new Date());
-	switch (h) {
-		case "today": return {
-			from: g,
-			to: e(g)
-		};
-		case "this_week": return {
-			from: c(g),
-			to: r(g)
-		};
-		case "this_month": return {
-			from: o(g),
-			to: t(g)
-		};
-		case "this_quarter": return {
-			from: s(g),
-			to: n(g)
-		};
-		case "this_year": return {
-			from: l(g),
-			to: i(g)
-		};
-		case "this_statement_period": return {
-			from: o(g),
-			to: t(g)
-		};
-		case "yesterday": {
-			let t = u(g, 1);
-			return {
-				from: t,
-				to: e(t)
-			};
-		}
-		case "last_week": {
-			let e = c(p(g, 1));
-			return {
-				from: e,
-				to: r(e)
-			};
-		}
-		case "last_month": {
-			let e = o(d(g, 1));
-			return {
-				from: e,
-				to: t(e)
-			};
-		}
-		case "last_30_days": return {
-			from: u(g, 30),
-			to: g
-		};
-		case "last_90_days": return {
-			from: u(g, 90),
-			to: g
+function f({ scope: f, cardholderByUserId: m, enabled: h = !0, statusBadgeLabels: g }) {
+	let { initResponse: _ } = e(), ae = t(), v = _?.userId ?? void 0, [y, b] = c(), [x, oe] = c(u), [S, se] = c(re), { state: C, setState: w, queryParams: ce, activeFilterCount: le, activeChips: T, datePresets: E, paymentStatusOptions: D, approvalStatusOptions: O, typeOptions: k, setDatePreset: A, setDateRange: j, setApprovalStatus: M, clearFilter: N, clearAll: P } = a(), F = o(() => b(void 0), []), I = o((e) => (...t) => {
+		e(...t), F();
+	}, [F]), L = o((e) => {
+		se(e), F();
+	}, [F]), R = o((e) => {
+		oe(e), F();
+	}, [F]), z = o(I((e) => {
+		w((t) => ({
+			...t,
+			search: e
+		}));
+	}), [I, w]), B = o(I((e) => {
+		w((t) => ({
+			...t,
+			paymentStatus: e
+		}));
+	}), [I, w]), V = o(I((e) => {
+		w((t) => ({
+			...t,
+			approvalStatus: e
+		}));
+	}), [I, w]), H = o(I((e) => {
+		w((t) => ({
+			...t,
+			types: e
+		}));
+	}), [I, w]), U = o(I((e) => {
+		w((t) => ({
+			...t,
+			teamMemberIds: e
+		}));
+	}), [I, w]), ue = o(I((e) => {
+		w((t) => ({
+			...t,
+			amountMode: e
+		}));
+	}), [I, w]), de = o(I((e) => {
+		w((t) => ({
+			...t,
+			amountMin: e
+		}));
+	}), [I, w]), fe = o(I((e) => {
+		w((t) => ({
+			...t,
+			amountMax: e
+		}));
+	}), [I, w]), pe = o(I((e) => {
+		w((t) => ({
+			...t,
+			amountFlowDirection: e
+		}));
+	}), [I, w]), me = o(I(() => {
+		w((e) => ({
+			...e,
+			cardOnly: !e.cardOnly
+		}));
+	}), [I, w]), he = o(I((e) => {
+		j(e.from, e.to);
+	}), [I, j]), ge = o(I((e) => {
+		A(e);
+	}), [I, A]), _e = o(I((e) => {
+		N(e);
+	}), [I, N]), ve = o(I(() => {
+		P();
+	}), [I, P]), ye = o(I((e) => {
+		M([e]);
+	}), [I, M]), W = h && !ae && (f === "team" || !!v), G = p(f, v, ce), be = G.type__in ?? [...ie], K = S[0], q = K ? d[K.id] : void 0, xe = (q ? !K.desc : !1) == (q === "merchant_amount") ? "desc" : "asc", { data: J, isLoading: Se, isFetching: Ce } = n({
+		enabled: W,
+		limit: x,
+		pagination_token: y,
+		sort: q ?? ne,
+		order: xe,
+		...G,
+		type__in: be
+	}), we = s(() => {
+		let e = [];
+		for (let t of J?.data ?? []) t.department_id && !e.includes(t.department_id) && e.push(t.department_id);
+		return e;
+	}, [J]), Y = ee({ enabled: W && f === "team" && we.length > 0 }), X = s(() => {
+		let e = /* @__PURE__ */ new Map();
+		for (let t of Y.data?.data ?? []) e.set(t.id, t.name);
+		return e;
+	}, [Y.data]), Z = s(() => {
+		let e = [];
+		for (let t of J?.data ?? []) t.entity_user_id && !e.includes(t.entity_user_id) && e.push(t.entity_user_id);
+		return e;
+	}, [J]), Q = te({
+		ids: Z,
+		enabled: W && f === "team" && Z.length > 0
+	}), $ = s(() => {
+		let e = new Map(m);
+		for (let t of Q.data?.data ?? []) e.set(t.id, r(t));
+		return e;
+	}, [m, Q.data]);
+	return {
+		rows: s(() => (J?.data ?? []).map((e) => i(e, {
+			cardholderLabel: e.entity_user_id ? $.get(e.entity_user_id) : void 0,
+			departmentLabel: e.department_id ? X.get(e.department_id) : void 0,
+			statusBadgeLabels: g
+		})), [
+			J,
+			$,
+			X,
+			g
+		]),
+		isLoading: W && (Se || Ce),
+		sorting: S,
+		onSortingChange: L,
+		pageSize: x,
+		onPageSizeChange: R,
+		pageSizeOptions: l,
+		hasNextPage: !!J?.next_pagination_token,
+		hasPrevPage: !!J?.prev_pagination_token,
+		onNextPage: () => b(J?.next_pagination_token ?? void 0),
+		onPrevPage: () => b(J?.prev_pagination_token ?? void 0),
+		searchValue: C.search,
+		onSearchChange: z,
+		activeFilterCount: le,
+		activeChips: T,
+		onDismissChip: _e,
+		onClearAll: ve,
+		allPresets: E,
+		selectedDatePreset: C.datePreset,
+		dateFrom: C.dateFrom,
+		dateTo: C.dateTo,
+		onDateRangeChange: he,
+		onDatePresetChange: ge,
+		paymentStatusOptions: D,
+		selectedPaymentStatus: C.paymentStatus,
+		onPaymentStatusChange: B,
+		approvalStatusOptions: O,
+		selectedApprovalStatus: C.approvalStatus,
+		onApprovalStatusChange: V,
+		typeOptions: k,
+		selectedTypes: C.types,
+		onTypeChange: H,
+		amountMode: C.amountMode,
+		onAmountModeChange: ue,
+		amountMin: C.amountMin,
+		amountMax: C.amountMax,
+		onAmountMinChange: de,
+		onAmountMaxChange: fe,
+		amountFlowDirection: C.amountFlowDirection,
+		onAmountFlowDirectionChange: pe,
+		selectedTeamMembers: C.teamMemberIds,
+		onTeamMembersChange: U,
+		cardOnly: C.cardOnly,
+		onCardToggle: me,
+		setApprovalStatusFilter: ye,
+		showCardholderColumn: f === "team",
+		showDepartmentColumn: f === "team"
+	};
+}
+function p(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
 		};
-		case "last_quarter": {
-			let e = s(f(g, 1));
-			return {
-				from: e,
-				to: n(e)
-			};
-		}
-		case "last_year": {
-			let e = l(m(g, 1));
-			return {
-				from: e,
-				to: i(e)
-			};
-		}
 	}
+	return n;
 }
 //#endregion
-export { h as DATE_PRESETS, g as resolveDatePreset };
+export { f as useExpensesTransactions };