@tesouro/embedded-components-react 0.2.46 → 0.2.49

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

@@ -1,170 +1,19 @@
-import { jsx as e, jsxs as s, Fragment as D } from "@emotion/react/jsx-runtime";
-import { Role as j } from "./index461.js";
-import { User as g } from "./index260.js";
-import { useApprovalPolicyScript as B } from "./index395.js";
-import { useApprovalPolicyTrigger as R } from "./index389.js";
-import { getCounterpartName as $ } from "./index7.js";
-import { useMoniteContext as q } from "./index59.js";
-import { useDialog as H } from "./index52.js";
-import { DialogFooter as N } from "./index462.js";
-import { DialogHeader as Q } from "./index463.js";
-import { useLingui as U, Trans as E } from "@lingui/react";
-import { Stack as c, Chip as w, DialogContent as F, Typography as u, Paper as A, Table as x, TableHead as C, TableRow as m, TableCell as o, TableBody as I } from "@mui/material";
-import { toast as M } from "react-hot-toast";
-const le = ({
-  approvalPolicy: d,
-  setIsEdit: P
-}) => {
-  const {
-    i18n: a
-  } = U(), T = H(), {
-    api: h,
-    queryClient: _
-  } = q(), {
-    triggers: i,
-    getTriggerLabel: k,
-    getAmountLabel: S
-  } = R({
-    approvalPolicy: d
-  }), {
-    rules: t,
-    getRuleLabel: b
-  } = B({
-    approvalPolicy: d
-  }), {
-    data: L
-  } = h.finops.getTags.useQuery({
-    query: {
-      id__in: Array.isArray(i?.tags) ? i.tags : []
-    }
-  }, {
-    enabled: !!i?.tags?.length
-  }), {
-    data: W
-  } = h.finops.getCounterparts.useQuery({
-    query: {
-      id__in: Array.isArray(i?.counterpart_id) ? i.counterpart_id : []
-    }
-  }, {
-    enabled: !!i?.counterpart_id?.length
-  }), y = h.finops.deleteApprovalPoliciesId.useMutation(void 0, {
-    onSuccess: async () => {
-      await Promise.all([h.finops.getApprovalPolicies.invalidateQueries(_), h.finops.getApprovalPoliciesId.invalidateQueries({
-        parameters: {
-          path: {
-            approval_policy_id: d.id
-          }
-        }
-      }, _)]), M.success(a._("Approval policy has been deleted"));
-    }
-  }), f = Object.keys(i).map((r) => {
-    const l = k(r);
-    let p;
-    switch (r) {
-      case "was_created_by_user_id":
-        Array.isArray(i[r]) && (p = /* @__PURE__ */ e(c, { direction: "row", gap: 1, sx: {
-          flexWrap: "wrap"
-        }, children: i[r].map((n) => /* @__PURE__ */ e(g, { userId: n }, n)) }));
-        break;
-      case "tags":
-        p = /* @__PURE__ */ e(c, { direction: "row", gap: 1, sx: {
-          flexWrap: "wrap"
-        }, children: L?.data.map((n) => /* @__PURE__ */ e(w, { label: n.name }, n.id)) });
-        break;
-      case "counterpart_id":
-        p = /* @__PURE__ */ e(c, { direction: "row", gap: 1, sx: {
-          flexWrap: "wrap"
-        }, children: W?.data.map((n) => /* @__PURE__ */ e(w, { label: $(n) }, n.id)) });
-        break;
-      case "amount":
-        p = /* @__PURE__ */ e("p", { children: S(i.amount?.value ?? [], i.amount?.currency ?? "EUR") });
-        break;
-      default:
-        p = r;
-        break;
-    }
-    return {
-      label: l,
-      value: p
-    };
-  }), v = t && Object.keys(t)?.map((r) => {
-    if (!t[r]) return null;
-    switch (r) {
-      case "single_user":
-        return {
-          label: b(r),
-          value: /* @__PURE__ */ e(g, { userId: t[r].userId })
-        };
-      case "users_from_list":
-        return {
-          label: b(r, t[r].count),
-          value: /* @__PURE__ */ e(c, { direction: "column", gap: 1, sx: {
-            flexWrap: "wrap"
-          }, children: t[r].userIds?.map((l) => /* @__PURE__ */ e(g, { userId: l }, l)) })
-        };
-      case "roles_from_list":
-        return {
-          label: b(r),
-          value: /* @__PURE__ */ e(c, { direction: "row", gap: 1, sx: {
-            flexWrap: "wrap"
-          }, children: t[r].roleIds?.map((l) => /* @__PURE__ */ e(j, { roleId: l, quoted: !0 }, l)) })
-        };
-      case "approval_chain":
-        return {
-          label: b(r),
-          value: /* @__PURE__ */ e(c, { direction: "column", spacing: 0.5, children: t[r].chainUserIds?.map((l) => l ? /* @__PURE__ */ e(g, { userId: l }, l) : null) })
-        };
-    }
-  });
-  return /* @__PURE__ */ s(D, { children: [
-    /* @__PURE__ */ e(Q, { title: d?.name, closeButtonTooltip: a._("Close approval policy details") }),
-    /* @__PURE__ */ s(F, { children: [
-      /* @__PURE__ */ e(u, { variant: "h5", mt: 2, mb: 1, children: a._("Description") }),
-      d?.description && /* @__PURE__ */ e(u, { variant: "body1", children: d.description }),
-      /* @__PURE__ */ e(u, { variant: "h5", mt: 4, mb: 1, children: a._("Conditions") }),
-      /* @__PURE__ */ e(u, { variant: "body1", mb: 1, children: /* @__PURE__ */ e(E, { id: "INKhSX", components: {
-        0: /* @__PURE__ */ e("strong", {})
-      } }) }),
-      /* @__PURE__ */ e(A, { variant: "outlined", children: /* @__PURE__ */ s(x, { children: [
-        /* @__PURE__ */ e(C, { children: /* @__PURE__ */ s(m, { children: [
-          /* @__PURE__ */ e(o, { children: a._("Condition") }),
-          /* @__PURE__ */ e(o, { children: a._("Criteria") })
-        ] }) }),
-        /* @__PURE__ */ e(I, { children: f.length > 0 ? f.map((r) => /* @__PURE__ */ s(m, { children: [
-          /* @__PURE__ */ e(o, { children: r.label }),
-          /* @__PURE__ */ e(o, { children: r.value })
-        ] }, r.label)) : /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(o, { colSpan: 2, children: a._("No conditions") }) }) })
-      ] }) }),
-      /* @__PURE__ */ e(u, { variant: "h5", mt: 4, mb: 1, children: a._("Approval flow") }),
-      /* @__PURE__ */ e(u, { variant: "body1", mb: 1, children: a._("Who needs to approve the document and how:") }),
-      /* @__PURE__ */ e(A, { variant: "outlined", children: /* @__PURE__ */ s(x, { children: [
-        /* @__PURE__ */ e(C, { children: /* @__PURE__ */ s(m, { children: [
-          /* @__PURE__ */ e(o, { children: a._("Approval type") }),
-          /* @__PURE__ */ e(o, { children: a._("Users or Roles") })
-        ] }) }),
-        /* @__PURE__ */ e(I, { children: v && v.length > 0 ? v.map((r) => /* @__PURE__ */ s(m, { children: [
-          /* @__PURE__ */ e(o, { children: r?.label }),
-          /* @__PURE__ */ e(o, { children: r?.value })
-        ] }, r?.label)) : /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(o, { colSpan: 2, children: a._("No rules") }) }) })
-      ] }) })
-    ] }),
-    /* @__PURE__ */ e(N, { primaryButton: {
-      label: a._("Edit"),
-      onClick: () => P(!0)
-    }, deleteButton: {
-      onClick: () => {
-        y.mutate({
-          path: {
-            approval_policy_id: d.id
-          }
-        }, {
-          onSuccess: () => T?.onClose?.()
-        });
-      },
-      isLoading: y.isPending
-    } })
-  ] });
-};
+import { jsx as o } from "@emotion/react/jsx-runtime";
+import { Button as c } from "./index86.js";
+import { XIcon as m } from "lucide-react";
+import { forwardRef as f } from "react";
+const v = f(function({
+  label: r,
+  onClose: t,
+  variant: i = "ghost",
+  size: e = "icon",
+  onClick: n,
+  ...a
+}, s) {
+  return /* @__PURE__ */ o(c, { ref: s, variant: i, size: e, ...a, "aria-label": r, onClick: (l) => {
+    n?.(l), t();
+  }, children: /* @__PURE__ */ o(m, { className: "ttw:size-4" }) });
+});
 export {
-  le as ApprovalPolicyView
+  v as InvoiceDetailsCloseButton
 };

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

