@tesouro/embedded-components-react 0.2.28 → 0.2.30

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

@@ -1,22 +1,347 @@
-import { toast as s } from "react-hot-toast";
-import { useMoniteContext as a } from "./index59.js";
-import { useLingui as r } from "@lingui/react";
-const d = (i) => {
-  const {
-    i18n: o
-  } = r(), {
-    api: t,
-    queryClient: n
-  } = a();
-  return t.finops.postReceivablesIdClone.useMutation(void 0, {
-    onSuccess: async (e) => {
-      await t.finops.getReceivables.invalidateQueries(n), i && i(e?.id), s.success(o._("Invoice duplicate has been created."));
+import { getCountries as F } from "./index95.js";
+import "date-fns";
+import { rateMinorToMajor as H } from "./index198.js";
+import { getDaysOverdue as N } from "./index402.js";
+const Q = (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 "";
+  }
+}, U = (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 "";
+  }
+}, V = ["issued", "overdue", "partially_paid", "paid", "uncollectible"], X = {
+  // 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 K(e, r, I, {
+  i18n: a,
+  formatCurrencyToDisplay: k,
+  locale: D
+}, L = !1) {
+  const P = e.currency, n = (t) => k(t ?? 0, P) ?? "", c = (t) => t ? a.date(t, D.dateFormat) : "-", u = e.status, b = u === "canceled", d = u === "overdue", y = e.tax_mode === "inclusive", x = !!e.recurrence_id || u === "recurring", i = u === "recurring" && !!r, A = !!e.recurrence_id && u !== "recurring", f = d ? N(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 _ = e.counterpart_contact, o = e.counterpart_billing_address, T = o?.country ? F(a)[o.country] : void 0, C = [o?.city, [o?.state, o?.postal_code].filter(Boolean).join(" ")].filter(Boolean).join(", "), h = o?.line1 ? [`${o.line1}${o.line2 ? ` ${o.line2}` : ""}`, C, T].filter(Boolean).join(", ") : void 0, m = [];
+  _?.email && m.push({
+    label: a._("Email"),
+    value: _.email
+  }), _?.phone && m.push({
+    label: a._("Phone"),
+    value: _.phone
+  }), h && m.push({
+    label: a._("Address"),
+    value: h
+  });
+  const w = !!(e.payment_reminder_id || e.overdue_reminder_id), R = 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: w ? a._("Enabled") : a._("Disabled")
+  }, {
+    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)
+    },
+    {
+      label: a._("Invoice date"),
+      value: c(e.issue_date ?? e.created_at)
+    },
+    {
+      label: a._("Due date"),
+      value: c(e.due_date)
     },
-    onError: (e) => {
-      s.error(e?.detail?.[0]?.msg || o._("Failed to duplicate invoice."));
+    {
+      label: a._("Payment terms"),
+      value: e.payment_terms?.name ?? "-"
+    },
+    {
+      label: a._("Payment reminders"),
+      value: w ? a._("Enabled") : a._("Disabled")
+    },
+    ...e.purchase_order ? [{
+      label: a._("PO number"),
+      value: e.purchase_order
+    }] : []
+  ], $ = (e.line_items ?? []).map((t, S) => {
+    const M = y ? t?.product?.price_after_tax?.value : t?.product?.price?.value, W = y ? t?.total_after_tax : t?.total_before_tax ?? (t?.product?.price?.value ?? 0) * (t?.quantity ?? 0);
+    return {
+      id: `${t?.product?.id ?? "item"}-${S}`,
+      name: t?.product?.name ?? "",
+      quantityLabel: String(t?.quantity ?? 0),
+      unitPriceLabel: n(M),
+      totalLabel: n(W)
+    };
+  }), O = [{
+    label: a._("Subtotal"),
+    value: n(e.subtotal)
+  }, ...(e.total_tax_amounts ?? []).map((t) => ({
+    label: a._("Tax ({rate}%)", {
+      rate: H(t?.value ?? 0)
+    }),
+    value: n(t?.amount)
+  })), {
+    label: a._("Total"),
+    value: n(e.total_amount),
+    emphasis: !0
+  }], B = V.includes(u) ? {
+    rows: I.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: L
+  } : void 0, j = i && r ? {
+    status: r.status,
+    amountLabel: n(e.total_amount),
+    amountPeriodLabel: U(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, E = A && r ? {
+    title: a._("{name} - {frequency}", {
+      name: e.counterpart_name ?? a._("Invoice"),
+      frequency: v(a, r.frequency)
+    }),
+    invoiceId: r.invoice_id
+  } : void 0, g = X[u] ?? {
+    primary: [],
+    overflow: ["clone"]
+  };
+  let p = g.overflow;
+  if (i && r)
+    switch (r.status) {
+      case "active":
+        p = ["pauseRecurrence", "cancelRecurrence"];
+        break;
+      case "paused":
+        p = ["resumeRecurrence", "cancelRecurrence"];
+        break;
+      default:
+        p = [];
     }
-  });
-};
+  const q = e.counterpart_name ?? a._("Invoice");
+  return {
+    // Series master reads "{customer} - {frequency}"; everything else is the
+    // customer name.
+    title: i && r ? a._("{name} - {frequency}", {
+      name: q,
+      frequency: v(a, r.frequency)
+    }) : q,
+    status: u,
+    statusLabel: Q(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 && f > 0 ? a._("{days} days overdue", {
+      days: f
+    }) : 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(b ? e.updated_at : e.due_date),
+    dueDateCaption: b ? a._("Cancelled on") : a._("Due date"),
+    paymentHistory: B,
+    customerContact: m,
+    recurringSeries: j,
+    seriesLink: E,
+    billingItems: R,
+    lineItems: $,
+    lineItemTotals: O,
+    // 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: g.primary,
+    overflowActions: p
+  };
+}
 export {
-  d as useDuplicateInvoice
+  K as buildInvoiceDetailsView
 };

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

