@tesouro/embedded-components-react 0.2.111 → 0.2.113

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

@@ -1,213 +1,216 @@
-import { jsx as s, jsxs as n } from "@emotion/react/jsx-runtime";
-import { isPayableInOCRProcessing as S } from "./index286.js";
-import { SummaryCardsFilters as Y } from "./index287.js";
-import { PayablesFilterBar as J } from "./index288.js";
-import { usePayablesFilter as X } from "./index289.js";
-import { PayableStatusChip as Z } from "./index186.js";
-import { useMoniteContext as ee } from "./index57.js";
-import { MoniteScopedProviders as te } from "./index83.js";
-import { useCurrencies as ae } from "./index58.js";
-import { usePayablePaymentIntentsAndRecords as se } from "./index79.js";
-import { useUserPermissions as oe } from "./index130.js";
+import { jsx as o, jsxs as n } from "@emotion/react/jsx-runtime";
+import { isPayableInOCRProcessing as S } from "./index296.js";
+import { SummaryCardsFilters as J } from "./index297.js";
+import { PayablesFilterBar as X } from "./index298.js";
+import { usePayablesFilter as Z } from "./index299.js";
+import { PayableStatusChip as tt } from "./index144.js";
+import { useMoniteContext as et } from "./index57.js";
+import { MoniteScopedProviders as at } from "./index83.js";
+import { useCurrencies as ot } from "./index58.js";
+import { usePayablePaymentIntentsAndRecords as rt } from "./index79.js";
+import { useUserPermissions as st } from "./index141.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 re } from "../../shared/data-access/dist/lib/scopes.js";
+import { Scope as nt } from "../../shared/data-access/dist/lib/scopes.js";
 import { useState as c, useEffect as v, useMemo as P } from "react";
-import { dateStringToLocalDate as ne } from "./index96.js";
-import { CounterpartNameCellById as ie } from "./index145.js";
-import { GetNoRowsOverlay as le } from "./index139.js";
-import { DueDateCell as ce } from "./index140.js";
-import { AccessRestriction as de } from "./index131.js";
+import { dateStringToLocalDate as it } from "./index96.js";
+import { CounterpartNameCellById as lt } from "./index156.js";
+import { GetNoRowsOverlay as ct } from "./index157.js";
+import { DueDateCell as dt } from "./index168.js";
+import { AccessRestriction as mt } from "./index151.js";
 import { Button as D } from "./index84.js";
 import "clsx";
 import "tailwind-merge";
 import "@radix-ui/react-dialog";
