@tesouro/embedded-components-react 0.2.23 → 0.2.25

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

@@ -1,347 +1,164 @@
-import { getCountries as F } from "./index95.js";
-import "date-fns";
-import { rateMinorToMajor as H } from "./index203.js";
-import { getDaysOverdue as N } from "./index396.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)
+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 "./index149.js";
+import { useCounterpartById as W } from "./index72.js";
+import "@tanstack/react-query";
+import "./index59.js";
+import "react-hot-toast";
+import { useLingui as q } from "@lingui/react";
+import { DropdownMenu as G } from "./index470.js";
+import { FullScreenModalHeader as J } from "./index471.js";
+import { Box as K, Button as C } from "@mui/material";
+import { Wallet as Q } from "lucide-react";
+import { isPayableInOCRProcessing as U } from "./index277.js";
+import { PayableDetailsCancelModal as V } from "./index472.js";
+import { isBillOverdue as X } from "./index154.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: $,
+  payableDetailsFormId: B,
+  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: B,
+      type: "submit",
+      children: t._("Save")
     },
-    {
-      label: a._("Invoice date"),
-      value: c(e.issue_date ?? e.created_at)
+    cancelEdit: {
+      variant: "outlined",
+      onClick: () => {
+        d(!1), !o && l && l();
+      },
+      children: t._("Cancel")
     },
-    {
-      label: a._("Due date"),
-      value: c(e.due_date)
+    submit: {
+      variant: "contained",
+      onClick: () => b(),
+      children: t._("Submit")
     },
-    {
-      label: a._("Payment terms"),
-      value: e.payment_terms?.name ?? "-"
+    reject: {
+      variant: "text",
+      color: "error",
+      onClick: () => y(),
+      children: t._("Reject")
     },
-    {
-      label: a._("Payment reminders"),
-      value: w ? a._("Enabled") : a._("Disabled")
+    reopen: {
+      variant: "text",
+      color: "error",
+      onClick: () => g(),
+      children: t._("Reopen")
     },
-    ...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 = [];
+    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: () => $(),
+      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")
     }
-  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
-  };
-}
+  }, 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 })
+  ] });
+};
 export {
-  K as buildInvoiceDetailsView
+  fe as PayableDetailsHeader
 };