@tesouro/embedded-components-react 0.2.85 → 0.2.87

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

@@ -1,150 +1,160 @@
-import { jsx as o, jsxs as K } from "@emotion/react/jsx-runtime";
-import { CreatePayableMenu as Z } from "./index160.js";
-import { PayableDetails as R } from "./index13.js";
-import { PayablesTable as ee } from "./index14.js";
-import { usePayableCallbacks as oe } from "./index18.js";
-import { useMoniteContext as ae } from "./index57.js";
-import { MoniteScopedProviders as ne } from "./index83.js";
-import { useRootElements as te } from "./index92.js";
-import { getAPIErrorMessage as ie } from "./index122.js";
-import { useLingui as le } from "@lingui/react";
-import { useState as D, useMemo as se } from "react";
-import { toast as r } from "react-hot-toast";
-import { useFileInput as re } from "./index61.js";
+import { jsx as o, jsxs as te } from "@emotion/react/jsx-runtime";
+import { CreatePayableMenu as ie } from "./index173.js";
+import { PayableDetails as j } from "./index13.js";
+import { PayablesTable as re } from "./index14.js";
+import { usePayableCallbacks as le } from "./index18.js";
+import { useMoniteContext as se } from "./index57.js";
+import { MoniteScopedProviders as de } from "./index83.js";
+import { useRootElements as pe } from "./index92.js";
+import { getAPIErrorMessage as me } from "./index124.js";
+import { useLingui as ue } from "@lingui/react";
+import { useState as f, useRef as ce, useEffect as fe, useMemo as be } from "react";
+import { toast as s } from "react-hot-toast";
+import { useFileInput as ye } from "./index61.js";
 import "react-dom";
 import "@mui/x-data-grid";
-import { useComponentSettings as de } from "./index67.js";
-import { useUserPermissions as pe } from "./index141.js";
+import { useComponentSettings as Ce } from "./index67.js";
+import { useUserPermissions as he } 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 A } from "../../shared/data-access/dist/lib/scopes.js";
-import { generatePayablesButtonCssVars as me } from "./index161.js";
-import { Dialog as F } from "./index50.js";
-import { AccessRestriction as ue } from "./index151.js";
+import { Scope as L } from "../../shared/data-access/dist/lib/scopes.js";
+import { generatePayablesButtonCssVars as ve } from "./index174.js";
+import { Dialog as _ } from "./index50.js";
+import { AccessRestriction as Pe } from "./index151.js";
 import "./index84.js";
 import "clsx";
 import "tailwind-merge";
 import "@radix-ui/react-dialog";
 import "lucide-react";