@@ -1,38 +1,14 @@
-import { jsx as e, jsxs as i } from "@emotion/react/jsx-runtime";
-import { cn as a } from "./index102.js";
-import * as o from "@radix-ui/react-accordion";
-import { ChevronDownIcon as s } from "lucide-react";
-function l({
-  ...t
+import { jsxs as a, jsx as t } from "@emotion/react/jsx-runtime";
+import { Typography as e } from "./index87.js";
+function i({
+  label: r,
+  value: o
 }) {
-  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 }) });
+  return /* @__PURE__ */ a("div", { className: "ttw:flex ttw:gap-4 ttw:border-b ttw:border-border ttw:py-3 ttw:last:border-b-0", children: [
+    /* @__PURE__ */ t(e, { component: "span", variant: "body2", color: "muted", className: "ttw:w-40 ttw:shrink-0", children: r }),
+    /* @__PURE__ */ t(e, { component: "span", variant: "body2", className: "ttw:whitespace-pre-line", children: o })
+  ] });
 }
 export {
-  l as Accordion,
-  u as AccordionContent,
-  m as AccordionItem,
-  f as AccordionTrigger
+  i as InvoiceDetailsInfoRow
 };

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

@@ -1,53 +1,21 @@
-import { jsxs as u, jsx as v } from "@emotion/react/jsx-runtime";
-import { cn as t } from "./index102.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"
-    }
-  },
-  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
+import { jsxs as i, jsx as t } from "@emotion/react/jsx-runtime";
+import { Typography as r } from "./index87.js";
+import { ChevronRight as s } from "lucide-react";
+function d({
+  label: e,
+  name: o,
+  onOpenCounterpart: n
 }) {
-  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
+  const a = "ttw:flex ttw:items-center ttw:gap-4 ttw:border-b ttw:border-border ttw:py-3 ttw:last:border-b-0";
+  return n ? /* @__PURE__ */ i("button", { type: "button", onClick: n, "aria-haspopup": "dialog", className: `ttw:group ttw:w-full ttw:cursor-pointer ttw:rounded-sm ttw:text-left ttw:outline-none ttw:focus-visible:ring-ring/50 ttw:focus-visible:ring-[3px] ${a}`, children: [
+    /* @__PURE__ */ t(r, { component: "span", variant: "body2", color: "muted", className: "ttw:w-40 ttw:shrink-0", children: e }),
+    /* @__PURE__ */ t(r, { component: "span", variant: "body2", color: "primary", className: "ttw:underline-offset-4 ttw:group-hover:underline", children: o }),
+    /* @__PURE__ */ t(s, { className: "ttw:ml-auto ttw:size-4 ttw:shrink-0 ttw:text-muted-foreground", "aria-hidden": "true" })
+  ] }) : /* @__PURE__ */ i("div", { className: a, children: [
+    /* @__PURE__ */ t(r, { component: "span", variant: "body2", color: "muted", className: "ttw:w-40 ttw:shrink-0", children: e }),
+    /* @__PURE__ */ t(r, { component: "span", variant: "body2", children: o })
   ] });
 }
 export {
-  y as Badge,
-  g as badgeVariants
+  d as InvoiceDetailsCustomerRow
 };

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