@@ -1,16 +1,4 @@
-import { useMoniteContext as o } from "./index59.js";
-const s = (e) => {
-  const {
-    api: t
-  } = o();
-  return t.finops.getPaymentRecords.useQuery({
-    query: {
-      object_id: e ?? ""
-    }
-  }, {
-    enabled: !!e
-  });
-};
+const t = (e) => e.preventDefault();
 export {
-  s as useGetPaymentRecords
+  t as preventTooltipFocusOpen
 };

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

@@ -1,23 +1,22 @@
-import { useMoniteContext as r } from "./index59.js";
-const i = (t, a) => {
+import { toast as s } from "react-hot-toast";
+import { useMoniteContext as a } from "./index59.js";
+import { useLingui as r } from "@lingui/react";
+const d = (i) => {
   const {
-    api: n
-  } = r();
-  return n.finops.getReceivablesIdPdfLink.useQuery({
-    path: {
-      receivable_id: t
+    i18n: o
+  } = r(), {
+    api: t,
+    queryClient: n
+  } = a();
+  return t.finops.postReceivablesIdClone.useMutation(void 0, {
+    onSuccess: async (e) => {
+      await t.finops.getReceivables.invalidateQueries(n), i && i(e?.id), s.success(o._("Invoice duplicate has been created."));
+    },
+    onError: (e) => {
+      s.error(e?.detail?.[0]?.msg || o._("Failed to duplicate invoice."));
     }
-  }, {
-    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. Matches the legacy InvoicePDFViewer behaviour.
-    // 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
   });
 };
 export {
-  i as useGetReceivablePDFById
+  d as useDuplicateInvoice
 };

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

@@ -1,35 +1,16 @@
-import { toast as r } from "react-hot-toast";
 import { useMoniteContext as o } from "./index59.js";
-import { useLingui as n } from "@lingui/react";
-const l = (s) => {
+const s = (e) => {
   const {
-    i18n: t
-  } = n(), {
-    api: e,
-    queryClient: i
+    api: t
   } = o();
-  return e.finops.postReceivablesIdIssue.useMutation({
-    path: {
-      receivable_id: s
+  return t.finops.getPaymentRecords.useQuery({
+    query: {
+      object_id: e ?? ""
     }
   }, {
-    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
-      }));
-    }
+    enabled: !!e
   });
 };
 export {
-  l as useIssueReceivableById
+  s as useGetPaymentRecords
 };

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

@@ -1,39 +1,23 @@
-import { useMoniteContext as o } from "./index59.js";
-import { getAPIErrorMessage as u } from "./index124.js";
-import { useLingui as c } from "@lingui/react";
-import { toast as a } from "react-hot-toast";
-const f = (s, t) => {
+import { useMoniteContext as r } from "./index59.js";
+const i = (t, a) => {
   const {
-    i18n: i
-  } = c(), {
-    api: e,
-    queryClient: r
-  } = o();
-  return e.finops.postRecurrencesIdPause.useMutation({
+    api: n
+  } = r();
+  return n.finops.getReceivablesIdPdfLink.useQuery({
     path: {
-      recurrence_id: s
+      receivable_id: t
     }
   }, {
-    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"));
-    }
+    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. Matches the legacy InvoicePDFViewer behaviour.
+    // 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
   });
 };
 export {
-  f as usePauseRecurrence
+  i as useGetReceivablePDFById
 };

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

@@ -1,39 +1,35 @@
+import { toast as r } from "react-hot-toast";
 import { useMoniteContext as o } from "./index59.js";
-import { getAPIErrorMessage as u } from "./index124.js";
-import { useLingui as c } from "@lingui/react";
-import { toast as t } from "react-hot-toast";
-const f = (s, a) => {
+import { useLingui as n } from "@lingui/react";
+const l = (s) => {
   const {
-    i18n: i
-  } = c(), {
+    i18n: t
+  } = n(), {
     api: e,
-    queryClient: r
+    queryClient: i
   } = o();
-  return e.finops.postRecurrencesIdResume.useMutation({
+  return e.finops.postReceivablesIdIssue.useMutation({
     path: {
-      recurrence_id: s
+      receivable_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
-          }
+    onSuccess: async (a) => {
+      e.finops.getReceivablesId.setQueryData({
+        path: {
+          receivable_id: s
         }
-      }, r), e.finops.getRecurrencesId.invalidateQueries({
+      }, a, i), await Promise.all([e.finops.getReceivables.invalidateQueries(i), e.finops.getReceivablesIdPdfLink.resetQueries({
         parameters: {
           path: {
-            recurrence_id: s
+            receivable_id: s
           }
         }
-      }, r)]), t.success(i._("Series has been resumed"));
+      }, i)]), r.success(t._("{receivableType} has been issued", {
+        receivableType: a.type
+      }));
     }
   });
 };
 export {
-  f as useResumeRecurrence
+  l as useIssueReceivableById
 };

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 "./index124.js";
+import { getAPIErrorMessage as i } from "./index122.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,17 +1,39 @@
-import { jsxs as s, jsx as e } from "@emotion/react/jsx-runtime";
-import { amountValueToneClass as m } from "./index261.js";
-import { Typography as o } from "./index87.js";
-import { cn as l } from "./index102.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 { useMoniteContext as o } from "./index59.js";
+import { getAPIErrorMessage as u } from "./index122.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"));
+    }
+  });
+};
 export {
-  f as InvoiceDetailsAmountCell
+  f as usePauseRecurrence
 };