@tesouro/embedded-components-react 0.2.127 → 0.2.130

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

@@ -1,16 +1,53 @@
-import { useMoniteContext as t } from "./index57.js";
-const c = (e) => {
-  const {
-    api: r
-  } = t();
-  return r.finops.getRecurrencesId.useQuery({
-    path: {
-      recurrence_id: e ?? ""
+import { jsxs as u, jsx as v } from "@emotion/react/jsx-runtime";
+import { cn as t } from "./index100.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"
     }
-  }, {
-    enabled: !!e
-  });
-};
+  },
+  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 {
-  c as useGetRecurrenceById
+  y as Badge,
+  g as badgeVariants
 };

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

@@ -1,23 +1,36 @@
-import { useMoniteContext as r } from "./index57.js";
-const i = (t, a) => {
-  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
-  });
-};
+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__ */ 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 useGetReceivablePDFById
+  m as Tooltip,
+  f as TooltipContent,
+  s as TooltipProvider,
+  p as TooltipTrigger
 };

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

@@ -1,39 +1,68 @@
-import { useMoniteContext as o } from "./index57.js";
-import { getAPIErrorMessage as u } from "./index118.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
-    }
-  }, {
-    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"));
-    }
-  });
-};
+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 a, Ban as t, Pause as o, ChevronsRight as r, Clock as e, PenTool as c, CalendarX2 as i, Play as n, CircleOff as d, Trash2 as s, CopyPlus as p, Mail as l, ClipboardCheck as m, Send as T, FileCheck as u, Pencil as C } from "lucide-react";
+const P = "INV-auto", R = {
+  edit: C,
+  // Issue = issue only (no email); the Mail/Send icon is reserved for the
+  // actions that actually email the customer.
+  issue: u,
+  issueAndSend: T,
+  recordPayment: m,
+  send: l,
+  clone: p,
+  cancel: t,
+  delete: s,
+  markUncollectible: d,
+  pauseRecurrence: o,
+  resumeRecurrence: n,
+  cancelRecurrence: i
+}, U = {
+  draft: c,
+  issuing: e,
+  issued: e,
+  partially_paid: e,
+  paid: a,
+  overdue: e,
+  canceled: t
+}, D = {
+  active: r,
+  paused: o,
+  canceled: t,
+  completed: a
+}, k = {
+  default: "ttw:text-foreground",
+  danger: "ttw:text-red-600",
+  success: "ttw:text-emerald-600",
+  muted: "ttw:text-muted-foreground"
+}, v = "ttw:bg-muted ttw:text-muted-foreground ttw:hover:bg-accent", H = 500, b = [
+  "application/pdf",
+  "image/jpeg",
+  "image/png",
+  "application/msword",
+  // .doc
+  "application/vnd.openxmlformats-officedocument.wordprocessingml.document"
+  // .docx
+], y = ["pdf", "jpg", "jpeg", "png", "doc", "docx"], F = 3, L = 10;
 export {
-  f as usePauseRecurrence
+  R as ACTION_ICON,
+  y as ATTACHMENT_ACCEPTED_EXTENSIONS,
+  b as ATTACHMENT_ACCEPTED_FORMATS,
+  L as ATTACHMENT_MAX_FILE_COUNT,
+  F as ATTACHMENT_MAX_FILE_SIZE_MB,
+  H as HEADER_TOOLTIP_DELAY,
+  P as INVOICE_DOCUMENT_AUTO_ID,
+  D as RECURRENCE_STATUS_ICON,
+  U as STATUS_ICON,
+  k as amountValueToneClass,
+  v as headerIconButtonClass
 };

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

