@tesouro/embedded-components-react 0.2.1

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

@@ -0,0 +1,178 @@
+import { jsx as e, jsxs as a, Fragment as l } from "@emotion/react/jsx-runtime";
+import { FinanceBannerWrapper as C } from "./index336.js";
+import { FinanceFaqWrapper as L } from "./index337.js";
+import { FinanceProgressBar as T } from "./index338.js";
+import { useFinancing as V, FinancialApplicationState as t } from "./index339.js";
+import "./index59.js";
+import "react-hot-toast";
+import { useLingui as k } from "@lingui/react";
+import { useKanmonContext as z } from "./index58.js";
+import { MoniteScopedProviders as B } from "./index85.js";
+import { useCurrencies as J } from "./index60.js";
+import { useState as G } from "react";
+import "./index94.js";
+import "react-dom";
+import "@mui/x-data-grid";
+import { useTheme as H, useMediaQuery as W, Box as c, Stack as $, Button as m, CircularProgress as j, Typography as n } from "@mui/material";
+const d = "financing_banner_hidden", U = 10080 * 60 + 1e3, de = (u) => /* @__PURE__ */ e(B, { children: /* @__PURE__ */ e(M, { ...u }) }), M = ({
+  enableServicingBanner: u = !1,
+  handleViewDetails: g
+}) => {
+  const {
+    i18n: i
+  } = k(), {
+    startFinanceSession: I
+  } = z(), y = H(), p = W(y.breakpoints.down("lg")), {
+    formatCurrencyToDisplay: S
+  } = J(), {
+    buttonText: _,
+    isLoading: v,
+    isEnabled: O,
+    applicationState: o,
+    isServicing: P,
+    offer: r
+  } = V(), x = r?.total_amount ?? 0, E = (r?.status === "LATE" ? 0 : r?.available_amount) ?? 0, A = E / x * 100, b = r?.status !== "CLOSED" && r?.status !== "DEFAULTED", [D, N] = G(() => {
+    const h = JSON.parse(JSON.parse(JSON.stringify(sessionStorage.getItem(d))));
+    if (h)
+      return h.isHidden;
+    const f = JSON.parse(JSON.parse(JSON.stringify(localStorage.getItem(d))));
+    return f ? f.expires_at && (/* @__PURE__ */ new Date()).getTime() > f.expires_at ? (localStorage.removeItem(d), !1) : f.isHidden : !1;
+  }), s = u && P, F = o !== t.PENDING_APPROVAL && o !== t.NO_OFFERS_AVAILABLE && o !== t.OFFERS_EXPIRED, R = () => {
+    switch (N(!0), o) {
+      case t.IN_PROGRESS:
+      case t.APPROVED:
+      case t.PENDING_APPROVAL:
+      case t.OFFER_ACCEPTED:
+        sessionStorage.setItem(d, JSON.stringify({
+          isHidden: !0,
+          expires_at: null
+        }));
+        return;
+      case t.INIT:
+        localStorage.setItem(d, JSON.stringify({
+          isHidden: !0,
+          expires_at: (/* @__PURE__ */ new Date()).getTime() + U
+        }));
+        return;
+      case t.NO_OFFERS_AVAILABLE:
+      case t.OFFERS_EXPIRED:
+      default:
+        localStorage.setItem(d, JSON.stringify({
+          isHidden: !0,
+          expires_at: null
+        }));
+        return;
+    }
+  }, w = () => {
+    switch (o) {
+      case t.INIT:
+      case t.IN_PROGRESS:
+      default:
+        return /* @__PURE__ */ a(l, { children: [
+          /* @__PURE__ */ e(n, { variant: "subtitle2", sx: {
+            fontSize: 20
+          }, children: i._("Fund your sales/purchases") }),
+          /* @__PURE__ */ a(n, { variant: "body1", children: [
+            i._("Get a small business loan plan to manage finances more efficiently."),
+            " ",
+            /* @__PURE__ */ e(L, { children: ({
+              openModal: h
+            }) => /* @__PURE__ */ e(n, { onClick: h, variant: "body1", sx: {
+              textDecoration: "underline",
+              cursor: "pointer"
+            }, component: "span", children: i._("Read more >") }) })
+          ] })
+        ] });
+      case t.PENDING_APPROVAL:
+        return /* @__PURE__ */ a(l, { children: [
+          /* @__PURE__ */ e(n, { variant: "subtitle2", sx: {
+            fontSize: 20
+          }, children: i._("Your application is in review") }),
+          /* @__PURE__ */ e(n, { variant: "body1", children: i._("It can take up to 48 hours. We'll notify you about the results.") })
+        ] });
+      case t.APPROVED:
+      case t.OFFER_ACCEPTED:
+        return /* @__PURE__ */ a(l, { children: [
+          /* @__PURE__ */ e(n, { variant: "subtitle2", sx: {
+            fontSize: 20
+          }, children: i._("Your application was approved") }),
+          /* @__PURE__ */ e(n, { variant: "body1", children: i._("Please, review the offered credit limit and approved financing plans.") })
+        ] });
+      case t.NO_OFFERS_AVAILABLE:
+        return /* @__PURE__ */ a(l, { children: [
+          /* @__PURE__ */ e(n, { variant: "subtitle2", sx: {
+            fontSize: 20
+          }, children: i._("A provider can’t offer you financing") }),
+          /* @__PURE__ */ e(n, { variant: "body1", children: i._("They will contact you if your credit score improves and you can reapply.") })
+        ] });
+      case t.OFFERS_EXPIRED:
+        return /* @__PURE__ */ a(l, { children: [
+          /* @__PURE__ */ e(n, { variant: "subtitle2", sx: {
+            fontSize: 20
+          }, children: i._("You haven’t accepted the offer and it has expired") }),
+          /* @__PURE__ */ e(n, { variant: "body1", children: i._("Please get in touch with the provider if you still wish to receive financing.") })
+        ] });
+      case t.SERVICING:
+        return /* @__PURE__ */ e(n, { variant: "subtitle2", sx: {
+          fontSize: 20
+        }, children: i._("My financing") });
+    }
+  };
+  return D || o === t.SERVICING && !u || !O ? null : /* @__PURE__ */ a(C, { shouldApplyFinanceStyles: s, children: [
+    /* @__PURE__ */ a(c, { display: "flex", alignItems: p && !s ? "flex-end" : "center", flexDirection: p && !s ? "column" : "row", justifyContent: "space-between", gap: 2, width: "100%", height: "100%", children: [
+      /* @__PURE__ */ e(c, { sx: {
+        width: "100%",
+        display: "flex",
+        gap: 2,
+        flex: "1 1 0%",
+        alignItems: p && !s ? "flex-start" : "center"
+      }, children: /* @__PURE__ */ e(c, { sx: {
+        flex: "1 1 0%"
+      }, children: w() }) }),
+      /* @__PURE__ */ a($, { width: p && !s ? "100%" : "auto", direction: "row", gap: 1, alignItems: "center", justifyContent: p && !s ? "flex-end" : "flex-start", children: [
+        s && g ? /* @__PURE__ */ e(m, { onClick: g, variant: "text", children: i._("View details") }) : /* @__PURE__ */ e(m, { onClick: R, variant: "text", children: F ? i._("Hide") : i._("Close") }),
+        F && _ && /* @__PURE__ */ e(m, { onClick: () => {
+          I();
+        }, disabled: v, variant: "contained", color: "primary", sx: {
+          px: 2.5,
+          py: 1.5,
+          height: 40
+        }, children: v ? /* @__PURE__ */ e(j, { size: 20 }) : _ })
+      ] })
+    ] }),
+    s && /* @__PURE__ */ a(c, { children: [
+      b ? /* @__PURE__ */ a(l, { children: [
+        /* @__PURE__ */ e(n, { variant: "body1", children: i._("Remaining limit") }),
+        /* @__PURE__ */ a(c, { display: "flex", alignItems: "center", justifyContent: "space-between", gap: 1, mb: 1, children: [
+          /* @__PURE__ */ a(c, { display: "flex", alignItems: "center", gap: 1, flexShrink: 0, children: [
+            /* @__PURE__ */ e(n, { variant: "h2", fontSize: 32, children: S(E, "USD") }),
+            /* @__PURE__ */ a(n, { component: "span", variant: "subtitle1", sx: {
+              color: y.palette.grey[400]
+            }, children: [
+              "/ ",
+              S(x, "USD")
+            ] })
+          ] }),
+          /* @__PURE__ */ a(n, { variant: "body1", sx: {
+            textOverflow: "ellipsis",
+            overflow: "hidden",
+            whiteSpace: "nowrap"
+          }, children: [
+            r?.pricing_plans?.length,
+            " ",
+            i._("financial plans enabled")
+          ] })
+        ] })
+      ] }) : /* @__PURE__ */ e(n, { variant: "h2", fontSize: 32, mb: 1, children: i._("Not available") }),
+      /* @__PURE__ */ e(T, { progress: A }),
+      (!b || r?.status === "LATE") && /* @__PURE__ */ a(n, { variant: "body1", fontWeight: 400, mt: 1, children: [
+        r?.status === "CLOSED" && i._("Financing is not available for your business anymore. Please, contact the provider for further details."),
+        r?.status === "DEFAULTED" && i._("Financing is blocked due to a violation of the agreed-upon terms. Please, contact the provider for further details."),
+        r?.status === "LATE" && i._("Due to late payment your financing is currently on hold. Please, contact the provider for further details.")
+      ] })
+    ] })
+  ] });
+};
+export {
+  de as FinanceBanner
+};

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

