@tesouro/embedded-components-react 0.2.68 → 0.2.71

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 "./index130.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 "./index131.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,58 +1,50 @@
-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 { useLingui as I } from "@lingui/react";
-import "react-dom";
-import "./index58.js";
-import "@mui/x-data-grid";
-import { getCurrenciesArray as P } from "./index95.js";
-import "date-fns";
-import { Tooltip as T, TextField as $, Box as u } from "@mui/material";
-import { useIsTextTruncated as v } from "./index485.js";
-const z = ({
-  error: l,
-  required: a,
-  label: c,
-  showCodeOnly: t = !1,
-  showCurrencySymbol: d = !0,
-  showCurrencyCode: f = !1,
-  ...r
-}) => {
-  const {
-    i18n: h
-  } = I(), {
-    getSymbolFromCurrency: x
-  } = b(), p = C(null), i = r.inputProps.value, e = i ? P(h).find((m) => (t ? m.code : m.label) === i) : null;
-  let o = i;
-  e && t && (o = e.code), e && !t && (o = e.label, f && (o += ` (${e.code})`));
-  const n = e ? x(e.code) : "", w = e ? `${e.label} (${e.code})${n ? `, ${n}` : ""}` : "", y = v(p.current, o);
-  return /* @__PURE__ */ s(T, { title: y ? w : "", placement: "top", children: /* @__PURE__ */ s($, { ...r, inputProps: {
-    ...r.inputProps,
-    value: o
-  }, inputRef: p, required: a, label: c, error: !!l?.message, helperText: l?.message, InputProps: {
-    ...r.InputProps,
-    sx: {
-      "& input": {
-        textOverflow: "ellipsis",
-        overflow: "hidden",
-        whiteSpace: "nowrap"
+import { extractApprovalCalls as n, findUserApprovalCall as h, findRoleApprovalCall as u, getApprovalRuleLabel as v, processChainApprovalCalls as d, createChainApprovalStep as A, resolveStepForCall as S, createBaseApprovalStep as i, extractItemsFromScriptStep as C } from "./index320.js";
+class f {
+  constructor(t, s, e) {
+    this.policyScript = t, this.requests = s, this.i18n = e;
+  }
+  policyScript;
+  requests;
+  i18n;
+  processApprovalItem(t, s) {
+    const e = n(t), r = h(e), o = u(e), a = v(r, o, this.i18n);
+    if (e.length > 1 && r) {
+      const {
+        allChainUserIds: p,
+        allChainRequests: l
+      } = d(e, this.requests), c = this.i18n._("All users from the list");
+      return A(p, l, s, c);
+    } else {
+      const p = e[0];
+      if (p) {
+        const l = S(p, this.requests);
+        return i(l, s, a);
       }
-    },
-    endAdornment: /* @__PURE__ */ g(u, { sx: {
-      display: "flex",
-      alignItems: "center",
-      minWidth: 0,
-      height: "100%"
-    }, children: [
-      !t && d && n && /* @__PURE__ */ s(u, { sx: {
-        whiteSpace: "nowrap",
-        mr: 1
-      }, children: n }),
-      r.InputProps.endAdornment
-    ] })
-  } }) });
-};
+      return i({
+        assignees: [],
+        actualAssignees: [],
+        relatedRequests: [],
+        stepStatus: "waiting",
+        approvalRequestId: void 0,
+        approvedBy: void 0,
+        objectId: void 0,
+        rejectedBy: void 0,
+        requiredApprovalCount: 1
+      }, s, a);
+    }
+  }
+  buildCompleteSteps() {
+    const t = [];
+    let s = 1;
+    return this.policyScript.forEach((e) => {
+      const r = C(e);
+      r.length > 0 && (r.forEach((o) => {
+        const a = this.processApprovalItem(o, s);
+        t.push(a);
+      }), s++);
+    }), t;
+  }
+}
 export {
-  z as CurrencyInput
+  f as ApprovalStepResolver
 };

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

@@ -1,45 +1,42 @@
-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 "react";
-import "./index93.js";
-import "@lingui/react";
-import "react-dom";
-import "./index58.js";
-import "@mui/x-data-grid";
-import { MenuItem as a, Box as r } from "@mui/material";
-const j = ({
-  props: i,
-  option: e,
-  showCodeOnly: o = !1,
-  showCurrencyCode: s = !1,
-  showCurrencySymbol: l = !0
+import { jsx as n, jsxs as a, Fragment as v } from "@emotion/react/jsx-runtime";
+import { createElement as x } from "@emotion/react";
+import { useLedgerAccounts as L } from "./index20.js";
+import { useRootElements as C } from "./index92.js";
+import { useLingui as T } from "@lingui/react";
+import { FormControl as G, TextField as p, Autocomplete as P, Typography as s, CircularProgress as A } from "@mui/material";
+import { useMemo as m } from "react";
+const k = ({
+  value: r,
+  error: u,
+  helperText: c,
+  disabled: h,
+  placeholder: y,
+  onChange: f
 }) => {
   const {
-    getSymbolFromCurrency: n
-  } = d(), p = o ? e.code : `${e.label}${s ? " (" + e.code + ")" : ""}`;
-  return /* @__PURE__ */ c(a, { ...i, key: e.code, value: e.label, sx: {
-    width: "100%",
-    py: 1.25,
-    px: 2
-  } }, /* @__PURE__ */ m(r, { sx: {
-    display: "flex",
-    width: "100%",
-    alignItems: "center",
-    gap: 2
-  }, children: [
-    /* @__PURE__ */ t(r, { sx: {
-      flexGrow: 1,
-      minWidth: 0,
-      overflow: "hidden",
-      textOverflow: "ellipsis",
-      whiteSpace: "nowrap"
-    }, children: p }),
-    l && !o && /* @__PURE__ */ t(r, { sx: {
-      flexShrink: 0
-    }, children: n(e.code) })
-  ] }));
+    i18n: t
+  } = T(), {
+    data: l,
+    isLoading: d,
+    error: g
+  } = L(), {
+    root: b
+  } = C(), i = m(() => l?.data ?? [], [l?.data]), _ = m(() => r ? i.find((e) => e.id === r) ?? null : null, [r, i]);
+  return g ? /* @__PURE__ */ n(G, { error: !0, fullWidth: !0, children: /* @__PURE__ */ n(p, { label: t._("GL Code"), variant: "standard", disabled: !0, error: !0, helperText: t._("Failed to load GL codes") }) }) : /* @__PURE__ */ n(P, { options: i, value: _, onChange: (e, o) => f(o?.id || null), getOptionLabel: (e) => e.nominal_code && e.type ? `${e.nominal_code} — ${e.type}` : e.nominal_code || e.type || e.name || "", isOptionEqualToValue: (e, o) => e.id === o.id, loading: d, disabled: h || d, slotProps: {
+    popper: {
+      container: b
+    }
+  }, renderInput: (e) => /* @__PURE__ */ n(p, { ...e, label: t._("GL Code"), variant: "standard", fullWidth: !0, error: u, helperText: c, placeholder: y, InputProps: {
+    ...e.InputProps,
+    endAdornment: /* @__PURE__ */ a(v, { children: [
+      d ? /* @__PURE__ */ n(A, { color: "inherit", size: 20 }) : null,
+      e.InputProps.endAdornment
+    ] })
+  } }), renderOption: (e, o) => /* @__PURE__ */ x("li", { ...e, key: o.id }, /* @__PURE__ */ a("div", { children: [
+    /* @__PURE__ */ n(s, { variant: "body2", color: "text.secondary", component: "div", fontWeight: 600, children: o.nominal_code && o.type ? `${o.nominal_code} — ${o.type}` : o.nominal_code || o.type }),
+    o.subtype && /* @__PURE__ */ n(s, { variant: "body2", component: "div", fontWeight: 400, children: o.subtype })
+  ] })), noOptionsText: t._("No GL codes found") });
 };
 export {
-  j as CurrencyOption
+  k as GLCodeSelector
 };

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 "./index201.js";
+import { FILTER_TYPE_SEARCH as A, FILTER_TYPE_TYPE as tt } from "./index202.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 "./index130.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 "./index163.js";
+import { GetNoRowsOverlay as dt } from "./index136.js";
+import { AccessRestriction as lt } from "./index131.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 "./index135.js";
+import { hasSelectedText as wt } from "./index138.js";
 import { useGetPayablesAnalytics as C } from "./index35.js";
-import { LoadingSpinner as p } from "./index132.js";
+import { LoadingSpinner as p } from "./index143.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 "./index204.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
 };