@tesouro/embedded-components-react 0.2.126 → 0.2.129

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

@@ -1,129 +1,215 @@
-import { startOfDay as c, startOfYear as r, subYears as m, endOfYear as s, startOfQuarter as o, subQuarters as b, endOfQuarter as u, subDays as a, startOfMonth as l, subMonths as d, endOfMonth as n, startOfWeek as _, subWeeks as i, endOfWeek as f, endOfDay as y } from "date-fns";
+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 "./index400.js";
 const v = [{
-  value: "today",
-  label: "Today",
-  group: "Current"
+  value: "draft",
+  label: "New"
 }, {
-  value: "this_week",
-  label: "This week",
-  group: "Current"
+  value: "pending_approval",
+  label: "Pending approval"
 }, {
-  value: "this_month",
-  label: "This month",
-  group: "Current"
+  value: "ready_to_pay",
+  label: "Ready to pay"
 }, {
-  value: "this_quarter",
-  label: "This quarter",
-  group: "Current"
+  value: "paid",
+  label: "Paid"
 }, {
-  value: "this_year",
-  label: "This year",
-  group: "Current"
+  value: "cancelled",
+  label: "Cancelled"
 }, {
-  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"
-}];
-function g(h) {
-  const e = c(/* @__PURE__ */ new Date());
-  switch (h) {
-    case "today":
-      return {
-        from: e,
-        to: y(e)
-      };
-    case "this_week":
-      return {
-        from: _(e),
-        to: f(e)
-      };
-    case "this_month":
-      return {
-        from: l(e),
-        to: n(e)
-      };
-    case "this_quarter":
-      return {
-        from: o(e),
-        to: u(e)
-      };
-    case "this_year":
-      return {
-        from: r(e),
-        to: s(e)
-      };
-    case "yesterday": {
-      const t = a(e, 1);
-      return {
-        from: t,
-        to: y(t)
-      };
-    }
-    case "last_week": {
-      const t = _(i(e, 1));
-      return {
-        from: t,
-        to: f(t)
-      };
+  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));
     }
-    case "last_month": {
-      const t = l(d(e, 1));
-      return {
-        from: t,
-        to: n(t)
-      };
+    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}`
+      });
     }
-    case "last_30_days":
-      return {
-        from: a(e, 30),
-        to: e
-      };
-    case "last_90_days":
-      return {
-        from: a(e, 90),
-        to: e
-      };
-    case "last_quarter": {
-      const t = o(b(e, 1));
-      return {
-        from: t,
-        to: u(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)}`
+      });
     }
-    case "last_year": {
-      const t = r(m(e, 1));
-      return {
-        from: t,
-        to: s(t)
-      };
+    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;
+      }
+      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 {
-  v as DATE_PRESETS,
-  g as resolveDatePreset
+  R as AP_DEFAULT_STATUSES,
+  v as AP_STATUS_OPTIONS,
+  Q as usePayablesFilter
 };

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