@@ -0,0 +1,40 @@
+import { jsx as t } from "@emotion/react/jsx-runtime";
+import { BACKGROUND_FINANCE_STATUS_MUI_MAP as _, ROW_TO_TAG_FINANCE_STATUS_MUI_MAP as r, FINANCE_INVOICE_STATUS_TO_MUI_ICON_MAP as c } from "./index123.js";
+import { getCommonStatusLabel as f } from "./index343.js";
+import { useLingui as u } from "@lingui/react";
+import l from "@mui/icons-material/Circle";
+import { Chip as A } from "@mui/material";
+import { styled as I, useThemeProps as S } from "@mui/material/styles";
+const F = ({
+  ref: s,
+  ...e
+}) => {
+  const {
+    status: o,
+    variant: n,
+    icon: a,
+    size: m
+  } = S({
+    props: e,
+    name: "MoniteFinancedInvoiceStatusChip"
+  }), {
+    i18n: p
+  } = u(), i = c[o];
+  return /* @__PURE__ */ t(C, { ref: s, sx: {
+    width: "auto",
+    color: r[o],
+    bgcolor: _[o]
+  }, icon: a && i ? /* @__PURE__ */ t(i, { sx: {
+    fontSize: 16,
+    fill: r[o]
+  } }) : /* @__PURE__ */ t(l, { sx: {
+    fontSize: "10px !important"
+  } }), label: f(p, o), size: m, status: o, variant: n ?? "filled" });
+}, C = I(A, {
+  name: "MoniteFinancedInvoiceStatusChip",
+  slot: "root",
+  shouldForwardProp: () => !0
+})({});
+export {
+  F as FinancedInvoiceStatusChip
+};

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

