@tesouro/embedded-components-react 0.2.130 → 0.2.132

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

@@ -1,52 +1,98 @@
-import { useEffect as m, useMemo as f } from "react";
-import { useMoniteContext as k } from "./index57.js";
-const p = 100, h = (s, g = !0) => {
+import { jsx as i } from "@emotion/react/jsx-runtime";
+import { useDragScroll as b } from "./index439.js";
+import { PayableStatusChip as C } from "./index146.js";
+import { useMoniteContext as M } from "./index57.js";
+import { useCurrencies as x } from "./index58.js";
+import { Skeleton as A } from "./index134.js";
+import { StatusCard as D } from "./index313.js";
+import { useLingui as j } from "@lingui/react";
+import { useRef as L, useEffect as P } from "react";
+import { getPayablesAnalyticsSnapshot as U } from "./index440.js";
+const c = [{
+  groupStatus: "all",
+  apiStatuses: [],
+  representativeStatus: null
+}, {
+  groupStatus: "draft",
+  apiStatuses: ["draft", "new"],
+  representativeStatus: "draft"
+}, {
+  groupStatus: "pending_approval",
+  apiStatuses: ["approve_in_progress"],
+  representativeStatus: "approve_in_progress"
+}, {
+  groupStatus: "rejected",
+  apiStatuses: ["rejected"],
+  representativeStatus: "rejected"
+}, {
+  groupStatus: "ready_to_pay",
+  apiStatuses: ["waiting_to_be_paid", "partially_paid"],
+  representativeStatus: "waiting_to_be_paid"
+}, {
+  groupStatus: "paid",
+  apiStatuses: ["paid"],
+  representativeStatus: "paid"
+}, {
+  groupStatus: "cancelled",
+  apiStatuses: ["canceled"],
+  representativeStatus: "canceled"
+}], O = ({
+  onChangeFilter: o,
+  selectedStatus: s
+}) => {
   const {
-    api: u
-  } = k(), e = u.embeddedBanking.getBankAccounts.useInfiniteQuery({
-    query: {
-      ...s,
-      limit: p
-    }
-  }, {
-    initialPageParam: {
-      query: {
-        pagination_token: void 0
-      }
-    },
-    getNextPageParam: (a, P, x, d) => {
-      const t = a.nextPaginationToken ?? void 0;
-      if (!(!t || d.some((c) => c?.query?.pagination_token === t)))
-        return {
-          query: {
-            pagination_token: t
-          }
-        };
-    },
-    enabled: g
-  }), {
-    hasNextPage: n,
-    isFetchingNextPage: i,
-    isError: o,
-    fetchNextPage: r
-  } = e;
-  return m(() => {
-    n && !i && !o && r();
-  }, [n, i, o, r]), {
-    data: f(() => {
-      if (e.data)
-        return {
-          data: e.data.pages.flatMap((a) => a.data ?? []),
-          nextPaginationToken: null,
-          prevPaginationToken: null
-        };
-    }, [e.data]),
-    isLoading: e.isLoading,
-    isFetching: e.isFetching,
-    isError: e.isError,
-    error: e.error
-  };
+    i18n: l
+  } = j(), {
+    data: r,
+    isLoading: n
+  } = k(), {
+    formatCurrencyToDisplay: m
+  } = x(), {
+    containerRef: S,
+    handleMouseDown: f,
+    handleMouseLeave: v,
+    handleMouseUp: _,
+    handleMouseMove: g
+  } = b();
+  if (n)
+    return /* @__PURE__ */ i("div", { className: "ttw:flex ttw:gap-2", children: Array.from({
+      length: 6
+    }).map((t, u) => /* @__PURE__ */ i(A, { className: "ttw:h-16.5 ttw:w-42 ttw:rounded-xl ttw:animate-pulse" }, u)) });
+  const d = r?.data ?? [], w = c.map(({
+    groupStatus: t,
+    apiStatuses: u
+  }) => {
+    if (t === "all")
+      return {
+        status: "all",
+        count: d.reduce((e, a) => e + a.count, 0),
+        sum_total_amount: d.reduce((e, a) => e + (a.sum_total_amount ?? 0), 0)
+      };
+    const p = d.filter((e) => u.includes(e.status));
+    return {
+      status: t,
+      count: p.reduce((e, a) => e + a.count, 0),
+      sum_total_amount: p.reduce((e, a) => e + (a.sum_total_amount ?? 0), 0)
+    };
+  }).filter((t) => t.status === "all" || t.count > 0), h = (t) => {
+    o("status", t === "all" ? null : t);
+  }, y = (t) => m(t, "USD") ?? "—";
+  return /* @__PURE__ */ i("div", { ref: S, className: "ttw:flex ttw:gap-2 ttw:mb-6 ttw:overflow-x-auto ttw:[scrollbar-width:none] ttw:[&::-webkit-scrollbar]:hidden ttw:cursor-grab ttw:select-none", onMouseDown: f, onMouseLeave: v, onMouseUp: _, onMouseMove: g, children: w.map((t) => {
+    const u = c.find((p) => p.groupStatus === t.status);
+    return /* @__PURE__ */ i(D, { allItemsText: l._("All bills"), isAllStatus: t.status === "all", data: t.status === "all" ? t.count ?? 0 : t.sum_total_amount ?? 0, amountOfItems: t.status !== "all" ? t.count ?? 0 : void 0, selected: s === t.status, onClick: () => h(t.status), formatAmount: y, statusChip: u?.representativeStatus ? /* @__PURE__ */ i(C, { status: u.representativeStatus }) : void 0 }, t.status);
+  }) });
+}, k = () => {
+  const {
+    api: o,
+    queryClient: s
+  } = M(), l = o.finops.getPayablesAnalytics.useQuery({}, {
+    enabled: !!s,
+    refetchInterval: 3e3
+  }), r = U(l.data?.data), n = L(void 0);
+  return P(() => {
+    r !== void 0 && n.current !== void 0 && r !== n.current && s && o.finops.getPayables.invalidateQueries(s), n.current = r;
+  }, [r, o, s]), l;
 };
 export {
-  h as useGetEmbeddedBankAccounts
+  O as SummaryCardsFilters
 };

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

