@tesouro/embedded-components-react 0.2.51 → 0.2.55

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

@@ -1,45 +1,144 @@
-import { jsx as o, jsxs as P, Fragment as n } from "@emotion/react/jsx-runtime";
-import { useState as c, useCallback as r } from "react";
-import { ProductsTable as g } from "./index45.js";
-import { ProductDetails as v } from "./index47.js";
-import { MoniteScopedProviders as x } from "./index85.js";
-import { useUserPermissions as h } from "./index143.js";
+import { jsx as t, jsxs as a, Fragment as B } from "@emotion/react/jsx-runtime";
+import { useState as s, useMemo as N, useCallback as G } from "react";
+import { ProductDeleteModal as W } from "./index199.js";
+import { ProductType as q } from "./index200.js";
+import { Filters as H } from "./index201.js";
+import { useMoniteContext as Y } from "./index58.js";
+import { MoniteScopedProviders as J } from "./index84.js";
+import { useCurrencies as Q } from "./index59.js";
+import "./index93.js";
+import { useLingui as V } from "@lingui/react";
+import "react-dom";
+import "@mui/x-data-grid";
+import { useUserPermissions as X } from "./index132.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 R } from "../../shared/data-access/dist/lib/scopes.js";
-import { AccessRestriction as S } from "./index153.js";
-import "./index86.js";
+import { Scope as k } from "../../shared/data-access/dist/lib/scopes.js";
+import { AccessRestriction as Z } from "./index134.js";
+import { Button as f } from "./index85.js";
 import "clsx";
 import "tailwind-merge";
 import "@radix-ui/react-dialog";