@@ -0,0 +1,61 @@
+import { jsx as i } from "@emotion/react/jsx-runtime";
+import { Badge as o } from "./index292.js";
+import { getCommonStatusLabel as g } from "./index297.js";
+import "date-fns";
+import { useLingui as b } from "@lingui/react";
+import { cn as c } from "./index102.js";
+import { cva as s } from "class-variance-authority";
+const r = s("", {
+  variants: {
+    variant: {
+      draft: "ttw:bg-zinc-100 ttw:text-zinc-700",
+      issuing: "ttw:bg-cyan-100 ttw:text-cyan-700",
+      issued: "ttw:bg-cyan-100 ttw:text-cyan-700",
+      failed: "ttw:bg-red-100 ttw:text-red-700",
+      accepted: "ttw:bg-green-100 ttw:text-green-700",
+      partially_paid: "ttw:bg-purple-100 ttw:text-purple-700",
+      paid: "ttw:bg-green-100 ttw:text-green-700",
+      expired: "ttw:bg-red-100 ttw:text-red-700",
+      uncollectible: "ttw:bg-red-100 ttw:text-red-700",
+      canceled: "ttw:bg-red-100 ttw:text-red-700",
+      recurring: "ttw:bg-zinc-100 ttw:text-zinc-700",
+      declined: "ttw:bg-red-100 ttw:text-red-700",
+      overdue: "ttw:bg-orange-100 ttw:text-orange-700",
+      deleted: "ttw:bg-red-100 ttw:text-red-700"
+    },
+    dotVariant: {
+      draft: "ttw:border-zinc-100 ttw:bg-zinc-700",
+      issuing: "ttw:border-cyan-100 ttw:bg-cyan-700",
+      issued: "ttw:border-cyan-100 ttw:bg-cyan-700",
+      failed: "ttw:border-red-100 ttw:bg-red-700",
+      accepted: "ttw:border-green-100 ttw:bg-green-700",
+      partially_paid: "ttw:border-purple-100 ttw:bg-purple-700",
+      paid: "ttw:border-green-100 ttw:bg-green-700",
+      expired: "ttw:border-red-100 ttw:bg-red-700",
+      uncollectible: "ttw:border-red-100 ttw:bg-red-700",
+      canceled: "ttw:border-red-100 ttw:bg-red-700",
+      recurring: "ttw:border-zinc-100 ttw:bg-zinc-700",
+      declined: "ttw:border-red-100 ttw:bg-red-700",
+      overdue: "ttw:border-orange-100 ttw:bg-orange-700",
+      deleted: "ttw:border-red-100 ttw:bg-red-700"
+    }
+  }
+}), y = ({
+  status: t,
+  className: d,
+  showBadgeBackground: e = !0,
+  dotSize: w,
+  ref: a
+}) => {
+  const {
+    i18n: n
+  } = b();
+  return /* @__PURE__ */ i(o, { ref: a, className: c("ttw:inline-flex ttw:items-center ttw:gap-1", r({
+    variant: t
+  }), !e && "ttw:text-zinc-950!", d), dotClassName: r({
+    dotVariant: t
+  }), showBadgeBackground: e, showDotBorder: !e, dotSize: w, showDot: !1, children: g(n, t) });
+};
+export {
+  y as InvoiceStatusChip
+};

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