@@ -1,14 +1,99 @@
-import { useMoniteContext as s } from "./index57.js";
-const r = (e, t = !0) => {
+import { jsx as a, jsxs as o, Fragment as w } from "@emotion/react/jsx-runtime";
+import { useLingui as v } from "@lingui/react";
+import { ListFilter as p } from "lucide-react";
+import { useFilterPanel as g, FilterBar as C, FilterTag as x, Popover as b, PopoverTrigger as F, FilterMenuButton as f, PopoverContent as P, DateRangePicker as D, MultiSelectFilter as N, AmountFilter as M, Input as y, RadioGroup as I, RadioGroupItem as _, SearchInput as S } from "../../../../packages/shared-ui-shadcn/dist/index.js";
+const k = {
+  date: "ttw:w-auto",
+  status: "ttw:w-56",
+  amount: "ttw:w-64",
+  vendor: "ttw:w-64",
+  attachment: "ttw:w-56"
+}, A = {
+  due_date: "Due date",
+  created_at: "Created on",
+  issued_at: "Issue date"
+}, L = [{
+  id: "date",
+  label: "Due date",
+  activeDateField: "due_date"
+}, {
+  id: "date",
+  label: "Created on",
+  activeDateField: "created_at"
+}, {
+  id: "date",
+  label: "Issue date",
+  activeDateField: "issued_at"
+}, {
+  id: "status",
+  label: "Status",
+  activeDateField: void 0
+}, {
+  id: "amount",
+  label: "Amount",
+  activeDateField: void 0
+}, {
+  id: "vendor",
+  label: "Vendor",
+  activeDateField: void 0
+}, {
+  id: "attachment",
+  label: "Attachment",
+  activeDateField: void 0
+}];
+function O(e) {
   const {
-    api: n
-  } = s();
-  return n.finops.getBankDetails.useQuery({
-    query: e
-  }, {
-    enabled: t
-  });
-};
+    i18n: i
+  } = v(), n = g(), s = n.isMenuOpen || !!n.activePanelId, r = n.activePanelId && k[n.activePanelId] || "ttw:w-52", d = e.allPresets.map((t) => ({
+    value: t.value,
+    label: t.label,
+    group: t.group
+  })), c = (t) => {
+    t || (n.closeMenu(), n.closePanel());
+  }, u = (t, l) => {
+    l && e.onActiveDateFieldChange(l), n.openPanel(t);
+  }, m = e.hasFile === !0 ? "has" : e.hasFile === !1 ? "no" : "any", h = (t) => {
+    t === "any" ? e.onHasFileChange(void 0) : t === "has" ? e.onHasFileChange(!0) : e.onHasFileChange(!1);
+  };
+  return /* @__PURE__ */ a(C, { className: "ttw:pl-4", searchSlot: /* @__PURE__ */ a(S, { value: e.searchValue, onChange: (t) => e.onSearchChange(t.target.value), placeholder: "Search by number or vendor..." }), menuSlot: /* @__PURE__ */ o(b, { open: s, onOpenChange: c, children: [
+    /* @__PURE__ */ a(F, { asChild: !0, children: /* @__PURE__ */ a(f, { activeCount: e.activeFilterCount, onClick: n.toggleMenu }) }),
+    /* @__PURE__ */ o(P, { align: "start", className: `ttw:p-0 ${r}`, children: [
+      n.isMenuOpen && /* @__PURE__ */ a("div", { className: "ttw:p-1", children: L.map((t, l) => /* @__PURE__ */ o("button", { type: "button", className: "ttw:flex ttw:items-center ttw:gap-2 ttw:w-full ttw:px-2 ttw:py-1.5 ttw:rounded-md ttw:text-xs ttw:font-medium ttw:hover:bg-accent ttw:transition-colors ttw:cursor-pointer", onClick: () => u(t.id, t.activeDateField), children: [
+        /* @__PURE__ */ a(p, { className: "ttw:size-4 ttw:text-muted-foreground ttw:shrink-0" }),
+        t.label
+      ] }, `${t.id}-${l}`)) }),
+      n.activePanelId === "date" && /* @__PURE__ */ a(D, { from: e.dateFrom, to: e.dateTo, onRangeChange: e.onDateRangeChange, selectedPreset: e.selectedDatePreset, onPresetChange: e.onDatePresetChange, presets: d, fieldLabel: A[e.activeDateField] }),
+      n.activePanelId === "status" && /* @__PURE__ */ a(N, { options: e.statusOptions, selectedValues: e.selectedStatus, onSelectionChange: e.onStatusChange }),
+      n.activePanelId === "amount" && /* @__PURE__ */ a(M, { mode: e.amountMode, onModeChange: e.onAmountModeChange, min: e.amountMin, max: e.amountMax, onMinChange: e.onAmountMinChange, onMaxChange: e.onAmountMaxChange, showFlowDirection: !1, minLabel: "No less than", maxLabel: "No more than" }),
+      n.activePanelId === "vendor" && /* @__PURE__ */ o("div", { className: "ttw:p-3 ttw:flex ttw:flex-col ttw:gap-2", children: [
+        /* @__PURE__ */ a("p", { className: "ttw:text-xs ttw:font-medium ttw:text-muted-foreground", children: "Vendor name" }),
+        /* @__PURE__ */ a(y, { type: "text", value: e.vendorName, onChange: (t) => e.onVendorNameChange(t.target.value), placeholder: "Search vendors...", className: "ttw:h-8 ttw:text-xs" }),
+        /* @__PURE__ */ a("p", { className: "ttw:text-xs ttw:text-muted-foreground", children: i._("Matches names containing your search") })
+      ] }),
+      n.activePanelId === "attachment" && /* @__PURE__ */ a("div", { className: "ttw:p-3", children: /* @__PURE__ */ a(I, { value: m, onValueChange: h, className: "ttw:flex ttw:flex-col ttw:gap-1", children: [{
+        value: "any",
+        label: "Any"
+      }, {
+        value: "has",
+        label: "Has attachment"
+      }, {
+        value: "no",
+        label: "No attachment"
+      }].map(({
+        value: t,
+        label: l
+      }) => /* @__PURE__ */ o("label", { className: "ttw:flex ttw:items-center ttw:gap-2 ttw:cursor-pointer", children: [
+        /* @__PURE__ */ a(_, { value: t }),
+        /* @__PURE__ */ a("span", { className: "ttw:text-xs ttw:font-medium", children: l })
+      ] }, t)) }) })
+    ] })
+  ] }), activeChipsSlot: /* @__PURE__ */ o(w, { children: [
+    e.activeChips.map((t) => /* @__PURE__ */ a(x, { label: t.label, count: t.count, variant: "default", onLabelClick: t.key === "date" ? () => {
+      n.openPanel("date");
+    } : void 0, onDismiss: () => e.onDismissChip(t.key) }, t.key)),
+    e.activeFilterCount > 0 && /* @__PURE__ */ a("button", { type: "button", className: "ttw:text-xs ttw:text-muted-foreground ttw:hover:text-foreground ttw:transition-colors ttw:cursor-pointer ttw:whitespace-nowrap", onClick: e.onClearAll, children: "Clear all" })
+  ] }) });
+}
 export {
-  r as useGetEntityBankAccounts
+  O as PayablesFilterBar
 };

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

