@tesouro/embedded-components-react 0.2.82 → 0.2.84

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

@@ -1,227 +1,59 @@
-import { jsxs as c, jsx as e, Fragment as p } from "@emotion/react/jsx-runtime";
-import { useLingui as U } from "@lingui/react";
-import { useFormContext as W, Controller as m } from "react-hook-form";
-import { Field as h, FieldContent as _ } from "./index153.js";
-import { Select as D, SelectTrigger as k, SelectValue as C, SelectContent as S, SelectItem as d, SelectSeparator as K } from "./index288.js";
-import { Typography as w } from "./index85.js";
-import { DatePicker as j } from "./index399.js";
-import { Input as E } from "./index117.js";
-import { RECEIPT_DUE_PAYMENT_TERM as z, CUSTOM_DATE_PAYMENT_TERM as B } from "./index189.js";
-const G = ["day", "week", "month"], $ = (t) => {
-  (t.key === "." || t.key === ",") && t.preventDefault();
-}, J = (t) => {
-  const o = ["th", "st", "nd", "rd"], s = t % 100;
-  return `${t}${o[(s - 20) % 10] ?? o[s] ?? o[0]}`;
-}, Q = Array.from({
-  length: 31
-}, (t, o) => o + 1), F = ["recurrence_start_date", "recurrence_end_date", "recurrence_issue_mode", "recurrence_days_of_week", "recurrence_end_mode", "recurrence_max_occurrences"], A = {
-  su: 0,
-  mo: 1,
-  tu: 2,
-  we: 3,
-  th: 4,
-  fr: 5,
-  sa: 6
-}, P = () => {
-  const t = /* @__PURE__ */ new Date();
-  return t.setHours(0, 0, 0, 0), t;
-}, X = (t) => {
-  const o = P(), s = (A[t] - o.getDay() + 7) % 7, f = new Date(o);
-  return f.setDate(o.getDate() + s), f;
-}, ie = () => {
+import { jsxs as n, jsx as t } from "@emotion/react/jsx-runtime";
+import { useRootElements as s } from "./index92.js";
+import { FilterContainer as p } from "./index301.js";
+import { useLingui as m } from "@lingui/react";
+import { FormControl as u, InputLabel as c, Select as d, MenuItem as E, FormControlLabel as F, Switch as T } from "@mui/material";
+import { DatePicker as _ } from "@mui/x-date-pickers";
+import { APPROVAL_REQUEST_STATUSES as v, FILTER_TYPE_STATUS as R, FILTER_TYPE_ADDED_BY as A, FILTER_TYPE_CREATED_AT as C, FILTER_TYPE_CURRENT_USER as h } from "./index315.js";
+import { getRowToStatusTextMap as S } from "./index414.js";
+import { AutocompleteCreatedBy as M } from "./index415.js";
+const O = ({
+  onChangeFilter: l,
+  sx: i
+}) => {
   const {
-    i18n: t
-  } = U(), {
-    control: o,
-    watch: s,
-    clearErrors: f,
-    setValue: l
-  } = W(), i = s("frequency"), R = s("payment_terms_id"), g = s("recurrence_issue_mode"), V = s("recurrence_end_mode"), x = s("recurrence_days_of_week"), Y = s("recurrence_max_occurrences"), v = Number(Y) === 1, M = s("recurrence_start_date"), y = M ? new Date(M) : void 0, T = s("recurrence_end_date"), b = T ? new Date(T) : void 0, q = (r) => {
-    if (r < P()) return !0;
-    if (i === "week")
-      return x ? r.getDay() !== A[x] : !1;
-    if (i !== "month" || !g) return !1;
-    const n = r.getDate(), a = new Date(r.getFullYear(), r.getMonth() + 1, 0).getDate();
-    if (g === "first_day") return n !== 1;
-    if (g === "last_day") return n !== a;
-    const u = Number(g);
-    return Number.isNaN(u) ? !1 : n !== Math.min(u, a);
-  }, I = (r) => {
-    if (q(r)) return !0;
-    if (!y) return !1;
-    const n = new Date(y);
-    return n.setHours(0, 0, 0, 0), r < n;
-  }, O = (r) => {
-    if (q(r)) return !0;
-    if (!b) return !1;
-    const n = new Date(b);
-    return n.setHours(0, 0, 0, 0), r > n;
-  }, H = () => {
-    switch (i) {
-      case "once":
-      case "day":
-      case "quarter":
-      case "year":
-      default:
-        return null;
-      case "month":
-        return /* @__PURE__ */ c(p, { children: [
-          /* @__PURE__ */ e(w, { variant: "body2", color: "muted", className: "ttw:text-nowrap", children: t._("on the") }),
-          /* @__PURE__ */ e(m, { name: "recurrence_issue_mode", control: o, render: ({
-            field: r,
-            fieldState: {
-              error: n
-            }
-          }) => /* @__PURE__ */ e(h, { className: "ttw:w-fit", children: /* @__PURE__ */ e(_, { className: "ttw:grow-0", children: /* @__PURE__ */ c(D, { value: r.value, onValueChange: (a) => {
-            r.onChange(a), f("recurrence_issue_mode"), l("recurrence_start_date", void 0, {
-              shouldDirty: !1
-            });
-          }, children: [
-            /* @__PURE__ */ e(k, { id: "recurrence_issue_mode", className: "ttw:min-w-21 ttw:w-fit", "aria-invalid": !!n, children: /* @__PURE__ */ e(C, {}) }),
-            /* @__PURE__ */ c(S, { children: [
-              /* @__PURE__ */ e(d, { value: "first_day", children: t._("First day") }),
-              /* @__PURE__ */ e(d, { value: "last_day", children: t._("Last day") }),
-              /* @__PURE__ */ e(K, {}),
-              Q.map((a) => /* @__PURE__ */ e(d, { value: String(a), children: J(a) }, a))
-            ] })
-          ] }) }) }) }),
-          /* @__PURE__ */ e(w, { variant: "body2", color: "muted", className: "ttw:text-nowrap", children: t._("day of every month") })
-        ] });
-      case "week":
-        return /* @__PURE__ */ c(p, { children: [
-          /* @__PURE__ */ e(w, { variant: "body2", color: "muted", children: t._("on") }),
-          /* @__PURE__ */ e(m, { name: "recurrence_days_of_week", control: o, render: ({
-            field: r,
-            fieldState: {
-              error: n
-            }
-          }) => {
-            const a = r.value, u = (N) => {
-              a !== N && (r.onChange(N), l("recurrence_start_date", X(N), {
-                shouldDirty: !0
-              }), f("recurrence_start_date"));
-            };
-            return /* @__PURE__ */ e(h, { className: "ttw:w-fit", children: /* @__PURE__ */ e(_, { className: "ttw:grow-0", children: /* @__PURE__ */ c("div", { "aria-invalid": !!n, className: "ttw:flex ttw:border ttw:border-border ttw:rounded-md ttw:h-8 ttw:w-56 ttw:aria-invalid:border-destructive", children: [
-              /* @__PURE__ */ e("button", { type: "button", "aria-pressed": a === "mo", "data-active": a === "mo", onClick: () => u("mo"), className: "ttw:hover:cursor-pointer ttw:transition-colors ttw:hover:bg-muted ttw:data-[active=true]:bg-muted ttw:text-sm ttw:font-medium ttw:border-r ttw:border-border ttw:flex ttw:flex-1 ttw:items-center ttw:justify-center", children: t._("Mo") }),
-              /* @__PURE__ */ e("button", { type: "button", "aria-pressed": a === "tu", "data-active": a === "tu", onClick: () => u("tu"), className: "ttw:hover:cursor-pointer ttw:transition-colors ttw:hover:bg-muted ttw:data-[active=true]:bg-muted ttw:text-sm ttw:font-medium ttw:border-r ttw:border-border ttw:flex ttw:flex-1 ttw:items-center ttw:justify-center", children: t._("Tu") }),
-              /* @__PURE__ */ e("button", { type: "button", "aria-pressed": a === "we", "data-active": a === "we", onClick: () => u("we"), className: "ttw:hover:cursor-pointer ttw:transition-colors ttw:hover:bg-muted ttw:data-[active=true]:bg-muted ttw:text-sm ttw:font-medium ttw:border-r ttw:border-border ttw:flex ttw:flex-1 ttw:items-center ttw:justify-center", children: t._("We") }),
-              /* @__PURE__ */ e("button", { type: "button", "aria-pressed": a === "th", "data-active": a === "th", onClick: () => u("th"), className: "ttw:hover:cursor-pointer ttw:transition-colors ttw:hover:bg-muted ttw:data-[active=true]:bg-muted ttw:text-sm ttw:font-medium ttw:border-r ttw:border-border ttw:flex ttw:flex-1 ttw:items-center ttw:justify-center", children: t._("Th") }),
-              /* @__PURE__ */ e("button", { type: "button", "aria-pressed": a === "fr", "data-active": a === "fr", onClick: () => u("fr"), className: "ttw:hover:cursor-pointer ttw:transition-colors ttw:hover:bg-muted ttw:data-[active=true]:bg-muted ttw:text-sm ttw:font-medium ttw:border-r ttw:border-border ttw:flex ttw:flex-1 ttw:items-center ttw:justify-center", children: t._("Fr") }),
-              /* @__PURE__ */ e("button", { type: "button", "aria-pressed": a === "sa", "data-active": a === "sa", onClick: () => u("sa"), className: "ttw:hover:cursor-pointer ttw:transition-colors ttw:hover:bg-muted ttw:data-[active=true]:bg-muted ttw:text-sm ttw:font-medium ttw:border-r ttw:border-border ttw:flex ttw:flex-1 ttw:items-center ttw:justify-center", children: t._("Sa") }),
-              /* @__PURE__ */ e("button", { type: "button", "aria-pressed": a === "su", "data-active": a === "su", onClick: () => u("su"), className: "ttw:hover:cursor-pointer ttw:transition-colors ttw:hover:bg-muted ttw:data-[active=true]:bg-muted ttw:text-sm ttw:font-medium ttw:flex ttw:flex-1 ttw:items-center ttw:justify-center", children: t._("Su") })
-            ] }) }) });
-          } })
-        ] });
-    }
-  }, L = () => {
-    switch (i) {
-      case "once":
-      default:
-        return null;
-      case "day":
-        return /* @__PURE__ */ c(p, { children: [
-          /* @__PURE__ */ e(w, { variant: "body2", color: "muted", className: "ttw:text-nowrap", children: t._("and end") }),
-          /* @__PURE__ */ e(m, { name: "recurrence_end_mode", control: o, render: ({
-            field: r,
-            fieldState: {
-              error: n
-            }
-          }) => /* @__PURE__ */ e(h, { className: "ttw:w-fit", children: /* @__PURE__ */ e(_, { className: "ttw:grow-0", children: /* @__PURE__ */ c(D, { value: r.value, onValueChange: (a) => {
-            r.onChange(a), a === "after" ? l("recurrence_end_date", void 0, {
-              shouldDirty: !1
-            }) : l("recurrence_max_occurrences", void 0, {
-              shouldDirty: !1
-            });
-          }, children: [
-            /* @__PURE__ */ e(k, { id: "recurrence_end_mode", className: "ttw:w-21", "aria-invalid": !!n, children: /* @__PURE__ */ e(C, {}) }),
-            /* @__PURE__ */ c(S, { children: [
-              /* @__PURE__ */ e(d, { value: "after", children: t._("After") }),
-              /* @__PURE__ */ e(d, { value: "on", children: t._("On") })
-            ] })
-          ] }) }) }) }),
-          V === "on" ? /* @__PURE__ */ e(m, { control: o, name: "recurrence_end_date", render: ({
-            field: r,
-            fieldState: {
-              error: n
-            }
-          }) => /* @__PURE__ */ e(h, { className: "ttw:grow-0 ttw:w-44", children: /* @__PURE__ */ e(_, { children: /* @__PURE__ */ e(j, { ...r, selected: r.value ? new Date(r.value) : void 0, onSelect: r.onChange, showOutsideDays: !1, disabled: I, "aria-invalid": !!n, startMonth: y ? new Date(y.getFullYear(), y.getMonth(), 1) : /* @__PURE__ */ new Date(), endMonth: new Date(2050, 11) }) }) }) }) : /* @__PURE__ */ c(p, { children: [
-            /* @__PURE__ */ e(m, { name: "recurrence_max_occurrences", control: o, render: ({
-              field: r,
-              fieldState: {
-                error: n
-              }
-            }) => /* @__PURE__ */ e(h, { className: "ttw:w-fit", children: /* @__PURE__ */ e(_, { className: "ttw:grow-0", children: /* @__PURE__ */ e(E, { ...r, className: "ttw:w-16", value: r.value ?? "", type: "number", min: 0, max: 1e3, onKeyDown: $, "aria-invalid": !!n }) }) }) }),
-            /* @__PURE__ */ e(w, { variant: "body2", color: "muted", className: "ttw:text-nowrap", children: v ? t._("day") : t._("days") })
-          ] })
-        ] });
-      case "month":
-      case "quarter":
-      case "year":
-      case "week":
-        return /* @__PURE__ */ c(p, { children: [
-          /* @__PURE__ */ e(w, { variant: "body2", color: "muted", className: "ttw:text-nowrap", children: t._("and end after") }),
-          /* @__PURE__ */ e(m, { name: "recurrence_max_occurrences", control: o, render: ({
-            field: r,
-            fieldState: {
-              error: n
-            }
-          }) => /* @__PURE__ */ e(h, { className: "ttw:w-fit", children: /* @__PURE__ */ e(_, { className: "ttw:grow-0", children: /* @__PURE__ */ e(E, { ...r, className: "ttw:w-16", value: r.value ?? "", type: "number", min: 0, max: 1e3, onKeyDown: $, "aria-invalid": !!n }) }) }) }),
-          /* @__PURE__ */ c(w, { variant: "body2", color: "muted", className: "ttw:text-nowrap", children: [
-            i === "month" && (v ? t._("month") : t._("months")),
-            i === "quarter" && (v ? t._("quarter") : t._("quarters")),
-            i === "week" && (v ? t._("week") : t._("weeks")),
-            i === "year" && (v ? t._("year") : t._("years"))
-          ] })
-        ] });
-    }
-  };
-  return /* @__PURE__ */ c("section", { className: "ttw:flex ttw:flex-col ttw:gap-2.5", children: [
-    /* @__PURE__ */ c("div", { className: "ttw:flex ttw:items-center ttw:gap-2.5", children: [
-      /* @__PURE__ */ e(w, { variant: "body2", color: "muted", className: "ttw:text-nowrap", children: t._("Repeat this invoice") }),
-      /* @__PURE__ */ e(m, { name: "frequency", control: o, render: ({
-        field: r
-      }) => /* @__PURE__ */ e(h, { className: "ttw:w-fit", children: /* @__PURE__ */ e(_, { className: "ttw:grow-0", children: /* @__PURE__ */ c(D, { value: r.value, onValueChange: (n) => {
-        f(F), F.forEach((a) => {
-          l(a, void 0, {
-            shouldDirty: !1
-          });
-        }), G.includes(n) ? (l("payment_terms_id", z, {
-          shouldDirty: !0
-        }), l("payment_terms_custom_date", null, {
-          shouldDirty: !1
-        }), l("payment_reminder_id", "", {
-          shouldDirty: !0
-        })) : n !== "once" && R === B && (l("payment_terms_id", "", {
-          shouldDirty: !0
-        }), l("payment_terms_custom_date", null, {
-          shouldDirty: !1
-        })), r.onChange(n);
-      }, children: [
-        /* @__PURE__ */ e(k, { id: "frequency", className: "ttw:w-31", children: /* @__PURE__ */ e(C, {}) }),
-        /* @__PURE__ */ c(S, { children: [
-          /* @__PURE__ */ e(d, { value: "once", children: t._("Once") }),
-          /* @__PURE__ */ e(d, { value: "day", children: t._("Daily") }),
-          /* @__PURE__ */ e(d, { value: "week", children: t._("Weekly") }),
-          /* @__PURE__ */ e(d, { value: "month", children: t._("Monthly") }),
-          /* @__PURE__ */ e(d, { value: "quarter", children: t._("Quarterly") }),
-          /* @__PURE__ */ e(d, { value: "year", children: t._("Annually") })
-        ] })
-      ] }) }) }) }),
-      H()
+    i18n: a
+  } = m(), {
+    root: r
+  } = s();
+  return /* @__PURE__ */ n(p, { className: "Monite-ApprovalRequestsFilters", sx: i, children: [
+    /* @__PURE__ */ n(u, { variant: "standard", fullWidth: !0, className: "Monite-ApprovalStatusFilter Monite-FilterControl", children: [
+      /* @__PURE__ */ t(c, { id: "status", children: a._("Status") }),
+      /* @__PURE__ */ t(d, { labelId: "status", label: a._("Status"), defaultValue: "all", MenuProps: {
+        container: r
+      }, onChange: (e) => {
+        l(R, e && e.target.value);
+      }, children: [{
+        label: a._("All invoices"),
+        value: "all"
+      }, ...Object.values(v).map((e) => ({
+        label: S(a)[e],
+        value: e
+      }))].map(({
+        label: e,
+        value: o
+      }) => /* @__PURE__ */ t(E, { value: o, children: e }, o)) })
     ] }),
-    i !== "once" && /* @__PURE__ */ c("div", { className: "ttw:flex ttw:items-center ttw:gap-2.5", children: [
-      /* @__PURE__ */ e(w, { variant: "body2", color: "muted", className: "ttw:text-nowrap", children: t._("Start on") }),
-      /* @__PURE__ */ e(m, { control: o, name: "recurrence_start_date", render: ({
-        field: r,
-        fieldState: {
-          error: n
-        }
-      }) => /* @__PURE__ */ e(h, { className: "ttw:grow-0 ttw:w-44", children: /* @__PURE__ */ e(_, { children: /* @__PURE__ */ e(j, { ...r, selected: r.value ? new Date(r.value) : void 0, onSelect: r.onChange, showOutsideDays: !1, shouldDisableButton: i === "week" && !x, disabled: O, "aria-invalid": !!n, startMonth: /* @__PURE__ */ new Date(), endMonth: b ? new Date(b.getFullYear(), b.getMonth(), 1) : new Date(2050, 11) }) }) }) }),
-      L()
-    ] }),
-    ["month", "quarter", "year"].includes(i) && /* @__PURE__ */ e(w, { variant: "caption", color: "muted", children: t._("If the issue day doesn't exist in a given month, e.g., the 31st, then the invoice will be sent on the last day of that month.") })
+    /* @__PURE__ */ t(M, { onChange: (e) => l(A, e || null) }),
+    /* @__PURE__ */ t(_, { label: a._("Requested on"), className: "Monite-ApprovalRequestedOnFilter Monite-FilterControl Monite-DateFilterControl", onChange: (e, o) => {
+      o.validationError || l(C, e);
+    }, slotProps: {
+      textField: {
+        variant: "standard"
+      },
+      popper: {
+        container: r
+      },
+      dialog: {
+        container: r
+      },
+      actionBar: {
+        actions: ["clear", "today"]
+      }
+    }, views: ["year", "month", "day"] }),
+    /* @__PURE__ */ t(F, { control: /* @__PURE__ */ t(T, {}), className: "Monite-ApprovalOnlyMyFilter Monite-FilterControl", label: a._("Only my approvals"), onChange: (e, o) => l(h, o) })
   ] });
 };
 export {
-  ie as RecurrenceSection
+  O as ApprovalRequestsFilter
 };

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

@@ -1,41 +1,31 @@
-import { jsxs as r, jsx as e, Fragment as h } from "@emotion/react/jsx-runtime";
-import { useLingui as y } from "@lingui/react";
-import { Switch as g } from "./index379.js";
-import { useState as v } from "react";
-import { useFormContext as x } from "react-hook-form";
-import { Typography as l } from "./index85.js";
-import { ReminderBeforeDueDate as b } from "./index400.js";
-import { ReminderOverdue as N } from "./index401.js";
-import { RECEIPT_DUE_PAYMENT_TERM as D } from "./index189.js";
-const I = ({
-  disabled: a
+import { jsx as r } from "@emotion/react/jsx-runtime";
+import { useLingui as n } from "@lingui/react";
+import { Chip as u } from "@mui/material";
+import { styled as l, useThemeProps as f } from "@mui/material/styles";
+import { ROW_TO_STATUS_MUI_MAP as A, APPROVAL_REQUEST_STATUS_TO_MUI_ICON_MAP as S } from "./index315.js";
+import { getRowToStatusTextMap as T } from "./index414.js";
+const c = ({
+  ref: s,
+  ...e
 }) => {
   const {
-    i18n: i
-  } = y(), {
-    watch: t,
-    setValue: d
-  } = x(), n = t("payment_terms_id"), c = t("payment_terms_custom_date"), p = t("payment_reminder_id"), u = t("overdue_reminder_id"), o = !!(n || c), w = !!(p || u), f = n !== D, [m, _] = v(o || w);
-  return /* @__PURE__ */ r("section", { className: "ttw:flex ttw:flex-col ttw:gap-6", children: [
-    /* @__PURE__ */ r("div", { className: "ttw:flex ttw:items-center ttw:gap-3", children: [
-      /* @__PURE__ */ e(g, { checked: m, disabled: !o, onCheckedChange: (s) => {
-        s || (d("payment_reminder_id", "", {
-          shouldDirty: !0
-        }), d("overdue_reminder_id", "", {
-          shouldDirty: !0
-        })), _(s);
-      }, "aria-label": i._("Payment reminders") }),
-      /* @__PURE__ */ e(l, { variant: "body2", children: i._("Send reminders when an invoice is approaching its due date or past due.") })
-    ] }),
-    m && /* @__PURE__ */ r(h, { children: [
-      /* @__PURE__ */ r("div", { className: "ttw:flex ttw:flex-col ttw:gap-4 ttw:w-full ttw:xl:flex-row", children: [
-        f && /* @__PURE__ */ e(b, { disabled: a }),
-        /* @__PURE__ */ e(N, { disabled: a })
-      ] }),
-      /* @__PURE__ */ e(l, { variant: "body2", color: "muted", className: "ttw:font-medium", children: i._("New reminders will be saved to your organization's library and can be managed via Invoice settings") })
-    ] })
-  ] });
-};
+    status: t,
+    icon: a,
+    size: i,
+    variant: p
+  } = f({
+    props: e,
+    name: "MoniteApprovalRequestStatusChip"
+  }), {
+    i18n: m
+  } = n(), o = S[t];
+  return /* @__PURE__ */ r(_, { ref: s, color: A[t], icon: a && o ? /* @__PURE__ */ r(o, { fontSize: "small" }) : void 0, label: T(m)[t], size: i, status: t, variant: p ?? "filled" });
+}, _ = l(u, {
+  // eslint-disable-next-line lingui/no-unlocalized-strings
+  name: "MoniteApprovalRequestStatusChip",
+  slot: "root",
+  shouldForwardProp: () => !0
+})({});
 export {
-  I as RemindersSection
+  c as ApprovalRequestStatusChip
 };

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

@@ -1,24 +1,62 @@
-import { jsx as p } from "@emotion/react/jsx-runtime";
-import { useTheme as i, Box as n } from "@mui/material";
-const d = ({
-  children: a,
-  shouldApplyFinanceStyles: r = !1
+import { jsxs as d, jsx as e } from "@emotion/react/jsx-runtime";
+import { useState as c } from "react";
+import "./index57.js";
+import "@tanstack/react-query";
+import "date-fns";
+import { useEntityUserByAuthToken as p } from "./index75.js";
+import "react-hot-toast";
+import { useLingui as s } from "@lingui/react";
+import u from "@mui/icons-material/CheckCircleOutlineRounded";
+import f from "@mui/icons-material/HighlightOffRounded";
+import { Stack as m, IconButton as a } from "@mui/material";
+const C = ({
+  id: o,
+  onClick: t
 }) => {
-  const e = i();
-  return /* @__PURE__ */ p(n, { sx: {
-    background: `linear-gradient(180deg, ${e.palette.primary.light} 0%, ${e.palette.background.paper} 100%)`,
-    display: "flex",
-    flexDirection: "column",
-    gap: 1,
-    px: 3,
-    py: r ? 3 : 2.5,
-    width: "100%",
-    minHeight: "auto",
-    borderRadius: "16px",
-    boxShadow: "0 16px 24px 0 rgba(0, 0, 0, 0.02)",
-    border: r ? "none" : `1px solid ${e.palette.divider}`
-  }, children: a });
+  const {
+    i18n: r
+  } = s(), [i, n] = c(!1);
+  return /* @__PURE__ */ e(a, { "aria-label": r._("Approve request"), color: "success", disabled: i, onClick: (l) => {
+    l.preventDefault(), n(!0), t({
+      id: o,
+      action: "approve"
+    })?.finally(() => n(!1));
+  }, children: /* @__PURE__ */ e(u, {}) });
+}, k = ({
+  id: o,
+  onClick: t
+}) => {
+  const {
+    i18n: r
+  } = s(), [i, n] = c(!1);
+  return /* @__PURE__ */ e(a, { "aria-label": r._("Reject request"), color: "error", disabled: i, onClick: (l) => {
+    l.preventDefault(), n(!0), t({
+      id: o,
+      action: "reject"
+    })?.finally(() => n(!1));
+  }, children: /* @__PURE__ */ e(f, {}) });
+}, q = (o) => {
+  const {
+    i18n: t
+  } = s(), {
+    data: r
+  } = p();
+  if ("onRowActionClick" in o && o.onRowActionClick)
+    return {
+      field: "actions",
+      headerName: t._("Actions"),
+      sortable: !1,
+      display: "flex",
+      align: "right",
+      renderCell: (i) => {
+        if (i.row.status === "waiting" && r?.id && i.row.user_ids.includes(r.id) && !i.row.approved_by?.includes(r.id))
+          return /* @__PURE__ */ d(m, { direction: "row", children: [
+            /* @__PURE__ */ e(C, { id: i.row.id, onClick: o.onRowActionClick }),
+            /* @__PURE__ */ e(k, { id: i.row.id, onClick: o.onRowActionClick })
+          ] });
+      }
+    };
 };
 export {
-  d as FinanceBannerWrapper
+  q as useApprovalRequestActionsCell
 };

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

@@ -1,20 +1,22 @@
-import { jsxs as n, Fragment as i, jsx as o } from "@emotion/react/jsx-runtime";
-import { useState as t } from "react";
-import { Dialog as s } from "./index50.js";
-import { FinanceFaqDetails as l } from "./index326.js";
-const d = ({
-  children: e
+import { jsx as t } from "@emotion/react/jsx-runtime";
+import "./index57.js";
+import "@tanstack/react-query";
+import "date-fns";
+import { useEntityUserById as e } from "./index75.js";
+import "react";
+import "react-hot-toast";
+import "@lingui/react";
+import { UserAvatar as m } from "./index416.js";
+import { Chip as i, Skeleton as n } from "@mui/material";
+const y = ({
+  entityUserId: o
 }) => {
-  const [a, r] = t(!1);
-  return /* @__PURE__ */ n(i, { children: [
-    e({
-      openModal: () => {
-        r(!0);
-      }
-    }),
-    /* @__PURE__ */ o(s, { open: a, onClose: () => r(!1), alignDialog: "right", children: /* @__PURE__ */ o(l, {}) })
-  ] });
+  const {
+    data: r,
+    isLoading: a
+  } = e(o);
+  return r ? a ? /* @__PURE__ */ t(i, { label: /* @__PURE__ */ t(n, { variant: "rounded", height: "50%", width: 100, animation: "wave" }) }) : /* @__PURE__ */ t(i, { avatar: /* @__PURE__ */ t(m, { fileId: r.userpic_file_id }), label: `${r.first_name ?? ""} ${r.last_name ?? ""}`.trim() || "—", variant: "outlined", color: "secondary" }) : null;
 };
 export {
-  d as FinanceFaqWrapper
+  y as UserCell
 };

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

@@ -1,5 +1,5 @@
 import { useMoniteContext as n } from "./index57.js";
-import { getAPIErrorMessage as p } from "./index122.js";
+import { getAPIErrorMessage as p } from "./index119.js";
 import { useLingui as d } from "@lingui/react";
 import { toast as t } from "react-hot-toast";
 const f = (i, s) => {

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

@@ -1,21 +1,43 @@
-import { jsx as e } from "@emotion/react/jsx-runtime";
-import { useTheme as s, Box as o } from "@mui/material";
-const d = ({
-  progress: i
+import { jsxs as t, jsx as e } from "@emotion/react/jsx-runtime";
+import { useLingui as s } from "@lingui/react";
+import { Dialog as d, DialogTitle as h, Typography as n, DialogContent as x, DialogActions as g, Button as l } from "@mui/material";
+const v = ({
+  open: a,
+  type: p,
+  onClose: i,
+  onConfirm: c
 }) => {
-  const r = s();
-  return /* @__PURE__ */ e(o, { sx: {
-    backgroundColor: r.palette.divider,
-    width: "100%",
-    height: "6px",
-    borderRadius: 0.5
-  }, children: /* @__PURE__ */ e(o, { sx: {
-    backgroundColor: r.palette.primary.main,
-    width: `${i}%`,
-    height: "6px",
-    borderRadius: 0.5
-  } }) });
+  const {
+    i18n: o
+  } = s(), r = p === "approve";
+  return /* @__PURE__ */ t(d, { open: a, onClose: i, maxWidth: "sm", fullWidth: !0, container: () => document.body, PaperProps: {
+    sx: {
+      borderRadius: 3,
+      padding: 2
+    }
+  }, children: [
+    /* @__PURE__ */ e(h, { sx: {
+      p: "16px !important"
+    }, children: /* @__PURE__ */ e(n, { variant: "h5", fontWeight: 600, children: r ? o._("Force Approve bill?") : o._("Force Reject bill?") }) }),
+    /* @__PURE__ */ e(x, { sx: {
+      px: 2,
+      pb: 3
+    }, children: /* @__PURE__ */ e(n, { variant: "body1", color: "text.secondary", children: r ? o._("The bill status will change to Approved, skipping the approval flow.") : o._("The bill status will change to Rejected, skipping the approval flow.") }) }),
+    /* @__PURE__ */ t(g, { sx: {
+      px: 0,
+      pt: 2,
+      gap: 2
+    }, children: [
+      /* @__PURE__ */ e(l, { onClick: i, variant: "text", sx: {
+        color: "primary.main",
+        fontWeight: 500,
+        textTransform: "none",
+        fontSize: "16px"
+      }, children: o._("Cancel") }),
+      /* @__PURE__ */ e(l, { onClick: c, variant: "contained", color: r ? "primary" : "error", children: r ? o._("Force Approve") : o._("Force Reject") })
+    ] })
+  ] });
 };
 export {
-  d as FinanceProgressBar
+  v as PayableDetailsForceActionDialog
 };