@@ -0,0 +1,15 @@
+import "@emotion/react/jsx-runtime";
+import { createContext as t, useContext as n } from "react";
+import "./index85.js";
+import "@lingui/react";
+const e = t(null);
+function m() {
+  const o = n(e);
+  if (!o)
+    throw new Error('Could not find KanmonContext. Make sure that you are using "MoniteProvider" component before calling this hook.');
+  return o;
+}
+export {
+  e as KanmonContext,
+  m as useKanmonContext
+};

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

@@ -0,0 +1,91 @@
+import { jsx as x } from "@emotion/react/jsx-runtime";
+import { createAPIClient as q } from "./index101.js";
+import { getDefaultComponentSettings as S } from "./index109.js";
+import { getLocaleWithDefaults as $, I18nLoader as D } from "./index110.js";
+import { MoniteQraftContext as Q } from "./index108.js";
+import { createQueryClient as T } from "./index111.js";
+import { useIsMounted as j } from "./index70.js";
+import { SentryFactory as E } from "./index112.js";
+import { createThemeWithDefaults as H } from "./index113.js";
+import { createContext as U, useContext as W, useMemo as r, useEffect as z } from "react";
+const M = U(null);
+function Y() {
+  const o = W(M);
+  if (!o)
+    throw new Error('Could not find MoniteContext. Make sure that you are using "MoniteProvider" component before calling this hook.');
+  return o;
+}
+const Z = ({
+  locale: o,
+  children: a,
+  userPermissions: n,
+  ...c
+}) => {
+  const s = $(o);
+  return /* @__PURE__ */ x(D, { locale: s, children: (m, l) => /* @__PURE__ */ x(A, { ...c, i18n: m, locale: s, dateFnsLocale: l, userPermissions: n, children: a }) });
+}, A = ({
+  monite: o,
+  locale: a,
+  i18n: n,
+  dateFnsLocale: c,
+  theme: s,
+  componentSettings: m,
+  children: l,
+  userPermissions: w
+}) => {
+  const {
+    entityId: u,
+    apiUrl: i,
+    fetchToken: P,
+    headers: y,
+    fetch: d
+  } = o;
+  let e;
+  i ? i.match(/dev/) ? e = "dev" : i.match(/sandbox/) ? e = "sandbox" : e = "production" : e = "sandbox";
+  const f = r(() => typeof window < "u" && typeof document < "u" ? new E({
+    environment: e,
+    entityId: u
+  }).create() : void 0, [u, e]), t = r(() => T(n, f), [n, f]), {
+    api: g,
+    version: b,
+    requestFn: h
+  } = r(() => q({
+    context: Q,
+    customHeaders: y
+  }), [y]), F = r(() => d ? (p, L, k) => h(p, L, {
+    ...k,
+    fetch: d
+  }) : h, [h, d]), I = r(() => H(s), [s]), C = j(), v = r(() => () => {
+    C.current && (async () => {
+      try {
+        await t.cancelQueries(), t.clear(), t.unmount();
+      } catch (p) {
+        console.warn(p);
+      }
+    })();
+  }, [t, C]);
+  return z(() => (t.mount(), () => {
+    v();
+  }), [t, v]), /* @__PURE__ */ x(M.Provider, { value: {
+    api: g,
+    version: b,
+    environment: e,
+    entityId: u,
+    theme: I,
+    componentSettings: S(n, m),
+    queryClient: t,
+    sentryHub: f,
+    i18n: n,
+    locale: a,
+    dateFnsLocale: c,
+    apiUrl: i || "https://api.sandbox.monite.com/v1",
+    fetchToken: P,
+    requestFn: F,
+    userPermissions: w
+  }, children: l });
+};
+export {
+  M as MoniteContext,
+  Z as MoniteContextProvider,
+  Y as useMoniteContext
+};

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

