@tesouro/embedded-components-react 0.2.48 → 0.2.51

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

@@ -1,51 +1,31 @@
-import { useState as S, useRef as W, useCallback as $, useEffect as v } from "react";
-import { useResizeObserver as x } from "./index450.js";
-import { useWindowResize as z } from "./index451.js";
-import "./index59.js";
-import "@lingui/react";
-import "react-hot-toast";
-import "./index94.js";
-import "@emotion/react/jsx-runtime";
-import "react-dom";
-import "@mui/x-data-grid";
-import { useIsMounted as O } from "./index70.js";
-import { useA4Dimensions as T } from "./index452.js";
-const K = (e, c, D = {}) => {
+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 "./index378.js";
+import { getRowToStatusTextMap as T } from "./index456.js";
+const c = ({
+  ref: s,
+  ...e
+}) => {
   const {
-    minWidth: b,
-    minHeight: y,
-    containerPadding: n = 96,
-    minScale: o = 1,
-    initialDelay: m = 100,
-    useAdaptiveDimensions: a = !0
-  } = D, [M, p] = S(1), f = W(!1), d = O(), l = T(), s = b ?? (a ? l.width : 794), u = y ?? (a ? l.height : 1123), r = $(() => {
-    if (!e.current || !c.current || typeof window > "u" || !d.current)
-      return;
-    const i = e.current, w = i.clientWidth - n, g = i.clientHeight - n;
-    if (w <= 0 || g <= 0 || s <= 0 || u <= 0) {
-      p(o);
-      return;
-    }
-    const A = w / s, H = g / u, R = Math.max(Math.min(A, H), o);
-    p(R);
-  }, [e, c, d, n, s, u, o]);
-  z(r, 100);
-  const {
-    observe: t,
-    disconnect: h
-  } = x(r, 50);
-  return v(() => {
-    if (typeof window > "u") return;
-    const i = setTimeout(() => {
-      r(), f.current = !0;
-    }, m);
-    return e.current && t(e.current), () => {
-      clearTimeout(i), h();
-    };
-  }, [t, h, m, r, e]), v(() => {
-    e.current && f.current && t(e.current);
-  }, [e, t]), M;
-};
+    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 {
-  K as useAdaptiveScale
+  c as ApprovalRequestStatusChip
 };

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

@@ -1,17 +1,62 @@
-import { jsx as r } from "@emotion/react/jsx-runtime";
-import { cn as c } from "./index102.js";
-const l = ({
-  ratio: t,
-  children: s,
-  className: a,
-  style: e,
-  ref: i,
-  ...o
-}) => /* @__PURE__ */ r("div", { ref: i, className: c("ttw:w-full", a), style: {
-  ...e,
-  aspectRatio: t.toString()
-}, ...o, children: s });
-l.displayName = "AspectRatio";
+import { jsxs as d, jsx as e } from "@emotion/react/jsx-runtime";
+import { useState as c } from "react";
+import "./index59.js";
+import "@tanstack/react-query";
+import "date-fns";
+import { useEntityUserByAuthToken as p } from "./index77.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 {
+    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 {
-  l as AspectRatio
+  q as useApprovalRequestActionsCell
 };

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

@@ -1,88 +1,22 @@
-import { jsx as e, Fragment as v, jsxs as n } from "@emotion/react/jsx-runtime";
-import { useState as k, useMemo as b } from "react";
-import { useFormContext as Y, Controller as j } from "react-hook-form";
-import { format as x } from "date-fns";
-import { Calendar as A } from "lucide-react";
-import { calculateDueDate as N } from "./index7.js";
-import { useLingui as L } from "@lingui/react";
-import { dedupePaymentTermsByContent as $ } from "./index453.js";
-import { RECEIPT_DUE_PAYMENT_TERM as u, CUSTOM_DATE_PAYMENT_TERM as l } from "./index194.js";
-import { cn as D } from "./index102.js";
-import { Skeleton as O } from "./index141.js";
-import { Select as R, SelectTrigger as U, SelectValue as V, SelectContent as z, SelectItem as h, SelectSeparator as I } from "./index318.js";
-import { Popover as q, PopoverAnchor as B, PopoverContent as K } from "./index413.js";
-import { Calendar as G } from "./index454.js";
-import { Field as H, FieldContent as J, FieldLabel as Q, FieldDescription as W, FieldError as X } from "./index160.js";
-const S = "MMM d, yyyy", ue = ({
-  disabled: T,
-  paymentTerms: f,
-  isLoading: E
+import { jsx as t } from "@emotion/react/jsx-runtime";
+import "./index59.js";
+import "@tanstack/react-query";
+import "date-fns";
+import { useEntityUserById as e } from "./index77.js";
+import "react";
+import "react-hot-toast";
+import "@lingui/react";
+import { UserAvatar as m } from "./index458.js";
+import { Chip as i, Skeleton as n } from "@mui/material";
+const y = ({
+  entityUserId: o
 }) => {
   const {
-    i18n: a
-  } = L(), {
-    control: M,
-    watch: w,
-    setValue: _
-  } = Y(), [F, m] = k(!1), i = w("payment_terms_id"), y = w("frequency") !== "once", o = w("payment_terms_custom_date") ?? void 0, p = (r) => _("payment_terms_custom_date", r ?? null), {
-    dedupedTerms: g
-  } = b(() => $(f?.data ?? []), [f]), d = g.find((r) => r?.id === i), P = d && N(d), c = () => {
-    window.setTimeout(() => m(!0), 0);
-  }, C = (r, s) => /* @__PURE__ */ n("span", { className: "ttw:flex ttw:w-full ttw:min-w-0 ttw:items-center ttw:justify-between ttw:gap-2", children: [
-    /* @__PURE__ */ e("span", { className: "ttw:truncate", children: r }),
-    s && /* @__PURE__ */ e("span", { className: "ttw:text-muted-foreground ttw:shrink-0 ttw:text-xs", children: x(s, S) })
-  ] });
-  return /* @__PURE__ */ e(v, { children: E ? /* @__PURE__ */ e(O, { className: "ttw:w-full ttw:h-9" }) : /* @__PURE__ */ e(v, { children: /* @__PURE__ */ e(j, { name: "payment_terms_id", control: M, render: ({
-    field: r,
-    fieldState: {
-      error: s
-    }
-  }) => /* @__PURE__ */ e(H, { children: /* @__PURE__ */ n(J, { children: [
-    /* @__PURE__ */ e(Q, { htmlFor: "payment_terms_id", children: a._("Payment terms") }),
-    /* @__PURE__ */ n(q, { open: F, onOpenChange: (t) => {
-      m(t), !t && i === l && !o && r.onChange(void 0);
-    }, children: [
-      /* @__PURE__ */ n(R, { ...r, disabled: T, value: r.value, onValueChange: (t) => {
-        if (t === l) {
-          i !== l && p(void 0), r.onChange(t), c();
-          return;
-        }
-        r.onChange(t), t === u && _("payment_reminder_id", "", {
-          shouldDirty: !0
-        }), p(void 0), m(!1);
-      }, children: [
-        /* @__PURE__ */ e(B, { className: "ttw:w-full", children: /* @__PURE__ */ e(U, { id: "payment_terms_id", className: "ttw:w-full", "aria-invalid": !!s, children: /* @__PURE__ */ n(V, { placeholder: a._("Select payment terms"), children: [
-          i === u && /* @__PURE__ */ e("span", { className: "ttw:truncate", children: a._("Due on receipt") }),
-          i === l && /* @__PURE__ */ n("span", { className: "ttw:flex ttw:w-full ttw:min-w-0 ttw:items-center ttw:justify-between ttw:gap-2", children: [
-            /* @__PURE__ */ n("span", { className: "ttw:flex ttw:min-w-0 ttw:items-center ttw:gap-1.5", children: [
-              /* @__PURE__ */ e(A, { className: D("ttw:size-4 ttw:shrink-0", !o && "ttw:text-muted-foreground") }),
-              /* @__PURE__ */ e("span", { className: D("ttw:truncate", !o && "ttw:text-muted-foreground"), children: o ? x(o, S) : a._("Mon DD, YYYY") })
-            ] }),
-            /* @__PURE__ */ e("span", { className: "ttw:text-muted-foreground ttw:shrink-0 ttw:text-xs", children: a._("Custom date") })
-          ] }),
-          d && C(d.name, P)
-        ] }) }) }),
-        /* @__PURE__ */ n(z, { children: [
-          /* @__PURE__ */ e(h, { value: u, children: a._("Due on receipt") }),
-          !y && /* @__PURE__ */ e(h, { value: l, onPointerUp: c, onClick: c, onKeyDown: (t) => {
-            (t.key === "Enter" || t.key === " ") && c();
-          }, children: a._("Custom date") }),
-          /* @__PURE__ */ e(I, {}),
-          g.map((t) => /* @__PURE__ */ e(h, { value: t.id, children: C(t.name, N(t)) }, t.id))
-        ] })
-      ] }),
-      /* @__PURE__ */ e(K, { className: "ttw:w-auto ttw:overflow-hidden ttw:p-0", align: "start", onFocusOutside: (t) => {
-        t.preventDefault();
-      }, children: /* @__PURE__ */ e(G, { mode: "single", captionLayout: "dropdown", selected: o, disabled: {
-        before: /* @__PURE__ */ new Date()
-      }, onSelect: (t) => {
-        p(t), m(!1);
-      } }) })
-    ] }),
-    y && /* @__PURE__ */ e(W, { children: a._("Each invoice in the series will have the same payment term.") }),
-    /* @__PURE__ */ e(X, { errors: s ? [s] : [] })
-  ] }) }) }) }) });
+    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 {
-  ue as PaymentSection
+  y as UserCell
 };