@tesouro/embedded-components-react 0.2.123 → 0.2.125

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

@@ -1,98 +1,305 @@
-import { jsx as i } from "@emotion/react/jsx-runtime";
-import { useDragScroll as b } from "./index405.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 "./index288.js";
-import { useLingui as j } from "@lingui/react";
-import { useRef as L, useEffect as P } from "react";
-import { getPayablesAnalyticsSnapshot as U } from "./index406.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
-}) => {
+import { useGetPayableCounterpart as Ge } from "./index16.js";
+import { prepareLineItemSubmit as B } from "./index320.js";
+import { usePaymentHandler as Te } from "./index404.js";
+import { usePayButtonVisibility as Fe } from "./index19.js";
+import { useGetPayableById as ke } from "./index21.js";
+import { useGetPayableLineItems as xe } from "./index22.js";
+import { useGetPayableApprovalRequests as He } from "./index23.js";
+import { useCreatePayable as Je } from "./index24.js";
+import { useUpdatePayable as Ne } from "./index25.js";
+import { useCreatePayableLineItem as Ve } from "./index26.js";
+import { useUpdatePayableLineItem as ze } from "./index27.js";
+import { useDeletePayableLineItem as Ke } from "./index28.js";
+import { useCancelPayableById as Xe } from "./index29.js";
+import { useSubmitPayableForApproval as Ye } from "./index30.js";
+import { useForceRejectPayable as Ze } from "./index31.js";
+import { useForceApprovePayable as $e } from "./index32.js";
+import { useReopenPayable as ea } from "./index33.js";
+import { useDeletePayable as aa } from "./index34.js";
+import { useRejectApprovalRequest as ta } from "./index405.js";
+import { useApproveApprovalRequest as ia } from "./index406.js";
+import { isPayableInOCRProcessing as ra } from "./index304.js";
+import { useMoniteContext as sa } from "./index57.js";
+import { useCurrencies as oa } from "./index58.js";
+import { useState as na, useEffect as da, useCallback as X, useMemo as pa } from "react";
+import "./index92.js";
+import "@emotion/react/jsx-runtime";
+import { useLingui as ca } from "@lingui/react";
+import "react-dom";
+import "@mui/x-data-grid";
+import { useEntityUserByAuthToken as ma } from "./index75.js";
+import { usePayablePaymentIntentsAndRecords as ua } from "./index79.js";
+import { useUserPermissions as la } from "./index135.js";
+import "../../shared/data-access/dist/lib/rest/client/utils.gen.js";
+import "../../shared/data-access/dist/lib/EmbedApiContext.js";
+import "../../shared/data-access/dist/lib/rest/client.gen.js";
+import "@tanstack/react-query";
+import "../../shared/data-access/dist/lib/rest/zod.gen.js";
+import { Scope as u } from "../../shared/data-access/dist/lib/scopes.js";
+import { toast as w } from "react-hot-toast";
+function $a({
+  id: e,
+  enableGLCodes: Y,
+  shouldOpenInEditMode: Z,
+  onSaved: q,
+  onCanceled: $,
+  onSubmitted: ee,
+  onRejected: M,
+  onApproved: U,
+  onReopened: ae,
+  onDeleted: te,
+  onPay: f
+}) {
   const {
-    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)
+    api: n,
+    queryClient: d
+  } = sa(), p = la(), {
+    i18n: b
+  } = ca(), {
+    formatToMinorUnits: C
+  } = oa(), {
+    data: W
+  } = ma(), [l, R] = na(Z ?? !1), G = n.finops.getPayablesId.getQueryData({
+    path: {
+      payable_id: e ?? ""
+    }
+  }, d), E = G && ra(G), {
+    data: i,
+    error: ie,
+    isLoading: re,
+    refetch: _
+  } = ke(e ?? "", E, l), c = i?.status, {
+    payablesPaymentIntentsRecord: se,
+    refetch: v
+  } = ua(e ? [e] : []), {
+    showPayButton: oe,
+    intentsAnalysis: ne
+  } = Fe({
+    payable: i,
+    payableRecentPaymentRecordByIntent: se?.[e ?? ""] || []
+  }), {
+    handlePay: L,
+    modalComponent: de
+  } = Te(e, i?.counterpart_id, () => {
+    _(), v();
+  }, ne.idPaymentIntentInCreated), {
+    counterpart: pe,
+    isCounterpartAIMatched: ce,
+    AISuggestions: me
+  } = Ge({
+    payable: i
+  });
+  da(() => {
+    if (E) return () => {
+      n.finops.getPayables.invalidateQueries(d);
     };
-  }).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 = () => {
+  }, [n, E, d]);
   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;
