@tesouro/embedded-components-react 0.2.71 → 0.2.74

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

@@ -1,185 +1,38 @@
-import { jsx as e, jsxs as c, Fragment as Q } from "@emotion/react/jsx-runtime";
-import { useMemo as q, useEffect as J, useState as U, useId as W, useCallback as Y } from "react";
-import { useForm as X } from "react-hook-form";
-import { toast as Z } from "react-hot-toast";
-import { useMoniteContext as ee } from "./index57.js";
-import { MoniteScopedProviders as te } from "./index83.js";
-import { useCounterpartById as ie } from "./index70.js";
-import "@tanstack/react-query";
-import { useCounterpartContactList as oe } from "./index74.js";
-import { useMe as ne, useMyEntity as ae } from "./index78.js";
-import { useLingui as R } from "@lingui/react";
-import { useGetReceivableById as se } from "./index82.js";
-import { CenteredContentBox as re } from "./index205.js";
-import { IconWrapper as de } from "./index206.js";
-import { zodResolver as me } from "@hookform/resolvers/zod";
-import ce from "@mui/icons-material/ArrowBack";
-import le from "@mui/icons-material/Close";
-import { Dialog as ue } from "./index50.js";
-import { DialogTitle as pe, Toolbar as fe, Grid as D, Stack as $, Button as j, Typography as ye, DialogContent as he, CircularProgress as ve } from "@mui/material";
-import { getEmailInvoiceDetailsSchema as be } from "./index168.js";
-import { Form as ge, FormContent as Ie } from "./index364.js";
-import { getDefaultContact as _e } from "./index365.js";
-import { useIssueReceivableById as Ce } from "./index241.js";
-import { useSendReceivableById as xe } from "./index366.js";
-import { PreviewEmail as Ee } from "./index367.js";
-const Ye = (t) => {
-  const {
-    i18n: n
-  } = R(), {
-    data: a,
-    isLoading: m
-  } = ne(), {
-    data: o,
-    isLoading: b
-  } = se(t.invoiceId), {
-    entityName: s,
-    isLoading: l
-  } = ae(), {
-    data: g,
-    isLoading: i
-  } = oe(o?.counterpart_id), {
-    data: u
-  } = ie(o?.counterpart_id), r = _e(g, u), I = r?.email ?? "", p = r && a ? n._(`Hi {firstName},
-
-          Please find the invoice attached as discussed.
-
-          Kind Regards,
-          {senderName}`, {
-    firstName: r.first_name,
-    senderName: a.first_name
-  }) : n._(`Please find the invoice attached as discussed.
-
-          Kind Regards,
-          {senderName}`, {
-    senderName: a?.first_name ?? ""
-  }), _ = o && s ? o.document_id ? n._("Invoice {documentId} from {entityName}", {
-    documentId: o.document_id,
-    entityName: s
-  }) : n._("Invoice from {entityName}", {
-    entityName: s
-  }) : "";
-  return /* @__PURE__ */ e(te, { children: /* @__PURE__ */ e(Pe, { ...t, to: I, body: p, subject: _, isLoading: i || b || m || l, isIssued: o?.status !== "draft", isOpen: t.isOpen }) });
-}, d = {
-  Edit: "form",
-  Preview: "preview"
-}, Pe = ({
-  invoiceId: t,
-  subject: n,
-  body: a,
-  to: m,
-  isLoading: o,
-  isIssued: b,
-  onClose: s,
-  onSendEmail: l,
-  isOpen: g
-}) => {
-  const {
-    i18n: i
-  } = R(), {
-    api: u,
-    entityId: r
-  } = ee(), {
-    control: I,
-    handleSubmit: p,
-    getValues: _,
-    trigger: A,
-    reset: S
-  } = X({
-    resolver: me(be(i)),
-    defaultValues: q(() => ({
-      subject: n,
-      body: a,
-      to: m
-    }), [n, a, m])
-  }), {
-    subject: F,
-    body: T
-  } = _();
-  J(() => {
-    S({
-      subject: n,
-      body: a,
-      to: m
-    });
-  }, [a, S, n, m]);
-  const C = xe(t), x = Ce(t), E = u.finops.postPaymentLinks.useMutation({}), {
-    data: P
-  } = u.finops.getEntitiesIdPaymentMethods.useQuery({
-    path: {
-      entity_id: r
-    }
-  }), [f, k] = U(d.Edit), w = `Monite-Form-emailInvoiceDetails-${W()}`, O = Y((L) => {
-    L.preventDefault();
-    const G = E.mutateAsync, H = x.mutateAsync, K = C.mutate;
-    p(async (v) => {
-      const M = P ? P.data.filter(({
-        status: N,
-        direction: z
-      }) => N === "active" && z === "receive") : [];
-      M.length === 0 ? Z.error(i._("You haven't onboarded for any payment method. Invoice is issued without a payment link.")) : (await H(void 0), await G({
-        recipient: {
-          id: r,
-          type: "entity"
-        },
-        payment_methods: M.map((N) => N.type),
-        object: {
-          id: t,
-          type: "receivable"
-        }
-      }));
-      const V = {
-        body_text: v.body,
-        subject_text: v.subject,
-        recipients: v.to ? {
-          to: [v.to]
-        } : void 0
-      };
-      K(V, {
-        onSuccess: () => {
-          l?.(t), s();
-        }
-      });
-    })(L);
-  }, [E.mutateAsync, x.mutateAsync, p, i, t, r, s, l, P, C.mutate]), y = x.isPending || C.isPending || E.isPending, B = "Monite-EmailInvoiceDetails", h = f == d.Preview;
-  return /* @__PURE__ */ c(ue, { open: g, fullScreen: !0, onClose: s, children: [
-    /* @__PURE__ */ e(pe, { className: B + "-Title", children: /* @__PURE__ */ e(fe, { children: /* @__PURE__ */ c(D, { container: !0, children: [
-      /* @__PURE__ */ e(D, { item: !0, xs: 6, children: /* @__PURE__ */ c($, { direction: "row", alignItems: "center", spacing: 2, children: [
-        f == d.Edit && /* @__PURE__ */ c(Q, { children: [
-          /* @__PURE__ */ e(j, { variant: "text", color: "primary", onClick: s, startIcon: /* @__PURE__ */ e(ce, {}), disabled: y, "data-testid": "back-button", children: i._("Back") }),
-          /* @__PURE__ */ e(ye, { variant: "h3", children: i._("Compose email") })
-        ] }),
-        h && /* @__PURE__ */ e(de, { edge: "start", color: "inherit", onClick: () => {
-          k(d.Edit);
-        }, "aria-label": i._("Back to edit"), "data-testid": "close-preview-button", children: /* @__PURE__ */ e(le, {}) })
-      ] }) }),
-      /* @__PURE__ */ e(D, { item: !0, xs: 6, children: /* @__PURE__ */ c($, { direction: "row", alignItems: "center", justifyContent: "end", spacing: 2, children: [
-        f == d.Edit && /* @__PURE__ */ e(j, { variant: "outlined", color: "primary", type: "button", form: w, disabled: y || o, onClick: async () => {
-          await A() && k(d.Preview);
-        }, "data-testid": "preview-button", children: i._("Preview email") }),
-        /* @__PURE__ */ e(j, { variant: "contained", color: "primary", type: "submit", form: w, disabled: y || o, "data-testid": "issue-and-send-button", children: b ? i._("Send") : i._("Issue and Send") })
-      ] }) })
-    ] }) }) }),
-    /* @__PURE__ */ e(he, { className: B + "-Content", sx: {
-      mt: h ? 0 : 4,
-      p: h ? 0 : "0 32px 32px 32px",
-      height: "100%",
-      width: "100%",
-      display: "flex",
-      flexDirection: "column"
-    }, children: /* @__PURE__ */ c(ge, { formName: w, handleIssueAndSend: O, style: {
-      display: "flex",
-      flexDirection: "column",
-      flex: 1,
-      minHeight: 0,
-      width: "100%"
-    }, children: [
-      o ? /* @__PURE__ */ e(re, { className: "Monite-LoadingPage", children: /* @__PURE__ */ e(ve, {}) }) : f == d.Edit && /* @__PURE__ */ e(Ie, { invoiceId: t, control: I, isDisabled: y }),
-      h && /* @__PURE__ */ e(Ee, { invoiceId: t, body: T, subject: F })
-    ] }) })
-  ] });
-};
+import { jsx as e, jsxs as i } from "@emotion/react/jsx-runtime";
+import { cn as a } from "./index100.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 {
-  Ye as EmailInvoiceDetails,
-  Pe as EmailInvoiceDetailsBase
+  l as Accordion,
+  u as AccordionContent,
+  m as AccordionItem,
+  f as AccordionTrigger
 };

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

