@tesouro/embedded-components-react 0.2.49 → 0.2.52

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

@@ -1,89 +1,15 @@
-import { jsxs as o } from "@emotion/react/jsx-runtime";
-import { Badge as a } from "./index253.js";
-import { getCommonStatusLabel as g } from "./index322.js";
-import "date-fns";
-import { useLingui as s } from "@lingui/react";
-import { cn as c } from "./index102.js";
-import { cva as x } from "class-variance-authority";
-const r = x("", {
-  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"
-    },
-    // Outline tone palette, matching the native ReceivableStatusBadge.
-    outlineVariant: {
-      draft: "ttw:border-zinc-200 ttw:bg-zinc-50 ttw:text-zinc-700 ttw:hover:bg-zinc-50",
-      issuing: "ttw:border-blue-200 ttw:bg-blue-50 ttw:text-blue-700 ttw:hover:bg-blue-50",
-      issued: "ttw:border-blue-200 ttw:bg-blue-50 ttw:text-blue-700 ttw:hover:bg-blue-50",
-      failed: "ttw:border-red-200 ttw:bg-red-50 ttw:text-red-700 ttw:hover:bg-red-50",
-      accepted: "ttw:border-emerald-200 ttw:bg-emerald-50 ttw:text-emerald-700 ttw:hover:bg-emerald-50",
-      partially_paid: "ttw:border-blue-200 ttw:bg-blue-50 ttw:text-blue-700 ttw:hover:bg-blue-50",
-      paid: "ttw:border-emerald-200 ttw:bg-emerald-50 ttw:text-emerald-700 ttw:hover:bg-emerald-50",
-      expired: "ttw:border-red-200 ttw:bg-red-50 ttw:text-red-700 ttw:hover:bg-red-50",
-      uncollectible: "ttw:border-zinc-200 ttw:bg-zinc-50 ttw:text-zinc-700 ttw:hover:bg-zinc-50",
-      canceled: "ttw:border-zinc-200 ttw:bg-zinc-50 ttw:text-zinc-700 ttw:hover:bg-zinc-50",
-      recurring: "ttw:border-zinc-200 ttw:bg-zinc-50 ttw:text-zinc-700 ttw:hover:bg-zinc-50",
-      declined: "ttw:border-red-200 ttw:bg-red-50 ttw:text-red-700 ttw:hover:bg-red-50",
-      overdue: "ttw:border-red-200 ttw:bg-red-50 ttw:text-red-700 ttw:hover:bg-red-50",
-      deleted: "ttw:border-zinc-200 ttw:bg-zinc-50 ttw:text-zinc-700 ttw:hover:bg-zinc-50"
-    }
-  }
-}), B = ({
-  status: t,
-  variant: l = "filled",
-  label: d,
-  icon: w,
-  className: b,
-  showBadgeBackground: e = !0,
-  dotSize: u,
-  ref: i
-}) => {
-  const {
-    i18n: n
-  } = s();
-  return l === "outline" ? /* @__PURE__ */ o(a, { ref: i, variant: "outline", className: c(r({
-    outlineVariant: t
-  }), b), children: [
-    w,
-    d ?? g(n, t)
-  ] }) : /* @__PURE__ */ o(a, { ref: i, className: c("ttw:inline-flex ttw:items-center ttw:gap-1", r({
-    variant: t
-  }), !e && "ttw:text-zinc-950!", b), dotClassName: r({
-    dotVariant: t
-  }), showBadgeBackground: e, showDotBorder: !e, dotSize: u, showDot: !1, children: [
-    w,
-    d ?? g(n, t)
-  ] });
-};
+import "@emotion/react/jsx-runtime";
+import { createContext as t, useContext as n } from "react";
+import "./index84.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 {
-  B as InvoiceStatusChip
+  e as KanmonContext,
+  m as useKanmonContext
 };

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

@@ -1,15 +1,91 @@
-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);
+import { jsx as x } from "@emotion/react/jsx-runtime";
+import { createAPIClient as q } from "./index100.js";
+import { getDefaultComponentSettings as S } from "./index108.js";
+import { getLocaleWithDefaults as $, I18nLoader as D } from "./index109.js";
+import { MoniteQraftContext as Q } from "./index107.js";
+import { createQueryClient as T } from "./index110.js";
+import { useIsMounted as j } from "./index69.js";
+import { SentryFactory as E } from "./index111.js";
+import { createThemeWithDefaults as H } from "./index112.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 KanmonContext. Make sure that you are using "MoniteProvider" component before calling this hook.');
+    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 {
-  e as KanmonContext,
-  m as useKanmonContext
+  M as MoniteContext,
+  Z as MoniteContextProvider,
+  Y as useMoniteContext
 };

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

