@tesouro/embedded-components-react 0.2.19 → 0.2.20

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

@@ -1,347 +1,194 @@
-import { getCountries as F } from "./index95.js";
-import "date-fns";
-import { rateMinorToMajor as H } from "./index198.js";
-import { getDaysOverdue as N } from "./index391.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
+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}`
       });
-      break;
-    default:
-      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)}`
       });
-  }
-  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"];
+    }
+    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 "paused":
-        p = ["resumeRecurrence", "cancelRecurrence"];
+      case "search":
+        s((t) => ({
+          ...t,
+          search: ""
+        }));
         break;
-      default:
-        p = [];
     }
-  const q = e.counterpart_name ?? a._("Invoice");
+  }, []), S = d(() => s(v()), []);
   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
+    state: e,
+    setState: s,
+    queryParams: F,
+    activeFilterCount: f,
+    activeChips: b,
+    datePresets: p,
+    statusOptions: _,
+    setDatePreset: y,
+    setDateRange: g,
+    setActiveDateField: M,
+    clearFilter: P,
+    clearAll: S
   };
 }
 export {
-  K as buildInvoiceDetailsView
+  x as AP_DEFAULT_STATUSES,
+  _ as AP_STATUS_OPTIONS,
+  V as usePayablesFilter
 };

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

@@ -1,4 +1,9 @@
-const t = (e) => e.preventDefault();
+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 });
 export {
-  t as preventTooltipFocusOpen
+  c as CenteredContentBox
 };

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

@@ -1,22 +1,37 @@
-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) => {
+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
+}) => {
   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."));
-    },
-    onError: (e) => {
-      s.error(e?.detail?.[0]?.msg || o._("Failed to duplicate invoice."));
-    }
-  });
+    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();
 };
 export {
-  d as useDuplicateInvoice
+  P as IconWrapper
 };