@@ -0,0 +1,170 @@
+import { jsx as i, jsxs as Q } from "@emotion/react/jsx-runtime";
+import { CounterpartTableFilters as H } from "./index228.js";
+import { FILTER_TYPE_SEARCH as k, FILTER_TYPE_TYPE as J } from "./index229.js";
+import { useGetReceivablesAnalytics as E } from "./index220.js";
+import { useMoniteContext as V } from "./index59.js";
+import { useCurrencies as X } from "./index60.js";
+import { MoniteScopedProviders as Z } from "./index85.js";
+import { useCounterpartList as tt } from "./index73.js";
+import { useUserPermissions as et } from "./index133.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 w } from "../../shared/data-access/dist/lib/scopes.js";
+import { useState as c, useMemo as d } from "react";
+import { CounterPartCellByData as it } from "./index142.js";
+import { GetNoRowsOverlay as ot } from "./index143.js";
+import { AccessRestriction as at } from "./index135.js";
+import { Button as rt } from "./index86.js";
+import "clsx";
+import "tailwind-merge";
+import "@radix-ui/react-dialog";
+import { ArrowUp as nt, ArrowDown as st, ArrowUpDown as mt } from "lucide-react";
+import { useLingui as dt } from "@lingui/react";
+import { DataTable as lt } from "./index145.js";
+import { hasSelectedText as ct } from "./index151.js";
+import { getCounterpartName as pt } from "./index7.js";
+import { LoadingSpinner as f } from "./index164.js";
+const Bt = (p) => /* @__PURE__ */ i(Z, { children: /* @__PURE__ */ i(ut, { ...p }) }), ut = ({
+  onRowClick: p,
+  onChangeSort: M,
+  onChangeFilter: $,
+  openModal: b
+}) => {
+  const {
+    i18n: o
+  } = dt(), {
+    componentSettings: A,
+    api: O
+  } = V(), {
+    formatCurrencyToDisplay: l
+  } = X(), [z, u] = c(void 0), [v, F] = c(A.counterparts.pageSizeOptions[0]), [r, U] = c({}), [s, C] = c(void 0), g = et(), I = g.has(w.CounterpartReadOrg);
+  g.has(w.CounterpartWriteOrg), g.has(w.CounterpartWriteOrg);
+  const {
+    data: a,
+    isLoading: Y,
+    refetch: j,
+    isError: B
+  } = tt({
+    query: {
+      sort: s?.field,
+      order: s?.sort,
+      limit: v || void 0,
+      pagination_token: z,
+      type: r[J] || void 0,
+      counterpart_name__icontains: r[k] || void 0,
+      is_customer: !0
+    }
+  }), m = d(() => a?.data.map((t) => t.id) ?? [], [a]), y = O.finops.getCounterpartsIdAddresses.useQueries({
+    queries: m.map((t) => ({
+      parameters: {
+        path: {
+          counterpart_id: t
+        }
+      }
+    }))
+  }), N = d(() => new Map(m.map((t, e) => [t, y[e]?.data])), [m, y]), {
+    data: x,
+    isLoading: S
+  } = E({
+    dimension: "counterpart_id",
+    metric: "total_amount",
+    aggregation_function: "summary",
+    type: "invoice",
+    status__in: ["issued", "overdue", "partially_paid", "paid"],
+    counterpart_id__in: m
+  }), _ = d(() => new Map(x?.data.map(({
+    dimension_value: t,
+    metric_value: e
+  }) => [t, e]) ?? []), [x]), {
+    data: T,
+    isLoading: D
+  } = E({
+    dimension: "counterpart_id",
+    metric: "amount_due",
+    aggregation_function: "summary",
+    type: "invoice",
+    status__in: ["issued", "overdue", "partially_paid"],
+    counterpart_id__in: m
+  }), h = d(() => new Map(T?.data.map(({
+    dimension_value: t,
+    metric_value: e
+  }) => [t, e]) ?? []), [T]), L = s ? [{
+    id: s.field,
+    desc: s.sort === "desc"
+  }] : [], W = (t) => {
+    const e = typeof t == "function" ? t(L) : t;
+    if (e.length > 0) {
+      const n = {
+        field: e[0].id,
+        sort: e[0].desc ? "desc" : "asc"
+      };
+      C(n), M?.(n);
+    } else
+      C(void 0);
+    u(void 0);
+  }, q = (t, e) => {
+    u(void 0), U((n) => ({
+      ...n,
+      [t]: e === "all" ? null : e
+    })), $?.({
+      field: t,
+      value: e
+    });
+  }, G = d(() => [{
+    accessorKey: "counterpart_name",
+    header: ({
+      column: t
+    }) => {
+      const e = t.getIsSorted();
+      return /* @__PURE__ */ Q("div", { className: "ttw:flex ttw:items-center ttw:gap-2 ttw:text-inherit", children: [
+        o._("Name"),
+        /* @__PURE__ */ i(rt, { variant: "ghost", onClick: () => t.toggleSorting(e === "asc"), children: e === "asc" ? /* @__PURE__ */ i(nt, { className: "ttw:size-4" }) : e === "desc" ? /* @__PURE__ */ i(st, { className: "ttw:size-4" }) : /* @__PURE__ */ i(mt, { className: "ttw:size-4" }) })
+      ] });
+    },
+    cell: ({
+      row: t
+    }) => {
+      const e = N.get(t.original.id);
+      return /* @__PURE__ */ i(it, { name: pt(t.original), country: e?.data[0]?.country, city: e?.data[0]?.city });
+    }
+  }, {
+    accessorKey: "total_billed",
+    header: () => /* @__PURE__ */ i("div", { className: "ttw:text-right", children: o._("Billed amount") }),
+    cell: ({
+      row: t
+    }) => {
+      const e = _.get(t.original.id) ?? 0;
+      return /* @__PURE__ */ i("div", { className: "ttw:text-right", children: S ? /* @__PURE__ */ i(f, { className: "ttw:ml-auto ttw:w-4 ttw:h-4" }) : l(e, "USD") });
+    }
+  }, {
+    id: "total_received",
+    header: () => /* @__PURE__ */ i("div", { className: "ttw:text-right", children: o._("Received amount") }),
+    cell: ({
+      row: t
+    }) => {
+      const e = _.get(t.original.id) ?? 0, n = h.get(t.original.id) ?? 0, K = e - n;
+      return /* @__PURE__ */ i("div", { className: "ttw:text-right", children: D || S ? /* @__PURE__ */ i(f, { className: "ttw:ml-auto ttw:w-4 ttw:h-4" }) : l(K, "USD") });
+    }
+  }, {
+    id: "total_due",
+    header: () => /* @__PURE__ */ i("div", { className: "ttw:text-right", children: o._("Amount due") }),
+    cell: ({
+      row: t
+    }) => {
+      const e = h.get(t.original.id) ?? 0;
+      return /* @__PURE__ */ i("div", { className: "ttw:text-right", children: D ? /* @__PURE__ */ i(f, { className: "ttw:ml-auto ttw:w-4 ttw:h-4" }) : l(e, "USD") });
+    }
+  }], [o, N, _, h, l]);
+  if (!I)
+    return /* @__PURE__ */ i(at, {});
+  const P = Object.keys(r).some((t) => r[t] !== null && r[t] !== void 0), R = !!r[k];
+  return /* @__PURE__ */ i("div", { className: "ttw:flex ttw:flex-col ttw:overflow-hidden ttw:min-h-125", children: /* @__PURE__ */ i(lt, { columns: G, data: a?.data ?? [], sorting: L, onSortingChange: W, pageSize: v, onPageSizeChange: F, nextPaginationToken: a?.next_pagination_token ?? void 0, prevPaginationToken: a?.prev_pagination_token ?? void 0, onPaginationTokenChange: u, onRowClick: (t) => {
+    ct() || p?.(t.id);
+  }, filterComponent: /* @__PURE__ */ i(H, { isDisabled: !P && !R && !a?.data?.length, onChangeFilter: q }), children: /* @__PURE__ */ i(ot, { noDataTitle: o._("No customers yet"), noDataDescription1: o._("You don't have any customers yet."), filterTitle: o._("No customers found"), isLoading: Y, dataLength: a?.data.length || 0, isFiltering: P, isSearching: R, isError: B, onCreate: () => b?.(!0), refetch: j, entityName: o._("Customer"), actionButtonLabel: o._("Create new") }) }) });
+};
+export {
+  Bt as CustomersTable
+};

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