-};
+    data: ue
+  } = xe(e ?? ""), O = ue?.data, {
+    data: h
+  } = He(e ?? "", c), P = h?.data?.find((a) => a.status === "waiting" && !a.approved_by?.includes(W?.id ?? "") && a.user_ids?.includes(W?.id ?? "")), j = p.has(u.PayableWriteOrg), g = p.has(u.PayableWriteOrg), T = p.has(u.PayableWriteOrg), F = p.has(u.PayableApproveOrg), k = p.has(u.PayablePayOrg), x = p.has(u.PayableWriteOrg), H = p.has(u.PayableWriteOrg), S = Je(), I = Ne(), J = Ve(e ?? ""), le = ze(e ?? ""), ye = Ke(e ?? ""), {
+    mutateAsync: fe,
+    isPending: be
+  } = Xe(e ?? "", $), {
+    submitForApproval: Pe,
+    isPending: N
+  } = Ye({
+    payableId: e ?? "",
+    AISuggestions: me?.suggested_counterpart,
+    isCounterpartAIMatched: ce,
+    counterpartId: pe?.id,
+    onSubmitted: ee
+  }), {
+    mutateAsync: ge,
+    isPending: _e
+  } = ta(P?.id ?? "", M, e, i?.document_id), {
+    mutateAsync: ve,
+    isPending: he
+  } = ia(P?.id ?? "", U, e, i?.document_id), {
+    mutateAsync: Ie,
+    isPending: Ae
+  } = Ze(e ?? "", M), {
+    mutateAsync: we,
+    isPending: Ce
+  } = $e(e ?? "", U), {
+    mutateAsync: Re,
+    isPending: Ee
+  } = ea(e ?? "", ae), {
+    mutateAsync: Le
+  } = aa(e ?? "", te), Oe = S.isPending || I.isPending || be || N || Ae || Ce || Ee || _e || he, je = S.isPending || I.isPending || N, V = X(() => p.has(u.PayableApproveOrg), [p]), Se = pa(() => {
+    if (!e) return ["cancelEdit", "save"];
+    if (c === "draft")
+      return l ? g ? ["cancelEdit", "save"] : [] : [...j ? ["cancel"] : [], ...g ? ["edit"] : []];
+    if (c === "new")
+      return l ? g ? ["cancelEdit", "save"] : [] : [...j ? ["cancel"] : [], ...g ? ["edit"] : [], ...T ? ["submit"] : []];
+    if (c === "approve_in_progress") {
+      const a = (h?.data?.length ?? 0) > 0 && h?.data?.[0]?.status === "waiting" && P !== void 0, o = V();
+      return [
+        // Show approve/reject buttons if user has pending approval request
+        ...a ? ["reject", "approve"] : [],
+        ...F && o ? ["forceReject", "forceApprove"] : []
+      ];
+    }
+    return (c === "waiting_to_be_paid" || c === "partially_paid") && k && Number(i?.amount_to_pay) > 0 ? ["pay"] : c === "rejected" && x ? ["reopen"] : c === "canceled" && H ? ["delete"] : [];
+  }, [e, c, l, g, j, T, F, x, H, k, h, P, i?.amount_to_pay, V]), De = async (a, o) => {
+    const t = await S.mutateAsync({
+      ...a
+    }, {
+      onSuccess: (r) => {
+        w.success(b._("Payable “{createdPayableDocument_id}” has been created", {
+          createdPayableDocument_id: r.document_id
+        })), n.finops.getCounterparts.invalidateQueries({
+          parameters: {
+            query: {
+              is_vendor: !0
+            }
+          }
+        }, d);
+      }
+    });
+    if (o) {
+      const r = [];
+      o?.forEach((s) => {
+        t.currency && !s.id && r.push(J.mutateAsync({
+          path: {
+            payable_id: t.id
+          },
+          body: B(t.currency, s, C, {
+            allowLedgerUpdate: !1
+          })
+        }));
+      }), await Promise.all(r);
+    }
+    await Promise.all([n.finops.getPayablesId.invalidateQueries({
+      parameters: {
+        path: {
+          payable_id: t.id
+        }
+      }
+    }, d), n.finops.getPayables.invalidateQueries(d), n.finops.getPayablesIdLineItems.invalidateQueries({
+      parameters: {
+        path: {
+          payable_id: t.id
+        }
+      }
+    }, d)]), l && R(!1), q?.(t.id);
+  }, Qe = async (a, o, t, r) => {
+    const s = await I.mutateAsync({
+      path: {
+        payable_id: a
+      },
+      body: o
+    }, {
+      onSuccess: (y) => {
+        w.success(b._("Payable “{updatedPayableDocument_id}” has been updated", {
+          updatedPayableDocument_id: y.document_id
+        }));
+      }
+    });
+    if (t && r) {
+      const y = [];
+      t?.forEach((m) => {
+        s.currency && !m.id && y.push(J.mutateAsync({
+          path: {
+            payable_id: s.id
+          },
+          body: B(s.currency, m, C)
+        }));
+      }), r?.lineItems?.forEach((m, A) => {
+        if (!m) return;
+        const {
+          id: Me,
+          ...z
+        } = m, Ue = Object.values(z).some((Q) => Q), D = t[A]?.id, K = t[A], We = !Me && !!Ue && !!D && !!K;
+        s.currency && We && y.push(le.mutateAsync({
+          path: {
+            payable_id: s.id,
+            line_item_id: D
+          },
+          body: B(s.currency, K, C, {
+            allowLedgerUpdate: Y && !!z.ledger_account_id,
+            previous: O?.find((Q) => Q.id === D)?.ledger_account_id
+          })
+        }));
+      }), O?.forEach((m) => {
+        t?.find((A) => A.id === m.id) || y.push(ye.mutateAsync({
+          path: {
+            payable_id: s.id,
+            line_item_id: m.id
+          }
+        }));
+      }), await Promise.all(y);
+    }
+    await n.finops.getPayablesId.invalidateQueries({
+      parameters: {
+        path: {
+          payable_id: s.id
+        }
+      }
+    }, d), l && R(!1), q?.(a);
+  }, Be = async (a, o) => {
+    const t = o.map((r) => r.id);
+    await I.mutateAsync({
+      path: {
+        payable_id: a
+      },
+      body: {
+        tag_ids: t
+      }
+    }, {
+      onSuccess: (r) => {
+        n.finops.getPayablesId.invalidateQueries({
+          parameters: {
+            path: {
+              payable_id: r.id
+            }
+          }
+        }, d);
+      }
+    });
+  }, qe = X(() => {
+    if (i) {
+      if (!f) return L();
+      if (f?.length < 2) return f(i.id);
+      f(i.id, void 0, {
+        resolve: (a) => {
+          a?.showToast && w.success(b._("Payment flow started")), _(), v();
+        },
+        reject: (a, o) => {
+          o?.showToast && w.error(b._("Payment failed or cancelled")), _(), v();
+        }
+      });
+    }
+  }, [b, i, L, f, _, v]);
+  return {
+    payable: i,
+    isLoading: re || Oe || je,
+    payableQueryError: ie,
+    isEdit: l,
+    permissions: Se,
+    lineItems: O,
+    showPayButton: oe,
+    currentUserApprovalRequest: P,
+    actions: {
+      setEdit: R,
+      createInvoice: De,
+      saveInvoice: Qe,
+      submitInvoice: Pe,
+      rejectInvoice: ge,
+      approveInvoice: ve,
+      forceRejectInvoice: Ie,
+      forceApproveInvoice: we,
+      reopenInvoice: Re,
+      cancelInvoice: fe,
+      deleteInvoice: Le,
+      payInvoice: qe,
+      handlePay: L,
+      updateTags: Be,
+      modalComponent: de
+    }
+  };
+}
 export {
-  O as SummaryCardsFilters
+  $a as usePayableDetails
 };

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