@@ -1,5 +1,5 @@
 import { useMoniteContext as s } from "./index59.js";
-import { getAPIErrorMessage as i } from "./index123.js";
+import { getAPIErrorMessage as i } from "./index121.js";
 import { useLingui as n } from "@lingui/react";
 import { toast as p } from "react-hot-toast";
 const c = (t) => {

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

@@ -1,36 +1,28 @@
-import { jsx as i, jsxs as n } from "@emotion/react/jsx-runtime";
-import { cn as d } from "./index102.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]" })
-  ] }) });
-}
+import { jsx as s } from "@emotion/react/jsx-runtime";
+import { useGetReceivableById as r } from "./index84.js";
+import { useCancelReceivableById as m } from "./index387.js";
+import { ConfirmationModal as d } from "./index276.js";
+import { useLingui as u } from "@lingui/react";
+const v = ({
+  invoiceId: o,
+  open: c,
+  onClose: i
+}) => {
+  const {
+    i18n: e
+  } = u(), {
+    data: n,
+    isLoading: t
+  } = r(o), a = m(o);
+  if (!n)
+    return null;
+  const l = n.document_id ? e._("Cancel receivable") + ` "${n?.document_id}"?` : e._("Cancel receivable?");
+  return /* @__PURE__ */ s(d, { open: c && !!o, title: l, message: e._("This action can't be undone."), confirmLabel: e._("Cancel"), cancelLabel: e._("Close"), onClose: i, onConfirm: () => {
+    a.mutate(void 0, {
+      onSuccess: i
+    });
+  }, isLoading: a.isPending || t });
+};
 export {
-  m as Tooltip,
-  f as TooltipContent,
-  s as TooltipProvider,
-  p as TooltipTrigger
+  v as InvoiceCancelModal
 };

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

@@ -1,56 +1,42 @@
-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;
+import { jsx as d } from "@emotion/react/jsx-runtime";
+import { useDeleteReceivableById as u } from "./index388.js";
+import { useComponentSettings as f } from "./index69.js";
+import { useUserPermissions as v } 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 b } from "../../shared/data-access/dist/lib/scopes.js";
+import "react";
+import { ConfirmationModal as C } from "./index276.js";
+import { useLingui as D } from "@lingui/react";
+import { toast as I } from "react-hot-toast";
+const H = ({
+  open: r,
+  onClose: o,
+  invoiceId: t,
+  onDelete: n,
+  documentId: i
+}) => {
+  const {
+    i18n: e
+  } = D(), {
+    receivablesCallbacks: s
+  } = f(), {
+    mutate: m,
+    isPending: a
+  } = u(t), l = v().has(b.InvoiceWriteOrg), c = () => {
+    l ? m(void 0, {
+      onSuccess: () => {
+        s?.onDelete?.(t), n?.(), o();
+      }
+    }) : I.error(e._("You don't have permission to delete this document. Please, contact your system administrator for details."));
+  }, p = i ? e._("Delete receivable “{documentId}”?", {
+    documentId: i
+  }) : e._("Delete receivable?");
+  return /* @__PURE__ */ d(C, { open: r, title: p, message: e._("This action can't be undone."), confirmLabel: e._("Delete"), cancelLabel: e._("Cancel"), onClose: o, onConfirm: c, isLoading: a });
+};
 export {
-  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
+  H as InvoiceDeleteModal
 };