@tesouro/embedded-components-react 0.2.68 → 0.2.70

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

@@ -1,142 +1,38 @@
-import { jsx as a, Fragment as D, jsxs as o } from "@emotion/react/jsx-runtime";
-import { tagCategories as _, getTagCategoryLabel as B } from "./index294.js";
-import { useTags as K } from "./index295.js";
-import { MoniteScopedProviders as L } from "./index84.js";
-import { useRootElements as R } from "./index93.js";
-import { Button as c } from "./index85.js";
-import { Form as O, FormField as g, FormItem as u, FormLabel as p, FormControl as N, FormMessage as h } from "./index309.js";
-import { Input as U } from "./index123.js";
-import { InputTags as q } from "./index310.js";
-import { Select as H, SelectTrigger as G, SelectValue as J, SelectContent as Q, SelectItem as W } from "./index311.js";
-import { Sheet as X, SheetContent as Y, SheetHeader as Z, SheetTitle as ee, SheetDescription as ae, SheetFooter as te } from "./index131.js";
-import { zodResolver as re } from "@hookform/resolvers/zod";
-import { useLingui as oe } from "@lingui/react";
-import { useEffect as ne, useId as se } from "react";
-import { useForm as le } from "react-hook-form";
-import { toast as C } from "react-hot-toast";
-import { z as s } from "zod";
-const me = (e) => s.object({
-  name: s.string().min(1, e._("Required")).max(255, e._("Value must be at most '255' characters")),
-  category: s.union([s.literal(""), s.enum(_)]),
-  keywords: s.array(s.string().min(2, e._("Keyword should be at least 2 characters long")).max(25, e._("Keyword should be at most 25 characters long")))
-}), ve = (e) => /* @__PURE__ */ a(L, { children: /* @__PURE__ */ a(ie, { ...e }) }), ie = ({
-  tag: e,
-  onCreate: S,
-  onUpdate: T,
-  onDelete: b,
-  onClose: l,
-  open: k,
-  isDeleteAllowed: x
-}) => {
+import { jsx as o, jsxs as f, Fragment as a } from "@emotion/react/jsx-runtime";
+import { useState as d, useCallback as n } from "react";
+import { TagFormModal as u } from "./index47.js";
+import { TagsTable as h } from "./index46.js";
+import { MoniteScopedProviders as C } from "./index83.js";
+import { useUserPermissions as x } 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 e } from "../../shared/data-access/dist/lib/scopes.js";
+import { AccessRestriction as A } from "./index151.js";
+import { Button as T } from "./index84.js";
+import "clsx";
+import "tailwind-merge";
+import "@radix-ui/react-dialog";
+import "lucide-react";
+import { useLingui as k } from "@lingui/react";
+import { PageHeader as $ } from "./index49.js";
+const G = () => /* @__PURE__ */ o(C, { children: /* @__PURE__ */ o(b, {}) }), b = () => {
   const {
-    i18n: r
-  } = oe(), v = me(r), w = le({
-    resolver: re(v),
-    defaultValues: {
-      name: "",
-      category: "",
-      keywords: []
-    }
-  }), {
-    control: i,
-    handleSubmit: F,
-    reset: m,
-    setError: $
-  } = w;
-  ne(() => {
-    let t = [];
-    e?.keywords && (Array.isArray(e.keywords) ? t = e.keywords : typeof e.keywords == "string" && (t = e.keywords.split(",").map((n) => n.trim()).filter(Boolean))), m({
-      name: e?.name || "",
-      category: e?.category || "",
-      keywords: t
-    });
-  }, [m, e]);
-  const {
-    createTag: E,
-    updateTag: M,
-    inProgress: z,
-    updateOcrAutoTagging: I
-  } = K({
-    setNameError: (t) => {
-      $("name", {
-        type: "custom",
-        message: t
-      });
-    },
-    onTagCreated: (t) => {
-      C.success(r._("New tag “{createdTagName}” created", {
-        createdTagName: t.name
-      })), S?.(t), l?.(), m();
-    },
-    onTagUpdated: (t) => {
-      e && C.success(e.name !== t.name ? r._("Tag “{tagName}” renamed to “{updatedTagName}”", {
-        tagName: e.name,
-        updatedTagName: t.name
-      }) : r._("Tag “{tagName}” was updated”", {
-        tagName: e.name
-      })), T?.(t), l?.(), m();
-    }
-  }), {
-    root: P
-  } = R(), d = `Monite-Form-tag-${se()}`;
-  return /* @__PURE__ */ a(D, { children: /* @__PURE__ */ a(X, { open: k, onOpenChange: l, children: /* @__PURE__ */ o(Y, { container: P, className: "Monite-Payables ttw:w-[600px]", children: [
-    /* @__PURE__ */ o(Z, { children: [
-      /* @__PURE__ */ a(ee, { children: e ? r._("Edit tag ”{tagName}”", {
-        tagName: e.name
-      }) : r._("Create new tag") }),
-      /* @__PURE__ */ a(ae, { className: "ttw:sr-only", children: e ? r._("Edit tag ”{tagName}”", {
-        tagName: e.name
-      }) : r._("Create new tag") })
-    ] }),
-    /* @__PURE__ */ a(O, { ...w, children: /* @__PURE__ */ a("form", { id: d, name: d, onSubmit: (t) => {
-      t.preventDefault(), t.stopPropagation(), F(async (n) => {
-        const {
-          keywords: V,
-          name: j,
-          category: f
-        } = n, y = {
-          name: j,
-          ...f ? {
-            category: f
-          } : {}
-        }, A = await (e ? M(e.id, y) : E(y));
-        I(A.id, V);
-      })(t);
-    }, children: /* @__PURE__ */ o("div", { className: "ttw:flex ttw:flex-col ttw:gap-4 ttw:px-6 ttw:pt-8 ttw:pb-6", children: [
-      /* @__PURE__ */ a(g, { name: "name", control: i, render: ({
-        field: t
-      }) => /* @__PURE__ */ o(u, { children: [
-        /* @__PURE__ */ a(p, { children: r._("Name") }),
-        /* @__PURE__ */ a(N, { children: /* @__PURE__ */ a(U, { autoFocus: !0, ...t }) }),
-        /* @__PURE__ */ a(h, {})
-      ] }) }),
-      /* @__PURE__ */ a(g, { name: "category", control: i, render: ({
-        field: t
-      }) => /* @__PURE__ */ o(u, { children: [
-        /* @__PURE__ */ a(p, { children: r._("Category") }),
-        /* @__PURE__ */ o(H, { onValueChange: t.onChange, defaultValue: t.value, children: [
-          /* @__PURE__ */ a(N, { children: /* @__PURE__ */ a(G, { className: "ttw:w-full", children: /* @__PURE__ */ a(J, { placeholder: r._("Not set") }) }) }),
-          /* @__PURE__ */ a(Q, { children: _.map((n) => /* @__PURE__ */ a(W, { value: n, children: B(n, r) }, n)) })
-        ] }),
-        /* @__PURE__ */ a(h, {})
-      ] }) }),
-      /* @__PURE__ */ a(g, { name: "keywords", control: i, render: ({
-        field: t
-      }) => /* @__PURE__ */ o(u, { className: "ttw:flex ttw:flex-col", children: [
-        /* @__PURE__ */ a(p, { children: r._("Keywords") }),
-        /* @__PURE__ */ a(q, { ...t, value: t.value ?? [] }),
-        /* @__PURE__ */ a(h, {})
-      ] }) })
-    ] }) }) }),
-    /* @__PURE__ */ o(te, { className: "ttw:flex ttw:flex-row ttw:justify-end ttw:gap-2", children: [
-      e && /* @__PURE__ */ a(c, { className: "ttw:mr-auto", variant: "destructive", size: "lg", onClick: () => {
-        b?.(e), l?.();
-      }, disabled: !x, children: r._("Delete") }),
-      /* @__PURE__ */ a(c, { variant: "ghost", size: "lg", onClick: l, children: r._("Cancel") }),
-      /* @__PURE__ */ a(c, { type: "submit", form: d, size: "lg", disabled: z, children: e ? r._("Save") : r._("Create") })
-    ] })
-  ] }) }) });
+    i18n: i
+  } = k(), [p, t] = d(!1), s = n(() => {
+    t(!0);
+  }, []), c = n(() => {
+    t(!1);
+  }, []), r = x(), l = r.has(e.AccountingConfigWriteOrg), m = r.has(e.AccountingConfigReadOrg), g = r.has(e.AccountingConfigWriteOrg);
+  return /* @__PURE__ */ f(a, { children: [
+    /* @__PURE__ */ o($, { title: /* @__PURE__ */ o(a, { children: i._("Tags") }), extra: /* @__PURE__ */ o(T, { size: "lg", disabled: !l, onClick: s, children: i._("Create new") }) }),
+    !m && /* @__PURE__ */ o(A, {}),
+    m && /* @__PURE__ */ o(h, { showCreationModal: s }),
+    /* @__PURE__ */ o(u, { open: p, onClose: c, isDeleteAllowed: g })
+  ] });
 };
 export {
-  ve as TagFormModal
+  G as Tags
 };

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