-import "lucide-react";
-import "@lingui/react";
-import { CreateProduct as b } from "./index46.js";
-const K = (t) => /* @__PURE__ */ o(x, { children: /* @__PURE__ */ o(j, { ...t }) }), j = ({
-  pageTitleComponent: t
+import { ArrowUp as ee, ArrowDown as te, ArrowUpDown as oe, Plus as ie } from "lucide-react";
+import { DataTable as re } from "./index161.js";
+import { GetNoRowsOverlay as ae } from "./index160.js";
+import { MeasureUnit as se } from "./index202.js";
+import { hasSelectedText as ne } from "./index162.js";
+import { FILTER_TYPE_SEARCH as S } from "./index203.js";
+import "react-hot-toast";
+import { useGetProducts as le } from "./index204.js";
+import { ManageMeasureUnits as ce } from "./index205.js";
+const Ge = (d) => /* @__PURE__ */ t(J, { children: /* @__PURE__ */ t(de, { ...d }) }), de = ({
+  onFilterChanged: d,
+  onSortChanged: g,
+  onRowClick: P,
+  onDeleted: T,
+  openCreateModal: w
 }) => {
-  const m = h().has(R.InvoiceReadOrg), [e, i] = c(void 0), [d, p] = c(!1), l = r((s) => {
-    i(s);
-  }, []), u = r(() => {
-    i(void 0);
-  }, []), a = r(() => {
-    p(!1);
-  }, []), f = r(() => {
-    p(!0);
-  }, []), C = r((s) => {
-    i(s);
-  }, []);
-  return /* @__PURE__ */ P(n, { children: [
-    t(/* @__PURE__ */ o(n, {})),
-    !m && /* @__PURE__ */ o(S, {}),
-    m && /* @__PURE__ */ o(g, { onRowClick: l, onDeleted: C, openCreateModal: f }),
-    d && /* @__PURE__ */ o(b, { open: !0, onClose: a, onCreated: a }),
-    !!e && e && /* @__PURE__ */ o(v, { id: e, open: !0, onClose: u })
-  ] });
+  const {
+    i18n: i
+  } = V(), {
+    componentSettings: D
+  } = Y(), {
+    formatCurrencyToDisplay: h
+  } = Q(), [v, y] = s(!1), [M, m] = s(void 0), [_, b] = s(D.products.pageSizeOptions[0]), [n, R] = s({}), [r, C] = s(), [p, A] = s({
+    open: !1,
+    id: null
+  }), x = X(), L = x.has(k.InvoiceWriteOrg), $ = x.has(k.InvoiceReadOrg), {
+    data: l,
+    isLoading: j,
+    isError: z,
+    refetch: E
+  } = le({
+    sort: r?.field,
+    order: r?.sort,
+    limit: _,
+    pagination_token: M,
+    name__icontains: n[S] || void 0
+  }), F = (e, o) => {
+    m(void 0), R((c) => ({
+      ...c,
+      [e]: o === "all" ? null : o
+    })), d?.({
+      field: e,
+      value: o
+    });
+  }, u = N(() => r ? [{
+    id: r.field,
+    desc: r.sort === "desc"
+  }] : [], [r]), I = G((e) => {
+    const o = typeof e == "function" ? e(u) : e;
+    if (o.length > 0) {
+      const c = {
+        field: o[0].id,
+        sort: o[0].desc ? "desc" : "asc"
+      };
+      C(c), g?.(c);
+    } else
+      C(void 0);
+    m(void 0);
+  }, [u, g]), O = N(() => [{
+    accessorKey: "name",
+    header: ({
+      column: e
+    }) => {
+      const o = e.getIsSorted();
+      return /* @__PURE__ */ a("div", { className: "ttw:flex ttw:items-center ttw:gap-2 ttw:text-inherit", children: [
+        i._("Name"),
+        /* @__PURE__ */ t(f, { variant: "ghost", onClick: () => e.toggleSorting(o === "asc"), children: o === "asc" ? /* @__PURE__ */ t(ee, { className: "ttw:size-4" }) : o === "desc" ? /* @__PURE__ */ t(te, { className: "ttw:size-4" }) : /* @__PURE__ */ t(oe, { className: "ttw:size-4" }) })
+      ] });
+    },
+    cell: ({
+      row: e
+    }) => /* @__PURE__ */ t("span", { children: e.original.name })
+  }, {
+    accessorKey: "type",
+    header: i._("Type"),
+    cell: ({
+      row: e
+    }) => e.original.type ? /* @__PURE__ */ t(q, { type: e.original.type }) : null
+  }, {
+    accessorKey: "description",
+    header: i._("Description"),
+    cell: ({
+      row: e
+    }) => /* @__PURE__ */ t("div", { className: "ttw:w-120", children: /* @__PURE__ */ t("span", { className: "ttw:w-full ttw:inline-block ttw:truncate", children: e.original?.description }) })
+  }, {
+    accessorKey: "price",
+    header: () => /* @__PURE__ */ t("div", { className: "ttw:text-right", children: i._("Price per unit") }),
+    cell: ({
+      row: e
+    }) => {
+      const o = e.original.price;
+      return /* @__PURE__ */ a("div", { className: "ttw:justify-end ttw:flex ttw:gap-1 ttw:items-center", children: [
+        o ? h(o.value, o.currency) : "",
+        /* @__PURE__ */ t(se, { unitId: e.original.measure_unit_id ?? "" })
+      ] });
+    }
+  }], [i, h]), U = Object.keys(n).some((e) => n[e] !== null && n[e] !== void 0), K = !!n[S];
+  return $ ? /* @__PURE__ */ a(B, { children: [
+    /* @__PURE__ */ t("div", { className: "ttw:flex ttw:flex-col ttw:overflow-hidden ttw:min-h-125", children: /* @__PURE__ */ t(re, { columns: O, data: l?.data ?? [], sorting: u, onSortingChange: I, pageSize: _, onPageSizeChange: b, nextPaginationToken: l?.next_pagination_token ?? void 0, prevPaginationToken: l?.prev_pagination_token ?? void 0, onPaginationTokenChange: m, onRowClick: (e) => {
+      ne() || P?.(e.id);
+    }, filterComponent: /* @__PURE__ */ a("div", { className: "ttw:flex ttw:items-center ttw:justify-between ttw:px-4", children: [
+      /* @__PURE__ */ t(H, { onChangeFilter: F }),
+      /* @__PURE__ */ a("div", { className: "ttw:flex ttw:gap-2", children: [
+        /* @__PURE__ */ t(f, { variant: "ghost", onClick: () => y(!0), className: "ttw:py-0 ttw:text-primary ttw:hover:text-primary", children: i._("Manage units of measure") }),
+        /* @__PURE__ */ a(f, { disabled: !L, onClick: w, className: "ttw:py-0", children: [
+          /* @__PURE__ */ t(ie, {}),
+          i._("Add product or service")
+        ] })
+      ] })
+    ] }), children: /* @__PURE__ */ t(ae, { isLoading: j, dataLength: l?.data.length || 0, isFiltering: U, isSearching: K, isError: z, onCreate: w, refetch: E, filterTitle: i._("No product or service found"), filterDescription1: i._("Try adjusting your search or filter criteria"), entityName: i._("products or services"), actionButtonLabel: i._("Add your first product or service"), actionOptions: [i._("Product")], noDataTitle: i._("Build your products & services list."), noDataDescription1: i._("Save the products and services you sell so you can quickly add them as line items on invoices."), type: "no-data" }) }) }),
+    p.id && /* @__PURE__ */ t(W, { id: p.id, open: p.open, onDeleted: T, onClose: () => A((e) => ({
+      ...e,
+      open: !1
+    })) }),
+    v && /* @__PURE__ */ t(ce, { open: v, handleClose: () => y(!1) })
+  ] }) : /* @__PURE__ */ t(Z, {});
 };
 export {
-  K as Products
+  Ge as ProductsTable
 };

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

@@ -1,41 +1,30 @@
-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 "./index170.js";
-import { Select as g, SelectTrigger as x, SelectValue as w, SelectContent as S, SelectItem as l } from "./index300.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
+import { jsxs as i, jsx as e } from "@emotion/react/jsx-runtime";
+import { DropdownMenu as s, DropdownMenuTrigger as a, DropdownMenuContent as d, DropdownMenuItem as r } from "./index138.js";
+import { Button as c } from "./index85.js";
+import { useLingui as u } from "@lingui/react";
+import { MoreVertical as m, Pencil as p, Trash2 as h } from "lucide-react";
+const A = ({
+  onEdit: t,
+  onDelete: l,
+  permissions: o
 }) => {
   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))
+    i18n: n
+  } = u();
+  return o.isUpdateAllowed || o.isDeleteAllowed ? /* @__PURE__ */ i(s, { children: [
+    /* @__PURE__ */ e(a, { asChild: !0, children: /* @__PURE__ */ e(c, { variant: "ghost", size: "icon", "aria-label": "actions-menu-button", children: /* @__PURE__ */ e(m, {}) }) }),
+    /* @__PURE__ */ i(d, { align: "end", children: [
+      o.isUpdateAllowed && /* @__PURE__ */ i(r, { onClick: t, children: [
+        /* @__PURE__ */ e(p, {}),
+        n._("Edit")
+      ] }),
+      o.isDeleteAllowed && /* @__PURE__ */ i(r, { onClick: l, variant: "destructive", children: [
+        /* @__PURE__ */ e(h, {}),
+        n._("Delete")
       ] })
-    ] }),
-    p && /* @__PURE__ */ a(v, { open: !0, handleClose: () => i(!1) })
-  ] });
+    ] })
+  ] }) : null;
 };
 export {
-  E as MeasureUnitField
+  A as TableActions
 };

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

