@tesouro/embedded-components-react 0.2.20 → 0.2.21

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

@@ -1,194 +1,347 @@
-import { formatDateRangeFilterChip as T, formatFilterChipMultiSelectValueSegment as N } from "./index99.js";
-import { useMoniteContext as D } from "./index59.js";
-import { useCurrencies as k } from "./index60.js";
-import { toMinorUnits as $ } from "./index130.js";
-import { useState as C, useMemo as l, useCallback as d } from "react";
-import { formatISO as m } from "date-fns";
-import { DATE_PRESETS as p, resolveDatePreset as A } from "./index396.js";
-const _ = [{
-  value: "draft",
-  label: "New"
-}, {
-  value: "pending_approval",
-  label: "Pending approval"
-}, {
-  value: "ready_to_pay",
-  label: "Ready to pay"
-}, {
-  value: "paid",
-  label: "Paid"
-}, {
-  value: "cancelled",
-  label: "Cancelled"
-}, {
-  value: "rejected",
-  label: "Rejected"
-}], w = {
-  draft: ["draft", "new"],
-  pending_approval: ["approve_in_progress"],
-  ready_to_pay: ["waiting_to_be_paid", "partially_paid"],
-  paid: ["paid"],
-  cancelled: ["canceled"],
-  rejected: ["rejected"]
-}, x = ["draft", "new", "approve_in_progress", "rejected", "waiting_to_be_paid", "partially_paid", "paid"];
-function v() {
-  return {
-    search: "",
-    activeDateField: "due_date",
-    datePreset: void 0,
-    dateFrom: void 0,
-    dateTo: void 0,
-    status: [],
-    amountMode: "any",
-    amountMin: "",
-    amountMax: "",
-    vendorName: "",
-    hasFile: void 0
-  };
-}
-function V() {
-  const [e, s] = C(v), {
-    formatToMinorUnits: u
-  } = k(), {
-    componentSettings: h
-  } = D(), c = h.onboarding.allowedCurrencies?.[0] ?? "USD", F = l(() => {
-    const a = {}, t = e.activeDateField;
-    if (e.dateFrom && (a[`${t}__gte`] = m(e.dateFrom, {
-      representation: "date"
-    })), e.dateTo && (a[`${t}__lte`] = m(e.dateTo, {
-      representation: "date"
-    })), e.status.length ? a.status__in = e.status.flatMap((o) => w[o] ?? [o]) : a.status__in = x, e.vendorName && (a.counterpart_name__icontains = e.vendorName), e.hasFile !== void 0 && (a.has_file = e.hasFile), e.search && (a.search_text = e.search), e.amountMode !== "any") {
-      const o = parseFloat(e.amountMin), r = parseFloat(e.amountMax), i = (n) => u(n, c) ?? $(n, 2);
-      if (e.amountMode === "exact") {
-        if (!isNaN(o)) {
-          const n = i(o);
-          a.total_amount__gte = n, a.total_amount__lte = n;
-        }
-      } else
-        isNaN(o) || (a.total_amount__gte = i(o)), isNaN(r) || (a.total_amount__lte = i(r));
-    }
-    return a;
-  }, [e, c, u]), f = l(() => {
-    let a = 0;
-    return e.status.length && a++, e.vendorName && a++, e.hasFile !== void 0 && a++, e.amountMode !== "any" && a++, e.search && a++, a;
-  }, [e]), b = l(() => {
-    const a = [];
-    if (e.dateFrom || e.dateTo) {
-      const t = (e.datePreset ? p.find((r) => r.value === e.datePreset)?.label : void 0) ?? T(e.dateFrom, e.dateTo), o = e.activeDateField === "due_date" ? "Due date" : e.activeDateField === "created_at" ? "Created on" : "Issue date";
-      a.push({
-        key: "date",
-        label: `${o}: ${t}`
+import { getCountries as F } from "./index95.js";
+import "date-fns";
+import { rateMinorToMajor as H } from "./index203.js";
+import { getDaysOverdue as N } from "./index407.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
       });
-    }
-    if (e.status.length) {
-      const t = e.status.map((o) => _.find((r) => r.value === o)?.label ?? o);
-      a.push({
-        key: "status",
-        label: `Status: ${N(t)}`
+      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"
       });
-    }
-    return e.vendorName && a.push({
-      key: "vendor",
-      label: `Vendor: ${e.vendorName}`
-    }), e.hasFile === !0 && a.push({
-      key: "attachment",
-      label: "Has attachment"
-    }), e.hasFile === !1 && a.push({
-      key: "attachment",
-      label: "No attachment"
-    }), e.amountMode !== "any" && a.push({
-      key: "amount",
-      label: "Amount"
-    }), e.search && a.push({
-      key: "search",
-      label: `Search: ${e.search}`
-    }), a;
-  }, [e]), y = d((a) => {
-    const {
-      from: t,
-      to: o
-    } = A(a);
-    s((r) => ({
-      ...r,
-      datePreset: a,
-      dateFrom: t,
-      dateTo: o
-    }));
-  }, []), g = d((a, t) => {
-    s((o) => ({
-      ...o,
-      datePreset: void 0,
-      dateFrom: a,
-      dateTo: t
-    }));
-  }, []), M = d((a) => {
-    s((t) => ({
-      ...t,
-      activeDateField: a
-    }));
-  }, []), P = d((a) => {
-    switch (a) {
-      case "date": {
-        s((t) => ({
-          ...t,
-          datePreset: void 0,
-          dateFrom: void 0,
-          dateTo: void 0,
-          activeDateField: "due_date"
-        }));
-        break;
-      }
-      case "status":
-        s((t) => ({
-          ...t,
-          status: []
-        }));
-        break;
-      case "vendor":
-        s((t) => ({
-          ...t,
-          vendorName: ""
-        }));
-        break;
-      case "attachment":
-        s((t) => ({
-          ...t,
-          hasFile: void 0
-        }));
-        break;
-      case "amount":
-        s((t) => ({
-          ...t,
-          amountMode: "any",
-          amountMin: "",
-          amountMax: ""
-        }));
+      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)
+    },
+    {
+      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 "search":
-        s((t) => ({
-          ...t,
-          search: ""
-        }));
+      case "paused":
+        p = ["resumeRecurrence", "cancelRecurrence"];
         break;
+      default:
+        p = [];
     }
-  }, []), S = d(() => s(v()), []);
+  const q = e.counterpart_name ?? a._("Invoice");
   return {
-    state: e,
-    setState: s,
-    queryParams: F,
-    activeFilterCount: f,
-    activeChips: b,
-    datePresets: p,
-    statusOptions: _,
-    setDatePreset: y,
-    setDateRange: g,
-    setActiveDateField: M,
-    clearFilter: P,
-    clearAll: S
+    // 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 {
-  x as AP_DEFAULT_STATUSES,
-  _ as AP_STATUS_OPTIONS,
-  V as usePayablesFilter
+  K as buildInvoiceDetailsView
 };

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