@@ -1,14 +1,36 @@
-import { jsxs as a, jsx as t } from "@emotion/react/jsx-runtime";
-import { Typography as e } from "./index85.js";
-function i({
-  label: r,
-  value: o
+import { jsx as i, jsxs as n } from "@emotion/react/jsx-runtime";
+import { cn as d } from "./index100.js";
+import * as o from "@radix-ui/react-tooltip";
+function s({
+  delayDuration: t = 0,
+  ...r
 }) {
-  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 })
-  ] });
+  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 {
-  i as InvoiceDetailsInfoRow
+  m as Tooltip,
+  f as TooltipContent,
+  s as TooltipProvider,
+  p as TooltipTrigger
 };

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

@@ -1,21 +1,56 @@
-import { jsxs as i, jsx as t } from "@emotion/react/jsx-runtime";
-import { Typography as r } from "./index85.js";
-import { ChevronRight as s } from "lucide-react";
-function d({
-  label: e,
-  name: o,
-  onOpenCounterpart: n
-}) {
-  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 })
-  ] });
-}
+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 {
-  d as InvoiceDetailsCustomerRow
+  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
 };

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

@@ -1,5 +1,5 @@
 import { useMoniteContext as r } from "./index57.js";
-import { getAPIErrorMessage as s } from "./index119.js";
+import { getAPIErrorMessage as s } from "./index121.js";
 import { useLingui as o } from "@lingui/react";
 import { toast as n } from "react-hot-toast";
 const m = () => {