@@ -1,52 +1,215 @@
-import { useEffect as m, useMemo as p } from "react";
-import { useMoniteContext as k } from "./index57.js";
-const l = 100, h = (s, g = !0) => {
-  const {
-    api: u
-  } = k(), e = u.embeddedBanking.getExternalBankAccounts.useInfiniteQuery({
-    query: {
-      ...s,
-      limit: l
+import { formatDateRangeFilterChip as D, formatFilterChipMultiSelectValueSegment as C } from "./index97.js";
+import { getCounterpartName as I } from "./index7.js";
+import { useMoniteContext as $ } from "./index57.js";
+import { useCounterpartById as A } from "./index70.js";
+import "@tanstack/react-query";
+import { useState as w, useMemo as l, useCallback as d } from "react";
+import "react-hot-toast";
+import "@lingui/react";
+import { useCurrencies as x } from "./index58.js";
+import { toMinorUnits as E } from "./index120.js";
+import { formatISO as m } from "date-fns";
+import { DATE_PRESETS as _, resolveDatePreset as U } from "./index441.js";
+const v = [{
+  value: "draft",
+  label: "New"
+}, {
+  value: "pending_approval",
+  label: "Pending approval"
+}, {
+  value: "ready_to_pay",
+  label: "Ready to pay"
+}, {
+  value: "paid",
+  label: "Paid"
+}, {
+  value: "cancelled",
+  label: "Cancelled"
+}, {
+  value: "rejected",
+  label: "Rejected"
+}], j = {
+  draft: ["draft", "new"],
+  pending_approval: ["approve_in_progress"],
+  ready_to_pay: ["waiting_to_be_paid", "partially_paid"],
+  paid: ["paid"],
+  cancelled: ["canceled"],
+  rejected: ["rejected"]
+}, R = ["draft", "new", "approve_in_progress", "rejected", "waiting_to_be_paid", "partially_paid", "paid"];
+function h() {
+  return {
+    search: "",
+    activeDateField: "due_date",
+    datePreset: void 0,
+    dateFrom: void 0,
+    dateTo: void 0,
+    status: [],
+    amountMode: "any",
+    amountMin: "",
+    amountMax: "",
+    vendorName: "",
+    hasFile: void 0
+  };
+}
+function Q({
+  initialCounterpartId: f
+} = {}) {
+  const [e, o] = w(() => ({
+    ...h(),
+    counterpartId: f
+  })), {
+    formatToMinorUnits: u
+  } = x(), {
+    componentSettings: F
+  } = $(), {
+    data: b
+  } = A(e.counterpartId), c = I(b), p = F.onboarding.allowedCurrencies?.[0] ?? "USD", y = l(() => {
+    const a = {}, t = e.activeDateField;
+    if (e.dateFrom && (a[`${t}__gte`] = m(e.dateFrom, {
+      representation: "date"
+    })), e.dateTo && (a[`${t}__lte`] = m(e.dateTo, {
+      representation: "date"
+    })), e.status.length ? a.status__in = e.status.flatMap((r) => j[r] ?? [r]) : a.status__in = R, e.vendorName && (a.counterpart_name__icontains = e.vendorName), e.counterpartId && (a.counterpart_id = e.counterpartId), e.hasFile !== void 0 && (a.has_file = e.hasFile), e.search && (a.search_text = e.search), e.amountMode !== "any") {
+      const r = parseFloat(e.amountMin), s = parseFloat(e.amountMax), i = (n) => u(n, p) ?? E(n, 2);
+      if (e.amountMode === "exact") {
+        if (!isNaN(r)) {
+          const n = i(r);
+          a.total_amount__gte = n, a.total_amount__lte = n;
+        }
+      } else
+        isNaN(r) || (a.total_amount__gte = i(r)), isNaN(s) || (a.total_amount__lte = i(s));
+    }
+    return a;
+  }, [e, p, u]), g = l(() => {
+    let a = 0;
+    return e.status.length && a++, e.vendorName && a++, e.counterpartId && a++, e.hasFile !== void 0 && a++, e.amountMode !== "any" && a++, e.search && a++, a;
+  }, [e]), M = l(() => {
+    const a = [];
+    if (e.dateFrom || e.dateTo) {
+      const t = (e.datePreset ? _.find((s) => s.value === e.datePreset)?.label : void 0) ?? D(e.dateFrom, e.dateTo), r = e.activeDateField === "due_date" ? "Due date" : e.activeDateField === "created_at" ? "Created on" : "Issue date";
+      a.push({
+        key: "date",
+        label: `${r}: ${t}`
+      });
+    }
+    if (e.status.length) {
+      const t = e.status.map((r) => v.find((s) => s.value === r)?.label ?? r);
+      a.push({
+        key: "status",
+        label: `Status: ${C(t)}`
+      });
     }
-  }, {
-    initialPageParam: {
-      query: {
-        pagination_token: void 0
+    return e.vendorName && a.push({
+      key: "vendor",
+      label: `Vendor: ${e.vendorName}`
+    }), e.counterpartId && a.push({
+      key: "counterpart",
+      label: `Vendor: ${c || e.counterpartId}`
+    }), e.hasFile === !0 && a.push({
+      key: "attachment",
+      label: "Has attachment"
+    }), e.hasFile === !1 && a.push({
+      key: "attachment",
+      label: "No attachment"
+    }), e.amountMode !== "any" && a.push({
+      key: "amount",
+      label: "Amount"
+    }), e.search && a.push({
+      key: "search",
+      label: `Search: ${e.search}`
+    }), a;
+  }, [e, c]), N = d((a) => {
+    const {
+      from: t,
+      to: r
+    } = U(a);
+    o((s) => ({
+      ...s,
+      datePreset: a,
+      dateFrom: t,
+      dateTo: r
+    }));
+  }, []), P = d((a, t) => {
+    o((r) => ({
+      ...r,
+      datePreset: void 0,
+      dateFrom: a,
+      dateTo: t
+    }));
+  }, []), S = d((a) => {
+    o((t) => ({
+      ...t,
+      activeDateField: a
+    }));
+  }, []), T = d((a) => {
+    switch (a) {
+      case "date": {
+        o((t) => ({
+          ...t,
+          datePreset: void 0,
+          dateFrom: void 0,
+          dateTo: void 0,
+          activeDateField: "due_date"
+        }));
+        break;
       }
-    },
-    getNextPageParam: (a, x, P, d) => {
-      const t = a.nextPaginationToken ?? void 0;
-      if (!(!t || d.some((c) => c?.query?.pagination_token === t)))
-        return {
-          query: {
-            pagination_token: t
-          }
-        };
-    },
-    enabled: g
-  }), {
-    hasNextPage: n,
-    isFetchingNextPage: i,
-    isError: r,
-    fetchNextPage: o
-  } = e;
-  return m(() => {
-    n && !i && !r && o();
-  }, [n, i, r, o]), {
-    data: p(() => {
-      if (e.data)
-        return {
-          data: e.data.pages.flatMap((a) => a.data ?? []),
-          nextPaginationToken: null,
-          prevPaginationToken: null
-        };
-    }, [e.data]),
-    isLoading: e.isLoading,
-    isFetching: e.isFetching,
-    isError: e.isError,
-    error: e.error
+      case "status":
+        o((t) => ({
+          ...t,
+          status: []
+        }));
+        break;
+      case "vendor":
+        o((t) => ({
+          ...t,
+          vendorName: ""
+        }));
+        break;
+      case "counterpart":
+        o((t) => ({
+          ...t,
+          counterpartId: void 0
+        }));
+        break;
+      case "attachment":
+        o((t) => ({
+          ...t,
+          hasFile: void 0
+        }));
+        break;
+      case "amount":
+        o((t) => ({
+          ...t,
+          amountMode: "any",
+          amountMin: "",
+          amountMax: ""
+        }));
+        break;
+      case "search":
+        o((t) => ({
+          ...t,
+          search: ""
+        }));
+        break;
+    }
+  }, []), k = d(() => o(h()), []);
+  return {
+    state: e,
+    setState: o,
+    queryParams: y,
+    activeFilterCount: g,
+    activeChips: M,
+    datePresets: _,
+    statusOptions: v,
+    setDatePreset: N,
+    setDateRange: P,
+    setActiveDateField: S,
+    clearFilter: T,
+    clearAll: k
   };
-};
+}
 export {
-  h as useGetExternalBankAccounts
+  R as AP_DEFAULT_STATUSES,
+  v as AP_STATUS_OPTIONS,
+  Q as usePayablesFilter
 };