@tesouro/embedded-components-react 0.2.176 → 0.2.178

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

@@ -1,170 +1,10 @@
-import { jsx as e, jsxs as s, Fragment as D } from "@emotion/react/jsx-runtime";
-import { Role as j } from "./index467.js";
-import { User as g } from "./index313.js";
-import { useApprovalPolicyScript as B } from "./index407.js";
-import { useApprovalPolicyTrigger as R } from "./index400.js";
-import { getCounterpartName as U } from "./index7.js";
-import { useMoniteContext as q } from "./index57.js";
-import { useDialog as H } from "./index50.js";
-import { DialogFooter as N } from "./index465.js";
-import { DialogHeader as Q } from "./index466.js";
-import { useLingui as $, Trans as E } from "@lingui/react";
-import { Stack as c, Chip as w, DialogContent as F, Typography as u, Paper as A, Table as x, TableHead as C, TableRow as m, TableCell as o, TableBody as I } from "@mui/material";
-import { toast as M } from "react-hot-toast";
-const le = ({
-  approvalPolicy: d,
-  setIsEdit: P
-}) => {
+import { useMoniteContext as s } from "./index57.js";
+const n = () => {
   const {
-    i18n: a
-  } = $(), T = H(), {
-    api: h,
-    queryClient: _
-  } = q(), {
-    triggers: i,
-    getTriggerLabel: k,
-    getAmountLabel: S
-  } = R({
-    approvalPolicy: d
-  }), {
-    rules: t,
-    getRuleLabel: b
-  } = B({
-    approvalPolicy: d
-  }), {
-    data: L
-  } = h.finops.getTags.useQuery({
-    query: {
-      id__in: Array.isArray(i?.tags) ? i.tags : []
-    }
-  }, {
-    enabled: !!i?.tags?.length
-  }), {
-    data: W
-  } = h.finops.getCounterparts.useQuery({
-    query: {
-      id__in: Array.isArray(i?.counterpart_id) ? i.counterpart_id : []
-    }
-  }, {
-    enabled: !!i?.counterpart_id?.length
-  }), y = h.finops.deleteApprovalPoliciesId.useMutation(void 0, {
-    onSuccess: async () => {
-      await Promise.all([h.finops.getApprovalPolicies.invalidateQueries(_), h.finops.getApprovalPoliciesId.invalidateQueries({
-        parameters: {
-          path: {
-            approval_policy_id: d.id
-          }
-        }
-      }, _)]), M.success(a._("Approval policy has been deleted"));
-    }
-  }), f = Object.keys(i).map((r) => {
-    const l = k(r);
-    let p;
-    switch (r) {
-      case "was_created_by_user_id":
-        Array.isArray(i[r]) && (p = /* @__PURE__ */ e(c, { direction: "row", gap: 1, sx: {
-          flexWrap: "wrap"
-        }, children: i[r].map((n) => /* @__PURE__ */ e(g, { userId: n }, n)) }));
-        break;
-      case "tags":
-        p = /* @__PURE__ */ e(c, { direction: "row", gap: 1, sx: {
-          flexWrap: "wrap"
-        }, children: L?.data.map((n) => /* @__PURE__ */ e(w, { label: n.name }, n.id)) });
-        break;
-      case "counterpart_id":
-        p = /* @__PURE__ */ e(c, { direction: "row", gap: 1, sx: {
-          flexWrap: "wrap"
-        }, children: W?.data.map((n) => /* @__PURE__ */ e(w, { label: U(n) }, n.id)) });
-        break;
-      case "amount":
-        p = /* @__PURE__ */ e("p", { children: S(i.amount?.value ?? [], i.amount?.currency ?? "EUR") });
-        break;
-      default:
-        p = r;
-        break;
-    }
-    return {
-      label: l,
-      value: p
-    };
-  }), v = t && Object.keys(t)?.map((r) => {
-    if (!t[r]) return null;
-    switch (r) {
-      case "single_user":
-        return {
-          label: b(r),
-          value: /* @__PURE__ */ e(g, { userId: t[r].userId })
-        };
-      case "users_from_list":
-        return {
-          label: b(r, t[r].count),
-          value: /* @__PURE__ */ e(c, { direction: "column", gap: 1, sx: {
-            flexWrap: "wrap"
-          }, children: t[r].userIds?.map((l) => /* @__PURE__ */ e(g, { userId: l }, l)) })
-        };
-      case "roles_from_list":
-        return {
-          label: b(r),
-          value: /* @__PURE__ */ e(c, { direction: "row", gap: 1, sx: {
-            flexWrap: "wrap"
-          }, children: t[r].roleIds?.map((l) => /* @__PURE__ */ e(j, { roleId: l, quoted: !0 }, l)) })
-        };
-      case "approval_chain":
-        return {
-          label: b(r),
-          value: /* @__PURE__ */ e(c, { direction: "column", spacing: 0.5, children: t[r].chainUserIds?.map((l) => l ? /* @__PURE__ */ e(g, { userId: l }, l) : null) })
-        };
-    }
-  });
-  return /* @__PURE__ */ s(D, { children: [
-    /* @__PURE__ */ e(Q, { title: d?.name, closeButtonTooltip: a._("Close approval policy details") }),
-    /* @__PURE__ */ s(F, { children: [
-      /* @__PURE__ */ e(u, { variant: "h5", mt: 2, mb: 1, children: a._("Description") }),
-      d?.description && /* @__PURE__ */ e(u, { variant: "body1", children: d.description }),
-      /* @__PURE__ */ e(u, { variant: "h5", mt: 4, mb: 1, children: a._("Conditions") }),
-      /* @__PURE__ */ e(u, { variant: "body1", mb: 1, children: /* @__PURE__ */ e(E, { id: "INKhSX", components: {
-        0: /* @__PURE__ */ e("strong", {})
-      } }) }),
-      /* @__PURE__ */ e(A, { variant: "outlined", children: /* @__PURE__ */ s(x, { children: [
-        /* @__PURE__ */ e(C, { children: /* @__PURE__ */ s(m, { children: [
-          /* @__PURE__ */ e(o, { children: a._("Condition") }),
-          /* @__PURE__ */ e(o, { children: a._("Criteria") })
-        ] }) }),
-        /* @__PURE__ */ e(I, { children: f.length > 0 ? f.map((r) => /* @__PURE__ */ s(m, { children: [
-          /* @__PURE__ */ e(o, { children: r.label }),
-          /* @__PURE__ */ e(o, { children: r.value })
-        ] }, r.label)) : /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(o, { colSpan: 2, children: a._("No conditions") }) }) })
-      ] }) }),
-      /* @__PURE__ */ e(u, { variant: "h5", mt: 4, mb: 1, children: a._("Approval flow") }),
-      /* @__PURE__ */ e(u, { variant: "body1", mb: 1, children: a._("Who needs to approve the document and how:") }),
-      /* @__PURE__ */ e(A, { variant: "outlined", children: /* @__PURE__ */ s(x, { children: [
-        /* @__PURE__ */ e(C, { children: /* @__PURE__ */ s(m, { children: [
-          /* @__PURE__ */ e(o, { children: a._("Approval type") }),
-          /* @__PURE__ */ e(o, { children: a._("Users or Roles") })
-        ] }) }),
-        /* @__PURE__ */ e(I, { children: v && v.length > 0 ? v.map((r) => /* @__PURE__ */ s(m, { children: [
-          /* @__PURE__ */ e(o, { children: r?.label }),
-          /* @__PURE__ */ e(o, { children: r?.value })
-        ] }, r?.label)) : /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(o, { colSpan: 2, children: a._("No rules") }) }) })
-      ] }) })
-    ] }),
-    /* @__PURE__ */ e(N, { primaryButton: {
-      label: a._("Edit"),
-      onClick: () => P(!0)
-    }, deleteButton: {
-      onClick: () => {
-        y.mutate({
-          path: {
-            approval_policy_id: d.id
-          }
-        }, {
-          onSuccess: () => T?.onClose?.()
-        });
-      },
-      isLoading: y.isPending
-    } })
-  ] });
+    api: e
+  } = s();
+  return e.finops.getMeasureUnits.useQuery();
 };
 export {
-  le as ApprovalPolicyView
+  n as useGetMeasureUnits
 };

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