@@ -1,99 +1,105 @@
-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) {
+import { jsx as r, jsxs as f, Fragment as h } from "@emotion/react/jsx-runtime";
+import { useState as _, useMemo as A } from "react";
+import { toast as s } from "react-hot-toast";
+import { useMoniteContext as I } from "./index57.js";
+import { getAPIErrorMessage as B } from "./index121.js";
+import { useLingui as S } from "@lingui/react";
+import "./index92.js";
+import { useFileInput as E } from "./index61.js";
+import "react-dom";
+import "@mui/x-data-grid";
+import { CenteredContentBox as M } from "./index231.js";
+import T from "@mui/icons-material/AttachFile";
+import j from "@mui/icons-material/CloudUploadOutlined";
+import { useTheme as k, alpha as $, CircularProgress as z, Box as g, Typography as a, Button as L } from "@mui/material";
+const X = ({
+  payableId: i
+}) => {
   const {
-    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);
+    i18n: o
+  } = S(), {
+    api: n,
+    queryClient: m
+  } = I(), p = k(), {
+    FileInput: y,
+    openFileInput: b,
+    checkFileError: v
+  } = E(), [c, l] = _(!1), u = n.finops.postPayablesIdAttachFile.useMutation({
+    path: {
+      payable_id: i
+    }
+  }, {
+    onSuccess: () => Promise.all([n.finops.getPayables.invalidateQueries(m), n.finops.getPayablesId.invalidateQueries({
+      parameters: {
+        path: {
+          payable_id: i
+        }
+      }
+    }, m)]),
+    onError: () => {
+    }
+  }), x = A(() => ({
+    border: 2,
+    borderRadius: 2,
+    borderStyle: "dashed",
+    borderColor: "primary.main",
+    backgroundColor: $(p.palette.primary.main, 0.05)
+  }), [p.palette.primary.main]), D = (e) => {
+    e.preventDefault(), l(!0);
+  }, C = (e) => {
+    e.preventDefault(), l(!1);
+  }, F = (e) => {
+    e.preventDefault(), l(!1);
+    const t = Array.from(e.dataTransfer.files)[0];
+    t && d(t);
+  }, d = (e) => {
+    const t = v(e);
+    if (t) {
+      s.error(t);
+      return;
+    }
+    i && u.mutate({
+      file: e
+    }, {
+      onSuccess: () => {
+        s.success(o._("File successfully attached"));
+      },
+      onError: (P) => {
+        s.error(B(o, P));
+      }
+    });
   };
-  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" })
-  ] }) });
-}
+  return u.isPending ? /* @__PURE__ */ r(M, { children: /* @__PURE__ */ r(z, {}) }) : /* @__PURE__ */ r(g, { className: "Monite-PayableDetailsAttachFile", sx: {
+    width: "100%",
+    height: "100%",
+    display: "flex",
+    flexDirection: "column",
+    justifyContent: "center",
+    textAlign: "center",
+    ...c && x
+  }, onDragOver: D, onDragLeave: C, onDrop: F, children: /* @__PURE__ */ r(g, { sx: {
+    margin: "auto"
+  }, children: c ? /* @__PURE__ */ f(h, { children: [
+    /* @__PURE__ */ r(j, { color: "primary", fontSize: "large" }),
+    /* @__PURE__ */ r(a, { color: "primary", variant: "subtitle2", children: o._("Drop the file here to upload") })
+  ] }) : /* @__PURE__ */ f(h, { children: [
+    /* @__PURE__ */ r(T, { color: "primary", fontSize: "large", sx: {
+      marginBottom: 2
+    } }),
+    /* @__PURE__ */ r(a, { variant: "h3", sx: {
+      marginBottom: 1
+    }, children: o._("Attach a file") }),
+    /* @__PURE__ */ r(a, { children: o._("This invoice doesn't have a file attached.") }),
+    /* @__PURE__ */ r(a, { sx: {
+      marginBottom: 2
+    }, children: o._("Drag & Drop it here to save for administrative purposes.") }),
+    /* @__PURE__ */ r(L, { variant: "outlined", component: "label", onClick: b, children: o._("Choose from device") }),
+    /* @__PURE__ */ r(y, { onChange: (e) => {
+      const t = e.target.files ? e.target.files[0] : null;
+      t && d(t);
+    } })
+  ] }) }) });
+};
 export {
-  O as PayablesFilterBar
+  X as PayableDetailsAttachFile
 };

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

