@tesouro/embedded-components-react 0.2.221 → 0.2.222

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

@@ -1,105 +1,363 @@
-import { jsx as r, jsxs as f, Fragment as h } from "@emotion/react/jsx-runtime";
-import { useState as _, useMemo as A } from "react";
-import { toast as s } from "react-hot-toast";
-import { useMoniteContext as I } from "./index57.js";
-import { getAPIErrorMessage as B } from "./index120.js";
-import { useLingui as S } from "@lingui/react";
-import "./index92.js";
-import { useFileInput as E } from "./index61.js";
-import "react-dom";
-import "@mui/x-data-grid";
-import { CenteredContentBox as M } from "./index202.js";
-import T from "@mui/icons-material/AttachFile";
-import j from "@mui/icons-material/CloudUploadOutlined";
-import { useTheme as k, alpha as $, CircularProgress as z, Box as g, Typography as a, Button as L } from "@mui/material";
-const X = ({
-  payableId: i
-}) => {
-  const {
-    i18n: o
-  } = S(), {
-    api: n,
-    queryClient: m
-  } = I(), p = k(), {
-    FileInput: y,
-    openFileInput: b,
-    checkFileError: v
-  } = E(), [c, l] = _(!1), u = n.finops.postPayablesIdAttachFile.useMutation({
-    path: {
-      payable_id: i
-    }
+import { getCountries as Q } from "./index93.js";
+import { parseISO as Z } from "date-fns";
+import { rateMinorToMajor as z } from "./index344.js";
+import { getDaysOverdue as G } from "./index405.js";
+import { formatReminderSchedule as J } from "./index406.js";
+import { getLineLabel as K } from "./index382.js";
+const X = /^\d{4}-\d{2}-\d{2}$/, ee = (e, t) => {
+  switch (t) {
+    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, t) => {
+  switch (t) {
+    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 "";
+  }
+}, ae = (e, t) => {
+  switch (t) {
+    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 "";
+  }
+}, te = ["issued", "overdue", "partially_paid", "paid", "uncollectible"], re = {
+  // 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"]
+  },
+  // `send` ("Resend") sits in primary, not overflow: David's QA
+  // asked twice for the send flow to be visible on the details panel rather
+  // than buried in the overflow menu (EMBD-4514). It is ordered *before*
+  // `recordPayment` deliberately: the panel gives the solid (primary) style to
+  // the last action only, so leading with `send` keeps "Record payment" as the
+  // emphasized call to action it already was and adds send as an outline button
+  // beside it. The ask was to make send visible, not to outrank recording a
+  // payment.
+  issued: {
+    primary: ["send", "recordPayment"],
+    overflow: ["clone", "cancel"]
+  },
+  // Overdue keeps the write-off (mark uncollectible) action the legacy exposed.
+  overdue: {
+    primary: ["send", "recordPayment"],
+    overflow: ["clone", "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: ["send", "recordPayment"],
+    overflow: ["clone"]
+  },
+  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 se(e, t, x, {
+  i18n: a,
+  formatCurrencyToDisplay: A,
+  locale: R
+}, T = !1, y = {}, b) {
+  const $ = e.currency, n = (r) => A(r ?? 0, $) ?? "", c = (r) => r ? a.date(X.test(r) ? Z(r) : r, R.dateFormat) : "-", u = e.status, f = u === "canceled", d = u === "overdue", h = e.tax_mode === "inclusive", C = !!e.recurrence_id || u === "recurring", i = u === "recurring" && !!t, O = !!e.recurrence_id && u !== "recurring", w = d ? G(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, B = o?.country ? Q(a)[o.country] : void 0, S = [o?.city, [o?.state, o?.postal_code].filter(Boolean).join(" ")].filter(Boolean).join(", "), g = o?.line1 ? [`${o.line1}${o.line2 ? ` ${o.line2}` : ""}`, S, B].filter(Boolean).join(", ") : void 0, _ = [];
+  m?.email && _.push({
+    label: a._("Email"),
+    value: m.email
+  }), m?.phone && _.push({
+    label: a._("Phone"),
+    value: m.phone
+  }), g && _.push({
+    label: a._("Address"),
+    value: g
+  });
+  const j = !!(e.payment_reminder_id || e.overdue_reminder_id), I = J(y.paymentReminder, y.overdueReminder, a, j), q = b?.account, L = b ? [{
+    label: a._("Deposit account"),
+    value: q ? K(q, a) : b.isListIncomplete && e.bank_account_id ? "-" : a._("Not provided")
+  }] : [], M = i ? [{
+    label: a._("Frequency"),
+    value: t ? v(a, t.frequency) : "-"
   }, {
-    onSuccess: () => Promise.all([n.finops.getPayables.invalidateQueries(m), n.finops.getPayablesId.invalidateQueries({
-      parameters: {
-        path: {
-          payable_id: i
-        }
-      }
-    }, m)]),
-    onError: () => {
-    }
-  }), x = A(() => ({
-    border: 2,
-    borderRadius: 2,
-    borderStyle: "dashed",
-    borderColor: "primary.main",
-    backgroundColor: $(p.palette.primary.main, 0.05)
-  }), [p.palette.primary.main]), D = (e) => {
-    e.preventDefault(), l(!0);
-  }, C = (e) => {
-    e.preventDefault(), l(!1);
-  }, F = (e) => {
-    e.preventDefault(), l(!1);
-    const t = Array.from(e.dataTransfer.files)[0];
-    t && d(t);
-  }, d = (e) => {
-    const t = v(e);
-    if (t) {
-      s.error(t);
-      return;
+    label: a._("Invoice amount"),
+    value: n(e.total_amount)
+  }, {
+    label: a._("Payment terms"),
+    value: e.payment_terms?.name ?? "-"
+  }, {
+    label: a._("Payment reminders"),
+    value: I
+  }, {
+    label: a._("PO number"),
+    value: e.purchase_order || a._("Not provided")
+  }, ...L] : [
+    // 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: I
+    },
+    ...e.purchase_order ? [{
+      label: a._("PO number"),
+      value: e.purchase_order
+    }] : [],
+    ...L
+  ], E = (e.line_items ?? []).map((r, V) => {
+    const Y = h ? r?.product?.price_after_tax?.value : r?.product?.price?.value, H = h ? r?.total_after_tax : r?.total_before_tax ?? (r?.product?.price?.value ?? 0) * (r?.quantity ?? 0);
+    return {
+      id: `${r?.product?.id ?? "item"}-${V}`,
+      name: r?.product?.name ?? "",
+      quantityLabel: String(r?.quantity ?? 0),
+      unitPriceLabel: n(Y),
+      totalLabel: n(H)
+    };
+  }), F = [{
+    label: a._("Subtotal"),
+    value: n(e.subtotal)
+  }, ...(e.total_tax_amounts ?? []).map((r) => ({
+    label: a._("Tax ({rate}%)", {
+      rate: z(r?.value ?? 0)
+    }),
+    value: n(r?.amount)
+  })), {
+    label: a._("Total"),
+    value: n(e.total_amount),
+    emphasis: !0
+  }], N = te.includes(u) ? {
+    rows: x.map((r) => ({
+      id: r.id,
+      dateLabel: c(r.paid_at),
+      amountLabel: n(r.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: T
+  } : void 0, U = i && t ? {
+    status: t.status,
+    amountLabel: n(e.total_amount),
+    amountPeriodLabel: ae(a, t.frequency),
+    startsOnLabel: c(t.start_date),
+    endsOnLabel: t.end_date ? c(t.end_date) : "-",
+    scheduleTitle: a._("{frequency} schedule", {
+      frequency: v(a, t.frequency)
+    })
+  } : void 0, W = O && t ? {
+    title: a._("{name} - {frequency}", {
+      name: e.counterpart_name ?? a._("Invoice"),
+      frequency: v(a, t.frequency)
+    }),
+    invoiceId: t.invoice_id
+  } : void 0, k = re[u] ?? {
+    primary: [],
+    overflow: ["clone"]
+  };
+  let p = k.overflow, P = k.primary;
+  if (i && t) {
+    switch (t.status) {
+      case "active":
+        p = ["pauseRecurrence", "cancelRecurrence"];
+        break;
+      case "paused":
+        p = ["resumeRecurrence", "cancelRecurrence"];
+        break;
+      default:
+        p = [];
     }
-    i && u.mutate({
-      file: e
-    }, {
-      onSuccess: () => {
-        s.success(o._("File successfully attached"));
-      },
-      onError: (P) => {
-        s.error(B(o, P));
-      }
-    });
+    (t.status === "active" || t.status === "paused") && (P = ["edit"]);
+  }
+  const D = e.counterpart_name ?? a._("Invoice");
+  return {
+    // Series master reads "{customer} - {frequency}"; everything else is the
+    // customer name.
+    title: i && t ? a._("{name} - {frequency}", {
+      name: D,
+      frequency: v(a, t.frequency)
+    }) : D,
+    status: u,
+    statusLabel: ee(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: C,
+    overdueLabel: d && w > 0 ? a._("{days} days overdue", {
+      days: w
+    }) : 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(f ? e.updated_at : e.due_date),
+    dueDateCaption: f ? a._("Cancelled on") : a._("Due date"),
+    paymentHistory: N,
+    customerContact: _,
+    recurringSeries: U,
+    seriesLink: W,
+    billingItems: M,
+    lineItems: E,
+    lineItemTotals: F,
+    // 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: P,
+    overflowActions: p
   };
-  return u.isPending ? /* @__PURE__ */ r(M, { children: /* @__PURE__ */ r(z, {}) }) : /* @__PURE__ */ r(g, { className: "Monite-PayableDetailsAttachFile", sx: {
-    width: "100%",
-    height: "100%",
-    display: "flex",
-    flexDirection: "column",
-    justifyContent: "center",
-    textAlign: "center",
-    ...c && x
-  }, onDragOver: D, onDragLeave: C, onDrop: F, children: /* @__PURE__ */ r(g, { sx: {
-    margin: "auto"
-  }, children: c ? /* @__PURE__ */ f(h, { children: [
-    /* @__PURE__ */ r(j, { color: "primary", fontSize: "large" }),
-    /* @__PURE__ */ r(a, { color: "primary", variant: "subtitle2", children: o._("Drop the file here to upload") })
-  ] }) : /* @__PURE__ */ f(h, { children: [
-    /* @__PURE__ */ r(T, { color: "primary", fontSize: "large", sx: {
-      marginBottom: 2
-    } }),
-    /* @__PURE__ */ r(a, { variant: "h3", sx: {
-      marginBottom: 1
-    }, children: o._("Attach a file") }),
-    /* @__PURE__ */ r(a, { children: o._("This invoice doesn't have a file attached.") }),
-    /* @__PURE__ */ r(a, { sx: {
-      marginBottom: 2
-    }, children: o._("Drag & Drop it here to save for administrative purposes.") }),
-    /* @__PURE__ */ r(L, { variant: "outlined", component: "label", onClick: b, children: o._("Choose from device") }),
-    /* @__PURE__ */ r(y, { onChange: (e) => {
-      const t = e.target.files ? e.target.files[0] : null;
-      t && d(t);
-    } })
-  ] }) }) });
-};
+}
 export {
-  X as PayableDetailsAttachFile
+  se as buildInvoiceDetailsView
 };

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

@@ -1,164 +1,4 @@
-import { jsxs as s, jsx as r, Fragment as z } from "@emotion/react/jsx-runtime";
-import { useState as L } from "react";
-import { getCounterpartName as T } from "./index7.js";
-import { PayableStatusChip as h } from "./index159.js";
-import { useCounterpartById as W } from "./index70.js";
-import "@tanstack/react-query";
-import "./index57.js";
-import "react-hot-toast";
-import { useLingui as q } from "@lingui/react";
-import { DropdownMenu as G } from "./index451.js";
-import { FullScreenModalHeader as J } from "./index452.js";
-import { Box as K, Button as C } from "@mui/material";
-import { Wallet as Q } from "lucide-react";
-import { isPayableInOCRProcessing as U } from "./index276.js";
-import { PayableDetailsCancelModal as V } from "./index453.js";
-import { isBillOverdue as X } from "./index164.js";
-const fe = ({
-  payable: o,
-  permissions: a,
-  setEdit: d,
-  isEdit: _,
-  submitInvoice: b,
-  rejectInvoice: y,
-  approveInvoice: I,
-  forceRejectInvoice: j,
-  forceApproveInvoice: k,
-  cancelInvoice: x,
-  reopenInvoice: g,
-  deleteInvoice: R,
-  payInvoice: B,
-  payableDetailsFormId: $,
-  onClose: l,
-  modalComponent: D,
-  showPayButton: P
-}) => {
-  const {
-    i18n: t
-  } = q(), {
-    data: w
-  } = W(o?.counterpart_id), [A, p] = L(!1), m = T(w), E = X(o?.status ?? "draft", o?.due_date), c = {
-    edit: {
-      variant: "outlined",
-      onClick: () => d(!0),
-      children: t._("Edit")
-    },
-    save: {
-      variant: "contained",
-      form: $,
-      type: "submit",
-      children: t._("Save")
-    },
-    cancelEdit: {
-      variant: "outlined",
-      onClick: () => {
-        d(!1), !o && l && l();
-      },
-      children: t._("Cancel")
-    },
-    submit: {
-      variant: "contained",
-      onClick: () => b(),
-      children: t._("Submit")
-    },
-    reject: {
-      variant: "text",
-      color: "error",
-      onClick: () => y(),
-      children: t._("Reject")
-    },
-    reopen: {
-      variant: "text",
-      color: "error",
-      onClick: () => g(),
-      children: t._("Reopen")
-    },
-    approve: {
-      variant: "contained",
-      onClick: () => I(),
-      children: t._("Approve")
-    },
-    cancel: {
-      variant: "text",
-      color: "error",
-      onClick: () => p(!0),
-      children: t._("Cancel bill")
-    },
-    delete: {
-      variant: "text",
-      color: "error",
-      onClick: () => {
-        R(), l?.();
-      },
-      children: t._("Delete bill")
-    },
-    pay: {
-      variant: "contained",
-      size: "small",
-      onClick: () => B(),
-      disabled: !P,
-      startIcon: /* @__PURE__ */ r(Q, { size: 14 }),
-      children: t._("Pay")
-    },
-    forceApprove: {
-      variant: "outlined",
-      onClick: () => k(),
-      children: t._("Force Approve")
-    },
-    forceReject: {
-      variant: "outlined",
-      color: "error",
-      onClick: () => j(),
-      children: t._("Force Reject")
-    }
-  }, F = "Monite-PayableDetails-Header", S = a.includes("cancel"), M = o?.document_id ? m ? `${t._("Bill")} #${o.document_id} ${t._("from")} ${m}` : _ ? `${t._("Edit bill")} #${o.document_id}` : `${t._("Bill")} #${o.document_id}` : t._("New incoming invoice");
-  let u = null;
-  if (!o || !U(o)) {
-    const f = a.filter((e) => e === "approve" || e === "reject"), N = a.filter((e) => e === "forceApprove" || e === "forceReject"), v = ["forceApprove", "forceReject"].filter((e) => N.includes(e)), O = v.map((e) => {
-      const {
-        children: i,
-        onClick: n
-      } = c[e];
-      return {
-        key: e,
-        label: i,
-        onClick: n,
-        sx: {
-          color: e === "forceReject" ? "error.main" : "text.primary"
-        }
-      };
-    }), H = a.filter((e) => !["approve", "reject", "forceApprove", "forceReject"].includes(e));
-    u = /* @__PURE__ */ s(K, { sx: {
-      display: "flex",
-      alignItems: "center",
-      gap: 1
-    }, children: [
-      H.map((e) => {
-        const {
-          children: i,
-          ...n
-        } = c[e];
-        return /* @__PURE__ */ r(C, { ...n, children: i }, e);
-      }),
-      f.length > 0 && f.map((e) => {
-        const {
-          children: i,
-          ...n
-        } = c[e];
-        return /* @__PURE__ */ r(C, { ...n, children: i }, e);
-      }),
-      v.length > 0 && /* @__PURE__ */ r(G, { items: O })
-    ] });
-  }
-  return /* @__PURE__ */ s(z, { children: [
-    /* @__PURE__ */ r(J, { className: F, title: M, statusElement: /* @__PURE__ */ s("div", { className: "ttw:flex ttw:items-center ttw:gap-2", children: [
-      /* @__PURE__ */ r(h, { status: o?.status ?? "draft", dueDate: o?.due_date }),
-      E && /* @__PURE__ */ r(h, { status: o?.status ?? "draft", dueDate: o?.due_date, showOverdueBadge: !0 })
-    ] }), actions: u, closeButtonTooltip: t._("Close payable details") }),
-    D,
-    S && /* @__PURE__ */ r(V, { isOpen: A, handleCloseModal: () => p(!1), handleConfirmation: x })
-  ] });
-};
+const t = (e) => e.preventDefault();
 export {
-  fe as PayableDetailsHeader
+  t as preventTooltipFocusOpen
 };