@@ -1,39 +1,348 @@
-import { useMoniteContext as o } from "./index57.js";
-import { getAPIErrorMessage as u } from "./index118.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
-    }
+import { getCountries as Q } from "./index93.js";
+import "date-fns";
+import { rateMinorToMajor as W } from "./index192.js";
+import { getDaysOverdue as Y } from "./index400.js";
+import { formatReminderSchedule as z } from "./index401.js";
+const G = (e, r) => {
+  switch (r) {
+    case "draft":
+      return e._("Draft");
+    case "issuing":
+      return e._("Issuing");
+    case "issued":
+      return e._("Issued");
+    case "partially_paid":
+      return e._("Issued");
+    case "paid":
+      return e._("Paid");
+    case "overdue":
+      return e._("Overdue");
+    case "uncollectible":
+      return e._("Written off");
+    case "canceled":
+      return e._("Cancelled");
+    case "recurring":
+      return e._("Recurring");
+    case "expired":
+      return e._("Expired");
+    case "declined":
+      return e._("Declined");
+    case "accepted":
+      return e._("Accepted");
+    case "deleted":
+      return e._("Deleted");
+    default:
+      return e._("Unknown");
+  }
+}, v = (e, r) => {
+  switch (r) {
+    case "day":
+      return e._("Daily");
+    case "week":
+      return e._("Weekly");
+    case "month":
+      return e._("Monthly");
+    case "quarter":
+      return e._("Quarterly");
+    case "year":
+      return e._("Yearly");
+    default:
+      return "";
+  }
+}, H = (e, r) => {
+  switch (r) {
+    case "day":
+      return e._("each day");
+    case "week":
+      return e._("each week");
+    case "month":
+      return e._("each month");
+    case "quarter":
+      return e._("each quarter");
+    case "year":
+      return e._("each year");
+    default:
+      return "";
+  }
+}, J = ["issued", "overdue", "partially_paid", "paid", "uncollectible"], V = {
+  // Draft keeps both the issue-only ("Issue") and issue-and-email ("Issue and
+  // send") flows the legacy panel offered. This intentionally diverges from the
+  // current Figma (which has no email design yet) per David's QA — the send
+  // flow must survive the redesign. Revisit when the email flow is redesigned.
+  draft: {
+    primary: ["edit", "issue", "issueAndSend"],
+    overflow: ["clone", "delete"]
+  },
+  issued: {
+    primary: ["recordPayment"],
+    overflow: ["clone", "send", "cancel"]
+  },
+  // Overdue keeps the write-off (mark uncollectible) action the legacy exposed.
+  overdue: {
+    primary: ["recordPayment"],
+    overflow: ["clone", "send", "cancel", "markUncollectible"]
+  },
+  // No cancel: the backend rejects cancelling a partially-paid invoice with a
+  // 409 ("Only invoices in issued and overdue statuses can be canceled"), so
+  // offering it here would be a dead-end error toast. Matches the legacy
+  // actions, which gated Cancel to issued/overdue only.
+  partially_paid: {
+    primary: ["recordPayment"],
+    overflow: ["clone", "send"]
+  },
+  paid: {
+    primary: [],
+    overflow: ["clone"]
+  },
+  canceled: {
+    primary: [],
+    overflow: ["clone"]
+  },
+  uncollectible: {
+    primary: [],
+    overflow: ["clone"]
+  },
+  // The recurring master's series actions (pause/resume/cancel) are derived
+  // from the recurrence status below, not statically.
+  recurring: {
+    primary: [],
+    overflow: []
+  }
+};
+function re(e, r, k, {
+  i18n: a,
+  formatCurrencyToDisplay: L,
+  locale: D
+}, P = !1, b = {}) {
+  const R = e.currency, n = (t) => L(t ?? 0, R) ?? "", c = (t) => t ? a.date(t, D.dateFormat) : "-", u = e.status, y = u === "canceled", d = u === "overdue", f = e.tax_mode === "inclusive", x = !!e.recurrence_id || u === "recurring", i = u === "recurring" && !!r, T = !!e.recurrence_id && u !== "recurring", h = d ? Y(e.due_date) : 0;
+  let s = "default";
+  const l = [];
+  switch (u) {
+    case "draft":
+    case "recurring":
+      l.push({
+        label: a._("Invoice amount"),
+        value: n(e.total_amount),
+        emphasis: !0
+      });
+      break;
+    case "issued":
+    case "overdue":
+      s = d ? "danger" : "default", l.push({
+        label: a._("Balance due"),
+        value: n(e.amount_due),
+        emphasis: !0
+      }), (e.amount_paid ?? 0) > 0 && l.push({
+        label: a._("Amount received"),
+        value: n(e.amount_paid),
+        tone: "success"
+      });
+      break;
+    case "partially_paid":
+      l.push({
+        label: a._("Balance due"),
+        value: n(e.amount_due),
+        emphasis: !0
+      }, {
+        label: a._("Amount received"),
+        value: n(e.amount_paid),
+        tone: "success"
+      });
+      break;
+    case "paid":
+      s = "success", l.push({
+        label: a._("Amount received"),
+        value: n(e.amount_paid),
+        emphasis: !0
+      });
+      break;
+    case "canceled":
+      s = "muted", l.push({
+        label: a._("Cancelled amount"),
+        value: n(e.total_amount),
+        emphasis: !0
+      });
+      break;
+    case "uncollectible":
+      s = "muted", l.push({
+        label: a._("Amount written off"),
+        value: n(e.amount_due),
+        emphasis: !0
+      });
+      break;
+    default:
+      l.push({
+        label: a._("Invoice amount"),
+        value: n(e.total_amount),
+        emphasis: !0
+      });
+  }
+  const m = e.counterpart_contact, o = e.counterpart_billing_address, $ = o?.country ? Q(a)[o.country] : void 0, A = [o?.city, [o?.state, o?.postal_code].filter(Boolean).join(" ")].filter(Boolean).join(", "), w = o?.line1 ? [`${o.line1}${o.line2 ? ` ${o.line2}` : ""}`, A, $].filter(Boolean).join(", ") : void 0, _ = [];
+  m?.email && _.push({
+    label: a._("Email"),
+    value: m.email
+  }), m?.phone && _.push({
+    label: a._("Phone"),
+    value: m.phone
+  }), w && _.push({
+    label: a._("Address"),
+    value: w
+  });
+  const C = !!(e.payment_reminder_id || e.overdue_reminder_id), g = z(b.paymentReminder, b.overdueReminder, a, C), O = i ? [{
+    label: a._("Frequency"),
+    value: r ? v(a, r.frequency) : "-"
+  }, {
+    label: a._("Invoice amount"),
+    value: n(e.total_amount)
+  }, {
+    label: a._("Payment terms"),
+    value: e.payment_terms?.name ?? "-"
+  }, {
+    label: a._("Payment reminders"),
+    value: g
   }, {
-    onError: (n) => {
-      t.error(u(i, n));
+    label: a._("PO number"),
+    value: e.purchase_order || a._("Not provided")
+  }] : [
+    // Invoice number is omitted until the invoice is issued: a draft has no
+    // number, so a placeholder ("Auto-generated") reads as misleading copy
+    // (EMBD-3835 QA item 2 — show no number field/reference for drafts).
+    ...e.document_id ? [{
+      label: a._("Invoice number"),
+      value: e.document_id
+    }] : [],
+    {
+      label: a._("Invoice amount"),
+      value: n(e.total_amount)
     },
-    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"));
+    {
+      label: a._("Invoice date"),
+      value: c(e.issue_date ?? e.created_at)
+    },
+    {
+      label: a._("Due date"),
+      value: c(e.due_date)
+    },
+    {
+      label: a._("Payment terms"),
+      value: e.payment_terms?.name ?? "-"
+    },
+    {
+      label: a._("Payment reminders"),
+      value: g
+    },
+    ...e.purchase_order ? [{
+      label: a._("PO number"),
+      value: e.purchase_order
+    }] : []
+  ], B = (e.line_items ?? []).map((t, U) => {
+    const F = f ? t?.product?.price_after_tax?.value : t?.product?.price?.value, N = f ? t?.total_after_tax : t?.total_before_tax ?? (t?.product?.price?.value ?? 0) * (t?.quantity ?? 0);
+    return {
+      id: `${t?.product?.id ?? "item"}-${U}`,
+      name: t?.product?.name ?? "",
+      quantityLabel: String(t?.quantity ?? 0),
+      unitPriceLabel: n(F),
+      totalLabel: n(N)
+    };
+  }), S = [{
+    label: a._("Subtotal"),
+    value: n(e.subtotal)
+  }, ...(e.total_tax_amounts ?? []).map((t) => ({
+    label: a._("Tax ({rate}%)", {
+      rate: W(t?.value ?? 0)
+    }),
+    value: n(t?.amount)
+  })), {
+    label: a._("Total"),
+    value: n(e.total_amount),
+    emphasis: !0
+  }], j = J.includes(u) ? {
+    rows: k.map((t) => ({
+      id: t.id,
+      dateLabel: c(t.paid_at),
+      amountLabel: n(t.amount)
+    })),
+    // Total is the entity's amount_paid (authoritative), not a sum of
+    // `rows`: the records list may be partial/paginated, so summing rows
+    // could disagree with the true received total. Intentional.
+    totalLabel: n(e.amount_paid),
+    emptyTone: d ? "danger" : "default",
+    loading: P
+  } : void 0, E = i && r ? {
+    status: r.status,
+    amountLabel: n(e.total_amount),
+    amountPeriodLabel: H(a, r.frequency),
+    startsOnLabel: c(r.start_date),
+    endsOnLabel: r.end_date ? c(r.end_date) : "-",
+    scheduleTitle: a._("{frequency} schedule", {
+      frequency: v(a, r.frequency)
+    })
+  } : void 0, M = T && r ? {
+    title: a._("{name} - {frequency}", {
+      name: e.counterpart_name ?? a._("Invoice"),
+      frequency: v(a, r.frequency)
+    }),
+    invoiceId: r.invoice_id
+  } : void 0, q = V[u] ?? {
+    primary: [],
+    overflow: ["clone"]
+  };
+  let p = q.overflow;
+  if (i && r)
+    switch (r.status) {
+      case "active":
+        p = ["pauseRecurrence", "cancelRecurrence"];
+        break;
+      case "paused":
+        p = ["resumeRecurrence", "cancelRecurrence"];
+        break;
+      default:
+        p = [];
     }
-  });
-};
+  const I = e.counterpart_name ?? a._("Invoice");
+  return {
+    // Series master reads "{customer} - {frequency}"; everything else is the
+    // customer name.
+    title: i && r ? a._("{name} - {frequency}", {
+      name: I,
+      frequency: v(a, r.frequency)
+    }) : I,
+    status: u,
+    statusLabel: G(a, u),
+    // Series master reads "Recurring series". Otherwise show the invoice
+    // number once issued; a draft has none so shows nothing (EMBD-3835 QA
+    // item 2).
+    subtitle: i ? a._("Recurring series") : e.document_id ? a._("Invoice: {number}", {
+      number: e.document_id
+    }) : void 0,
+    recurring: x,
+    overdueLabel: d && h > 0 ? a._("{days} days overdue", {
+      days: h
+    }) : void 0,
+    amountTone: s,
+    amountRows: l,
+    invoiceDateLabel: c(e.issue_date ?? e.created_at),
+    // No dedicated cancellation timestamp exists on InvoiceResponsePayload;
+    // updated_at is the closest proxy for "Cancelled on".
+    dueDateLabel: c(y ? e.updated_at : e.due_date),
+    dueDateCaption: y ? a._("Cancelled on") : a._("Due date"),
+    paymentHistory: j,
+    customerContact: _,
+    recurringSeries: E,
+    seriesLink: M,
+    billingItems: O,
+    lineItems: B,
+    lineItemTotals: S,
+    // memo = opening note; footer = closing note (rendered below the line
+    // items in the PDF).
+    notes: e.memo || e.footer ? {
+      opening: e.memo || void 0,
+      closing: e.footer || void 0
+    } : void 0,
+    primaryActions: q.primary,
+    overflowActions: p
+  };
+}
 export {
-  f as useResumeRecurrence
+  re as buildInvoiceDetailsView
 };

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

@@ -1,17 +1,4 @@
-import { jsxs as s, jsx as e } from "@emotion/react/jsx-runtime";
-import { amountValueToneClass as m } from "./index237.js";
-import { Typography as o } from "./index85.js";
-import { cn as l } from "./index100.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 })
-  ] });
-}
+const t = (e) => e.preventDefault();
 export {
-  f as InvoiceDetailsAmountCell
+  t as preventTooltipFocusOpen
 };