@tesouro/embedded-components-react 0.2.231 → 0.2.233

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

@@ -1,77 +1,59 @@
-import { jsxs as I, jsx as f } from "@emotion/react/jsx-runtime";
-import { useMemo as d, useState as g, useEffect as j } from "react";
-import { useCurrencies as N } from "./index58.js";
-import "./index92.js";
-import { useLingui as G } from "@lingui/react";
-import "react-dom";
-import "./index57.js";
-import "@mui/x-data-grid";
-import { InputGroup as T, InputGroupAddon as $, InputGroupInput as D } from "./index101.js";
-import { formatMinorToMajorCurrency as n, parseMajorToMinorCurrency as P } from "./index385.js";
-const J = ({
-  value: i,
-  error: v = !1,
-  currency: m,
-  disabled: w = !1,
-  onChange: u,
-  locale: x
+import { jsx as o, jsxs as b } from "@emotion/react/jsx-runtime";
+import { useMemo as g, Fragment as w } from "react";
+import { getCurrenciesArray as x, sortCurrencyOptionsByGroup as O, filterOptions as v, getGroupTitleForOption as B } from "./index94.js";
+import "date-fns";
+import { RHFAutocomplete as M } from "./index485.js";
+import { ListSubheader as S, Divider as q } from "@mui/material";
+import { useLingui as L } from "@lingui/react";
+import { CurrencyInput as W } from "./index486.js";
+import { CurrencyOption as j } from "./index487.js";
+const R = ({
+  required: s,
+  actualCurrency: y,
+  groups: t,
+  fullWidth: m,
+  showCodeOnly: i,
+  hideLabel: h = !1,
+  showCurrencyCode: p = !1,
+  showCurrencySymbol: u = !0,
+  showClearButton: C = !0,
+  allowedCurrencies: l,
+  ...d
 }) => {
   const {
-    getSymbolFromCurrency: y
-  } = N(), {
-    i18n: M
-  } = G(), e = x ?? M.locale, o = d(() => new Intl.NumberFormat(e, {
-    minimumFractionDigits: 2,
-    maximumFractionDigits: 2
-  }), [e]), {
-    decimalSeparator: F,
-    groupSeparator: S
-  } = d(() => {
-    const r = new Intl.NumberFormat(e).formatToParts(12345.67);
-    return {
-      decimalSeparator: r.find((t) => t.type === "decimal")?.value || ".",
-      groupSeparator: r.find((t) => t.type === "group")?.value || ""
-    };
-  }, [e]), [s, a] = g(n(i, o)), [l, p] = g(!1);
-  j(() => {
-    if (!l) {
-      const r = n(i, o);
-      r !== s && a(r);
-    }
-  }, [i, l, e, o, s]);
-  const b = (r) => {
-    const t = r.target.value;
-    a(t);
-  }, h = () => {
-    p(!0);
-  }, C = (r) => {
-    p(!1);
-    const t = r.target.value.trim();
-    if (t === "") {
-      a(n(0, o)), u(0);
-      return;
-    }
-    const c = P(t, F, S);
-    a(n(c, o)), u(c);
-  };
-  return /* @__PURE__ */ I(T, { className: "ttw:max-w-41 ttw:w-full ttw:min-w-29", children: [
-    /* @__PURE__ */ f($, { align: "inline-start", children: y(m) || m }),
-    /* @__PURE__ */ f(
-      D,
-      {
-        type: "text",
-        inputMode: "decimal",
-        className: "ttw:text-right",
-        "aria-invalid": v || void 0,
-        disabled: w,
-        value: s,
-        onChange: b,
-        onFocus: h,
-        onBlur: C
+    i18n: n
+  } = L(), a = n._("Currency"), c = g(() => {
+    const e = x(n);
+    return l ? e.filter((r) => l.includes(r.code)) : e;
+  }, [l, n]), f = O(c, t);
+  return /* @__PURE__ */ o(M, { ...d, required: s, disabled: c?.length === 1 || d.disabled, className: `Monite-Currency ${h && "Monite-Label-Hidden"}`, disableClearable: !C, label: a, options: f, optionKey: "code", labelKey: i ? "code" : "label", fullWidth: m, slotProps: {
+    paper: {
+      sx: {
+        "& .MuiAutocomplete-listbox hr:last-of-type": {
+          display: "none"
+        }
       }
-    )
-  ] });
+    }
+  }, renderInput: (e, r) => /* @__PURE__ */ o(W, { error: r?.error, defaultValue: y, required: r?.required ?? s, label: r?.label ?? a, showCodeOnly: i, showCurrencySymbol: u, showCurrencyCode: p, ...e }), renderOption: (e, r) => /* @__PURE__ */ o(j, { props: e, option: r, showCodeOnly: i, showCurrencyCode: p, showCurrencySymbol: u }, r.code), filterOptions: v, groupBy: t ? (e) => B(e, t)?.title : void 0, renderGroup: (e) => e.group.trim() === "" ? e.children : /* @__PURE__ */ b(w, { children: [
+    /* @__PURE__ */ o(S, { component: "div", title: e.group, sx: {
+      bgcolor: "background.paper",
+      typography: "body2",
+      fontWeight: (r) => r.typography.fontWeightBold,
+      textOverflow: "ellipsis",
+      overflow: "hidden",
+      whiteSpace: "nowrap",
+      py: 1.25,
+      px: 2,
+      top: -12
+      // hack needed to align the group title with the first option (MUI handles custom groups poorly)
+    }, children: e.group }),
+    e.children,
+    /* @__PURE__ */ o(q, { sx: {
+      mx: 1,
+      mt: 1
+    } })
+  ] }, e.key) });
 };
 export {
-  J as PriceField
+  R as MoniteCurrency
 };

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

@@ -1,70 +1,74 @@
-import { jsx as o, jsxs as V } from "@emotion/react/jsx-runtime";
-import { useState as x, useEffect as q } from "react";
-import { Controller as C } from "react-hook-form";
-import { Minus as R, Plus as M } from "lucide-react";
-import { InputGroup as N, InputGroupAddon as v, InputGroupButton as y, InputGroupInput as B } from "./index101.js";
-const I = (e) => Math.round(e * 100) / 100, b = (e) => {
-  let t = e.replace(/[^0-9.]/g, "");
-  const n = t.indexOf(".");
-  return n !== -1 && (t = t.slice(0, n + 1) + t.slice(n + 1).replace(/\./g, ""), t = t.slice(0, n + 3)), t;
-}, E = ({
-  field: e,
-  index: t,
-  canRemove: n,
-  hasProduct: s,
-  hasQuantityError: m,
-  onLineItemValueChange: l,
-  onRemoveItem: d
+import { jsxs as A, Fragment as F, jsx as i } from "@emotion/react/jsx-runtime";
+import { createElement as j } from "@emotion/react";
+import { useTags as k } from "./index488.js";
+import { TagFormModal as w } from "./index47.js";
+import { useRootElements as y } from "./index92.js";
+import { useLingui as S } from "@lingui/react";
+import I from "@mui/icons-material/Add";
+import { Autocomplete as L, TextField as M, Button as V } from "@mui/material";
+import { createFilterOptions as W } from "@mui/material/Autocomplete";
+import { useState as B, useMemo as m } from "react";
+const p = (o) => o ? o.map(({
+  id: r,
+  name: n
+}) => ({
+  value: r,
+  label: n
+})) : [], d = "__create-new__";
+function D(o) {
+  return o?.value === d;
+}
+const P = W(), N = ({
+  disabled: o,
+  value: r,
+  onChange: n,
+  label: f,
+  variant: c = "filled",
+  error: v = !1,
+  helperText: h,
+  required: g = !1
 }) => {
-  const i = Math.max(0, Number(e.value) || 0), w = n ? 0 : 1, [p, c] = x(i === 0 ? "" : String(i)), [h, f] = x(!1);
-  q(() => {
-    if (!h) {
-      const r = i === 0 ? "" : String(i);
-      r !== p && c(r);
-    }
-  }, [i, h, p]);
-  const g = (r) => {
-    const a = I(r);
-    if (a <= 0 && n) {
-      d(t);
-      return;
-    }
-    const u = Math.max(w, a);
-    l("quantity", u, {
-      shouldValidate: !0
-    });
+  const {
+    i18n: x
+  } = S(), {
+    root: b
+  } = y(), {
+    tagsQuery: s
+  } = k(), [T, u] = B(!1), C = m(() => r ? p(r) : [], [r]), O = m(() => {
+    const t = s.data?.data || [], e = r || [], a = [...t];
+    return e.forEach((l) => {
+      a.find((q) => q.id === l.id) || a.push(l);
+    }), p(a);
+  }, [s.data?.data, r]), _ = (t) => {
+    const e = t.map((l) => l.value), a = s.data?.data?.filter((l) => e.includes(l.id)) || [];
+    n?.(a);
+  }, E = () => {
+    u(!0);
   };
-  return /* @__PURE__ */ V(N, { className: "ttw:w-26 ttw:min-w-26 ttw:has-[>[data-align=inline-start]]:[&>input]:pl-0 ttw:has-[>[data-align=inline-end]]:[&>input]:pr-0", children: [
-    /* @__PURE__ */ o(v, { align: "inline-start", children: /* @__PURE__ */ o(y, { type: "button", size: "icon-xs", disabled: !s || !n && i <= 1, onClick: () => g(i - 1), children: /* @__PURE__ */ o(R, {}) }) }),
-    /* @__PURE__ */ o(B, { ref: e.ref, name: e.name, type: "text", inputMode: "decimal", "aria-invalid": m || void 0, value: p, className: "ttw:text-center ttw:px-0", onFocus: () => f(!0), onChange: (r) => {
-      const a = b(r.target.value);
-      c(a);
-      const u = a === "" || a === "." ? 0 : Number(a);
-      l("quantity", u, {
-        shouldValidate: !1
-      });
-    }, onBlur: (r) => {
-      f(!1);
-      const a = b(r.target.value), u = a === "" || a === "." ? 0 : I(Number(a));
-      u <= 0 ? n ? d(t) : (c("1"), l("quantity", 1, {
-        shouldValidate: !0
-      })) : (c(String(u)), l("quantity", u, {
-        shouldValidate: !0
-      })), e.onBlur();
-    } }),
-    /* @__PURE__ */ o(v, { align: "inline-end", children: /* @__PURE__ */ o(y, { type: "button", size: "icon-xs", disabled: !s, onClick: () => g(i + 1), children: /* @__PURE__ */ o(M, {}) }) })
+  return /* @__PURE__ */ A(F, { children: [
+    /* @__PURE__ */ i(w, { open: T, onClose: () => u(!1), onCreate: (t) => {
+      const e = [...r || [], t];
+      n?.(e);
+    }, isDeleteAllowed: !1 }),
+    /* @__PURE__ */ i(L, { disabled: o, multiple: !0, filterSelectedOptions: !0, getOptionLabel: (t) => t.label, options: O, slotProps: {
+      popper: {
+        container: b
+      }
+    }, isOptionEqualToValue: (t, e) => t.value === e.value, value: C, onChange: (t, e) => {
+      _(e || []);
+    }, filterOptions: (t, e) => {
+      const a = P(t, e);
+      return a.unshift({
+        value: d,
+        label: x._("Create new tag")
+      }), a;
+    }, renderOption: (t, e) => D(e) ? /* @__PURE__ */ i(V, { variant: "text", startIcon: /* @__PURE__ */ i(I, {}), fullWidth: !0, sx: {
+      justifyContent: "flex-start",
+      px: 2
+    }, onClick: E, children: e.label }, e.value) : /* @__PURE__ */ j("li", { ...t, key: e.value }, e.label), renderInput: (t) => /* @__PURE__ */ i(M, { ...t, label: f, variant: c, fullWidth: !0, error: v, helperText: h, required: g }) })
   ] });
-}, z = ({
-  index: e,
-  control: t,
-  quantityError: n,
-  canRemove: s,
-  hasProduct: m,
-  onLineItemValueChange: l,
-  onRemoveItem: d
-}) => /* @__PURE__ */ o(C, { name: `line_items.${e}.quantity`, control: t, render: ({
-  field: i
-}) => /* @__PURE__ */ o(E, { field: i, index: e, canRemove: s, hasProduct: m, hasQuantityError: n, onLineItemValueChange: l, onRemoveItem: d }) });
+};
 export {
-  z as QuantityField
+  N as TagsAutocomplete,
+  p as tagsToSelect
 };

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

@@ -1,41 +1,23 @@
-import { jsxs as t, Fragment as f, jsx as a } from "@emotion/react/jsx-runtime";
-import { useState as h } from "react";
-import { ManageMeasureUnits as v } from "./index148.js";
-import { Select as g, SelectTrigger as x, SelectValue as w, SelectContent as S, SelectItem as l } from "./index276.js";
-import { useLingui as _ } from "@lingui/react";
-import { Plus as b } from "lucide-react";
-const s = "__none__", E = ({
-  value: n,
-  availableMeasureUnits: o,
-  error: m,
-  fieldError: c,
-  disabled: u = !1,
-  onChange: d
-}) => {
-  const {
-    i18n: r
-  } = _(), [p, i] = h(!1);
-  return /* @__PURE__ */ t(f, { children: [
-    /* @__PURE__ */ t(g, { value: n || s, onValueChange: (e) => {
-      if (e === "create") {
-        i(!0);
-        return;
-      }
-      d(e === s ? "" : e);
-    }, disabled: u, children: [
-      /* @__PURE__ */ a(x, { "aria-invalid": m || !!c || void 0, className: "ttw:w-22", children: /* @__PURE__ */ a(w, { className: "ttw:truncate", placeholder: r._("Select") }) }),
-      /* @__PURE__ */ t(S, { children: [
-        /* @__PURE__ */ t(l, { value: "create", className: "ttw:text-primary ttw:hover:text-primary ttw:font-semibold ttw:focus:text-primary", children: [
-          /* @__PURE__ */ a(b, { className: "ttw:text-primary" }),
-          r._("Manage measure units")
-        ] }),
-        /* @__PURE__ */ a(l, { value: s, children: r._("None") }),
-        o?.map((e) => /* @__PURE__ */ a(l, { value: e.id, children: e.name }, e.id))
-      ] })
-    ] }),
-    p && /* @__PURE__ */ a(v, { open: !0, handleClose: () => i(!1) })
-  ] });
-};
+import { jsx as r } from "@emotion/react/jsx-runtime";
+import { TagsAutocomplete as f } from "./index446.js";
+import { FormControl as p } from "@mui/material";
+import { Controller as u } from "react-hook-form";
+const T = ({
+  control: t,
+  name: i,
+  label: n,
+  variant: o = "filled",
+  disabled: m = !1,
+  required: l = !1,
+  helperText: d
+}) => /* @__PURE__ */ r(u, { name: i, control: t, render: ({
+  field: a,
+  fieldState: {
+    error: e
+  }
+}) => /* @__PURE__ */ r(p, { variant: o, fullWidth: !0, required: l, error: !!e, children: /* @__PURE__ */ r(f, { disabled: m, value: a.value || [], onChange: (s) => {
+  a.onChange(s);
+}, label: n, variant: o, error: !!e, helperText: e?.message || d, required: l }) }) });
 export {
-  E as MeasureUnitField
+  T as TagsAutocompleteInput
 };

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

@@ -1,14 +1,36 @@
-import { getCountries as i } from "./index93.js";
-const o = (n, e) => e.find((a) => a.id === n)?.name ?? null, r = (n) => {
-  if (n) {
-    if ("organization" in n)
-      return n.organization.phone;
-    if ("individual" in n)
-      return n.individual.phone;
-  }
-}, u = (n, e) => e ? i(n)[e] ?? e : "";
+import { useMoniteContext as n } from "./index57.js";
+const r = (e) => {
+  const {
+    api: t
+  } = n();
+  return t.finops.getPaymentLinksId.useQuery({
+    path: {
+      payment_link_id: e ?? ""
+    }
+  }, {
+    enabled: !!e
+  });
+}, y = () => {
+  const {
+    api: e
+  } = n(), t = e.finops.postPaymentLinks.useMutation({});
+  return async (a, s, i, o) => t.mutateAsync({
+    recipient: {
+      id: s,
+      type: "counterpart"
+    },
+    object: {
+      id: a,
+      type: "payable"
+    },
+    payment_methods: i,
+    expires_at: new Date(
+      Date.now() + o * 24 * 3600 * 1e3
+      // x days from now
+    ).toISOString()
+  });
+};
 export {
-  r as getCounterpartPhone,
-  u as getCountryName,
-  o as getMeasureUnitName
+  y as useCreatePayablePaymentLink,
+  r as usePaymentLinkById
 };

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

@@ -1,31 +1,22 @@
-import { useRef as t, useEffect as p } from "react";
-import "./index57.js";
-import "@lingui/react";
-import "react-hot-toast";
-import "./index92.js";
-import "@emotion/react/jsx-runtime";
-import "react-dom";
-import "@mui/x-data-grid";
-import { useIsMounted as d } from "./index68.js";
-const z = (o, s = 50) => {
-  const c = t(o), e = t(void 0), r = t(void 0), i = d();
-  c.current = o;
-  const m = (u) => {
-    !u || typeof window > "u" || (r.current && r.current.disconnect(), r.current = new ResizeObserver(() => {
-      e.current && clearTimeout(e.current), e.current = setTimeout(() => {
-        i.current && c.current();
-      }, s);
-    }), r.current.observe(u));
-  }, n = () => {
-    r.current && r.current.disconnect(), e.current && clearTimeout(e.current);
-  };
-  return p(() => () => {
-    n();
-  }, []), {
-    observe: m,
-    disconnect: n
-  };
+import { jsx as r } from "@emotion/react/jsx-runtime";
+import { useState as l, useEffect as c } from "react";
+const u = ({
+  shouldStartProgress: e,
+  isError: d,
+  isSuccess: w
+}) => {
+  const [a, o] = l(0);
+  return c(() => {
+    let s;
+    return e && (s = setInterval(() => {
+      o((t) => t < 98 ? t + 2 : t === 98 ? t + 1 : t);
+    }, 200)), () => {
+      clearInterval(s);
+    };
+  }, [e]), w ? /* @__PURE__ */ r("div", { className: "ttw:w-65.5 ttw:h-1.5 ttw:bg-success ttw:rounded-md" }) : d ? /* @__PURE__ */ r("div", { className: "ttw:w-65.5 ttw:h-1.5 ttw:bg-danger ttw:rounded-md" }) : /* @__PURE__ */ r("div", { className: "ttw:w-65.5 ttw:h-1.5 ttw:bg-neutral ttw:rounded-md", children: /* @__PURE__ */ r("div", { className: "ttw:bg-primary ttw:h-full ttw:rounded-md", style: {
+    width: `${a}%`
+  } }) });
 };
 export {
-  z as useResizeObserver
+  u as UploadBar
 };

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

@@ -1,10 +1,10 @@
 import { jsx as t, jsxs as o, Fragment as F } from "@emotion/react/jsx-runtime";
-import { ProductDeleteModal as I } from "./index139.js";
-import { ProductEditForm as T } from "./index154.js";
+import { ProductDeleteModal as I } from "./index178.js";
+import { ProductEditForm as T } from "./index188.js";
 import { MoniteScopedProviders as j } from "./index83.js";
 import { useCurrencies as B } from "./index58.js";
 import { useMoniteContext as L } from "./index57.js";
-import { useUserPermissions as k } from "./index135.js";
+import { useUserPermissions as k } 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";
@@ -13,17 +13,17 @@ 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 y } from "react";
 import { Button as b } from "./index84.js";
-import { DropdownMenu as W, DropdownMenuTrigger as z, DropdownMenuContent as U, DropdownMenuItem as E } from "./index155.js";
-import { Sheet as u, SheetContent as h, SheetHeader as H, SheetTitle as R, SheetDescription as G, SheetClose as V } from "./index149.js";
-import { Skeleton as N } from "./index156.js";
+import { DropdownMenu as W, DropdownMenuTrigger as z, DropdownMenuContent as U, DropdownMenuItem as E } from "./index133.js";
+import { Sheet as u, SheetContent as h, SheetHeader as H, SheetTitle as R, SheetDescription as G, SheetClose as V } from "./index130.js";
+import { Skeleton as N } from "./index132.js";
 import { Typography as x } from "./index85.js";
-import { LoadingSpinner as X } from "./index150.js";
-import { NotFound as q } from "./index157.js";
+import { LoadingSpinner as X } from "./index131.js";
+import { NotFound as q } from "./index149.js";
 import { useLingui as J } from "@lingui/react";
 import { MoreVerticalIcon as K, Trash2 as Q, X as Y } from "lucide-react";
-import { useGetProductById as Z } from "./index158.js";
-import { ProductDetailLine as f } from "./index159.js";
-import { AccessRestriction as tt } from "./index136.js";
+import { useGetProductById as Z } from "./index189.js";
+import { ProductDetailLine as f } from "./index190.js";
+import { AccessRestriction as tt } from "./index152.js";
 const $t = (a) => /* @__PURE__ */ t(j, { children: /* @__PURE__ */ t(et, { ...a }) }), et = ({
   id: a,
   open: n,

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

@@ -1,26 +1,45 @@
-import { useRef as u, useEffect as s } from "react";
-import "./index57.js";
-import "@lingui/react";
-import "react-hot-toast";
-import "./index92.js";
-import "@emotion/react/jsx-runtime";
-import "react-dom";
-import "@mui/x-data-grid";
-import { useIsMounted as m } from "./index68.js";
-const E = (r, t = 100) => {
-  const o = u(r), e = u(void 0), i = m();
-  o.current = r, s(() => {
-    if (typeof window > "u") return;
-    const n = () => {
-      e.current && clearTimeout(e.current), e.current = setTimeout(() => {
-        i.current && o.current();
-      }, t);
-    };
-    return window.addEventListener("resize", n), () => {
-      window.removeEventListener("resize", n), e.current && clearTimeout(e.current);
-    };
-  }, [t, i]);
+import { jsxs as x, Fragment as b, jsx as r } from "@emotion/react/jsx-runtime";
+import { useState as g } from "react";
+import f from "@mui/icons-material/MoreVert";
+import { IconButton as y, Menu as C, MenuItem as k, ListItemText as M } from "@mui/material";
+const j = ({
+  id: e = "dropdown-menu-button",
+  items: a,
+  iconButtonProps: d,
+  menuProps: s
+}) => {
+  const [t, i] = g(null), n = !!t, m = (o) => {
+    i(o.currentTarget);
+  }, l = () => {
+    i(null);
+  };
+  return /* @__PURE__ */ x(b, { children: [
+    /* @__PURE__ */ r(y, { id: e, onClick: m, sx: {
+      border: "1px solid",
+      borderColor: "divider",
+      borderRadius: 1,
+      width: 40,
+      height: 40
+    }, "aria-expanded": n, "aria-haspopup": "true", ...d, children: /* @__PURE__ */ r(f, {}) }),
+    /* @__PURE__ */ r(C, { anchorEl: t, open: n, onClose: l, container: () => document.body, anchorOrigin: {
+      vertical: "bottom",
+      horizontal: "right"
+    }, transformOrigin: {
+      vertical: "top",
+      horizontal: "right"
+    }, MenuListProps: {
+      "aria-labelledby": e,
+      role: "menu"
+    }, ...s, children: a.map(({
+      key: o,
+      label: p,
+      onClick: u,
+      sx: c
+    }) => /* @__PURE__ */ r(k, { id: o, onClick: (h) => {
+      l(), u?.(h);
+    }, sx: c, children: /* @__PURE__ */ r(M, { primary: p }) }, o)) })
+  ] });
 };
 export {
-  E as useWindowResize
+  j as DropdownMenu
 };

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

@@ -1,41 +1,39 @@
-import { useState as p, useEffect as f } from "react";
-const s = {
-  inches: {
-    width: 8.27,
-    height: 11.69
+import { jsxs as a, jsx as o } from "@emotion/react/jsx-runtime";
+import { useDialog as p } from "./index50.js";
+import { IconWrapper as d } from "./index213.js";
+import { useLingui as g } from "@lingui/react";
+import u from "@mui/icons-material/Close";
+import { styled as s, Toolbar as h, DialogTitle as f, Stack as n } from "@mui/material";
+const I = ({
+  title: r,
+  statusElement: c,
+  actions: i,
+  className: m,
+  closeButtonTooltip: e
+}) => {
+  const {
+    i18n: t
+  } = g(), l = p();
+  return /* @__PURE__ */ a(x, { className: m, disableGutters: !0, children: [
+    l?.isDialogContent && /* @__PURE__ */ o(d, { color: "inherit", onClick: l.onClose, ariaLabelOverride: e || t._("Close modal"), tooltip: e || t._("Close modal"), children: /* @__PURE__ */ o(u, {}) }),
+    /* @__PURE__ */ a(n, { direction: "row", spacing: 2, alignItems: "center", ml: 2, children: [
+      /* @__PURE__ */ o(y, { children: r }),
+      c
+    ] }),
+    i && /* @__PURE__ */ o(n, { direction: "row", spacing: 2, ml: "auto", children: i })
+  ] });
+}, x = s(h)(() => ({
+  padding: "24px 32px",
+  flexShrink: 0
+})), y = s(f)(({
+  theme: r
+}) => ({
+  "&.MuiDialogTitle-root.MuiTypography-root": {
+    ...r.typography.h3,
+    // MUI v5 styles DialogTitle as H6. This is a workaround to apply H3 styles
+    padding: "0"
   }
-}, y = () => {
-  const [h, r] = p({
-    width: 794,
-    height: 1123,
-    dpi: 96
-  });
-  return f(() => {
-    if (typeof window > "u") return;
-    const t = () => {
-      const c = [72, 96, 120, 144, 192, 240, 288, 384];
-      let n = 96;
-      for (const d of c)
-        if (window.matchMedia(`(resolution: ${d}dpi)`).matches) {
-          n = d;
-          break;
-        }
-      const u = window.devicePixelRatio || 1, w = n * u, e = document.createElement("div");
-      e.style.width = "1in", e.style.height = "1in", e.style.position = "absolute", e.style.left = "-9999px", document.body.appendChild(e);
-      const a = e.getBoundingClientRect(), o = Math.round(a.width);
-      document.body.removeChild(e);
-      const i = o > 0 ? o : w, l = Math.round(s.inches.width * i), m = Math.round(s.inches.height * i);
-      r({
-        width: l,
-        height: m,
-        dpi: i
-      });
-    };
-    return t(), window.addEventListener("resize", t), () => {
-      window.removeEventListener("resize", t);
-    };
-  }, []), h;
-};
+}));
 export {
-  y as useA4Dimensions
+  I as FullScreenModalHeader
 };