@@ -1,4 +1,36 @@
-const t = () => typeof crypto < "u" && typeof crypto.randomUUID == "function" ? crypto.randomUUID() : `${Date.now().toString(36)}-${Math.random().toString(36).substring(2, 9)}`;
+import { useMoniteContext as n } from "./index58.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 {
-  t as generateUniqueId
+  y as useCreatePayablePaymentLink,
+  r as usePaymentLinkById
 };

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

@@ -1,35 +1,55 @@
-function s(e) {
-  return e ? {
-    number_of_days: e.number_of_days ?? null,
-    discount: e.discount ?? null
-  } : null;
-}
-function d(e) {
-  return JSON.stringify({
-    name: e.name,
-    description: e.description ?? null,
-    term_final: {
-      number_of_days: e.term_final?.number_of_days ?? null
-    },
-    term_1: s(e.term_1),
-    term_2: s(e.term_2)
-  });
-}
-function a(e) {
-  const t = /* @__PURE__ */ new Map(), r = [], u = /* @__PURE__ */ new Map();
-  for (const n of e) {
-    const o = d(n), i = t.get(o);
-    if (!i) {
-      t.set(o, n.id), r.push(n);
-      continue;
+import { jsx as o, jsxs as x } from "@emotion/react/jsx-runtime";
+import { UUserSquare as N } from "./index379.js";
+import { useMoniteContext as v } from "./index58.js";
+import { Badge as n } from "./index242.js";
+import { Skeleton as b } from "./index137.js";
+import { getVariantProps as i } from "./index475.js";
+const j = ({
+  roleId: s,
+  variant: a = "default",
+  quoted: l = !1,
+  roleData: e
+}) => {
+  const {
+    api: m
+  } = v(), {
+    data: c,
+    isLoading: d,
+    isError: f
+  } = m.finops.getRolesId.useQuery({
+    path: {
+      role_id: s
     }
-    u.set(n.id, i);
+  }, {
+    enabled: !e
+  }), t = e ?? c, r = !e && d;
+  if (!t && !r && f && s) {
+    const {
+      badgeVariant: u,
+      className: g
+    } = i({
+      variant: a,
+      isError: !0,
+      componentType: "role"
+    });
+    return /* @__PURE__ */ o(n, { variant: u, className: g, children: "N/A" });
   }
-  return {
-    dedupedTerms: r,
-    duplicateIdMap: u
-  };
-}
+  if (!t && !r || !t)
+    return null;
+  const {
+    badgeVariant: p,
+    className: w,
+    showIcon: h
+  } = i({
+    variant: a,
+    isError: !1,
+    componentType: "role"
+  });
+  return /* @__PURE__ */ x(n, { variant: p, className: w, children: [
+    h && /* @__PURE__ */ o(N, { width: 24, height: 24, className: a === "default" ? "ttw:text-[rgb(97,97,97)] ttw:!w-6 ttw:!h-6 ttw:flex-shrink-0" : "ttw:!w-6 ttw:!h-6 ttw:flex-shrink-0" }),
+    r ? /* @__PURE__ */ o(b, { className: "ttw:h-4 ttw:w-20" }) : l ? `"${t.name}"` : t.name
+  ] });
+};
 export {
-  a as dedupePaymentTermsByContent
+  j as Role
 };

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

@@ -1,87 +1,42 @@
-import { jsx as n } from "@emotion/react/jsx-runtime";
-import { buttonVariants as c, Button as x } from "./index86.js";
-import { cn as t } from "./index102.js";
-import { ChevronLeftIcon as b, ChevronRightIcon as y, ChevronDownIcon as h } from "lucide-react";
-import * as m from "react";
-import { getDefaultClassNames as g, DayPicker as _ } from "react-day-picker";
-function j({
-  className: u,
-  classNames: i,
-  showOutsideDays: a = !0,
-  captionLayout: w = "label",
-  buttonVariant: s = "ghost",
-  formatters: l,
-  components: f,
-  ...p
-}) {
-  const e = g();
-  return /* @__PURE__ */ n(_, { showOutsideDays: a, className: t("ttw:bg-background ttw:group/calendar ttw:p-3 ttw:[--cell-size:--spacing(8)] ttw:[[data-slot=card-content]_&]:bg-transparent ttw:[[data-slot=popover-content]_&]:bg-transparent", String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`, String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`, u), captionLayout: w, formatters: {
-    formatMonthDropdown: (r) => r.toLocaleString("default", {
-      month: "short"
-    }),
-    ...l
-  }, classNames: {
-    root: t("ttw:w-fit", e.root),
-    months: t("ttw:flex ttw:gap-4 ttw:flex-col ttw:md:flex-row ttw:relative", e.months),
-    month: t("ttw:flex ttw:flex-col ttw:w-full ttw:gap-4", e.month),
-    nav: t("ttw:flex ttw:items-center ttw:gap-1 ttw:w-full ttw:absolute ttw:top-0 ttw:inset-x-0 ttw:justify-between", e.nav),
-    button_previous: t(c({
-      variant: s
-    }), "ttw:size-(--cell-size) ttw:aria-disabled:opacity-50 ttw:p-0 ttw:select-none", e.button_previous),
-    button_next: t(c({
-      variant: s
-    }), "ttw:size-(--cell-size) ttw:aria-disabled:opacity-50 ttw:p-0 ttw:select-none", e.button_next),
-    month_caption: t("ttw:flex ttw:items-center ttw:justify-center ttw:h-(--cell-size) ttw:w-full ttw:px-(--cell-size)", e.month_caption),
-    dropdowns: t("ttw:w-full ttw:flex ttw:items-center ttw:text-sm ttw:font-medium ttw:justify-center ttw:h-(--cell-size) ttw:gap-1.5", e.dropdowns),
-    dropdown_root: t("ttw:relative ttw:has-focus:border-ring ttw:border ttw:border-input ttw:shadow-xs ttw:has-focus:ring-ring/50 ttw:has-focus:ring-[3px] ttw:rounded-md", e.dropdown_root),
-    dropdown: t("ttw:absolute ttw:bg-popover ttw:inset-0 ttw:opacity-0", e.dropdown),
-    caption_label: t("ttw:select-none ttw:font-medium", w === "label" ? "ttw:text-sm" : "ttw:rounded-md ttw:pl-2 ttw:pr-1 ttw:flex ttw:items-center ttw:gap-1 ttw:text-sm ttw:h-8 ttw:[&>svg]:text-muted-foreground ttw:[&>svg]:size-3.5", e.caption_label),
-    table: "ttw:w-full ttw:border-collapse",
-    weekdays: t("ttw:flex", e.weekdays),
-    weekday: t("ttw:text-muted-foreground ttw:rounded-md ttw:flex-1 ttw:font-normal ttw:text-[0.8rem] ttw:select-none", e.weekday),
-    week: t("ttw:flex ttw:w-full ttw:mt-2", e.week),
-    week_number_header: t("ttw:select-none ttw:w-(--cell-size)", e.week_number_header),
-    week_number: t("ttw:text-[0.8rem] ttw:select-none ttw:text-muted-foreground", e.week_number),
-    day: t("ttw:relative ttw:w-full ttw:h-full ttw:p-0 ttw:text-center ttw:[&:first-child[data-selected=true]_button]:rounded-l-md ttw:[&:last-child[data-selected=true]_button]:rounded-r-md ttw:group/day ttw:aspect-square ttw:select-none", e.day),
-    range_start: t("ttw:rounded-l-md ttw:bg-accent", e.range_start),
-    range_middle: t("ttw:rounded-none", e.range_middle),
-    range_end: t("ttw:rounded-r-md ttw:bg-accent", e.range_end),
-    today: t("ttw:bg-accent ttw:text-accent-foreground ttw:rounded-md ttw:data-[selected=true]:rounded-none", e.today),
-    outside: t("ttw:text-muted-foreground ttw:aria-selected:text-muted-foreground", e.outside),
-    disabled: t("ttw:text-muted-foreground ttw:opacity-50", e.disabled),
-    hidden: t("ttw:invisible", e.hidden),
-    ...i
-  }, components: {
-    Root: ({
-      className: r,
-      rootRef: o,
-      ...d
-    }) => /* @__PURE__ */ n("div", { "data-slot": "calendar", ref: o, className: t(r), ...d }),
-    Chevron: ({
-      className: r,
-      orientation: o,
-      ...d
-    }) => o === "left" ? /* @__PURE__ */ n(b, { className: t("ttw:size-4", r), ...d }) : o === "right" ? /* @__PURE__ */ n(y, { className: t("ttw:size-4", r), ...d }) : /* @__PURE__ */ n(h, { className: t("ttw:size-4", r), ...d }),
-    DayButton: v,
-    WeekNumber: ({
-      children: r,
-      ...o
-    }) => /* @__PURE__ */ n("td", { ...o, children: /* @__PURE__ */ n("div", { className: "ttw:flex ttw:size-(--cell-size) ttw:items-center ttw:justify-center ttw:text-center", children: r }) }),
-    ...f
-  }, ...p });
-}
-function v({
-  className: u,
-  day: i,
-  modifiers: a,
-  ...w
-}) {
-  const s = g(), l = m.useRef(null);
-  return m.useEffect(() => {
-    a.focused && l.current?.focus();
-  }, [a.focused]), /* @__PURE__ */ n(x, { ref: l, variant: "ghost", size: "icon", "data-day": i.date.toLocaleDateString(), "data-selected-single": a.selected && !a.range_start && !a.range_end && !a.range_middle, "data-range-start": a.range_start, "data-range-end": a.range_end, "data-range-middle": a.range_middle, className: t("ttw:data-[selected-single=true]:bg-primary ttw:data-[selected-single=true]:text-primary-foreground ttw:data-[range-middle=true]:bg-accent ttw:data-[range-middle=true]:text-accent-foreground ttw:data-[range-start=true]:bg-primary ttw:data-[range-start=true]:text-primary-foreground ttw:data-[range-end=true]:bg-primary ttw:data-[range-end=true]:text-primary-foreground ttw:group-data-[focused=true]/day:border-ring ttw:group-data-[focused=true]/day:ring-ring/50 ttw:dark:hover:text-accent-foreground ttw:flex ttw:aspect-square ttw:size-auto ttw:w-full ttw:min-w-(--cell-size) ttw:flex-col ttw:gap-1 ttw:leading-none ttw:font-normal ttw:group-data-[focused=true]/day:relative ttw:group-data-[focused=true]/day:z-1300 ttw:group-data-[focused=true]/day:ring-[3px] ttw:data-[range-end=true]:rounded-md ttw:data-[range-end=true]:rounded-r-md ttw:data-[range-middle=true]:rounded-none ttw:data-[range-start=true]:rounded-md ttw:data-[range-start=true]:rounded-l-md ttw:[&>span]:text-xs ttw:[&>span]:opacity-70", s.day, u), ...w });
-}
+import { jsxs as l, Fragment as m, jsx as o } from "@emotion/react/jsx-runtime";
+import { useDialog as p } from "./index51.js";
+import { useLingui as C } from "@lingui/react";
+import { Divider as u, DialogActions as L, Stack as d, Button as r, CircularProgress as a } from "@mui/material";
+const x = ({
+  deleteButton: e,
+  primaryButton: n,
+  secondaryButton: i,
+  cancelButton: t,
+  showDivider: c = !0
+}) => {
+  const {
+    i18n: s
+  } = C(), g = p(), h = (b) => "formId" in b;
+  return /* @__PURE__ */ l(m, { children: [
+    c && /* @__PURE__ */ o(u, {}),
+    /* @__PURE__ */ l(L, { sx: {
+      display: "flex",
+      justifyContent: "space-between",
+      width: "100%"
+    }, children: [
+      /* @__PURE__ */ l(d, { direction: "row", spacing: 2, children: [
+        e && /* @__PURE__ */ o(r, { variant: "text", color: "error", onClick: e.onClick, disabled: e.isDisabled || e.isLoading, children: e.isLoading ? /* @__PURE__ */ o(a, { color: "inherit", size: 20 }) : e.label || s._("Delete") }),
+        i?.onTheLeft && /* @__PURE__ */ o(r, { variant: "text", color: "primary", onClick: i.onClick, disabled: i.isDisabled || i.isLoading, children: i.isLoading ? /* @__PURE__ */ o(a, { color: "inherit", size: 20 }) : i.label })
+      ] }),
+      /* @__PURE__ */ l(d, { direction: "row", spacing: 2, children: [
+        !t?.hideCancel && /* @__PURE__ */ o(r, { variant: "text", color: "primary", onClick: t?.onClick || g?.onClose, disabled: n?.isLoading || i?.isLoading || e?.isLoading, children: t?.label || s._("Cancel") }),
+        i && !i.onTheLeft && /* @__PURE__ */ o(r, { variant: "text", color: "primary", onClick: i.onClick, disabled: i.isDisabled || i.isLoading, children: i.isLoading ? /* @__PURE__ */ o(a, { color: "inherit", size: 20 }) : i.label }),
+        n && /* @__PURE__ */ o(r, { variant: "contained", color: "primary", ...h(n) ? {
+          type: "submit",
+          form: n.formId
+        } : {
+          type: "button",
+          onClick: n.onClick
+        }, disabled: n.isDisabled || n.isLoading, children: n.isLoading ? /* @__PURE__ */ o(a, { color: "inherit", size: 20 }) : n.label })
+      ] })
+    ] })
+  ] });
+};
 export {
-  j as Calendar,
-  v as CalendarDayButton
+  x as DialogFooter
 };

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

@@ -1,26 +1,49 @@
-import { jsxs as e, jsx as o } from "@emotion/react/jsx-runtime";
-import { Button as l } from "./index86.js";
-import { Calendar as s } from "./index443.js";
-import { Popover as d, PopoverTrigger as m, PopoverContent as p } from "./index399.js";
-import { useLingui as c } from "@lingui/react";
-import { format as f } from "date-fns";
-import { Calendar as u } from "lucide-react";
-import * as w from "react";
-const h = "MMM d, yyyy";
-function D(t) {
-  const [a, r] = w.useState(!1), {
-    i18n: n
-  } = c();
-  return /* @__PURE__ */ e(d, { open: a, onOpenChange: r, children: [
-    /* @__PURE__ */ o(m, { asChild: !0, children: /* @__PURE__ */ e(l, { variant: "outline", id: "date", disabled: !!t.shouldDisableButton, "aria-invalid": t["aria-invalid"], className: "ttw:w-full ttw:justify-between ttw:font-normal ttw:border-border", children: [
-      t.selected ? f(t.selected, h) : t.placeholder ?? n._("Mon DD, YYYY"),
-      /* @__PURE__ */ o(u, {})
-    ] }) }),
-    /* @__PURE__ */ o(p, { className: "ttw:w-auto ttw:overflow-hidden ttw:p-0", align: "start", children: /* @__PURE__ */ o(s, { ...t, mode: "single", captionLayout: "dropdown", onSelect: (i) => {
-      t.onSelect(i), r(!1);
-    } }) })
+import { jsxs as t, jsx as e, Fragment as g } from "@emotion/react/jsx-runtime";
+import { IconWrapper as v } from "./index234.js";
+import { useDialog as f } from "./index51.js";
+import { useLingui as L } from "@lingui/react";
+import y from "@mui/icons-material/ArrowForward";
+import C from "@mui/icons-material/Close";
+import { Breadcrumbs as D, Typography as s, Grid as l, Divider as T, styled as x, DialogTitle as b } from "@mui/material";
+import { memo as c } from "react";
+const j = c(({
+  previousLevelTitle: r,
+  onPreviousLevelClick: i,
+  title: o
+}) => /* @__PURE__ */ t(D, { color: "inherit", separator: /* @__PURE__ */ e(y, { fontSize: "small", color: "disabled" }), sx: {
+  padding: 3
+}, "aria-label": "breadcrumb", children: [
+  /* @__PURE__ */ e(s, { onClick: i, sx: {
+    cursor: i ? "pointer" : "default"
+  }, children: r }),
+  /* @__PURE__ */ e(s, { children: o })
+] })), G = c(({
+  title: r,
+  secondaryLevel: i = !1,
+  previousLevelTitle: o,
+  closeButtonTooltip: d,
+  showDivider: p = !0,
+  closeSecondaryLevelDialog: m
+}) => {
+  const {
+    i18n: u
+  } = L(), a = f(), h = a?.isDialogContent && !i, n = d || u._("Close dialog");
+  return /* @__PURE__ */ t(g, { children: [
+    /* @__PURE__ */ t(l, { container: !0, alignItems: "center", children: [
+      /* @__PURE__ */ e(l, { item: !0, xs: 11, children: i && o ? /* @__PURE__ */ e(j, { previousLevelTitle: o, title: r, onPreviousLevelClick: m }) : /* @__PURE__ */ e(k, { variant: "h3", children: r }) }),
+      /* @__PURE__ */ e(l, { item: !0, xs: 1, children: h && /* @__PURE__ */ e(v, { color: "inherit", onClick: a.onClose, ariaLabelOverride: n, tooltip: n, children: /* @__PURE__ */ e(C, {}) }) })
+    ] }),
+    p && /* @__PURE__ */ e(T, {})
   ] });
-}
+}), k = x(b)(({
+  theme: r
+}) => ({
+  "&.MuiDialogTitle-root.MuiTypography-root": {
+    ...r.typography.h3,
+    // MUI v5 styles DialogTitle as H6. This is a workaround to apply H3 styles
+    padding: r.spacing(3)
+  }
+}));
 export {
-  D as DatePicker
+  G as DialogHeader
 };