-import { ArrowUp as b, ArrowDown as N, ArrowUpDown as F, Loader2 as me } from "lucide-react";
-import { useLingui as ue } from "@lingui/react";
-import { DataTable as pe } from "./index141.js";
-import { hasSelectedText as ge } from "./index148.js";
-const Ge = (d) => /* @__PURE__ */ s(te, { children: /* @__PURE__ */ s(he, { ...d }) }), he = ({
-  onRowClick: d,
-  onPay: x,
+import { ArrowUp as b, ArrowDown as N, ArrowUpDown as F, Loader2 as ut } from "lucide-react";
+import { useLingui as pt } from "@lingui/react";
+import { DataTable as gt } from "./index158.js";
+import { hasSelectedText as ht } from "./index159.js";
+const Gt = (d) => /* @__PURE__ */ o(at, { children: /* @__PURE__ */ o(ft, { ...d }) }), ft = ({
+  initialCounterpartId: d,
+  onRowClick: x,
+  onPay: I,
   openFileInput: M,
   setIsCreateInvoiceDialogOpen: T,
   openEditDialog: A,
-  onSubmitted: I,
-  onApproved: R,
-  onCanceled: k
+  onSubmitted: k,
+  onApproved: z,
+  onCanceled: R
 }) => {
   const {
-    i18n: o
-  } = ue(), {
+    i18n: r
+  } = pt(), {
     api: m,
     locale: u,
-    queryClient: z,
-    componentSettings: $
-  } = ee(), [K, i] = c(null), [p, O] = c($.payables.pageSizeOptions?.[0] ?? 10), [l, g] = c({
+    queryClient: $,
+    componentSettings: K
+  } = et(), [O, i] = c(null), [p, L] = c(K.payables.pageSizeOptions?.[0] ?? 10), [l, g] = c({
     field: "due_date",
     sort: "desc"
-  }), a = X(), [h, q] = c("");
+  }), a = Z({
+    initialCounterpartId: d
+  }), [h, q] = c("");
   v(() => {
-    const e = setTimeout(() => q(a.state.search), 300);
-    return () => clearTimeout(e);
+    const t = setTimeout(() => q(a.state.search), 300);
+    return () => clearTimeout(t);
   }, [a.state.search]);
   const {
     formatCurrencyToDisplay: f
-  } = ae(), y = oe().has(re.PayableReadOrg), w = m.finops.getPayables.getQueryKey({
+  } = ot(), y = st().has(nt.PayableReadOrg), w = m.finops.getPayables.getQueryKey({
     query: {
       sort: l?.field,
       order: l?.sort,
       limit: p,
-      pagination_token: K || void 0,
+      pagination_token: O || void 0,
       ...a.queryParams,
       search_text: h || a.queryParams.search_text || void 0
     }
   }), {
-    data: r,
-    isLoading: L,
-    isError: U,
-    refetch: _
+    data: s,
+    isLoading: U,
+    isError: B,
+    refetch: C
   } = m.finops.getPayables.useQuery(w, {
     enabled: !!y,
-    refetchInterval: m.finops.getPayables.getQueryData(w, z)?.data.filter(S).length ? 2e3 : 3e4
-  }), B = P(() => r?.data?.filter((e) => e.status === "waiting_to_be_paid" || e.status === "partially_paid").map((e) => e.id), [r?.data]), {
-    payablesPaymentIntentsRecord: E,
-    refetch: V
-  } = se(B || []), C = [{
+    refetchInterval: m.finops.getPayables.getQueryData(w, $)?.data.filter(S).length ? 2e3 : 3e4
+  }), E = P(() => s?.data?.filter((t) => t.status === "waiting_to_be_paid" || t.status === "partially_paid").map((t) => t.id), [s?.data]), {
+    payablesPaymentIntentsRecord: j,
+    refetch: Q
+  } = rt(E || []), _ = [{
     id: l.field,
     desc: l.sort === "desc"
-  }], Q = (e) => {
-    const t = typeof e == "function" ? e(C) : e;
-    t.length > 0 ? g({
-      field: t[0].id,
-      sort: t[0].desc ? "desc" : "asc"
+  }], V = (t) => {
+    const e = typeof t == "function" ? t(_) : t;
+    e.length > 0 ? g({
+      field: e[0].id,
+      sort: e[0].desc ? "desc" : "asc"
     }) : g({
       field: "due_date",
       sort: "desc"
     }), i(null);
-  }, j = P(() => [{
+  }, Y = P(() => [{
     accessorKey: "due_date",
     header: ({
-      column: e
+      column: t
     }) => {
-      const t = e.getIsSorted();
+      const e = t.getIsSorted();
       return /* @__PURE__ */ n("div", { className: "ttw:flex ttw:items-center ttw:gap-2 ttw:text-inherit", children: [
-        o._("Due date"),
-        /* @__PURE__ */ s(D, { variant: "ghost", onClick: () => e.toggleSorting(t === "asc"), children: t === "asc" ? /* @__PURE__ */ s(b, { className: "ttw:size-4" }) : t === "desc" ? /* @__PURE__ */ s(N, { className: "ttw:size-4" }) : /* @__PURE__ */ s(F, { className: "ttw:size-4" }) })
+        r._("Due date"),
+        /* @__PURE__ */ o(D, { variant: "ghost", onClick: () => t.toggleSorting(e === "asc"), children: e === "asc" ? /* @__PURE__ */ o(b, { className: "ttw:size-4" }) : e === "desc" ? /* @__PURE__ */ o(N, { className: "ttw:size-4" }) : /* @__PURE__ */ o(F, { className: "ttw:size-4" }) })
       ] });
     },
     cell: ({
-      row: e
-    }) => /* @__PURE__ */ s(ce, { data: e.original }),
+      row: t
+    }) => /* @__PURE__ */ o(dt, { data: t.original }),
     enableSorting: !0
   }, {
     accessorKey: "status",
-    header: o._("Status"),
+    header: r._("Status"),
     cell: ({
-      row: e
-    }) => /* @__PURE__ */ s(Z, { status: e.original.status, dueDate: e.original.due_date })
+      row: t
+    }) => /* @__PURE__ */ o(tt, { status: t.original.status, dueDate: t.original.due_date })
   }, {
     accessorKey: "document_id",
-    header: o._("Number"),
+    header: r._("Number"),
     cell: ({
-      row: e
+      row: t
     }) => {
-      const t = e.original;
-      return S(t) ? /* @__PURE__ */ n("div", { className: "ttw:flex ttw:items-center ttw:gap-2", children: [
-        /* @__PURE__ */ s(me, { className: "ttw:animate-spin ttw:size-5 ttw:shrink-0" }),
+      const e = t.original;
+      return S(e) ? /* @__PURE__ */ n("div", { className: "ttw:flex ttw:items-center ttw:gap-2", children: [
+        /* @__PURE__ */ o(ut, { className: "ttw:animate-spin ttw:size-5 ttw:shrink-0" }),
         /* @__PURE__ */ n("span", { children: [
-          o._("Processing file"),
+          r._("Processing file"),
           " '",
-          t.file?.name,
+          e.file?.name,
           "'"
         ] })
-      ] }) : /* @__PURE__ */ s("span", { children: t.document_id });
+      ] }) : /* @__PURE__ */ o("span", { children: e.document_id });
     }
   }, {
     accessorKey: "counterpart_id",
-    header: o._("Vendor"),
+    header: r._("Vendor"),
     cell: ({
-      row: e
+      row: t
     }) => {
-      const t = e.original;
-      return t.counterpart?.name ? /* @__PURE__ */ s("span", { children: t.counterpart.name }) : t.counterpart_id ? /* @__PURE__ */ s(ie, { counterpartId: t.counterpart_id }) : t.counterpart_raw_data?.name ? /* @__PURE__ */ s("span", { children: t.counterpart_raw_data.name }) : /* @__PURE__ */ s("span", { style: {
+      const e = t.original;
+      return e.counterpart?.name ? /* @__PURE__ */ o("span", { children: e.counterpart.name }) : e.counterpart_id ? /* @__PURE__ */ o(lt, { counterpartId: e.counterpart_id }) : e.counterpart_raw_data?.name ? /* @__PURE__ */ o("span", { children: e.counterpart_raw_data.name }) : /* @__PURE__ */ o("span", { style: {
         opacity: 0.4
       }, children: "-" });
     }
   }, {
     accessorKey: "issued_at",
     header: ({
-      column: e
+      column: t
     }) => {
-      const t = e.getIsSorted();
+      const e = t.getIsSorted();
       return /* @__PURE__ */ n("div", { className: "ttw:flex ttw:items-center ttw:gap-2 ttw:text-inherit", children: [
-        o._("Issued on"),
-        /* @__PURE__ */ s(D, { variant: "ghost", onClick: () => e.toggleSorting(t === "asc"), children: t === "asc" ? /* @__PURE__ */ s(b, { className: "ttw:size-4" }) : t === "desc" ? /* @__PURE__ */ s(N, { className: "ttw:size-4" }) : /* @__PURE__ */ s(F, { className: "ttw:size-4" }) })
+        r._("Issued on"),
+        /* @__PURE__ */ o(D, { variant: "ghost", onClick: () => t.toggleSorting(e === "asc"), children: e === "asc" ? /* @__PURE__ */ o(b, { className: "ttw:size-4" }) : e === "desc" ? /* @__PURE__ */ o(N, { className: "ttw:size-4" }) : /* @__PURE__ */ o(F, { className: "ttw:size-4" }) })
       ] });
     },
     cell: ({
-      row: e
+      row: t
     }) => {
-      const t = e.original.issued_at;
-      return t ? o.date(ne(t), u.dateFormat) : "—";
+      const e = t.original.issued_at;
+      return e ? r.date(it(e), u.dateFormat) : "—";
     },
     enableSorting: !0
   }, {
     accessorKey: "amount",
-    header: () => /* @__PURE__ */ s("div", { className: "ttw:text-right", children: o._("Total") }),
+    header: () => /* @__PURE__ */ o("div", { className: "ttw:text-right", children: r._("Total") }),
     cell: ({
-      row: e
+      row: t
     }) => {
-      const t = e.original.total_amount;
-      return /* @__PURE__ */ s("div", { className: "ttw:text-right", children: t ? f(t, e.original.currency ?? "USD") : "" });
+      const e = t.original.total_amount;
+      return /* @__PURE__ */ o("div", { className: "ttw:text-right", children: e ? f(e, t.original.currency ?? "USD") : "" });
     }
-  }], [o, u.dateFormat, f, E, V, x, I, R, k, _, A]);
+  }], [r, u.dateFormat, f, j, Q, I, k, z, R, C, A]);
   if (v(() => {
     i(null);
   }, [a.queryParams]), !y)
-    return /* @__PURE__ */ s(de, {});
+    return /* @__PURE__ */ o(mt, {});
   const G = a.activeFilterCount > 0, H = !!h;
   return /* @__PURE__ */ n("div", { className: "ttw:flex ttw:flex-col ttw:overflow-hidden ttw:min-h-125", children: [
-    /* @__PURE__ */ s(Y, { selectedStatus: a.state.status.length === 0 ? "all" : a.state.status[0], onChangeFilter: (e, t) => a.setState((W) => ({
+    /* @__PURE__ */ o(J, { selectedStatus: a.state.status.length === 0 ? "all" : a.state.status[0], onChangeFilter: (t, e) => a.setState((W) => ({
       ...W,
-      status: t ? [t] : []
+      status: e ? [e] : []
     })) }),
-    /* @__PURE__ */ s(pe, { columns: j, data: r?.data ?? [], sorting: C, onSortingChange: Q, pageSize: p, onPageSizeChange: (e) => {
-      O(e), i(null);
-    }, nextPaginationToken: r?.next_pagination_token ?? void 0, prevPaginationToken: r?.prev_pagination_token ?? void 0, onPaginationTokenChange: (e) => i(e ?? null), onRowClick: (e) => {
-      !ge() && e.ocr_status !== "processing" && d?.(e.id);
-    }, filterComponent: /* @__PURE__ */ s(J, { searchValue: a.state.search, onSearchChange: (e) => a.setState((t) => ({
-      ...t,
-      search: e
+    /* @__PURE__ */ o(gt, { columns: Y, data: s?.data ?? [], sorting: _, onSortingChange: V, pageSize: p, onPageSizeChange: (t) => {
+      L(t), i(null);
+    }, nextPaginationToken: s?.next_pagination_token ?? void 0, prevPaginationToken: s?.prev_pagination_token ?? void 0, onPaginationTokenChange: (t) => i(t ?? null), onRowClick: (t) => {
+      !ht() && t.ocr_status !== "processing" && x?.(t.id);
+    }, filterComponent: /* @__PURE__ */ o(X, { searchValue: a.state.search, onSearchChange: (t) => a.setState((e) => ({
+      ...e,
+      search: t
     })), activeFilterCount: a.activeFilterCount, activeChips: a.activeChips, onDismissChip: a.clearFilter, onClearAll: a.clearAll, activeDateField: a.state.activeDateField, onActiveDateFieldChange: a.setActiveDateField, allPresets: a.datePresets, selectedDatePreset: a.state.datePreset, dateFrom: a.state.dateFrom, dateTo: a.state.dateTo, onDateRangeChange: ({
-      from: e,
-      to: t
-    }) => a.setDateRange(e, t), onDatePresetChange: a.setDatePreset, statusOptions: a.statusOptions, selectedStatus: a.state.status, onStatusChange: (e) => a.setState((t) => ({
-      ...t,
-      status: e
-    })), amountMode: a.state.amountMode, onAmountModeChange: (e) => a.setState((t) => ({
-      ...t,
-      amountMode: e
-    })), amountMin: a.state.amountMin, amountMax: a.state.amountMax, onAmountMinChange: (e) => a.setState((t) => ({
-      ...t,
-      amountMin: e
-    })), onAmountMaxChange: (e) => a.setState((t) => ({
-      ...t,
-      amountMax: e
-    })), vendorName: a.state.vendorName, onVendorNameChange: (e) => a.setState((t) => ({
-      ...t,
-      vendorName: e
-    })), hasFile: a.state.hasFile, onHasFileChange: (e) => a.setState((t) => ({
-      ...t,
-      hasFile: e
-    })) }), children: /* @__PURE__ */ s(le, { noDataTitle: o._("No bills yet"), noDataDescription1: o._("You don't have any bills yet"), filterTitle: o._("No bills found"), isLoading: L, isFiltering: G, isSearching: H, isError: U, dataLength: r?.data.length || 0, onCreate: (e) => {
-      e === "New Invoice" ? T?.(!0) : e === "Upload File" && M?.();
-    }, refetch: _, entityName: o._("Payable"), type: "no-data=payables" }) })
+      from: t,
+      to: e
+    }) => a.setDateRange(t, e), onDatePresetChange: a.setDatePreset, statusOptions: a.statusOptions, selectedStatus: a.state.status, onStatusChange: (t) => a.setState((e) => ({
+      ...e,
+      status: t
+    })), amountMode: a.state.amountMode, onAmountModeChange: (t) => a.setState((e) => ({
+      ...e,
+      amountMode: t
+    })), amountMin: a.state.amountMin, amountMax: a.state.amountMax, onAmountMinChange: (t) => a.setState((e) => ({
+      ...e,
+      amountMin: t
+    })), onAmountMaxChange: (t) => a.setState((e) => ({
+      ...e,
+      amountMax: t
+    })), vendorName: a.state.vendorName, onVendorNameChange: (t) => a.setState((e) => ({
+      ...e,
+      vendorName: t
+    })), hasFile: a.state.hasFile, onHasFileChange: (t) => a.setState((e) => ({
+      ...e,
+      hasFile: t
+    })) }), children: /* @__PURE__ */ o(ct, { noDataTitle: r._("No bills yet"), noDataDescription1: r._("You don't have any bills yet"), filterTitle: r._("No bills found"), isLoading: U, isFiltering: G, isSearching: H, isError: B, dataLength: s?.data.length || 0, onCreate: (t) => {
+      t === "New Invoice" ? T?.(!0) : t === "Upload File" && M?.();
+    }, refetch: C, entityName: r._("Payable"), type: "no-data=payables" }) })
   ] });
 };
 export {
-  Ge as PayablesTable
+  Gt as PayablesTable
 };

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

@@ -1,28 +1,123 @@
-import { jsx as r, jsxs as s } from "@emotion/react/jsx-runtime";
-import { getInvoiceOverdueDays as l } from "./index410.js";
-import { useMoniteContext as d } from "./index57.js";
-import { dateStringToLocalDate as m } from "./index96.js";
-import { useLingui as c } from "@lingui/react";
-import { twMerge as w } from "tailwind-merge";
-const h = ({
-  data: t
+import { jsx as d, jsxs as _ } from "@emotion/react/jsx-runtime";
+import { useForm as I, FormProvider as A } from "react-hook-form";
+import { CounterpartFormContent as T } from "./index234.js";
+import { useLingui as V } from "@lingui/react";
+import { useId as j, useMemo as k, useCallback as D } from "react";
+import { useUpdateCounterpart as M } from "./index238.js";
+import { zodResolver as B } from "@hookform/resolvers/zod";
+import { Button as C } from "./index84.js";
+import { getUpdateCounterpartValidationSchema as O } from "./index235.js";
+import "./index57.js";
+import { toast as x } from "react-hot-toast";
+import "date-fns";
+import { getCounterpartName as N } from "./index7.js";
+import { useUpdateCounterpartAddress as R } from "./index239.js";
+import { LanguageCodeEnum as q } from "./index183.js";
+import { LoadingSpinner as G } from "./index131.js";
+const de = ({
+  customerType: g,
+  counterpart: t,
+  counterpartAddress: a,
+  handleClose: z,
+  onUpdate: i
 }) => {
   const {
-    i18n: e
-  } = c(), {
-    locale: n
-  } = d();
-  if (!t.due_date) return /* @__PURE__ */ r("span", { className: "ttw:opacity-40", children: "-" });
-  const i = e.date(m(t.due_date), n.dateFormat), a = l(t), o = a > 0;
-  return /* @__PURE__ */ s("div", { className: "ttw:flex ttw:flex-col ttw:h-full ttw:justify-center ttw:gap-1", children: [
-    /* @__PURE__ */ r("span", { className: w("ttw:text-sm ttw:font-normal ttw:leading-5", o && "ttw:text-rose-700"), children: i }),
-    o && /* @__PURE__ */ s("span", { className: "ttw:text-xs ttw:font-normal ttw:leading-4.5 ttw:text-rose-700", children: [
-      a,
-      " ",
-      a === 1 ? e._("day overdue") : e._("days overdue")
+    i18n: o
+  } = V(), S = `vendor-form-${j()}`, {
+    mutate: y,
+    isPending: b
+  } = M(), {
+    mutateAsync: m,
+    isPending: E
+  } = R({
+    counterpartId: a?.counterpart_id ?? "",
+    addressId: a?.id ?? ""
+  }), v = E || b, r = t.type, l = "individual" in t ? t.individual.email : t.organization.email, p = ("individual" in t ? t.individual.phone : t.organization.phone) ?? "", u = "individual" in t ? t.individual.last_name : "", n = "organization" in t ? t.organization.legal_name : t.individual.first_name, $ = k(() => ({
+    remindersEnabled: t.reminders_enabled,
+    isCustomer: t.is_customer,
+    isVendor: t.is_vendor,
+    tax_id: t.tax_id ?? "",
+    email: l,
+    phone: p,
+    line1: a?.line1,
+    line2: a?.line2 ?? "",
+    city: a?.city,
+    state: a?.state,
+    country: a?.country,
+    postalCode: a?.postal_code,
+    firstName: n,
+    lastName: u,
+    companyName: n
+  }), [t, a]), s = I({
+    resolver: B(O(o, r, g)),
+    defaultValues: $
+  }), L = D((c) => {
+    c.preventDefault(), c.stopPropagation(), s.handleSubmit(async (e) => {
+      const P = q.find((f) => f === o.locale.split("-")[0]) ?? "en", h = {
+        city: e.city,
+        country: e.country,
+        line1: e.line1,
+        line2: e.line2,
+        state: e.state,
+        postal_code: e.postalCode
+      }, U = e.city !== a?.city || e.country !== a?.country || e.line1 !== a?.line1 || (e.line2 ?? "") !== (a?.line2 ?? "") || e.state !== a?.state || e.postalCode !== a?.postal_code, w = {
+        reminders_enabled: e.remindersEnabled,
+        is_customer: t.is_customer,
+        is_vendor: t.is_vendor,
+        tax_id: e.tax_id
+      };
+      if (e.remindersEnabled !== !!t.reminders_enabled || e.tax_id !== (t.tax_id ?? "") || e.phone !== p || e.email !== l || r === "organization" && e.companyName !== n || r === "individual" && e.firstName !== n || r === "individual" && e.lastName !== u) {
+        U && await m(h);
+        const f = r === "individual" ? {
+          ...w,
+          individual: {
+            first_name: e.firstName,
+            last_name: e.lastName,
+            phone: e.phone,
+            email: e.email
+          }
+        } : {
+          ...w,
+          language: t.language ?? P,
+          organization: {
+            legal_name: e.companyName,
+            phone: e.phone,
+            email: e.email
+          }
+        };
+        return y({
+          path: {
+            counterpart_id: t.id
+          },
+          body: f
+        }, {
+          onSuccess: ({
+            id: F
+          }) => {
+            i && i(F);
+          }
+        });
+      } else
+        return m(h, {
+          onSuccess: () => {
+            x.success(o._("{name} has been updated.", {
+              name: N(t)
+            })), i && i(t.id);
+          }
+        });
+    })(c);
+  }, [y, m, x, N, i, r, s.handleSubmit, o, n, p, l, u]);
+  return /* @__PURE__ */ d(A, { ...s, children: /* @__PURE__ */ _("form", { id: S, onSubmit: L, className: "ttw:flex ttw:flex-col ttw:gap-4 ttw:p-4 ttw:border ttw:border-primary ttw:rounded-[10px] ttw:bg-zinc-100", children: [
+    /* @__PURE__ */ d(T, { counterpartType: r, isLoading: b, isEditMode: !0, customerType: g }),
+    /* @__PURE__ */ _("div", { className: "ttw:flex ttw:gap-4 ttw:pt-6", children: [
+      /* @__PURE__ */ d(C, { type: "button", variant: "outline", className: "ttw:border-border ttw:flex-1", onClick: z, children: o._("Cancel") }),
+      /* @__PURE__ */ _(C, { type: "submit", className: "ttw:flex-1", disabled: v || !s.formState.isDirty && t.type === r, children: [
+        v && /* @__PURE__ */ d(G, { className: "ttw:border-white ttw:border-t-transparent ttw:size-4" }),
+        o._("Save")
+      ] })
     ] })
-  ] });
+  ] }) });
 };
 export {
-  h as DueDateCell
+  de as EditCounterpart
 };

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

@@ -1,84 +1,10 @@
-import { jsxs as a, Fragment as P, jsx as t } from "@emotion/react/jsx-runtime";
-import { useReactTable as y, getCoreRowModel as j, flexRender as C } from "@tanstack/react-table";
-import { Table as D, TableHeader as H, TableRow as m, TableHead as I, TableBody as L, TableCell as v } from "./index326.js";
-import { Button as S } from "./index84.js";
-import { Select as V, SelectTrigger as $, SelectValue as B, SelectContent as _, SelectItem as d } from "./index316.js";
-import { ChevronLeft as E, ChevronRight as F } from "lucide-react";
-import { useLingui as G } from "@lingui/react";
-import { useState as q, useEffect as A } from "react";
-import { twMerge as J } from "tailwind-merge";
-function et({
-  columns: g,
-  data: s,
-  sorting: N,
-  onSortingChange: z,
-  pageSize: r,
-  onPageSizeChange: T,
-  nextPaginationToken: h,
-  prevPaginationToken: l,
-  onPaginationTokenChange: c,
-  onRowClick: R,
-  filterComponent: p,
-  children: k,
-  rowLabel: u
-}) {
+import { useMoniteContext as e } from "./index57.js";
+function o() {
   const {
-    i18n: b
-  } = G(), [i, o] = q(0);
-  A(() => {
-    !l && i !== 0 && o(0);
-  }, [l, i]);
-  const x = s.length === 0 ? 0 : i + 1, f = i + s.length, M = u ? `${x}-${f} ${u}` : `${x}-${f}`, w = y({
-    data: s,
-    columns: g,
-    getCoreRowModel: j(),
-    manualPagination: !0,
-    manualSorting: !0,
-    enableMultiSort: !1,
-    onSortingChange: z,
-    state: {
-      sorting: N,
-      pagination: {
-        pageIndex: 0,
-        pageSize: r
-      }
-    }
-  });
-  return /* @__PURE__ */ a(P, { children: [
-    /* @__PURE__ */ a("div", { className: J("ttw:flex ttw:flex-col ttw:overflow-hidden ttw:min-h-125 ttw:gap-4 ttw:border ttw:border-zinc-100 ttw:rounded-xl ttw:bg-white", p && "ttw:pt-4"), children: [
-      p,
-      /* @__PURE__ */ a(D, { className: "ttw:border-none", children: [
-        /* @__PURE__ */ t(H, { children: w.getHeaderGroups().map((e) => /* @__PURE__ */ t(m, { children: e.headers.map((n) => /* @__PURE__ */ t(I, { className: "ttw:p-3 ttw:text-xs ttw:text-zinc-950 ttw:border-b ttw:border-zinc-100 ttw:w-44.5", children: n.isPlaceholder ? null : C(n.column.columnDef.header, n.getContext()) }, n.id)) }, e.id)) }),
-        /* @__PURE__ */ t(L, { children: w.getRowModel().rows?.length ? w.getRowModel().rows.map((e) => /* @__PURE__ */ t(m, { onClick: () => R(e.original), "data-state": e.getIsSelected() && "selected", children: e.getVisibleCells().map((n) => /* @__PURE__ */ t(v, { className: "ttw:px-3 ttw:h-13 ttw:font-medium ttw:border-zinc-100 ttw:border-b", children: C(n.column.columnDef.cell, n.getContext()) }, n.id)) }, e.id)) : /* @__PURE__ */ t(m, { children: /* @__PURE__ */ t(v, { colSpan: g.length, className: "ttw:min-h-24 ttw:text-center", children: k || b._("No results.") }) }) })
-      ] })
-    ] }),
-    /* @__PURE__ */ a("div", { className: "ttw:flex ttw:items-center ttw:justify-end ttw:space-x-6.5 ttw:py-3 ttw:bg-transparent", children: [
-      /* @__PURE__ */ a("span", { className: "ttw:flex ttw:items-center ttw:gap-2 ttw:text-sm ttw:leading-5 ttw:font-medium ttw:text-zinc-950", children: [
-        b._("Rows per page:"),
-        /* @__PURE__ */ a(V, { value: String(r), onValueChange: (e) => {
-          T(Number(e)), c(void 0), o(0);
-        }, children: [
-          /* @__PURE__ */ t($, { size: "sm", children: /* @__PURE__ */ t(B, {}) }),
-          /* @__PURE__ */ a(_, { children: [
-            /* @__PURE__ */ t(d, { value: "10", children: "10" }),
-            /* @__PURE__ */ t(d, { value: "25", children: "25" }),
-            /* @__PURE__ */ t(d, { value: "50", children: "50" }),
-            /* @__PURE__ */ t(d, { value: "100", children: "100" })
-          ] })
-        ] })
-      ] }),
-      /* @__PURE__ */ t("span", { className: "ttw:text-sm ttw:leading-5 ttw:font-medium ttw:text-zinc-950", children: M }),
-      /* @__PURE__ */ a("div", { className: "ttw:flex ttw:items-center ttw:space-x-3", children: [
-        /* @__PURE__ */ t(S, { variant: "ghost", className: "ttw:px-2 ttw:py-2 ttw:border ttw:border-zinc-200 ttw:rounded-lg", onClick: () => {
-          c(l), o((e) => e - r);
-        }, disabled: !l, children: /* @__PURE__ */ t(E, {}) }),
-        /* @__PURE__ */ t(S, { variant: "ghost", className: "ttw:px-2 ttw:py-2 ttw:border ttw:border-zinc-200 ttw:rounded-lg", onClick: () => {
-          c(h), o((e) => e + r);
-        }, disabled: !h, children: /* @__PURE__ */ t(F, {}) })
-      ] })
-    ] })
-  ] });
+    userPermissions: s
+  } = e();
+  return s;
 }
 export {
-  et as DataTable
+  o as useUserPermissions
 };

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

@@ -1,11 +1,14 @@
-import { jsx as a } from "@emotion/react/jsx-runtime";
-import { cn as n } from "./index100.js";
-function m({
-  className: t,
-  ...e
-}) {
-  return /* @__PURE__ */ a("div", { "data-slot": "skeleton", className: n("ttw:bg-accent ttw:animate-pulse ttw:rounded-md", t), ...e });
-}
+import { useMoniteContext as o } from "./index57.js";
+const i = (e, t = !0) => {
+  const {
+    api: s
+  } = o();
+  return s.finops.getReceivables.useQuery({
+    query: e
+  }, {
+    enabled: t
+  });
+};
 export {
-  m as Skeleton
+  i as useGetReceivables
 };