@@ -1,91 +1,45 @@
-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
-}) => {
+import { useMoniteContext as C } from "./index58.js";
+import { fromMinorUnitsWithCurrency as N, toMinorUnitsWithCurrency as d } from "./index118.js";
+import { getAPIErrorMessage as g } from "./index121.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 {
-    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 });
+    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 {
-  M as MoniteContext,
-  Z as MoniteContextProvider,
-  Y as useMoniteContext
+  $ as useCurrencies
 };

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

@@ -1,12 +1,12 @@
 import { jsx as i, jsxs as Q } from "@emotion/react/jsx-runtime";
-import { CounterpartTableFilters as H } from "./index156.js";
-import { FILTER_TYPE_SEARCH as k, FILTER_TYPE_TYPE as J } from "./index157.js";
-import { useGetReceivablesAnalytics as E } from "./index146.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 "./index132.js";
+import { CounterpartTableFilters as H } from "./index157.js";
+import { FILTER_TYPE_SEARCH as k, FILTER_TYPE_TYPE as J } from "./index158.js";
+import { useGetReceivablesAnalytics as E } from "./index147.js";
+import { useMoniteContext as V } from "./index58.js";
+import { useCurrencies as X } from "./index59.js";
+import { MoniteScopedProviders as Z } from "./index84.js";
+import { useCounterpartList as tt } from "./index72.js";
+import { useUserPermissions as et } from "./index131.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";
@@ -14,19 +14,19 @@ 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 "./index158.js";
-import { GetNoRowsOverlay as ot } from "./index159.js";
-import { AccessRestriction as at } from "./index133.js";
-import { Button as rt } from "./index86.js";
+import { CounterPartCellByData as it } from "./index159.js";
+import { GetNoRowsOverlay as ot } from "./index160.js";
+import { AccessRestriction as at } from "./index132.js";
+import { Button as rt } from "./index85.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 "./index160.js";
-import { hasSelectedText as ct } from "./index161.js";
+import { DataTable as lt } from "./index161.js";
+import { hasSelectedText as ct } from "./index162.js";
 import { getCounterpartName as pt } from "./index7.js";
-import { LoadingSpinner as f } from "./index135.js";
+import { LoadingSpinner as f } from "./index136.js";
 const Bt = (p) => /* @__PURE__ */ i(Z, { children: /* @__PURE__ */ i(ut, { ...p }) }), ut = ({
   onRowClick: p,
   onChangeSort: M,

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

@@ -1,45 +1,13 @@
-import { useMoniteContext as C } from "./index59.js";
-import { fromMinorUnitsWithCurrency as N, toMinorUnitsWithCurrency as d } from "./index120.js";
-import { getAPIErrorMessage as g } from "./index121.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
-  };
-};
+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 {
-  $ as useCurrencies
+  n as useOptionalFields
 };

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

@@ -1,13 +1,50 @@
-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;
+import { useState as d, useId as a } from "react";
+import { useRootElements as f } from "./index93.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 {
-  n as useOptionalFields
+  w as useMenuButton
 };

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

@@ -1,50 +1,41 @@
-import { useState as d, useId as a } from "react";
-import { useRootElements as f } from "./index94.js";
-const w = () => {
+import { jsx as u } from "@emotion/react/jsx-runtime";
+import { useRef as p, useState as f } from "react";
+import { useLingui as d } from "@lingui/react";
+const F = 20, g = ["application/pdf", "image/jpeg", "image/png"], O = ["image/png", "image/jpeg", "image/gif"], S = 10, N = ({
+  acceptedFormats: i = g,
+  maxFileSizeInMB: a = F
+} = {}) => {
   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
-  };
+    i18n: r
+  } = d(), n = p({
+    node: null
+  }), l = p(i);
+  l.current = i;
+  const [o] = f(() => ({
+    ref: e,
+    ...s
+  }) => /* @__PURE__ */ u("input", { type: "file", className: "ttw:sr-only", accept: l.current.join(","), ref: (t) => {
+    typeof e == "function" ? e(t) : e && (e.current = t), n.current.node = t;
+  }, ...s })), c = () => {
+    n?.current?.node && (n.current.node.value = "");
+  }, m = 1024 * 1024 * a;
   return {
-    open: n.open,
-    menuProps: c,
-    buttonProps: i,
-    closeMenu: o
+    FileInput: o,
+    openFileInput: () => {
+      n.current.node?.click();
+    },
+    checkFileError: (e) => e ? i.includes(e.type) ? e.size > m ? r._("File {fileName} size exceeds {maxFileSizeInMB} MB limit.", {
+      fileName: e.name,
+      maxFileSizeInMB: a
+    }) : null : r._("Unsupported file type for {fileName}", {
+      fileName: e.name
+    }) : r._("No file provided"),
+    resetInput: c
   };
 };
 export {
-  w as useMenuButton
+  S as LOGO_MAX_FILE_SIZE_IN_MB,
+  O as LOGO_SUPPORTED_FORMATS,
+  g as OCR_SUPPORTED_FORMATS,
+  N as useFileInput
 };