@@ -0,0 +1,45 @@
+import { useMoniteContext as C } from "./index59.js";
+import { fromMinorUnitsWithCurrency as N, toMinorUnitsWithCurrency as d } from "./index119.js";
+import { getAPIErrorMessage as g } from "./index122.js";
+import { useLingui as M } from "@lingui/react";
+import { useEffect as D, useCallback as s } from "react";
+import { toast as I } from "react-hot-toast";
+const $ = () => {
+  const {
+    locale: t,
+    api: a
+  } = C(), {
+    data: r,
+    isSuccess: l,
+    isError: c,
+    error: i
+  } = a.finops.getInternalCurrencies.useQuery(), {
+    i18n: u
+  } = M();
+  D(() => {
+    c && I.error(g(u, i));
+  }, [c, i, u]);
+  const y = (e) => typeof e != "string" || !r || !r[e] ? e : r[e]?.symbol, n = s((e, o) => N(e, o, r), [r]), f = s((e, o) => d(e, o, r), [r]), p = s((e, o, b = !0) => {
+    const F = Number(e), m = n(F, o);
+    return m === null ? null : b && r && r[o] ? new Intl.NumberFormat(t.currencyNumberFormat.localeCode, {
+      style: "currency",
+      currencyDisplay: t.currencyNumberFormat.display === "symbol" ? "narrowSymbol" : t.currencyNumberFormat.display,
+      currency: o
+    }).format(m) : new Intl.NumberFormat(t.currencyNumberFormat.localeCode, {
+      style: "decimal",
+      minimumFractionDigits: 2,
+      maximumFractionDigits: 2
+    }).format(m);
+  }, [r, n, t.currencyNumberFormat.display, t.currencyNumberFormat.localeCode]);
+  return {
+    currencyList: r,
+    getSymbolFromCurrency: y,
+    formatCurrencyToDisplay: p,
+    formatToMinorUnits: f,
+    formatFromMinorUnits: n,
+    isSuccess: l
+  };
+};
+export {
+  $ as useCurrencies
+};

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