@@ -1,9 +1,4 @@
-import { jsx as l } from "@emotion/react/jsx-runtime";
-import { cn as n } from "./index102.js";
-const c = ({
-  children: t,
-  className: e
-}) => /* @__PURE__ */ l("div", { className: n("ttw:flex ttw:items-center ttw:justify-center ttw:h-full ttw:w-full", e), children: t });
+const t = (e) => e.preventDefault();
 export {
-  c as CenteredContentBox
+  t as preventTooltipFocusOpen
 };

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

@@ -1,37 +1,22 @@
-import { jsx as n } from "@emotion/react/jsx-runtime";
-import { useState as g, useEffect as h } from "react";
-import { useMoniteContext as v } from "./index59.js";
-import x from "@mui/icons-material/ArrowBack";
-import c from "@mui/icons-material/Close";
-import E from "@mui/material/IconButton";
-import L from "@mui/material/Tooltip";
-const P = ({
-  icon: y,
-  fallbackIcon: B,
-  tooltip: t,
-  onClick: i = () => {
-  },
-  onHover: l,
-  onFocus: f,
-  onBlur: m,
-  ariaLabelOverride: s,
-  isDynamic: p = !1,
-  ref: u,
-  ...b
-}) => {
+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 {
-    componentSettings: k
-  } = v(), o = k?.general?.iconWrapper, [I, e] = g(o.icon || o.fallbackIcon || /* @__PURE__ */ n(c, {}));
-  h(() => {
-    e(o.icon || o.fallbackIcon || /* @__PURE__ */ n(c, {}));
-  }, [o.icon, o.fallbackIcon]);
-  const d = (r) => {
-    l?.(r), p && e(/* @__PURE__ */ n(x, {}));
-  }, C = () => {
-    e(o.icon || o.fallbackIcon || /* @__PURE__ */ n(c, {}));
-  }, M = s || "Icon button", a = () => /* @__PURE__ */ n(E, { ref: u, onClick: i, onMouseEnter: d, onMouseLeave: C, onFocus: (r) => f?.(r), onBlur: (r) => m?.(r), "aria-label": M, ...b, children: I });
-  return t ? /* @__PURE__ */ n(L, { title: t, children: a() }) : a();
+    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."));
+    }
+  });
 };
 export {
-  P as IconWrapper
+  d as useDuplicateInvoice
 };