@tesouro/embedded-components-react 0.2.55 → 0.2.56

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

@@ -1,16 +1,62 @@
-import { useMoniteContext as t } from "./index58.js";
-const c = (e) => {
+import { jsxs as d, jsx as e } from "@emotion/react/jsx-runtime";
+import { useState as c } from "react";
+import "./index58.js";
+import "@tanstack/react-query";
+import "date-fns";
+import { useEntityUserByAuthToken as p } from "./index76.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 {
-    api: r
-  } = t();
-  return r.finops.getRecurrencesId.useQuery({
-    path: {
-      recurrence_id: e ?? ""
-    }
-  }, {
-    enabled: !!e
-  });
+    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 {
-  c as useGetRecurrenceById
+  q as useApprovalRequestActionsCell
 };

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

@@ -1,23 +1,22 @@
-import { useMoniteContext as r } from "./index58.js";
-const i = (t, a) => {
+import { jsx as t } from "@emotion/react/jsx-runtime";
+import "./index58.js";
+import "@tanstack/react-query";
+import "date-fns";
+import { useEntityUserById as e } from "./index76.js";
+import "react";
+import "react-hot-toast";
+import "@lingui/react";
+import { UserAvatar as m } from "./index367.js";
+import { Chip as i, Skeleton as n } from "@mui/material";
+const y = ({
+  entityUserId: o
+}) => {
   const {
-    api: n
-  } = r();
-  return n.finops.getReceivablesIdPdfLink.useQuery({
-    path: {
-      receivable_id: t
-    }
-  }, {
-    enabled: a,
-    // Monite can return the PDF-link response before file_url is populated
-    // (the PDF is still generating). Poll until it's ready; self-terminates
-    // once file_url exists.
-    // Bounded so a never-populated file_url can't poll forever (e.g. PDF
-    // generation fails server-side): give up after ~30 attempts (~30s).
-    refetchInterval: (e) => e.state.data?.file_url || e.state.dataUpdateCount > 30 ? !1 : 1e3,
-    refetchIntervalInBackground: !0
-  });
+    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 {
-  i as useGetReceivablePDFById
+  y as UserCell
 };

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

@@ -1,35 +1,38 @@
-import { toast as r } from "react-hot-toast";
-import { useMoniteContext as o } from "./index58.js";
-import { useLingui as n } from "@lingui/react";
-const l = (s) => {
-  const {
-    i18n: t
-  } = n(), {
-    api: e,
-    queryClient: i
-  } = o();
-  return e.finops.postReceivablesIdIssue.useMutation({
-    path: {
-      receivable_id: s
-    }
-  }, {
-    onSuccess: async (a) => {
-      e.finops.getReceivablesId.setQueryData({
-        path: {
-          receivable_id: s
-        }
-      }, a, i), await Promise.all([e.finops.getReceivables.invalidateQueries(i), e.finops.getReceivablesIdPdfLink.resetQueries({
-        parameters: {
-          path: {
-            receivable_id: s
-          }
-        }
-      }, i)]), r.success(t._("{receivableType} has been issued", {
-        receivableType: a.type
-      }));
-    }
-  });
-};
+import { jsx as e, jsxs as i } from "@emotion/react/jsx-runtime";
+import { cn as a } from "./index101.js";
+import * as o from "@radix-ui/react-accordion";
+import { ChevronDownIcon as s } from "lucide-react";
+function l({
+  ...t
+}) {
+  return /* @__PURE__ */ e(o.Root, { "data-slot": "accordion", ...t });
+}
+function m({
+  className: t,
+  ...n
+}) {
+  return /* @__PURE__ */ e(o.Item, { "data-slot": "accordion-item", className: a("ttw:border-b ttw:last:border-b-0", t), ...n });
+}
+function f({
+  className: t,
+  children: n,
+  ...r
+}) {
+  return /* @__PURE__ */ e(o.Header, { className: "ttw:flex", children: /* @__PURE__ */ i(o.Trigger, { "data-slot": "accordion-trigger", className: a("ttw:focus-visible:border-ring ttw:focus-visible:ring-ring/50 ttw:flex ttw:flex-1 ttw:items-start ttw:justify-between ttw:gap-4 ttw:rounded-md ttw:py-4 ttw:text-left ttw:text-sm ttw:font-medium ttw:transition-all ttw:outline-none ttw:hover:underline ttw:focus-visible:ring-[3px] ttw:disabled:pointer-events-none ttw:disabled:opacity-50 ttw:[&[data-state=open]>svg]:rotate-180", t), ...r, children: [
+    n,
+    /* @__PURE__ */ e(s, { className: "ttw:text-muted-foreground ttw:pointer-events-none ttw:size-4 ttw:shrink-0 ttw:translate-y-0.5 ttw:transition-transform ttw:duration-200" })
+  ] }) });
+}
+function u({
+  className: t,
+  children: n,
+  ...r
+}) {
+  return /* @__PURE__ */ e(o.Content, { "data-slot": "accordion-content", className: "ttw:data-[state=closed]:animate-accordion-up ttw:data-[state=open]:animate-accordion-down ttw:overflow-hidden ttw:text-sm", ...r, children: /* @__PURE__ */ e("div", { className: a("ttw:pt-0 ttw:pb-4", t), children: n }) });
+}
 export {
-  l as useIssueReceivableById
+  l as Accordion,
+  u as AccordionContent,
+  m as AccordionItem,
+  f as AccordionTrigger
 };

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

@@ -1,39 +1,53 @@
-import { useMoniteContext as o } from "./index58.js";
-import { getAPIErrorMessage as u } from "./index123.js";
-import { useLingui as c } from "@lingui/react";
-import { toast as a } from "react-hot-toast";
-const f = (s, t) => {
-  const {
-    i18n: i
-  } = c(), {
-    api: e,
-    queryClient: r
-  } = o();
-  return e.finops.postRecurrencesIdPause.useMutation({
-    path: {
-      recurrence_id: s
+import { jsxs as u, jsx as v } from "@emotion/react/jsx-runtime";
+import { cn as t } from "./index101.js";
+import { Slot as b } from "@radix-ui/react-slot";
+import { cva as r } from "class-variance-authority";
+const g = r("ttw:inline-flex ttw:items-center ttw:justify-center ttw:rounded-md ttw:border ttw:px-2 ttw:py-0.5 ttw:text-xs ttw:font-medium ttw:w-fit ttw:whitespace-nowrap ttw:shrink-0 ttw:[&>svg]:size-3 ttw:gap-1 ttw:[&>svg]:pointer-events-none ttw:focus-visible:border-ring ttw:focus-visible:ring-ring/50 ttw:focus-visible:ring-[3px] ttw:aria-invalid:ring-destructive/20 ttw:dark:aria-invalid:ring-destructive/40 ttw:aria-invalid:border-destructive ttw:transition-[color,box-shadow] ttw:overflow-hidden", {
+  variants: {
+    variant: {
+      default: "ttw:border-transparent ttw:bg-primary ttw:text-primary-foreground ttw:[a&]:hover:bg-primary/90",
+      secondary: "ttw:border-transparent ttw:bg-secondary ttw:text-neutral ttw:[a&]:hover:bg-secondary/90",
+      destructive: "ttw:border-transparent ttw:bg-destructive ttw:text-white ttw:[a&]:hover:bg-destructive/90 ttw:focus-visible:ring-destructive/20 ttw:dark:focus-visible:ring-destructive/40 ttw:dark:bg-destructive/60",
+      outline: "ttw:text-foreground ttw:[a&]:hover:bg-accent ttw:[a&]:hover:text-accent-foreground"
     }
-  }, {
-    onError: (n) => {
-      a.error(u(i, n));
-    },
-    onSuccess: async () => {
-      await Promise.all([e.finops.getReceivables.invalidateQueries(r), e.finops.getReceivablesId.invalidateQueries({
-        parameters: {
-          path: {
-            receivable_id: t
-          }
-        }
-      }, r), e.finops.getRecurrencesId.invalidateQueries({
-        parameters: {
-          path: {
-            recurrence_id: s
-          }
-        }
-      }, r)]), a.success(i._("Series has been paused"));
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+}), f = r("ttw:rounded-full ttw:box-content! ttw:inline-block", {
+  variants: {
+    dotSize: {
+      small: "ttw:w-1.5 ttw:h-1.5 ttw:border-2",
+      medium: "ttw:w-2 ttw:h-2 ttw:border-[3px]",
+      large: "ttw:w-2.5 ttw:h-2.5 ttw:border-4"
     }
-  });
-};
+  },
+  defaultVariants: {
+    dotSize: "medium"
+  }
+});
+function y({
+  className: e,
+  variant: a,
+  showBadgeBackground: i = !0,
+  asChild: n = !1,
+  dotSize: o,
+  showDot: w = !1,
+  showDotBorder: s,
+  dotClassName: d,
+  children: c,
+  ...l
+}) {
+  return /* @__PURE__ */ u(n ? b : "span", { "data-slot": "badge", className: t(g({
+    variant: a
+  }), !i && "ttw:bg-transparent! ttw:border-transparent! ttw:p-0!", e), ...l, children: [
+    w && /* @__PURE__ */ v("span", { className: t(f({
+      dotSize: o
+    }), !s && "ttw:border-none", d) }),
+    c
+  ] });
+}
 export {
-  f as usePauseRecurrence
+  y as Badge,
+  g as badgeVariants
 };

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

@@ -1,39 +1,36 @@
-import { useMoniteContext as o } from "./index58.js";
-import { getAPIErrorMessage as u } from "./index123.js";
-import { useLingui as c } from "@lingui/react";
-import { toast as t } from "react-hot-toast";
-const f = (s, a) => {
-  const {
-    i18n: i
-  } = c(), {
-    api: e,
-    queryClient: r
-  } = o();
-  return e.finops.postRecurrencesIdResume.useMutation({
-    path: {
-      recurrence_id: s
-    }
-  }, {
-    onError: (n) => {
-      t.error(u(i, n));
-    },
-    onSuccess: async () => {
-      await Promise.all([e.finops.getReceivables.invalidateQueries(r), e.finops.getReceivablesId.invalidateQueries({
-        parameters: {
-          path: {
-            receivable_id: a
-          }
-        }
-      }, r), e.finops.getRecurrencesId.invalidateQueries({
-        parameters: {
-          path: {
-            recurrence_id: s
-          }
-        }
-      }, r)]), t.success(i._("Series has been resumed"));
-    }
-  });
-};
+import { jsx as i, jsxs as n } from "@emotion/react/jsx-runtime";
+import { cn as d } from "./index101.js";
+import * as o from "@radix-ui/react-tooltip";
+function s({
+  delayDuration: t = 0,
+  ...r
+}) {
+  return /* @__PURE__ */ i(o.Provider, { "data-slot": "tooltip-provider", delayDuration: t, ...r });
+}
+function m({
+  ...t
+}) {
+  return /* @__PURE__ */ i(s, { children: /* @__PURE__ */ i(o.Root, { "data-slot": "tooltip", ...t }) });
+}
+function p({
+  ...t
+}) {
+  return /* @__PURE__ */ i(o.Trigger, { "data-slot": "tooltip-trigger", ...t });
+}
+function f({
+  className: t,
+  sideOffset: r = 0,
+  children: a,
+  ...e
+}) {
+  return /* @__PURE__ */ i(o.Portal, { children: /* @__PURE__ */ n(o.Content, { "data-slot": "tooltip-content", sideOffset: r, className: d("ttw:bg-primary ttw:text-primary-foreground ttw:animate-in ttw:fade-in-0 ttw:zoom-in-95 ttw:data-[state=closed]:animate-out ttw:data-[state=closed]:fade-out-0 ttw:data-[state=closed]:zoom-out-95 ttw:data-[side=bottom]:slide-in-from-top-2 ttw:data-[side=left]:slide-in-from-right-2 ttw:data-[side=right]:slide-in-from-left-2 ttw:data-[side=top]:slide-in-from-bottom-2 ttw:z-1300 ttw:w-fit ttw:origin-(--radix-tooltip-content-transform-origin) ttw:rounded-md ttw:px-3 ttw:py-1.5 ttw:text-xs ttw:text-balance", t), ...e, children: [
+    a,
+    /* @__PURE__ */ i(o.Arrow, { className: "ttw:bg-primary ttw:fill-primary ttw:z-1300 ttw:size-2.5 ttw:translate-y-[calc(-50%_-_2px)] ttw:rotate-45 ttw:rounded-[2px]" })
+  ] }) });
+}
 export {
-  f as useResumeRecurrence
+  m as Tooltip,
+  f as TooltipContent,
+  s as TooltipProvider,
+  p as TooltipTrigger
 };

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

@@ -1,17 +1,56 @@
-import { jsxs as s, jsx as e } from "@emotion/react/jsx-runtime";
-import { amountValueToneClass as m } from "./index244.js";
-import { Typography as o } from "./index86.js";
-import { cn as l } from "./index101.js";
-function f({
-  row: a,
-  defaultTone: t
-}) {
-  const n = a.tone ?? (a.emphasis ? t : "default");
-  return /* @__PURE__ */ s("div", { className: "ttw:flex ttw:flex-col ttw:gap-0.5", children: [
-    /* @__PURE__ */ e(o, { variant: "caption", color: "muted", className: "ttw:font-medium", children: a.label }),
-    /* @__PURE__ */ e(o, { component: "span", variant: a.emphasis ? "h3" : "body1", className: l(!a.emphasis && "ttw:font-medium", m[n]), children: a.value })
-  ] });
-}
+import "@mui/icons-material/BlockOutlined";
+import "@mui/icons-material/Cancel";
+import "@mui/icons-material/CheckOutlined";
+import "@mui/icons-material/DangerousOutlined";
+import "@mui/icons-material/DeleteForever";
+import "@mui/icons-material/ErrorOutlineOutlined";
+import "@mui/icons-material/HourglassBottomOutlined";
+import "@mui/icons-material/InsertDriveFileOutlined";
+import "@mui/icons-material/PaidOutlined";
+import "@mui/icons-material/ReplayOutlined";
+import "@mui/icons-material/SendOutlined";
+import "@mui/icons-material/StarHalfOutlined";
+import { Check as r, Ban as t, Pause as a, ChevronsRight as o, Clock as e, PenTool as c, CalendarX2 as s, Play as d, CircleOff as i, Trash2 as n, CopyPlus as l, Mail as u, ClipboardCheck as m, Send as p, FileCheck as C, Pencil as T } from "lucide-react";
+const U = "INV-auto", k = {
+  edit: T,
+  // Issue = issue only (no email); the Mail/Send icon is reserved for the
+  // actions that actually email the customer.
+  issue: C,
+  issueAndSend: p,
+  recordPayment: m,
+  send: u,
+  clone: l,
+  cancel: t,
+  delete: n,
+  markUncollectible: i,
+  pauseRecurrence: a,
+  resumeRecurrence: d,
+  cancelRecurrence: s
+}, x = {
+  draft: c,
+  issuing: e,
+  issued: e,
+  partially_paid: e,
+  paid: r,
+  overdue: e,
+  canceled: t
+}, b = {
+  active: o,
+  paused: a,
+  canceled: t,
+  completed: r
+}, v = {
+  default: "ttw:text-foreground",
+  danger: "ttw:text-red-600",
+  success: "ttw:text-emerald-600",
+  muted: "ttw:text-muted-foreground"
+}, y = "ttw:bg-muted ttw:text-muted-foreground ttw:hover:bg-accent", D = 500;
 export {
-  f as InvoiceDetailsAmountCell
+  k as ACTION_ICON,
+  D as HEADER_TOOLTIP_DELAY,
+  U as INVOICE_DOCUMENT_AUTO_ID,
+  b as RECURRENCE_STATUS_ICON,
+  x as STATUS_ICON,
+  v as amountValueToneClass,
+  y as headerIconButtonClass
 };