@@ -0,0 +1,13 @@
+const l = (e, s) => Object.keys(s).includes(e), n = (e, s) => e === void 0 || e === !0 ? s : e === !1 ? Object.keys(s).reduce((t, o) => ({
+  ...t,
+  [o]: !1
+}), {}) : typeof e == "object" && !Array.isArray(e) && e !== null ? Object.keys(s).reduce((t, o) => {
+  const c = o.charAt(4).toLowerCase() + o.slice(5), a = e[c];
+  return l(c, e) && typeof a == "boolean" ? {
+    ...t,
+    [o]: a
+  } : t;
+}, {}) : s;
+export {
+  n as useOptionalFields
+};

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

@@ -0,0 +1,50 @@
+import { useState as d, useId as a } from "react";
+import { useRootElements as f } from "./index94.js";
+const w = () => {
+  const {
+    root: p
+  } = f(), [n, t] = d({
+    element: null,
+    open: !1
+  }), u = `Monite-Button-${a()}`, r = `Monite-Menu-${a()}`, l = (e) => {
+    e.preventDefault(), e.stopPropagation(), t({
+      element: e.currentTarget,
+      open: !0
+    });
+  }, o = (e) => {
+    e && "preventDefault" in e && (e.preventDefault(), e.stopPropagation()), t((m) => ({
+      ...m,
+      open: !1
+    }));
+  }, s = (e) => {
+    e.defaultPrevented || (e.key === "ArrowDown" || e.key === "ArrowUp") && (e.preventDefault(), t({
+      element: e.currentTarget,
+      open: !0
+    }));
+  }, i = {
+    id: u,
+    "aria-controls": n.open ? r : void 0,
+    "aria-expanded": n.open ? "true" : void 0,
+    "aria-haspopup": "menu",
+    tabIndex: 0,
+    // Ensure span, div are focusable
+    onClick: l,
+    onKeyDown: s
+  }, c = {
+    id: r,
+    anchorEl: n.element,
+    open: n.open,
+    container: p,
+    onClose: o,
+    onClick: o
+  };
+  return {
+    open: n.open,
+    menuProps: c,
+    buttonProps: i,
+    closeMenu: o
+  };
+};
+export {
+  w as useMenuButton
+};