-const qe = (d) => /* @__PURE__ */ o(ne, { children: /* @__PURE__ */ o(ce, { ...d }) }), ce = ({
+const Ze = (d) => /* @__PURE__ */ o(de, { children: /* @__PURE__ */ o(ge, { ...d }) }), ge = ({
   pageTitleComponent: d,
-  enableGLCodes: O,
-  onSaved: $,
-  onCanceled: N,
-  onSubmitted: j,
-  onRejected: _,
-  onApproved: L,
-  onReopened: U,
-  onDeleted: k,
-  onPay: x
+  enableGLCodes: U,
+  initialView: b,
+  initialCounterpartId: y,
+  onSaved: k,
+  onCanceled: x,
+  onSubmitted: G,
+  onRejected: V,
+  onApproved: w,
+  onReopened: Y,
+  onDeleted: B,
+  onPay: Q
 }) => {
   const {
-    i18n: a
-  } = le(), {
-    api: m,
-    queryClient: B,
-    theme: u
-  } = ae(), {
-    componentSettings: G
-  } = de(), {
-    handleSaved: c,
-    handleCanceled: f,
-    handleSubmitted: b,
-    handleRejected: w,
-    handleApproved: y,
-    handleReopened: Q,
-    handleDeleted: T,
-    handlePay: C
-  } = oe({
-    onSaved: $,
-    onCanceled: N,
-    onSubmitted: j,
-    onRejected: _,
-    onApproved: L,
-    onReopened: U,
-    onDeleted: k,
-    onPay: x
-  }), [p, i] = D({
+    i18n: n
+  } = ue(), {
+    api: C,
+    queryClient: T,
+    theme: h
+  } = se(), {
+    componentSettings: W
+  } = Ce(), {
+    handleSaved: v,
+    handleCanceled: P,
+    handleSubmitted: g,
+    handleRejected: q,
+    handleApproved: I,
+    handleReopened: z,
+    handleDeleted: H,
+    handlePay: S
+  } = le({
+    onSaved: k,
+    onCanceled: x,
+    onSubmitted: G,
+    onRejected: V,
+    onApproved: w,
+    onReopened: Y,
+    onDeleted: B,
+    onPay: Q
+  }), [p, t] = f({
     invoiceId: void 0,
     open: !1,
     shouldOpenEditMode: !1
-  }), l = () => {
-    i((e) => ({
+  }), i = () => {
+    t((e) => ({
       ...e,
       open: !1,
       shouldOpenEditMode: !1,
       invoiceId: void 0
     }));
-  }, [V, n] = D(!1), {
-    FileInput: q,
-    openFileInput: H,
-    checkFileError: W
-  } = re(), Y = m.finops.postPayablesUploadFromFile.useMutation({}, {
-    onSuccess: () => m.finops.getPayables.invalidateQueries(B),
+  }, [J, r] = f(!1), [K, m] = f(void 0), E = ce(!1), u = () => {
+    r(!1), m(void 0);
+  }, {
+    FileInput: X,
+    openFileInput: Z,
+    checkFileError: ee
+  } = ye(), oe = C.finops.postPayablesUploadFromFile.useMutation({}, {
+    onSuccess: () => C.finops.getPayables.invalidateQueries(T),
     onError: () => {
     }
-  }), h = 10, v = (e) => {
-    const t = e instanceof File ? [e] : Array.from(e);
-    if (t.length > h) {
-      r.error(a._("You can only upload up to {fileCount} files at a time", {
-        fileCount: h
+  }), M = 10, R = (e) => {
+    const a = e instanceof File ? [e] : Array.from(e);
+    if (a.length > M) {
+      s.error(n._("You can only upload up to {fileCount} files at a time", {
+        fileCount: M
       }));
       return;
     }
-    t.forEach((s) => {
-      const M = W(s);
-      if (M) {
-        r.error(M);
+    a.forEach((l) => {
+      const $ = ee(l);
+      if ($) {
+        s.error($);
         return;
       }
-      r.promise(Y.mutateAsync({
-        file: s
+      s.promise(oe.mutateAsync({
+        file: l
       }), {
-        loading: a._("Uploading {fileName}", {
-          fileName: s.name
+        loading: n._("Uploading {fileName}", {
+          fileName: l.name
         }),
-        success: a._("Payable {fileName} uploaded successfully", {
-          fileName: s.name
+        success: n._("Payable {fileName} uploaded successfully", {
+          fileName: l.name
         }),
-        error: (X) => ie(a, X)
+        error: (ae) => me(n, ae)
       });
     });
-  }, P = pe(), z = P.has(A.PayableWriteOrg), g = P.has(A.PayableReadOrg), {
-    root: I
-  } = te(), S = "Monite-Payables-Header", E = O ?? G?.payables?.enableGLCodes ?? !1, J = se(() => me(u.components?.styles?.payables?.button), [u.components?.styles?.payables?.button]);
-  return /* @__PURE__ */ K("div", { className: "Monite-Payables", style: J, children: [
-    d(/* @__PURE__ */ o(Z, { isCreateAllowed: z, onCreateInvoice: () => n(!0), handleFileUpload: v })),
-    !g && /* @__PURE__ */ o(ue, {}),
-    g && /* @__PURE__ */ o(ee, { onRowClick: (e) => i({
+  }, D = he(), c = D.has(L.PayableWriteOrg), A = D.has(L.PayableReadOrg);
+  fe(() => {
+    E.current || b === "create" && c && (E.current = !0, m(y), r(!0));
+  }, [b, c, y]);
+  const {
+    root: F
+  } = pe(), O = "Monite-Payables-Header", N = U ?? W?.payables?.enableGLCodes ?? !1, ne = be(() => ve(h.components?.styles?.payables?.button), [h.components?.styles?.payables?.button]);
+  return /* @__PURE__ */ te("div", { className: "Monite-Payables", style: ne, children: [
+    d(/* @__PURE__ */ o(ie, { isCreateAllowed: c, onCreateInvoice: () => {
+      m(void 0), r(!0);
+    }, handleFileUpload: R })),
+    !A && /* @__PURE__ */ o(Pe, {}),
+    A && /* @__PURE__ */ o(re, { onRowClick: (e) => t({
       open: !0,
       invoiceId: e
-    }), onPay: C, onApproved: y, onCanceled: f, onSubmitted: b, openFileInput: H, setIsCreateInvoiceDialogOpen: n, openEditDialog: (e) => i({
+    }), onPay: S, onApproved: I, onCanceled: P, onSubmitted: g, openFileInput: Z, setIsCreateInvoiceDialogOpen: r, openEditDialog: (e) => t({
       open: !0,
       invoiceId: e,
       shouldOpenEditMode: !0
     }) }),
-    /* @__PURE__ */ o(q, { "aria-label": a._("Upload payable files"), multiple: !0, onChange: (e) => {
-      const t = e.target.files;
-      t && v(t);
+    /* @__PURE__ */ o(X, { "aria-label": n._("Upload payable files"), multiple: !0, onChange: (e) => {
+      const a = e.target.files;
+      a && R(a);
     } }),
-    /* @__PURE__ */ o(F, { className: S + "-Dialog-PayableDetails", open: p.open, container: I, onClose: l, onClosed: l, fullScreen: !0, children: /* @__PURE__ */ o(R, { id: p.invoiceId, shouldOpenInEditMode: p.shouldOpenEditMode, enableGLCodes: E, onClose: l, onSaved: c, onCanceled: f, onSubmitted: b, onRejected: w, onApproved: y, onReopened: Q, onDeleted: (e) => {
-      T?.(e), l(), r(a._("Bill #{payableId} has been deleted", {
+    /* @__PURE__ */ o(_, { className: O + "-Dialog-PayableDetails", open: p.open, container: F, onClose: i, onClosed: i, fullScreen: !0, children: /* @__PURE__ */ o(j, { id: p.invoiceId, shouldOpenInEditMode: p.shouldOpenEditMode, enableGLCodes: N, onClose: i, onSaved: v, onCanceled: P, onSubmitted: g, onRejected: q, onApproved: I, onReopened: z, onDeleted: (e) => {
+      H?.(e), i(), s(n._("Bill #{payableId} has been deleted", {
         payableId: e
       }), {
         duration: 5e3
       });
-    }, onPay: C }) }),
-    /* @__PURE__ */ o(F, { className: S + "-Dialog-CreatePayable", open: V, container: I, onClose: () => n(!1), fullScreen: !0, children: /* @__PURE__ */ o(R, { shouldOpenInEditMode: !0, enableGLCodes: E, onClose: () => n(!1), onSaved: (e) => {
-      i({
+    }, onPay: S }) }),
+    /* @__PURE__ */ o(_, { className: O + "-Dialog-CreatePayable", open: J, container: F, onClose: u, fullScreen: !0, children: /* @__PURE__ */ o(j, { shouldOpenInEditMode: !0, initialCounterpartId: K, enableGLCodes: N, onClose: u, onSaved: (e) => {
+      t({
         open: !0,
         invoiceId: e
-      }), n(!1), c?.(e);
+      }), u(), v?.(e);
     } }) })
   ] });
 };
 export {
-  qe as Payables
+  Ze as Payables
 };

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

@@ -15,8 +15,8 @@ import "@tanstack/react-query";
 import "../../shared/data-access/dist/lib/rest/zod.gen.js";
 import { Scope as Q } from "../../shared/data-access/dist/lib/scopes.js";
 import { AccessRestriction as X } from "./index151.js";
-import { useCreateCounterpart as Y } from "./index182.js";
-import { LanguageCodeEnum as Z } from "./index183.js";
+import { useCreateCounterpart as Y } from "./index195.js";
+import { LanguageCodeEnum as Z } from "./index196.js";
 import "./index57.js";
 import "react-hot-toast";
 import { useCreateCounterpartBank as ee } from "./index233.js";

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

@@ -2,7 +2,7 @@ import { jsx as l, jsxs as f } from "@emotion/react/jsx-runtime";
 import { useMemo as c } from "react";
 import { cva as w } from "class-variance-authority";
 import { cn as o } from "./index100.js";
-import { Label as m } from "./index285.js";
+import { Label as m } from "./index247.js";
 import "radix-ui";
 const u = w("ttw:group/field ttw:flex ttw:w-full ttw:gap-3 ttw:data-[invalid=true]:text-destructive", {
   variants: {

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

@@ -1,6 +1,6 @@
 import { jsxs as l, jsx as e } from "@emotion/react/jsx-runtime";
-import { Select as s, SelectTrigger as o, SelectValue as c, SelectContent as m, SelectItem as i } from "./index269.js";
-import { Input as d } from "./index118.js";
+import { Select as s, SelectTrigger as o, SelectValue as c, SelectContent as m, SelectItem as i } from "./index273.js";
+import { Input as d } from "./index120.js";
 import { useLingui as u } from "@lingui/react";
 import { FILTER_TYPE_SEARCH as w, FILTER_TYPE_TYPE as h } from "./index155.js";
 const T = ({

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

@@ -1,5 +1,5 @@
 import { jsx as i } from "@emotion/react/jsx-runtime";
-import { DataGridEmptyState as n } from "./index171.js";
+import { DataGridEmptyState as n } from "./index184.js";
 import { useLingui as h } from "@lingui/react";
 const b = ({
   isLoading: o,

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

@@ -1,8 +1,8 @@
 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 "./index270.js";
+import { Table as D, TableHeader as H, TableRow as m, TableHead as I, TableBody as L, TableCell as v } from "./index272.js";
 import { Button as S } from "./index84.js";
-import { Select as V, SelectTrigger as $, SelectValue as B, SelectContent as _, SelectItem as d } from "./index269.js";
+import { Select as V, SelectTrigger as $, SelectValue as B, SelectContent as _, SelectItem as d } from "./index273.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";

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

@@ -1,101 +1,29 @@
-import { jsx as t, jsxs as r } from "@emotion/react/jsx-runtime";
-import { useState as f } from "react";
-import { toast as n } from "react-hot-toast";
+import { jsx as l } from "@emotion/react/jsx-runtime";
+import { ConfirmationModal as s } from "./index235.js";
+import { useLingui as d } from "@lingui/react";
 import "./index57.js";
-import { useLingui as _ } from "@lingui/react";
-import "./index92.js";
-import { useFileInput as z } from "./index61.js";
-import "react-dom";
-import "@mui/x-data-grid";
-import { Button as s } from "./index84.js";
-import { Popover as D, PopoverTrigger as P, PopoverContent as k } from "./index359.js";
-import { cn as F } from "./index100.js";
-import { ChevronUpIcon as I, ChevronDownIcon as U, CloudUpload as j, Copy as A, Plus as E } from "lucide-react";
-const K = ({
-  isCreateAllowed: u,
-  onCreateInvoice: h,
-  handleFileUpload: w
+import "react-hot-toast";
+import { useGetProductById as u } from "./index171.js";
+import { useDeleteProduct as c } from "./index270.js";
+const P = ({
+  id: e,
+  open: a,
+  onClose: t,
+  onDeleted: r
 }) => {
   const {
-    i18n: e
-  } = _(), [c, a] = f(!1), {
-    FileInput: x,
-    openFileInput: b,
-    checkFileError: y
-  } = z(), [g, i] = f(!1), v = (l) => {
-    l.preventDefault(), i(!0);
-  }, N = (l) => {
-    l.preventDefault(), i(!1);
-  }, d = 10, C = (l) => {
-    l.preventDefault(), i(!1);
-    const o = Array.from(l.dataTransfer.files);
-    if (o.length > d) {
-      n.error(e._("You can only upload up to {fileCount} files at a time", {
-        fileCount: d
-      })), a(!1);
-      return;
-    }
-    o.forEach((m) => {
-      const p = y(m);
-      if (p) {
-        n.error(p);
-        return;
-      }
-      w(m);
-    }), a(!1);
+    i18n: o
+  } = d(), {
+    data: n
+  } = u(e), i = c(e, () => {
+    t(), r?.(e);
+  }), m = () => {
+    i.mutate(void 0);
   };
-  return /* @__PURE__ */ t("div", { className: "Monite-Payables", children: /* @__PURE__ */ r(D, { open: c, onOpenChange: a, children: [
-    /* @__PURE__ */ t(P, { asChild: !0, children: /* @__PURE__ */ r(s, { size: "lg", disabled: !u, children: [
-      e._("Add new bill"),
-      c ? /* @__PURE__ */ t(I, {}) : /* @__PURE__ */ t(U, {})
-    ] }) }),
-    /* @__PURE__ */ r(k, { align: "end", className: "ttw:w-auto ttw:min-w-110 ttw:border-none ttw:p-6", children: [
-      /* @__PURE__ */ r("div", { className: "ttw:w-110 ttw:flex ttw:flex-col ttw:gap-4", onClick: (l) => {
-        l.preventDefault(), l.stopPropagation();
-      }, children: [
-        /* @__PURE__ */ r("div", { children: [
-          /* @__PURE__ */ t("h3", { className: "ttw:text-xl ttw:font-semibold ttw:text-zinc-950", children: e._("Upload bills") }),
-          /* @__PURE__ */ t("p", { className: "ttw:text-sm ttw:font-normal ttw:text-zinc-500", children: e._("Upload your bills and we'll automatically pull the details so you can review and approve.") })
-        ] }),
-        /* @__PURE__ */ t("div", { className: F("ttw:box-border ttw:cursor-pointer ttw:w-full ttw:h-36.5 ttw:flex ttw:flex-col ttw:items-center ttw:justify-center ttw:text-center ttw:border ttw:rounded-lg ttw:border-dashed ttw:border-zinc-200 ttw:bg-zinc-50", g && "ttw:bg-transparent"), onDragOver: v, onDragLeave: N, onDrop: C, onClick: b, children: /* @__PURE__ */ r("div", { className: "ttw:mx-auto ttw:flex ttw:flex-col ttw:items-center ttw:gap-2", children: [
-          /* @__PURE__ */ t("div", { className: "ttw:w-11 ttw:h-11 ttw:rounded-full ttw:bg-primary ttw:flex ttw:items-center ttw:justify-center", children: /* @__PURE__ */ t(j, { className: "ttw:text-white ttw:size-5" }) }),
-          /* @__PURE__ */ r("p", { className: "ttw:text-sm ttw:font-medium ttw:text-zinc-950", children: [
-            e._("Drop your files here, or"),
-            " ",
-            /* @__PURE__ */ t("span", { className: "ttw:text-primary ttw:underline", children: e._("click to browse") })
-          ] }),
-          /* @__PURE__ */ t("p", { className: "ttw:text-xs ttw:font-normal ttw:text-zinc-500", children: e._("PDF, PNG or JPG (max. 20MB)") })
-        ] }) }),
-        /* @__PURE__ */ r("div", { className: "ttw:flex ttw:flex-col", children: [
-          /* @__PURE__ */ t("h3", { className: "ttw:text-primary ttw:text-sm ttw:font-semibold", children: e._("Send via email") }),
-          /* @__PURE__ */ t("p", { className: "ttw:text-zinc-500 ttw:font-normal ttw:text-sm", children: e._("Email your bills here and they'll appear in your bill pay inbox, ready to review and pay.") })
-        ] }),
-        /* @__PURE__ */ r("div", { className: "ttw:px-3 ttw:h-14 ttw:border ttw:border-zinc-200 ttw:rounded-lg ttw:flex ttw:items-center ttw:justify-between ttw:gap-6", children: [
-          /* @__PURE__ */ t("span", { children: e._("bills@business-banking.com") }),
-          /* @__PURE__ */ r(s, { type: "button", variant: "ghost", size: "sm", className: "ttw:text-primary ttw:hover:bg-primary-foreground ttw:hover:text-primary", onClick: () => {
-            navigator.clipboard.writeText("bills@business-banking.com"), n.success(e._("Email address copied to clipboard"));
-          }, children: [
-            /* @__PURE__ */ t(A, {}),
-            e._("Copy")
-          ] })
-        ] }),
-        /* @__PURE__ */ r("div", { className: "ttw:flex ttw:flex-col ttw:gap-4", children: [
-          /* @__PURE__ */ t("h3", { className: "ttw:text-sm ttw:font-semibold ttw:text-primary", children: e._("Or add bill manually") }),
-          /* @__PURE__ */ r(s, { onClick: () => {
-            a(!1), h();
-          }, className: "ttw:w-fit ttw:bg-primary-foreground ttw:hover:bg-primary-foreground ttw:text-primary", children: [
-            /* @__PURE__ */ t(E, {}),
-            e._("Add new bill")
-          ] })
-        ] })
-      ] }),
-      /* @__PURE__ */ t(x, { "aria-label": e._("Upload payable files"), multiple: !0, onChange: (l) => {
-        const o = l.target.files;
-        o && w(o), a(!1);
-      } })
-    ] })
-  ] }) });
+  return n ? /* @__PURE__ */ l(s, { open: a && !!e, title: o._('Delete "{name}"?', {
+    name: n.name
+  }), message: o._("It will remain in all the documents where it is added. You can't undo this action."), confirmLabel: o._("Delete"), cancelLabel: o._("Cancel"), onClose: t, onConfirm: m, isLoading: i.isPending }) : null;
 };
 export {
-  K as CreatePayableMenu
+  P as ProductDeleteModal
 };

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

@@ -1,59 +1,15 @@
-function d(o) {
-  return /gradient\(/.test(o);
-}
-function u(o, n) {
-  o.background && (d(o.background) ? (n.backgroundImage = o.background, n.background = o.background) : (n.background = o.background, n.backgroundImage = "none"));
-}
-function c(o, n) {
-  o.color && (n.color = o.color);
-}
-function b(o, n) {
-  o.border && (n.border = o.border), o.borderRadius !== void 0 && (n.borderRadius = typeof o.borderRadius == "number" ? `${o.borderRadius}px` : o.borderRadius);
-}
-function g(o, n) {
-  o.fontWeight !== void 0 && (n.fontWeight = o.fontWeight);
-}
-function p(o, n) {
-  o.boxShadow !== void 0 && (n.boxShadow = o.boxShadow);
-}
-function l(o, n) {
-  if (!o.transitionDuration && !o.transitionTimingFunction && !o.transitionProperty)
-    return;
-  const a = [], t = o.transitionProperty || "all";
-  a.push(t), o.transitionDuration && a.push(o.transitionDuration), o.transitionTimingFunction && a.push(o.transitionTimingFunction), n.transition = a.join(" ");
-}
-function y(o) {
-  if (!o) return {};
-  const n = {};
-  return u(o, n), c(o, n), b(o, n), g(o, n), p(o, n), l(o, n), n;
-}
-function f(o, n) {
-  return !n || !n[o] ? {} : y(n[o]);
-}
-function h(o) {
-  if (!o) return {};
-  const n = {};
-  return ["primary", "secondary", "tertiary", "destructive"].forEach((a) => {
-    const t = o[a];
-    if (!t) return;
-    const i = `--ttw-btn-payables-${a}`;
-    t.background && (n[`${i}-bg`] = t.background), t.color && (n[`${i}-color`] = t.color), t.border && (n[`${i}-border`] = t.border), t.borderRadius !== void 0 && (n[`${i}-radius`] = typeof t.borderRadius == "number" ? `${t.borderRadius}px` : t.borderRadius), t.fontWeight !== void 0 && (n[`${i}-weight`] = String(t.fontWeight)), t.boxShadow && (n[`${i}-shadow`] = t.boxShadow), t.transitionProperty && (n[`${i}-transition-property`] = t.transitionProperty), t.transitionDuration && (n[`${i}-transition-duration`] = t.transitionDuration), t.transitionTimingFunction && (n[`${i}-transition-timing`] = t.transitionTimingFunction), ["hover", "active", "focus", "disabled"].forEach((s) => {
-      const r = t[s];
-      if (!r) return;
-      const e = `${i}-${s}`;
-      r.background && (n[`${e}-bg`] = r.background), r.color && (n[`${e}-color`] = r.color), r.border && (n[`${e}-border`] = r.border), r.boxShadow && (n[`${e}-shadow`] = r.boxShadow);
-    });
-  }), n;
-}
+import { jsx as i } from "@emotion/react/jsx-runtime";
+import { Badge as n } from "./index242.js";
+import { useLingui as p } from "@lingui/react";
+import { twMerge as c } from "tailwind-merge";
+const d = ({
+  type: e
+}) => {
+  const {
+    i18n: t
+  } = p(), r = e === "product", o = r ? t._("Product") : t._("Service");
+  return /* @__PURE__ */ i(n, { variant: "secondary", className: c(r ? "ttw:bg-blue-100 ttw:text-blue-700" : "ttw:bg-pink-100 ttw:text-pink-700"), children: o });
+};
 export {
-  u as applyBackgroundStyles,
-  b as applyBorderStyles,
-  c as applyColorStyles,
-  p as applyShadowStyles,
-  l as applyTransitionStyles,
-  g as applyTypographyStyles,
-  h as generatePayablesButtonCssVars,
-  f as getButtonStateStyles,
-  y as getButtonStyles,
-  d as isGradient
+  d as ProductType
 };

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

@@ -1,11 +1,22 @@
-import { jsx as r } from "@emotion/react/jsx-runtime";
-import { CounterpartNameCellById as o } from "./index156.js";
-const n = ({
-  counterpartName: t,
-  counterpartId: e
-}) => t ? /* @__PURE__ */ r("span", { children: t }) : e ? /* @__PURE__ */ r(o, { counterpartId: e }) : /* @__PURE__ */ r("span", { style: {
-  opacity: 0.4
-}, children: "-" });
+import { jsx as t, jsxs as o } from "@emotion/react/jsx-runtime";
+import { useDebounceCallback as s } from "./index65.js";
+import { InputGroup as i, InputGroupAddon as m, InputGroupInput as p } from "./index101.js";
+import { useLingui as l } from "@lingui/react";
+import { Search as u } from "lucide-react";
+import { FILTER_TYPE_SEARCH as c } from "./index164.js";
+const x = ({
+  onChangeFilter: r
+}) => {
+  const {
+    i18n: n
+  } = l(), a = s((e) => {
+    r(c, e);
+  }, 500);
+  return /* @__PURE__ */ t("div", { className: "ttw:flex ttw:justify-between ttw:items-center ttw:gap-4", children: /* @__PURE__ */ o(i, { className: "ttw:w-80", children: [
+    /* @__PURE__ */ t(m, { align: "inline-start", children: /* @__PURE__ */ t(u, {}) }),
+    /* @__PURE__ */ t(p, { placeholder: n._("Search by name"), onChange: (e) => a(e.target.value) })
+  ] }) });
+};
 export {
-  n as InvoicesCounterpartCell
+  x as Filters
 };

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

@@ -1,48 +1,23 @@
-import { jsxs as w, jsx as c } from "@emotion/react/jsx-runtime";
-import { RECURRENCE_STATUS_ICON as g } from "./index237.js";
-import { getCommonRecurrenceStatusLabel as m } from "./index311.js";
-import "date-fns";
-import { Badge as l } from "./index235.js";
-import { cn as p } from "./index100.js";
-import { useLingui as b } from "@lingui/react";
-import { cva as u } from "class-variance-authority";
-const r = u("", {
-  variants: {
-    variant: {
-      // Active reads periwinkle (indigo) to match the recurrence design,
-      // sitting in the same cool family as the violet "Recurring" badge.
-      active: "ttw:bg-indigo-100 ttw:text-indigo-700",
-      paused: "ttw:bg-yellow-100 ttw:text-yellow-700",
-      canceled: "ttw:bg-red-100 ttw:text-red-700",
-      completed: "ttw:bg-green-100 ttw:text-green-700"
-    },
-    dotVariant: {
-      active: "ttw:border-indigo-100 ttw:bg-indigo-700",
-      paused: "ttw:border-yellow-100 ttw:bg-yellow-700",
-      canceled: "ttw:border-red-100 ttw:bg-red-700",
-      completed: "ttw:border-green-100 ttw:bg-green-700"
-    }
-  }
-}), R = ({
-  status: t,
-  className: o,
-  showBadgeBackground: e = !0,
-  showIcon: a = !1,
-  dotSize: i,
-  ref: s
+import { jsx as o } from "@emotion/react/jsx-runtime";
+import { memo as a } from "react";
+import { useMoniteContext as m } from "./index57.js";
+import { Skeleton as n } from "./index132.js";
+import { Typography as s } from "./index85.js";
+const f = a(({
+  unitId: e
 }) => {
   const {
-    i18n: n
-  } = b(), d = g[t];
-  return /* @__PURE__ */ w(l, { ref: s, className: p("ttw:inline-flex ttw:items-center ttw:gap-1", r({
-    variant: t
-  }), o), dotClassName: r({
-    dotVariant: t
-  }), showBadgeBackground: e, showDotBorder: !e, dotSize: i, showDot: !1, children: [
-    a && /* @__PURE__ */ c(d, { className: "ttw:size-3", "aria-hidden": !0 }),
-    m(n, t)
-  ] });
-};
+    api: r
+  } = m(), {
+    data: t,
+    isLoading: i
+  } = r.finops.getMeasureUnitsId.useQuery({
+    path: {
+      unit_id: e
+    }
+  });
+  return i ? /* @__PURE__ */ o(n, { className: "ttw:h-4 ttw:w-4" }) : t ? /* @__PURE__ */ o(s, { color: "muted", variant: "body2", children: t.name }) : null;
+});
 export {
-  R as InvoiceRecurrenceStatusChip
+  f as MeasureUnit
 };