@@ -2,9 +2,9 @@ import { jsx as o, jsxs as I, Fragment as y } from "@emotion/react/jsx-runtime";
 import { CounterpartDetails as R } from "./index2.js";
 import { CustomersTable as T } from "./index6.js";
 import { VendorsTable as b } from "./index5.js";
-import { CreateCounterpartDialog as k } from "./index152.js";
+import { CreateCounterpartDialog as k } from "./index157.js";
 import { MoniteScopedProviders as M } from "./index83.js";
-import { useUserPermissions as P } from "./index130.js";
+import { useUserPermissions as P } from "./index135.js";
 import "../../shared/data-access/dist/lib/rest/client/utils.gen.js";
 import "../../shared/data-access/dist/lib/EmbedApiContext.js";
 import "../../shared/data-access/dist/lib/rest/client.gen.js";
@@ -12,7 +12,7 @@ import "@tanstack/react-query";
 import "../../shared/data-access/dist/lib/rest/zod.gen.js";
 import { Scope as l } from "../../shared/data-access/dist/lib/scopes.js";
 import { useState as u, useCallback as c } from "react";
-import { AccessRestriction as j } from "./index131.js";
+import { AccessRestriction as j } from "./index136.js";
 import { Button as x } from "./index84.js";
 import "clsx";
 import "tailwind-merge";