@@ -1,44 +1,46 @@
-import { jsx as i, jsxs as e } from "@emotion/react/jsx-runtime";
-import { useApprovalPolicyScript as o } from "./index407.js";
-import { UListUiAlt as a } from "./index408.js";
-import { UUserCircle as c } from "./index405.js";
-import { UUsersAlt as m } from "./index409.js";
-import { UUserSquare as p } from "./index410.js";
-import { ColumnList as n } from "./index401.js";
-const v = ({
-  approvalPolicy: l
-}) => {
-  const {
-    rules: t,
-    getRuleName: s
-  } = o({
-    approvalPolicy: l
-  });
-  return l ? /* @__PURE__ */ i(n, { children: t && Object.keys(t).map((r) => {
-    switch (r) {
-      case "single_user":
-        return /* @__PURE__ */ e("li", { children: [
-          /* @__PURE__ */ i(c, { width: 18 }),
-          s(r)
-        ] }, r);
-      case "users_from_list":
-        return /* @__PURE__ */ e("li", { children: [
-          /* @__PURE__ */ i(m, { width: 18 }),
-          s(r)
-        ] }, r);
-      case "roles_from_list":
-        return /* @__PURE__ */ e("li", { children: [
-          /* @__PURE__ */ i(p, { width: 18 }),
-          s(r)
-        ] }, r);
-      case "approval_chain":
-        return /* @__PURE__ */ e("li", { children: [
-          /* @__PURE__ */ i(a, { width: 18 }),
-          s(r)
-        ] }, r);
-    }
-  }) }) : null;
-};
+import { jsx as e } from "@emotion/react/jsx-runtime";
+import { cn as l } from "./index100.js";
+function r({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e("div", { "data-slot": "table-container", className: "ttw:flex-1 ttw:relative ttw:w-0 ttw:min-w-full ttw:overflow-x-auto", children: /* @__PURE__ */ e("table", { "data-slot": "table", className: l("ttw:w-full ttw:caption-bottom ttw:text-sm", t), ...a }) });
+}
+function w({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e("thead", { "data-slot": "table-header", className: l("ttw:[&_tr]:border-b", t), ...a });
+}
+function c({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e("tbody", { "data-slot": "table-body", className: l("ttw:[&_tr:last-child]:border-0", t), ...a });
+}
+function n({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e("tr", { "data-slot": "table-row", className: l("ttw:border-b ttw:transition-colors ttw:hover:bg-muted/50 ttw:data-[state=selected]:bg-muted", t), ...a });
+}
+function d({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e("th", { "data-slot": "table-head", className: l("ttw:h-10 ttw:px-2 ttw:text-left ttw:align-middle ttw:font-medium ttw:whitespace-nowrap ttw:text-foreground ttw:[&:has([role=checkbox])]:pr-0 ttw:[&>[role=checkbox]]:translate-y-[2px]", t), ...a });
+}
+function b({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e("td", { "data-slot": "table-cell", className: l("ttw:p-2 ttw:align-middle ttw:whitespace-nowrap ttw:[&:has([role=checkbox])]:pr-0 ttw:[&>[role=checkbox]]:translate-y-[2px]", t), ...a });
+}
 export {
-  v as ApprovalPoliciesRules
+  r as Table,
+  c as TableBody,
+  b as TableCell,
+  d as TableHead,
+  w as TableHeader,
+  n as TableRow
 };

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

@@ -1,64 +1,4 @@
-import { jsx as s, jsxs as y } from "@emotion/react/jsx-runtime";
-import "./index57.js";
-import "@tanstack/react-query";
-import "date-fns";
-import { useEntityUserById as U } from "./index75.js";
-import "react";
-import "react-hot-toast";
-import "@lingui/react";
-import { Avatar as b, AvatarFallback as k } from "./index414.js";
-import { Badge as p } from "./index221.js";
-import { Skeleton as B } from "./index132.js";
-import { getVariantProps as d } from "./index468.js";
-const q = ({
-  userId: t,
-  user: e,
-  variant: m = "text",
-  showUsersAsEmail: i = !1,
-  showAvatar: f = !1,
-  className: o = ""
-}) => {
-  const {
-    data: u,
-    isLoading: r,
-    isError: N
-  } = U(e ? void 0 : t), a = e || u;
-  if (!a && !r && N && t) {
-    const {
-      useBadge: x,
-      badgeVariant: E,
-      className: c
-    } = d({
-      variant: m,
-      isError: !0,
-      componentType: "user",
-      className: o
-    });
-    return x ? /* @__PURE__ */ s(p, { variant: E, className: c, children: "N/A" }) : /* @__PURE__ */ s("span", { className: c, children: "N/A" });
-  }
-  if (!a && !r)
-    return null;
-  const h = a ? `${a.first_name ?? ""} ${a.last_name ?? ""}`.trim() : "", w = a ? `${a.first_name?.[0] ?? ""}${a.last_name?.[0] ?? ""}`.toUpperCase() : "", n = i && a?.email ? a.email : h || a?.email || "";
-  if (r)
-    return /* @__PURE__ */ s(B, { className: "ttw:h-4 ttw:w-20" });
-  const {
-    useBadge: v,
-    badgeVariant: A,
-    className: l,
-    showAvatar: g
-  } = d({
-    variant: m,
-    isError: !1,
-    componentType: "user",
-    showAvatar: f,
-    showUsersAsEmail: i,
-    className: o
-  });
-  return v ? /* @__PURE__ */ y(p, { variant: A, className: l, children: [
-    g && /* @__PURE__ */ s(b, { className: "ttw:w-4 ttw:h-4", children: /* @__PURE__ */ s(k, { className: "ttw:text-xs ttw:font-medium", children: w }) }),
-    n
-  ] }) : /* @__PURE__ */ s("span", { className: l, children: n });
-};
+const s = (o) => o.source_of_payable_data === "ocr" && o.ocr_status === "processing";
 export {
-  q as User
+  s as isPayableInOCRProcessing
 };

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

@@ -1,33 +1,98 @@
-import { jsx as t } from "@emotion/react/jsx-runtime";
-import { ROW_TO_STATUS_MUI_MAP as m, getRowToStatusTextMap as n, APPROVAL_STATUS_TO_MUI_ICON_MAP as u } from "./index316.js";
-import { useLingui as S } from "@lingui/react";
-import f from "@mui/icons-material/Circle";
-import { Chip as A } from "@mui/material";
-import { styled as _, useThemeProps as T } from "@mui/material/styles";
-const P = ({
-  ref: s,
-  ...a
+import { jsx as i } from "@emotion/react/jsx-runtime";
+import { useDragScroll as b } from "./index431.js";
+import { PayableStatusChip as C } from "./index150.js";
+import { useMoniteContext as M } from "./index57.js";
+import { useCurrencies as x } from "./index58.js";
+import { Skeleton as A } from "./index137.js";
+import { StatusCard as D } from "./index330.js";
+import { useLingui as j } from "@lingui/react";
+import { useRef as L, useEffect as P } from "react";
+import { getPayablesAnalyticsSnapshot as U } from "./index432.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 {
-    status: o,
-    icon: i,
-    size: p,
-    variant: e
-  } = T({
-    props: a,
-    name: "MoniteApprovalStatusChip"
-  }), {
     i18n: l
-  } = S(), r = u[o];
-  return /* @__PURE__ */ t(h, { className: "Monite-ApprovalStatusChip", ref: s, color: m[o], icon: i && r ? /* @__PURE__ */ t(r, { fontSize: "small" }) : /* @__PURE__ */ t(f, { sx: {
-    fontSize: "10px"
-  } }), label: n(l)[o], size: p, status: o, variant: e ?? "filled" });
-}, h = _(A, {
-  name: "MoniteApprovalStatusChip",
-  slot: "root",
-  shouldForwardProp: () => !0
-})({});
+  } = 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 {
-  P as ApprovalStatusChip,
-  h as StyledChip
+  O as SummaryCardsFilters
 };