@tesouro/embedded-components-react 0.2.213 → 0.2.217

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

@@ -1,56 +1,13 @@
-import { jsx as o, jsxs as h, Fragment as x } from "@emotion/react/jsx-runtime";
-import { useState as n } from "react";
-import { useMoniteContext as y } from "./index57.js";
-import { useRootElements as I } from "./index92.js";
-import { classNames as _ } from "./index190.js";
-import { useLingui as F } from "@lingui/react";
-import { Autocomplete as M, TextField as O, CircularProgress as v } from "@mui/material";
-const $ = ({
-  onChange: l,
-  className: p
-}) => {
+import { useMoniteContext as o } from "./index57.js";
+const n = () => {
   const {
-    i18n: r
-  } = F(), {
-    api: d
-  } = y(), {
-    root: u
-  } = I(), [i, s] = n(!1), [m, c] = n(null), [f, g] = n(""), {
-    data: C,
-    isLoading: a,
-    refetch: A
-  } = d.finops.getEntityUsers.useQuery({
-    query: {
-      name__istartswith: f || void 0
+    api: t
+  } = o();
+  return t.finops.postFiles.useMutation({}, {
+    onError: () => {
     }
-  }, {
-    enabled: i
   });
-  return /* @__PURE__ */ o(M, { autoComplete: !0, includeInputInList: !0, filterSelectedOptions: !0, value: m, noOptionsText: r._("No users found"), slotProps: {
-    popper: {
-      container: u
-    }
-  }, open: i, onOpen: () => {
-    s(!0);
-  }, onClose: () => {
-    s(!1);
-  }, loading: a, options: C?.data || [], getOptionLabel: (e) => `${e.first_name ?? ""} ${e.last_name ?? ""}`.trim(), isOptionEqualToValue: (e, t) => e.id === t.id, filterOptions: (e) => e, onInputChange: (e, t) => {
-    g(t);
-  }, onChange: (e, t) => {
-    c(t), l(t?.id), A();
-  }, className: _("Monite-ApprovalAddedByFilter-Container", "Monite-FilterControl", p), sx: {
-    "&.MuiAutocomplete-root": {
-      display: "flex",
-      alignItems: "center"
-    }
-  }, renderInput: (e) => /* @__PURE__ */ o(O, { ...e, variant: "standard", placeholder: r._("Added by"), className: "Monite-ApprovalAddedByFilter Monite-FilterControl", InputProps: {
-    ...e.InputProps,
-    endAdornment: /* @__PURE__ */ h(x, { children: [
-      a ? /* @__PURE__ */ o(v, { color: "inherit", size: 20 }) : null,
-      e.InputProps.endAdornment
-    ] })
-  } }) });
 };
 export {
-  $ as AutocompleteCreatedBy
+  n as useUploadReceivableAttachment
 };

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

@@ -1,20 +1,13 @@
-import { jsx as l } from "@emotion/react/jsx-runtime";
-import { useFileById as s } from "./index77.js";
-import { Avatar as e } from "@mui/material";
-const n = ({
-  alt: t,
-  fileId: a,
-  ...r
-}) => a ? /* @__PURE__ */ l(i, { fileId: a, alt: t, ...r }) : /* @__PURE__ */ l(e, { alt: t, ...r }), i = ({
-  alt: t,
-  fileId: a,
-  ...r
-}) => {
+import { useMoniteContext as o } from "./index57.js";
+const r = () => {
   const {
-    data: o
-  } = s(a);
-  return /* @__PURE__ */ l(e, { alt: t, src: o?.url, ...r });
+    api: e
+  } = o();
+  return e.finops.deleteFilesId.useMutation(void 0, {
+    onError: () => {
+    }
+  });
 };
 export {
-  n as UserAvatar
+  r as useDeleteFile
 };

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

@@ -1,7 +1,7 @@
 import { jsx as o, jsxs as b, Fragment as $ } from "@emotion/react/jsx-runtime";
 import { ScopedCssBaselineContainerClassName as z } from "./index104.js";
 import { InvoiceStatusChip as k } from "./index55.js";
-import { ReceivableFilters as G } from "./index187.js";
+import { ReceivableFilters as G } from "./index169.js";
 import "react-hot-toast";
 import { useMoniteContext as A } from "./index57.js";
 import { useLingui as B } from "@lingui/react";
@@ -11,7 +11,7 @@ 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 { useReceivablesFilters as W } from "./index188.js";
+import { useReceivablesFilters as W } from "./index170.js";
 import "date-fns";
 import { useCurrencies as j } from "./index58.js";
 import "clsx";
@@ -19,18 +19,18 @@ import "tailwind-merge";
 import "@radix-ui/react-dropdown-menu";
 import "lucide-react";
 import "./index84.js";
-import { useGetReceivables as E } from "./index149.js";
+import { useGetReceivables as E } from "./index134.js";
 import "./index92.js";
 import { useAreCounterpartsLoading as V, defaultCounterpartColumnWidth as q, useAutosizeGridColumns as H } from "./index62.js";
 import "react-hook-form";
 import { MoniteScopedProviders as Q } from "./index83.js";
-import { ReceivableCursorFields as x } from "./index185.js";
-import { CounterpartNameCellById as Y } from "./index162.js";
-import { DataGridEmptyState as J } from "./index189.js";
-import { GetNoRowsOverlay as K } from "./index163.js";
+import { ReceivableCursorFields as x } from "./index167.js";
+import { CounterpartNameCellById as Y } from "./index149.js";
+import { DataGridEmptyState as J } from "./index171.js";
+import { GetNoRowsOverlay as K } from "./index150.js";
 import { TablePagination as U } from "./index86.js";
-import { classNames as X } from "./index190.js";
-import { hasSelectedText as Z } from "./index165.js";
+import { classNames as X } from "./index172.js";
+import { hasSelectedText as Z } from "./index152.js";
 import { Stack as ee, Typography as te, Box as oe } from "@mui/material";
 import { DataGrid as ie } from "@mui/x-data-grid";
 const De = (s) => /* @__PURE__ */ o(Q, { children: /* @__PURE__ */ o(ae, { ...s }) }), ae = ({

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

@@ -1,125 +1,34 @@
-import { useCurrencies as m } from "./index58.js";
-import "react";
-import "./index92.js";
-import "@emotion/react/jsx-runtime";
-import { useLingui as d } from "@lingui/react";
-import "react-dom";
-import "./index57.js";
-import "@mui/x-data-grid";
-import { getTriggerKeyAndValue as f, isValidTriggerKey as p, isValidOperation as A, OPERATOR_OPERATIONS as o } from "./index440.js";
-const O = ({
-  approvalPolicy: i
-}) => {
-  const {
-    i18n: t
-  } = d(), {
-    formatCurrencyToDisplay: s
-  } = m(), c = (e) => {
-    switch (e) {
-      case "amount":
-        return t._("Amount");
-      case "was_created_by_user_id":
-        return t._("Created by user");
-      case "counterpart_id":
-        return t._("Vendors");
-      case "tags":
-        return t._("Tags");
-      default:
-        return e;
-    }
-  }, l = (e) => {
-    switch (e) {
-      case "amount":
-        return t._("Amount");
-      case "was_created_by_user_id":
-        return t._("Created by");
-      case "counterpart_id":
-        return t._("Vendors");
-      case "tags":
-        return t._("Has tags");
-      default:
-        return e;
-    }
-  }, _ = (e, u) => {
-    const a = s(e[0][1], u);
-    if (e.length === 1)
-      switch (e[0][0]) {
-        case o.GREATER_THAN:
-          return t._("Greater than {formattedValue}", {
-            formattedValue: a
-          });
-        case o.GREATER_THAN_OR_EQUAL:
-          return t._("Greater than or equal to {formattedValue}", {
-            formattedValue: a
-          });
-        case o.LESS_THAN:
-          return t._("Less than {formattedValue}", {
-            formattedValue: a
-          });
-        case o.LESS_THAN_OR_EQUAL:
-          return t._("Less than or equal to {formattedValue}", {
-            formattedValue: a
-          });
-        case o.EQUALS:
-          return t._("Equal to {formattedValue}", {
-            formattedValue: a
-          });
-        default:
-          return a;
-      }
-    if (e.length === 2) {
-      const r = e.find((n) => n[0] === o.GREATER_THAN_OR_EQUAL), g = e.find((n) => n[0] === o.LESS_THAN_OR_EQUAL);
-      if (r && g)
-        return t._("{from} - {to}", {
-          from: s(r[1], u),
-          to: s(g[1], u)
-        });
-    }
-    return a;
-  };
-  return ((e) => !!(e && typeof e == "object" && "all" in e && Array.isArray(e.all)))(i?.trigger) ? {
-    triggers: i.trigger?.all?.reduce((e, u) => {
-      if (typeof u == "string" || !u.operator || !u.left_operand || u.right_operand == null)
-        return e;
-      const {
-        key: a,
-        value: r
-      } = f(u);
-      if (!a || r == null || !p(a))
-        return e;
-      switch (a) {
-        case "amount":
-          (typeof r == "string" || typeof r == "number") && A(u.operator) && (e.amount || (e.amount = {
-            currency: "EUR",
-            value: []
-          }), e.amount.value.push([u.operator, r]));
-          break;
-        case "currency":
-          e.amount ? e.amount.currency = r : e.amount = {
-            value: [],
-            currency: r
-          };
-          break;
-        case "tags.id":
-          typeof r == "string" && (e.tags || (e.tags = []), e.tags.push(r));
-          break;
-        case "counterpart_id":
-        case "was_created_by_user_id":
-          Array.isArray(r) && (e[a] = r);
-          break;
-      }
-      return e;
-    }, {}),
-    getTriggerName: c,
-    getTriggerLabel: l,
-    getAmountLabel: _
-  } : {
-    triggers: {},
-    getTriggerName: c,
-    getTriggerLabel: l,
-    getAmountLabel: _
+import { useRef as v, useState as s, useCallback as r, useEffect as M } from "react";
+const D = () => {
+  const t = v(null), [n, a] = s(!1), [u, o] = s(0), [f, c] = s(0), d = r((e) => {
+    a(!0), o(e.pageX - (t.current?.offsetLeft || 0)), c(t.current?.scrollLeft || 0);
+  }, []), h = r(() => {
+    a(!1);
+  }, []), i = r(() => {
+    a(!1);
+  }, []), L = r((e) => {
+    if (!n) return;
+    e.preventDefault();
+    const p = e.pageX - (t.current?.offsetLeft || 0) - u;
+    t.current && (t.current.scrollLeft = f - p);
+  }, [n, u, f]), l = r((e) => {
+    t.current && (e.deltaMode === 0 && Math.abs(e.deltaX) > Math.abs(e.deltaY) ? (e.preventDefault(), t.current.scrollLeft += e.deltaX * 2) : e.preventDefault());
+  }, []);
+  return M(() => {
+    const e = t.current;
+    if (e)
+      return e.addEventListener("wheel", l), () => {
+        e.removeEventListener("wheel", l);
+      };
+  }, [l]), {
+    containerRef: t,
+    handleMouseDown: d,
+    handleMouseLeave: h,
+    handleMouseUp: i,
+    handleMouseMove: L,
+    isDragging: n
   };
 };
 export {
-  O as useApprovalPolicyTrigger
+  D as useDragScroll
 };

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

@@ -1,20 +1,7 @@
-import b from "@emotion/styled/base";
-function t() {
-  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
-}
-const e = /* @__PURE__ */ b("ul", process.env.NODE_ENV === "production" ? {
-  target: "e10it8hw0"
-} : {
-  target: "e10it8hw0",
-  label: "ColumnList"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1932ye7",
-  styles: "margin:0;padding:0;list-style:none;li{display:flex;gap:4px;align-items:center;}"
-} : {
-  name: "1932ye7",
-  styles: "margin:0;padding:0;list-style:none;li{display:flex;gap:4px;align-items:center;}/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL1Rlc291cm8uUGF5bWVudHMuRnJvbnRlbmRzL1Rlc291cm8uUGF5bWVudHMuRnJvbnRlbmRzL2xpYnMvdGVzb3Vyby1lbWJlZGRlZC1jb21wb25lbnRzLXJlYWN0L21vbml0ZS1zZGsvc3JjL2NvbXBvbmVudHMvYXBwcm92YWxQb2xpY2llcy9BcHByb3ZhbFBvbGljaWVzVGFibGUvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVtQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9UZXNvdXJvLlBheW1lbnRzLkZyb250ZW5kcy9UZXNvdXJvLlBheW1lbnRzLkZyb250ZW5kcy9saWJzL3Rlc291cm8tZW1iZWRkZWQtY29tcG9uZW50cy1yZWFjdC9tb25pdGUtc2RrL3NyYy9jb21wb25lbnRzL2FwcHJvdmFsUG9saWNpZXMvQXBwcm92YWxQb2xpY2llc1RhYmxlL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuZXhwb3J0IGNvbnN0IENvbHVtbkxpc3QgPSBzdHlsZWQudWxgXG4gIG1hcmdpbjogMDtcbiAgcGFkZGluZzogMDtcbiAgbGlzdC1zdHlsZTogbm9uZTtcblxuICBsaSB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBnYXA6IDRweDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICB9XG5gO1xuIl19 */",
-  toString: t
-});
+const o = (e) => JSON.stringify(Object.entries(e).sort(([t], [a]) => t.localeCompare(a))), r = (e) => {
+  if (e)
+    return JSON.stringify(e.map(o).sort((t, a) => t.localeCompare(a)));
+};
 export {
-  e as ColumnList
+  r as getPayablesAnalyticsSnapshot
 };

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

@@ -1,18 +1,129 @@
-import { createElement as H } from "react";
-const e = ({
-  color: o = "currentColor",
-  size: a,
-  ...t
-}) => H("svg", {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: a,
-  height: a,
-  viewBox: "0 0 24 24",
-  fill: o,
-  ...t
-}, H("path", {
-  d: "M14,8h1a1,1,0,0,0,0-2H14a1,1,0,0,0,0,2Zm0,4h1a1,1,0,0,0,0-2H14a1,1,0,0,0,0,2ZM9,8h1a1,1,0,0,0,0-2H9A1,1,0,0,0,9,8Zm0,4h1a1,1,0,0,0,0-2H9a1,1,0,0,0,0,2Zm12,8H20V3a1,1,0,0,0-1-1H5A1,1,0,0,0,4,3V20H3a1,1,0,0,0,0,2H21a1,1,0,0,0,0-2Zm-8,0H11V16h2Zm5,0H15V15a1,1,0,0,0-1-1H10a1,1,0,0,0-1,1v5H6V4H18Z"
-}));
+import { startOfDay as c, startOfYear as r, subYears as m, endOfYear as s, startOfQuarter as o, subQuarters as b, endOfQuarter as u, subDays as a, startOfMonth as l, subMonths as d, endOfMonth as n, startOfWeek as _, subWeeks as i, endOfWeek as f, endOfDay as y } from "date-fns";
+const v = [{
+  value: "today",
+  label: "Today",
+  group: "Current"
+}, {
+  value: "this_week",
+  label: "This week",
+  group: "Current"
+}, {
+  value: "this_month",
+  label: "This month",
+  group: "Current"
+}, {
+  value: "this_quarter",
+  label: "This quarter",
+  group: "Current"
+}, {
+  value: "this_year",
+  label: "This year",
+  group: "Current"
+}, {
+  value: "yesterday",
+  label: "Yesterday",
+  group: "Past"
+}, {
+  value: "last_week",
+  label: "Last week",
+  group: "Past"
+}, {
+  value: "last_month",
+  label: "Last month",
+  group: "Past"
+}, {
+  value: "last_30_days",
+  label: "Last 30 days",
+  group: "Past"
+}, {
+  value: "last_90_days",
+  label: "Last 90 days",
+  group: "Past"
+}, {
+  value: "last_quarter",
+  label: "Last quarter",
+  group: "Past"
+}, {
+  value: "last_year",
+  label: "Last year",
+  group: "Past"
+}];
+function g(h) {
+  const e = c(/* @__PURE__ */ new Date());
+  switch (h) {
+    case "today":
+      return {
+        from: e,
+        to: y(e)
+      };
+    case "this_week":
+      return {
+        from: _(e),
+        to: f(e)
+      };
+    case "this_month":
+      return {
+        from: l(e),
+        to: n(e)
+      };
+    case "this_quarter":
+      return {
+        from: o(e),
+        to: u(e)
+      };
+    case "this_year":
+      return {
+        from: r(e),
+        to: s(e)
+      };
+    case "yesterday": {
+      const t = a(e, 1);
+      return {
+        from: t,
+        to: y(t)
+      };
+    }
+    case "last_week": {
+      const t = _(i(e, 1));
+      return {
+        from: t,
+        to: f(t)
+      };
+    }
+    case "last_month": {
+      const t = l(d(e, 1));
+      return {
+        from: t,
+        to: n(t)
+      };
+    }
+    case "last_30_days":
+      return {
+        from: a(e, 30),
+        to: e
+      };
+    case "last_90_days":
+      return {
+        from: a(e, 90),
+        to: e
+      };
+    case "last_quarter": {
+      const t = o(b(e, 1));
+      return {
+        from: t,
+        to: u(t)
+      };
+    }
+    case "last_year": {
+      const t = r(m(e, 1));
+      return {
+        from: t,
+        to: s(t)
+      };
+    }
+  }
+}
 export {
-  e as UBuilding
+  v as DATE_PRESETS,
+  g as resolveDatePreset
 };

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

@@ -1,18 +1,9 @@
-import { createElement as l } from "react";
-const a = ({
-  color: o = "currentColor",
-  size: e,
-  ...t
-}) => l("svg", {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: e,
-  height: e,
-  viewBox: "0 0 24 24",
-  fill: o,
-  ...t
-}, l("path", {
-  d: "M21.71,11.29l-5-5A1,1,0,0,0,16,6H5A3,3,0,0,0,2,9v6a3,3,0,0,0,3,3H16a1,1,0,0,0,.71-.29l5-5A1,1,0,0,0,21.71,11.29ZM15.59,16H5a1,1,0,0,1-1-1V9A1,1,0,0,1,5,8H15.59l4,4Z"
-}));
+const t = (e) => ({
+  approved: e._("Approved"),
+  canceled: e._("Canceled"),
+  rejected: e._("Rejected"),
+  waiting: e._("In approval")
+});
 export {
-  a as ULabel
+  t as getRowToStatusTextMap
 };

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

@@ -1,18 +1,56 @@
-import { createElement as o } from "react";
-const l = ({
-  color: t = "currentColor",
-  size: a,
-  ...e
-}) => o("svg", {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: a,
-  height: a,
-  viewBox: "0 0 24 24",
-  fill: t,
-  ...e
-}, o("path", {
-  d: "M6,11a1,1,0,1,0,1,1A1,1,0,0,0,6,11Zm12,0a1,1,0,1,0,1,1A1,1,0,0,0,18,11Zm2-6H4A3,3,0,0,0,1,8v8a3,3,0,0,0,3,3H20a3,3,0,0,0,3-3V8A3,3,0,0,0,20,5Zm1,11a1,1,0,0,1-1,1H4a1,1,0,0,1-1-1V8A1,1,0,0,1,4,7H20a1,1,0,0,1,1,1ZM12,9a3,3,0,1,0,3,3A3,3,0,0,0,12,9Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,12,13Z"
-}));
+import { jsx as o, jsxs as h, Fragment as x } from "@emotion/react/jsx-runtime";
+import { useState as n } from "react";
+import { useMoniteContext as y } from "./index57.js";
+import { useRootElements as I } from "./index92.js";
+import { classNames as _ } from "./index172.js";
+import { useLingui as F } from "@lingui/react";
+import { Autocomplete as M, TextField as O, CircularProgress as v } from "@mui/material";
+const $ = ({
+  onChange: l,
+  className: p
+}) => {
+  const {
+    i18n: r
+  } = F(), {
+    api: d
+  } = y(), {
+    root: u
+  } = I(), [i, s] = n(!1), [m, c] = n(null), [f, g] = n(""), {
+    data: C,
+    isLoading: a,
+    refetch: A
+  } = d.finops.getEntityUsers.useQuery({
+    query: {
+      name__istartswith: f || void 0
+    }
+  }, {
+    enabled: i
+  });
+  return /* @__PURE__ */ o(M, { autoComplete: !0, includeInputInList: !0, filterSelectedOptions: !0, value: m, noOptionsText: r._("No users found"), slotProps: {
+    popper: {
+      container: u
+    }
+  }, open: i, onOpen: () => {
+    s(!0);
+  }, onClose: () => {
+    s(!1);
+  }, loading: a, options: C?.data || [], getOptionLabel: (e) => `${e.first_name ?? ""} ${e.last_name ?? ""}`.trim(), isOptionEqualToValue: (e, t) => e.id === t.id, filterOptions: (e) => e, onInputChange: (e, t) => {
+    g(t);
+  }, onChange: (e, t) => {
+    c(t), l(t?.id), A();
+  }, className: _("Monite-ApprovalAddedByFilter-Container", "Monite-FilterControl", p), sx: {
+    "&.MuiAutocomplete-root": {
+      display: "flex",
+      alignItems: "center"
+    }
+  }, renderInput: (e) => /* @__PURE__ */ o(O, { ...e, variant: "standard", placeholder: r._("Added by"), className: "Monite-ApprovalAddedByFilter Monite-FilterControl", InputProps: {
+    ...e.InputProps,
+    endAdornment: /* @__PURE__ */ h(x, { children: [
+      a ? /* @__PURE__ */ o(v, { color: "inherit", size: 20 }) : null,
+      e.InputProps.endAdornment
+    ] })
+  } }) });
+};
 export {
-  l as UMoneyBill
+  $ as AutocompleteCreatedBy
 };

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

@@ -1,18 +1,20 @@
-import { createElement as r } from "react";
-const h = ({
-  color: o = "currentColor",
-  size: e,
-  ...t
-}) => r("svg", {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: e,
-  height: e,
-  viewBox: "0 0 24 24",
-  fill: o,
-  ...t
-}, r("path", {
-  d: "M12,2A10,10,0,0,0,4.65,18.76h0a10,10,0,0,0,14.7,0h0A10,10,0,0,0,12,2Zm0,18a8,8,0,0,1-5.55-2.25,6,6,0,0,1,11.1,0A8,8,0,0,1,12,20ZM10,10a2,2,0,1,1,2,2A2,2,0,0,1,10,10Zm8.91,6A8,8,0,0,0,15,12.62a4,4,0,1,0-6,0A8,8,0,0,0,5.09,16,7.92,7.92,0,0,1,4,12a8,8,0,0,1,16,0A7.92,7.92,0,0,1,18.91,16Z"
-}));
+import { jsx as l } from "@emotion/react/jsx-runtime";
+import { useFileById as s } from "./index77.js";
+import { Avatar as e } from "@mui/material";
+const n = ({
+  alt: t,
+  fileId: a,
+  ...r
+}) => a ? /* @__PURE__ */ l(i, { fileId: a, alt: t, ...r }) : /* @__PURE__ */ l(e, { alt: t, ...r }), i = ({
+  alt: t,
+  fileId: a,
+  ...r
+}) => {
+  const {
+    data: o
+  } = s(a);
+  return /* @__PURE__ */ l(e, { alt: t, src: o?.url, ...r });
+};
 export {
-  h as UUserCircle
+  n as UserAvatar
 };