@@ -1,15 +1,15 @@
 import { jsx as s, jsxs as g } from "@emotion/react/jsx-runtime";
 import { useRef as C } from "react";
-import { useCurrencies as b } from "./index59.js";
-import "./index93.js";
+import { useCurrencies as b } from "./index58.js";
+import "./index92.js";
 import { useLingui as I } from "@lingui/react";
 import "react-dom";
-import "./index58.js";
+import "./index57.js";
 import "@mui/x-data-grid";
-import { getCurrenciesArray as P } from "./index95.js";
+import { getCurrenciesArray as P } from "./index94.js";
 import "date-fns";
 import { Tooltip as T, TextField as $, Box as u } from "@mui/material";
-import { useIsTextTruncated as v } from "./index485.js";
+import { useIsTextTruncated as v } from "./index482.js";
 const z = ({
   error: l,
   required: a,

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

@@ -1,11 +1,11 @@
 import { jsxs as m, jsx as t } from "@emotion/react/jsx-runtime";
 import { createElement as c } from "@emotion/react";
-import { useCurrencies as d } from "./index59.js";
+import { useCurrencies as d } from "./index58.js";
 import "react";
-import "./index93.js";
+import "./index92.js";
 import "@lingui/react";
 import "react-dom";
-import "./index58.js";
+import "./index57.js";
 import "@mui/x-data-grid";
 import { MenuItem as a, Box as r } from "@mui/material";
 const j = ({

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

@@ -1,22 +1,10 @@
-import { useMoniteContext as s } from "./index58.js";
-import { useUserPermissions as e } from "./index142.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 t } from "../../shared/data-access/dist/lib/scopes.js";
-import "react";
-const d = () => {
-  const {
-    api: o
-  } = s(), r = e().has(t.AccountingConfigReadOrg);
-  return {
-    tagsQuery: o.finops.getTags.useQuery({}, {
-      enabled: r
-    })
-  };
+import { useState as c, useEffect as o } from "react";
+const u = (e, t) => {
+  const [s, r] = c(!1);
+  return o(() => {
+    e && r(e.scrollWidth > e.clientWidth);
+  }, [e, t]), s;
 };
 export {
-  d as useTags
+  u as useIsTextTruncated
 };

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

@@ -1,38 +1,14 @@
-import { jsx as o, jsxs as f, Fragment as a } from "@emotion/react/jsx-runtime";
-import { useState as d, useCallback as n } from "react";
-import { TagFormModal as u } from "./index48.js";
-import { TagsTable as h } from "./index47.js";
-import { MoniteScopedProviders as C } from "./index84.js";
-import { useUserPermissions as x } from "./index142.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 e } from "../../shared/data-access/dist/lib/scopes.js";
-import { AccessRestriction as A } from "./index152.js";
-import { Button as T } from "./index85.js";
-import "clsx";
-import "tailwind-merge";
-import "@radix-ui/react-dialog";
-import "lucide-react";
-import { useLingui as k } from "@lingui/react";
-import { PageHeader as $ } from "./index50.js";
-const G = () => /* @__PURE__ */ o(C, { children: /* @__PURE__ */ o(b, {}) }), b = () => {
-  const {
-    i18n: i
-  } = k(), [p, t] = d(!1), s = n(() => {
-    t(!0);
-  }, []), c = n(() => {
-    t(!1);
-  }, []), r = x(), l = r.has(e.AccountingConfigWriteOrg), m = r.has(e.AccountingConfigReadOrg), g = r.has(e.AccountingConfigWriteOrg);
-  return /* @__PURE__ */ f(a, { children: [
-    /* @__PURE__ */ o($, { title: /* @__PURE__ */ o(a, { children: i._("Tags") }), extra: /* @__PURE__ */ o(T, { size: "lg", disabled: !l, onClick: s, children: i._("Create new") }) }),
-    !m && /* @__PURE__ */ o(A, {}),
-    m && /* @__PURE__ */ o(h, { showCreationModal: s }),
-    /* @__PURE__ */ o(u, { open: p, onClose: c, isDeleteAllowed: g })
-  ] });
-};
+import { jsxs as s, jsx as t } from "@emotion/react/jsx-runtime";
+import { twMerge as i } from "tailwind-merge";
+import { Typography as m } from "./index85.js";
+const n = ({
+  title: r,
+  extra: e,
+  className: a
+}) => /* @__PURE__ */ s("div", { className: i("ttw:flex ttw:justify-between ttw:items-center ttw:mb-6", a), children: [
+  /* @__PURE__ */ t(m, { variant: "h2", children: r }),
+  e ? /* @__PURE__ */ t("aside", { children: e }) : null
+] });
 export {
-  G as Tags
+  n as PageHeader
 };

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

@@ -1,12 +1,12 @@
 import { jsx as a, jsxs as X } from "@emotion/react/jsx-runtime";
-import { CounterpartTableFilters as Z } from "./index155.js";
-import { FILTER_TYPE_SEARCH as A, FILTER_TYPE_TYPE as tt } from "./index156.js";
+import { CounterpartTableFilters as Z } from "./index154.js";
+import { FILTER_TYPE_SEARCH as A, FILTER_TYPE_TYPE as tt } from "./index155.js";
 import { getCounterpartName as et } from "./index7.js";
-import { useCurrencies as at } from "./index59.js";
-import { useMoniteContext as it } from "./index58.js";
-import { MoniteScopedProviders as rt } from "./index84.js";
-import { useCounterpartList as ot } from "./index72.js";
-import { useUserPermissions as nt } from "./index142.js";
+import { useCurrencies as at } from "./index58.js";
+import { useMoniteContext as it } from "./index57.js";
+import { MoniteScopedProviders as rt } from "./index83.js";
+import { useCounterpartList as ot } from "./index71.js";
+import { useUserPermissions as nt } 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";
@@ -14,19 +14,19 @@ import "@tanstack/react-query";
 import "../../shared/data-access/dist/lib/rest/zod.gen.js";
 import { Scope as y } from "../../shared/data-access/dist/lib/scopes.js";
 import { useState as c, useMemo as d } from "react";
-import { CounterPartCellByData as st } from "./index157.js";
-import { GetNoRowsOverlay as dt } from "./index158.js";
-import { AccessRestriction as lt } from "./index152.js";
-import { Button as mt } from "./index85.js";
+import { CounterPartCellByData as st } from "./index156.js";
+import { GetNoRowsOverlay as dt } from "./index157.js";
+import { AccessRestriction as lt } from "./index151.js";
+import { Button as mt } from "./index84.js";
 import "clsx";
 import { twMerge as U } from "tailwind-merge";
 import "@radix-ui/react-dialog";
 import { ArrowUp as ct, ArrowDown as pt, ArrowUpDown as ut } from "lucide-react";
 import { useLingui as gt } from "@lingui/react";
-import { DataTable as _t } from "./index159.js";
-import { hasSelectedText as wt } from "./index160.js";
+import { DataTable as _t } from "./index158.js";
+import { hasSelectedText as wt } from "./index159.js";
 import { useGetPayablesAnalytics as C } from "./index35.js";
-import { LoadingSpinner as p } from "./index132.js";
+import { LoadingSpinner as p } from "./index131.js";
 const Kt = (u) => /* @__PURE__ */ a(rt, { children: /* @__PURE__ */ a(ht, { ...u }) }), ht = ({
   onRowClick: u,
   onChangeSort: j,

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

@@ -1,14 +1,76 @@
-import { jsxs as s, jsx as t } from "@emotion/react/jsx-runtime";
-import { twMerge as i } from "tailwind-merge";
-import { Typography as m } from "./index86.js";
-const n = ({
-  title: r,
-  extra: e,
-  className: a
-}) => /* @__PURE__ */ s("div", { className: i("ttw:flex ttw:justify-between ttw:items-center ttw:mb-6", a), children: [
-  /* @__PURE__ */ t(m, { variant: "h2", children: r }),
-  e ? /* @__PURE__ */ t("aside", { children: e }) : null
-] });
+import { jsx as t } from "@emotion/react/jsx-runtime";
+import { ScopedCssBaselineContainerClassName as m } from "./index104.js";
+import { useRootElements as d } from "./index92.js";
+import { useMoniteContext as C } from "./index57.js";
+import { generatePayablesButtonCssVars as D } from "./index161.js";
+import { Slide as h, Fade as b, Dialog as M } from "@mui/material";
+import { forwardRef as _, createContext as y, useContext as k, useMemo as x } from "react";
+const P = _(function(a, o) {
+  const {
+    alignDialog: e,
+    ...n
+  } = a;
+  if (e) {
+    let i;
+    switch (e) {
+      case "left":
+        i = "right";
+        break;
+      case "right":
+        i = "left";
+        break;
+    }
+    return /* @__PURE__ */ t(h, { direction: i, ref: o, ...n });
+  }
+  return /* @__PURE__ */ t(b, { ref: o, ...n });
+}), p = y(void 0), j = () => k(p), T = ({
+  ref: a,
+  ...o
+}) => {
+  const {
+    alignDialog: e,
+    onClosed: n,
+    ...i
+  } = o, {
+    root: u
+  } = d(), {
+    theme: l
+  } = C(), c = j(), f = x(() => D(l.components?.styles?.payables?.button), [l.components?.styles?.payables?.button]), s = (g, r) => {
+    r !== "backdropClick" && (r === "escapeKeyDown" && c && g.stopPropagation?.(), o.onClose?.(g, r));
+  };
+  return /* @__PURE__ */ t(p.Provider, { value: {
+    isDialogContent: !0,
+    onClose: s
+  }, children: /* @__PURE__ */ t(M, { ref: a, ...i, open: o.open, container: u, TransitionComponent: P, TransitionProps: {
+    alignDialog: e,
+    onExited: n
+  }, onClose: s, classes: {
+    container: [m, "Monite-Payables", e && `MuiDialog-container__align-${e}`].filter(Boolean).join(" "),
+    paper: ["Monite-Payables", e && `MuiDialog-paper__align-${e}`].filter(Boolean).join(" ")
+  }, sx: {
+    "& .MuiDialogContent-root, & .MuiDialogActions-root, & .MuiDialogTitle-root": f,
+    ".MuiDialog-container__align-right": {
+      justifyContent: "right"
+    },
+    ".MuiDialog-container__align-left": {
+      justifyContent: "left"
+    },
+    ".MuiDialog-paper__align-left, .MuiDialog-paper__align-right": {
+      width: "50%",
+      height: "100%",
+      maxHeight: "none",
+      margin: 0,
+      borderRadius: 0
+    }
+  }, slotProps: o.fullScreen ? {
+    backdrop: {
+      style: {
+        background: "none"
+      }
+    }
+  } : {}, children: o.children }) });
+};
 export {
-  n as PageHeader
+  T as Dialog,
+  j as useDialog
 };

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

@@ -1,76 +1,58 @@
-import { jsx as t } from "@emotion/react/jsx-runtime";
-import { ScopedCssBaselineContainerClassName as m } from "./index105.js";
-import { useRootElements as d } from "./index93.js";
-import { useMoniteContext as C } from "./index58.js";
-import { generatePayablesButtonCssVars as D } from "./index162.js";
-import { Slide as h, Fade as b, Dialog as M } from "@mui/material";
-import { forwardRef as _, createContext as y, useContext as k, useMemo as x } from "react";
-const P = _(function(a, o) {
+import { jsx as r, jsxs as t, Fragment as m } from "@emotion/react/jsx-runtime";
+import { Box as i } from "@mui/material";
+import "react";
+import "./index50.js";
+import { useLingui as p } from "@lingui/react";
+import "./index57.js";
+import "react-hot-toast";
+import "./index56.js";
+import "./index92.js";
+import "react-dom";
+import "@mui/x-data-grid";
+import "@tanstack/react-query";
+import "date-fns";
+import "react-script-hook";
+import { MoniteScopedProviders as n } from "./index83.js";
+import "./index54.js";
+import "./index55.js";
+import "@mui/icons-material/BlockOutlined";
+import "@mui/icons-material/Cancel";
+import "@mui/icons-material/CheckOutlined";
+import "@mui/icons-material/DangerousOutlined";
+import "@mui/icons-material/DeleteForever";
+import "@mui/icons-material/ErrorOutlineOutlined";
+import "@mui/icons-material/HourglassBottomOutlined";
+import "@mui/icons-material/InsertDriveFileOutlined";
+import "@mui/icons-material/PaidOutlined";
+import "@mui/icons-material/ReplayOutlined";
+import "@mui/icons-material/SendOutlined";
+import "@mui/icons-material/StarHalfOutlined";
+import "lucide-react";
+import "clsx";
+import "tailwind-merge";
+import "@radix-ui/react-dropdown-menu";
+import "./index84.js";
+import "./index85.js";
+import "./index86.js";
+import { FinanceIntegrationCard as e } from "./index87.js";
+import "@mui/icons-material/MonetizationOnOutlined";
+import { PageHeader as a } from "./index49.js";
+function V() {
+  return /* @__PURE__ */ r(n, { children: /* @__PURE__ */ r(s, {}) });
+}
+function s() {
   const {
-    alignDialog: e,
-    ...n
-  } = a;
-  if (e) {
-    let i;
-    switch (e) {
-      case "left":
-        i = "right";
-        break;
-      case "right":
-        i = "left";
-        break;
-    }
-    return /* @__PURE__ */ t(h, { direction: i, ref: o, ...n });
-  }
-  return /* @__PURE__ */ t(b, { ref: o, ...n });
-}), p = y(void 0), j = () => k(p), T = ({
-  ref: a,
-  ...o
-}) => {
-  const {
-    alignDialog: e,
-    onClosed: n,
-    ...i
-  } = o, {
-    root: u
-  } = d(), {
-    theme: l
-  } = C(), c = j(), f = x(() => D(l.components?.styles?.payables?.button), [l.components?.styles?.payables?.button]), s = (g, r) => {
-    r !== "backdropClick" && (r === "escapeKeyDown" && c && g.stopPropagation?.(), o.onClose?.(g, r));
-  };
-  return /* @__PURE__ */ t(p.Provider, { value: {
-    isDialogContent: !0,
-    onClose: s
-  }, children: /* @__PURE__ */ t(M, { ref: a, ...i, open: o.open, container: u, TransitionComponent: P, TransitionProps: {
-    alignDialog: e,
-    onExited: n
-  }, onClose: s, classes: {
-    container: [m, "Monite-Payables", e && `MuiDialog-container__align-${e}`].filter(Boolean).join(" "),
-    paper: ["Monite-Payables", e && `MuiDialog-paper__align-${e}`].filter(Boolean).join(" ")
-  }, sx: {
-    "& .MuiDialogContent-root, & .MuiDialogActions-root, & .MuiDialogTitle-root": f,
-    ".MuiDialog-container__align-right": {
-      justifyContent: "right"
-    },
-    ".MuiDialog-container__align-left": {
-      justifyContent: "left"
-    },
-    ".MuiDialog-paper__align-left, .MuiDialog-paper__align-right": {
-      width: "50%",
-      height: "100%",
-      maxHeight: "none",
-      margin: 0,
-      borderRadius: 0
-    }
-  }, slotProps: o.fullScreen ? {
-    backdrop: {
-      style: {
-        background: "none"
-      }
-    }
-  } : {}, children: o.children }) });
-};
+    i18n: o
+  } = p();
+  return /* @__PURE__ */ t(i, { children: [
+    /* @__PURE__ */ r(a, { title: /* @__PURE__ */ r(m, { children: o._("Integrations") }) }),
+    /* @__PURE__ */ r(i, { sx: {
+      display: "grid",
+      gridTemplateColumns: "minmax(360px, 480px) minmax(360px, 480px)",
+      gap: 2
+    }, children: /* @__PURE__ */ r(e, {}) })
+  ] });
+}
 export {
-  T as Dialog,
-  j as useDialog
+  V as Integrations
 };