@@ -1,24 +1,69 @@
-import e from "@mui/icons-material/Cancel";
-import _ from "@mui/icons-material/DangerousOutlined";
-import r from "@mui/icons-material/HourglassEmpty";
-import a from "@mui/icons-material/PaidOutlined";
-const s = ["waiting", "approved", "rejected", "canceled"], o = {
-  approved: "success",
-  canceled: "secondary",
-  rejected: "error",
-  waiting: "warning"
-}, A = {
-  approved: a,
-  canceled: e,
-  rejected: _,
-  waiting: r
-}, R = "status", d = "created_at", i = "created_by", S = "current_user";
+import { jsxs as r, jsx as e, Fragment as T } from "@emotion/react/jsx-runtime";
+import { MeasureUnitsFormRow as f } from "./index387.js";
+import { ConfirmDeleteMeasureUnitDialog as j } from "./index388.js";
+import { TableActions as z } from "./index389.js";
+import { Table as A, TableHeader as E, TableRow as h, TableHead as l, TableBody as G, TableCell as d } from "./index322.js";
+import { useLingui as I } from "@lingui/react";
+import { Loader2 as b, Search as S } from "lucide-react";
+import { useState as m, useCallback as w } from "react";
+import "./index57.js";
+import "react-hot-toast";
+import { useGetMeasureUnits as _ } from "./index215.js";
+import { useDeleteMeasureUnit as y } from "./index390.js";
+import { InputGroup as F, InputGroupAddon as H, InputGroupInput as k } from "./index101.js";
+import { useDebounceCallback as R } from "./index65.js";
+const at = () => {
+  const {
+    i18n: i
+  } = I(), [g, s] = m(null), [a, c] = m(null), x = !!a, [u, N] = m(""), {
+    data: C,
+    isLoading: M
+  } = _(), n = y(a?.name), $ = R((t) => {
+    N(t);
+  }, 500), D = C?.data?.filter((t) => t.name.toLowerCase().includes(u.toLowerCase()) || t.description && t.description.toLowerCase().includes(u.toLowerCase())) || [], L = w((t) => {
+    c(t);
+  }, []), o = w(() => {
+    c(null);
+  }, []), U = w(() => {
+    a && n.mutate({
+      path: {
+        unit_id: a.id
+      }
+    }, {
+      onSuccess: () => o()
+    });
+  }, [n, a, o]), p = n.isPending, v = () => {
+    s(null);
+  };
+  return /* @__PURE__ */ r("div", { className: "ttw:flex ttw:flex-col ttw:gap-4 ttw:h-full ttw:relative", children: [
+    M ? /* @__PURE__ */ e("div", { className: "ttw:flex ttw:justify-center ttw:items-center ttw:h-full", children: /* @__PURE__ */ e(b, { className: "ttw:size-10 ttw:animate-spin ttw:text-muted-foreground" }) }) : /* @__PURE__ */ r(T, { children: [
+      p && /* @__PURE__ */ e("div", { className: "ttw:absolute ttw:inset-0 ttw:bg-white/70 ttw:flex ttw:justify-center ttw:items-center ttw:z-10", children: /* @__PURE__ */ e(b, { className: "ttw:size-10 ttw:animate-spin ttw:text-muted-foreground" }) }),
+      /* @__PURE__ */ r(F, { children: [
+        /* @__PURE__ */ e(H, { align: "inline-start", children: /* @__PURE__ */ e(S, {}) }),
+        /* @__PURE__ */ e(k, { placeholder: i._("Search"), onChange: (t) => $(t.target.value) })
+      ] }),
+      /* @__PURE__ */ r(A, { className: "ttw:table-fixed ttw:border ttw:border-border ttw:rounded-md", children: [
+        /* @__PURE__ */ e(E, { children: /* @__PURE__ */ r(h, { className: "ttw:hover:bg-transparent ttw:border-border", children: [
+          /* @__PURE__ */ e(l, { className: "ttw:w-[35%]", children: i._("Unit label") }),
+          /* @__PURE__ */ e(l, { className: "ttw:w-[55%]", children: i._("Description (optional)") }),
+          /* @__PURE__ */ e(l, { className: "ttw:w-[10%]" })
+        ] }) }),
+        /* @__PURE__ */ r(G, { children: [
+          /* @__PURE__ */ e(f, { isEditMode: !1 }),
+          D.map((t) => g?.id === t.id ? /* @__PURE__ */ e(f, { isEditMode: !0, initialValues: t, onCancel: v, onEdit: () => s(null), id: t.id }, t.id) : /* @__PURE__ */ r(h, { className: "ttw:border-border", children: [
+            /* @__PURE__ */ e(d, { className: "ttw:w-[35%] ttw:text-sm ttw:truncate", children: t.name }),
+            /* @__PURE__ */ e(d, { className: "ttw:w-[55%] ttw:text-sm ttw:text-muted-foreground ttw:truncate", children: t.description || "—" }),
+            /* @__PURE__ */ e(d, { className: "ttw:w-[10%]", children: /* @__PURE__ */ e(z, { permissions: {
+              isUpdateAllowed: !0,
+              isDeleteAllowed: !0
+            }, onEdit: () => s(t), onDelete: () => L(t) }) })
+          ] }, t.id))
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ e(j, { open: x, id: a?.id, name: a?.name || "", isLoading: p, onClose: o, onDelete: U })
+  ] });
+};
 export {
-  s as APPROVAL_REQUEST_STATUSES,
-  A as APPROVAL_REQUEST_STATUS_TO_MUI_ICON_MAP,
-  i as FILTER_TYPE_ADDED_BY,
-  d as FILTER_TYPE_CREATED_AT,
-  S as FILTER_TYPE_CURRENT_USER,
-  R as FILTER_TYPE_STATUS,
-  o as ROW_TO_STATUS_MUI_MAP
+  at as ManageMeasureUnitsForm
 };

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

@@ -1,59 +1,65 @@
-import { jsxs as n, jsx as t } from "@emotion/react/jsx-runtime";
-import { useRootElements as s } from "./index92.js";
-import { FilterContainer as p } from "./index310.js";
-import { useLingui as m } from "@lingui/react";
-import { FormControl as u, InputLabel as c, Select as d, MenuItem as E, FormControlLabel as F, Switch as T } from "@mui/material";
-import { DatePicker as _ } from "@mui/x-date-pickers";
-import { APPROVAL_REQUEST_STATUSES as v, FILTER_TYPE_STATUS as R, FILTER_TYPE_ADDED_BY as A, FILTER_TYPE_CREATED_AT as C, FILTER_TYPE_CURRENT_USER as h } from "./index315.js";
-import { getRowToStatusTextMap as S } from "./index422.js";
-import { AutocompleteCreatedBy as M } from "./index423.js";
-const O = ({
-  onChangeFilter: l,
-  sx: i
-}) => {
-  const {
-    i18n: a
-  } = m(), {
-    root: r
-  } = s();
-  return /* @__PURE__ */ n(p, { className: "Monite-ApprovalRequestsFilters", sx: i, children: [
-    /* @__PURE__ */ n(u, { variant: "standard", fullWidth: !0, className: "Monite-ApprovalStatusFilter Monite-FilterControl", children: [
-      /* @__PURE__ */ t(c, { id: "status", children: a._("Status") }),
-      /* @__PURE__ */ t(d, { labelId: "status", label: a._("Status"), defaultValue: "all", MenuProps: {
-        container: r
-      }, onChange: (e) => {
-        l(R, e && e.target.value);
-      }, children: [{
-        label: a._("All invoices"),
-        value: "all"
-      }, ...Object.values(v).map((e) => ({
-        label: S(a)[e],
-        value: e
-      }))].map(({
-        label: e,
-        value: o
-      }) => /* @__PURE__ */ t(E, { value: o, children: e }, o)) })
-    ] }),
-    /* @__PURE__ */ t(M, { onChange: (e) => l(A, e || null) }),
-    /* @__PURE__ */ t(_, { label: a._("Requested on"), className: "Monite-ApprovalRequestedOnFilter Monite-FilterControl Monite-DateFilterControl", onChange: (e, o) => {
-      o.validationError || l(C, e);
-    }, slotProps: {
-      textField: {
-        variant: "standard"
-      },
-      popper: {
-        container: r
-      },
-      dialog: {
-        container: r
-      },
-      actionBar: {
-        actions: ["clear", "today"]
-      }
-    }, views: ["year", "month", "day"] }),
-    /* @__PURE__ */ t(F, { control: /* @__PURE__ */ t(T, {}), className: "Monite-ApprovalOnlyMyFilter Monite-FilterControl", label: a._("Only my approvals"), onChange: (e, o) => l(h, o) })
-  ] });
+const t = (e, r) => {
+  switch (r) {
+    case "draft":
+      return e._("Draft");
+    case "issued":
+      return e._("Issued");
+    case "accepted":
+      return e._("Accepted");
+    case "expired":
+      return e._("Expired");
+    case "declined":
+      return e._("Declined");
+    case "recurring":
+      return e._("Recurring");
+    case "partially_paid":
+      return e._("Partially paid");
+    case "paid":
+      return e._("Paid");
+    case "overdue":
+      return e._("Overdue");
+    case "uncollectible":
+      return e._("Uncollectible");
+    case "canceled":
+      return e._("Canceled");
+    case "deleted":
+      return e._("Deleted");
+    default:
+      throw new Error(`Unknown status ${JSON.stringify(r)}`);
+  }
+}, a = (e, r) => {
+  switch (r) {
+    case "active":
+      return e._("Active");
+    case "paused":
+      return e._("Paused");
+    case "canceled":
+      return e._("Cancelled");
+    case "completed":
+      return e._("Complete");
+    default:
+      throw new Error(`Unknown status ${JSON.stringify(r)}`);
+  }
+}, n = (e, r) => {
+  switch (r) {
+    case "pending":
+      return e._("Scheduled");
+    case "skipped":
+      return e._("Skipped");
+    case "canceled":
+      return e._("Cancelled");
+    case "issue_failed":
+      return e._("Issue failed");
+    case "send_failed":
+      return e._("Send failed");
+    case "completed":
+      return e._("Complete");
+    default:
+      throw new Error(`Unknown status ${JSON.stringify(r)}`);
+  }
 };
 export {
-  O as ApprovalRequestsFilter
+  n as getCommonRecurrenceIterationStatusLabel,
+  a as getCommonRecurrenceStatusLabel,
+  t as getCommonStatusLabel
 };