@tesouro/embedded-components-react 0.2.84 → 0.2.85

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

@@ -1,36 +1,185 @@
-import { jsx as i, jsxs as n } from "@emotion/react/jsx-runtime";
-import { cn as d } from "./index100.js";
-import * as o from "@radix-ui/react-tooltip";
-function s({
-  delayDuration: t = 0,
-  ...r
-}) {
-  return /* @__PURE__ */ i(o.Provider, { "data-slot": "tooltip-provider", delayDuration: t, ...r });
-}
-function m({
-  ...t
-}) {
-  return /* @__PURE__ */ i(s, { children: /* @__PURE__ */ i(o.Root, { "data-slot": "tooltip", ...t }) });
-}
-function p({
-  ...t
-}) {
-  return /* @__PURE__ */ i(o.Trigger, { "data-slot": "tooltip-trigger", ...t });
-}
-function f({
-  className: t,
-  sideOffset: r = 0,
-  children: a,
-  ...e
-}) {
-  return /* @__PURE__ */ i(o.Portal, { children: /* @__PURE__ */ n(o.Content, { "data-slot": "tooltip-content", sideOffset: r, className: d("ttw:bg-primary ttw:text-primary-foreground ttw:animate-in ttw:fade-in-0 ttw:zoom-in-95 ttw:data-[state=closed]:animate-out ttw:data-[state=closed]:fade-out-0 ttw:data-[state=closed]:zoom-out-95 ttw:data-[side=bottom]:slide-in-from-top-2 ttw:data-[side=left]:slide-in-from-right-2 ttw:data-[side=right]:slide-in-from-left-2 ttw:data-[side=top]:slide-in-from-bottom-2 ttw:z-1300 ttw:w-fit ttw:origin-(--radix-tooltip-content-transform-origin) ttw:rounded-md ttw:px-3 ttw:py-1.5 ttw:text-xs ttw:text-balance", t), ...e, children: [
-    a,
-    /* @__PURE__ */ i(o.Arrow, { className: "ttw:bg-primary ttw:fill-primary ttw:z-1300 ttw:size-2.5 ttw:translate-y-[calc(-50%_-_2px)] ttw:rotate-45 ttw:rounded-[2px]" })
-  ] }) });
-}
+import { jsx as e, jsxs as c, Fragment as z } from "@emotion/react/jsx-runtime";
+import { useMemo as Q, useEffect as J, useState as U, useId as W, useCallback as Y } from "react";
+import { useForm as X } from "react-hook-form";
+import { toast as Z } from "react-hot-toast";
+import { useMoniteContext as ee } from "./index57.js";
+import { MoniteScopedProviders as te } from "./index83.js";
+import { useCounterpartById as ie } from "./index70.js";
+import "@tanstack/react-query";
+import { useCounterpartContactList as oe } from "./index74.js";
+import { useMe as ne, useMyEntity as ae } from "./index78.js";
+import { useLingui as R } from "@lingui/react";
+import { useGetReceivableById as se } from "./index82.js";
+import { CenteredContentBox as re } from "./index218.js";
+import { IconWrapper as de } from "./index219.js";
+import { zodResolver as me } from "@hookform/resolvers/zod";
+import ce from "@mui/icons-material/ArrowBack";
+import le from "@mui/icons-material/Close";
+import { Dialog as ue } from "./index50.js";
+import { DialogTitle as pe, Toolbar as fe, Grid as D, Stack as $, Button as j, Typography as ye, DialogContent as he, CircularProgress as ve } from "@mui/material";
+import { getEmailInvoiceDetailsSchema as be } from "./index175.js";
+import { Form as ge, FormContent as Ie } from "./index370.js";
+import { getDefaultContact as _e } from "./index371.js";
+import { useIssueReceivableById as Ce } from "./index246.js";
+import { useSendReceivableById as xe } from "./index372.js";
+import { PreviewEmail as Ee } from "./index373.js";
+const Ye = (t) => {
+  const {
+    i18n: n
+  } = R(), {
+    data: a,
+    isLoading: m
+  } = ne(), {
+    data: o,
+    isLoading: b
+  } = se(t.invoiceId), {
+    entityName: s,
+    isLoading: l
+  } = ae(), {
+    data: g,
+    isLoading: i
+  } = oe(o?.counterpart_id), {
+    data: u
+  } = ie(o?.counterpart_id), r = _e(g, u), I = r?.email ?? "", p = r && a ? n._(`Hi {firstName},
+
+          Please find the invoice attached as discussed.
+
+          Kind Regards,
+          {senderName}`, {
+    firstName: r.first_name,
+    senderName: a.first_name
+  }) : n._(`Please find the invoice attached as discussed.
+
+          Kind Regards,
+          {senderName}`, {
+    senderName: a?.first_name ?? ""
+  }), _ = o && s ? o.document_id ? n._("Invoice {documentId} from {entityName}", {
+    documentId: o.document_id,
+    entityName: s
+  }) : n._("Invoice from {entityName}", {
+    entityName: s
+  }) : "";
+  return /* @__PURE__ */ e(te, { children: /* @__PURE__ */ e(Pe, { ...t, to: I, body: p, subject: _, isLoading: i || b || m || l, isIssued: o?.status !== "draft", isOpen: t.isOpen }) });
+}, d = {
+  Edit: "form",
+  Preview: "preview"
+}, Pe = ({
+  invoiceId: t,
+  subject: n,
+  body: a,
+  to: m,
+  isLoading: o,
+  isIssued: b,
+  onClose: s,
+  onSendEmail: l,
+  isOpen: g
+}) => {
+  const {
+    i18n: i
+  } = R(), {
+    api: u,
+    entityId: r
+  } = ee(), {
+    control: I,
+    handleSubmit: p,
+    getValues: _,
+    trigger: A,
+    reset: S
+  } = X({
+    resolver: me(be(i)),
+    defaultValues: Q(() => ({
+      subject: n,
+      body: a,
+      to: m
+    }), [n, a, m])
+  }), {
+    subject: F,
+    body: T
+  } = _();
+  J(() => {
+    S({
+      subject: n,
+      body: a,
+      to: m
+    });
+  }, [a, S, n, m]);
+  const C = xe(t), x = Ce(t), E = u.finops.postPaymentLinks.useMutation({}), {
+    data: P
+  } = u.finops.getEntitiesIdPaymentMethods.useQuery({
+    path: {
+      entity_id: r
+    }
+  }), [f, k] = U(d.Edit), w = `Monite-Form-emailInvoiceDetails-${W()}`, O = Y((L) => {
+    L.preventDefault();
+    const G = E.mutateAsync, H = x.mutateAsync, K = C.mutate;
+    p(async (v) => {
+      const M = P ? P.data.filter(({
+        status: N,
+        direction: q
+      }) => N === "active" && q === "receive") : [];
+      M.length === 0 ? Z.error(i._("You haven't onboarded for any payment method. Invoice is issued without a payment link.")) : (await H(void 0), await G({
+        recipient: {
+          id: r,
+          type: "entity"
+        },
+        payment_methods: M.map((N) => N.type),
+        object: {
+          id: t,
+          type: "receivable"
+        }
+      }));
+      const V = {
+        body_text: v.body,
+        subject_text: v.subject,
+        recipients: v.to ? {
+          to: [v.to]
+        } : void 0
+      };
+      K(V, {
+        onSuccess: () => {
+          l?.(t), s();
+        }
+      });
+    })(L);
+  }, [E.mutateAsync, x.mutateAsync, p, i, t, r, s, l, P, C.mutate]), y = x.isPending || C.isPending || E.isPending, B = "Monite-EmailInvoiceDetails", h = f == d.Preview;
+  return /* @__PURE__ */ c(ue, { open: g, fullScreen: !0, onClose: s, children: [
+    /* @__PURE__ */ e(pe, { className: B + "-Title", children: /* @__PURE__ */ e(fe, { children: /* @__PURE__ */ c(D, { container: !0, children: [
+      /* @__PURE__ */ e(D, { item: !0, xs: 6, children: /* @__PURE__ */ c($, { direction: "row", alignItems: "center", spacing: 2, children: [
+        f == d.Edit && /* @__PURE__ */ c(z, { children: [
+          /* @__PURE__ */ e(j, { variant: "text", color: "primary", onClick: s, startIcon: /* @__PURE__ */ e(ce, {}), disabled: y, "data-testid": "back-button", children: i._("Back") }),
+          /* @__PURE__ */ e(ye, { variant: "h3", children: i._("Compose email") })
+        ] }),
+        h && /* @__PURE__ */ e(de, { edge: "start", color: "inherit", onClick: () => {
+          k(d.Edit);
+        }, "aria-label": i._("Back to edit"), "data-testid": "close-preview-button", children: /* @__PURE__ */ e(le, {}) })
+      ] }) }),
+      /* @__PURE__ */ e(D, { item: !0, xs: 6, children: /* @__PURE__ */ c($, { direction: "row", alignItems: "center", justifyContent: "end", spacing: 2, children: [
+        f == d.Edit && /* @__PURE__ */ e(j, { variant: "outlined", color: "primary", type: "button", form: w, disabled: y || o, onClick: async () => {
+          await A() && k(d.Preview);
+        }, "data-testid": "preview-button", children: i._("Preview email") }),
+        /* @__PURE__ */ e(j, { variant: "contained", color: "primary", type: "submit", form: w, disabled: y || o, "data-testid": "issue-and-send-button", children: b ? i._("Send") : i._("Issue and Send") })
+      ] }) })
+    ] }) }) }),
+    /* @__PURE__ */ e(he, { className: B + "-Content", sx: {
+      mt: h ? 0 : 4,
+      p: h ? 0 : "0 32px 32px 32px",
+      height: "100%",
+      width: "100%",
+      display: "flex",
+      flexDirection: "column"
+    }, children: /* @__PURE__ */ c(ge, { formName: w, handleIssueAndSend: O, style: {
+      display: "flex",
+      flexDirection: "column",
+      flex: 1,
+      minHeight: 0,
+      width: "100%"
+    }, children: [
+      o ? /* @__PURE__ */ e(re, { className: "Monite-LoadingPage", children: /* @__PURE__ */ e(ve, {}) }) : f == d.Edit && /* @__PURE__ */ e(Ie, { invoiceId: t, control: I, isDisabled: y }),
+      h && /* @__PURE__ */ e(Ee, { invoiceId: t, body: T, subject: F })
+    ] }) })
+  ] });
+};
 export {
-  m as Tooltip,
-  f as TooltipContent,
-  s as TooltipProvider,
-  p as TooltipTrigger
+  Ye as EmailInvoiceDetails,
+  Pe as EmailInvoiceDetailsBase
 };

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

@@ -1,56 +1,14 @@
-import "@mui/icons-material/BlockOutlined";
-import "@mui/icons-material/Cancel";
-import "@mui/icons-material/CheckOutlined";
-import "@mui/icons-material/DangerousOutlined";
-import "@mui/icons-material/DeleteForever";
-import "@mui/icons-material/ErrorOutlineOutlined";
-import "@mui/icons-material/HourglassBottomOutlined";
-import "@mui/icons-material/InsertDriveFileOutlined";
-import "@mui/icons-material/PaidOutlined";
-import "@mui/icons-material/ReplayOutlined";
-import "@mui/icons-material/SendOutlined";
-import "@mui/icons-material/StarHalfOutlined";
-import { Check as r, Ban as t, Pause as a, ChevronsRight as o, Clock as e, PenTool as c, CalendarX2 as s, Play as d, CircleOff as i, Trash2 as n, CopyPlus as l, Mail as u, ClipboardCheck as m, Send as p, FileCheck as C, Pencil as T } from "lucide-react";
-const U = "INV-auto", k = {
-  edit: T,
-  // Issue = issue only (no email); the Mail/Send icon is reserved for the
-  // actions that actually email the customer.
-  issue: C,
-  issueAndSend: p,
-  recordPayment: m,
-  send: u,
-  clone: l,
-  cancel: t,
-  delete: n,
-  markUncollectible: i,
-  pauseRecurrence: a,
-  resumeRecurrence: d,
-  cancelRecurrence: s
-}, x = {
-  draft: c,
-  issuing: e,
-  issued: e,
-  partially_paid: e,
-  paid: r,
-  overdue: e,
-  canceled: t
-}, b = {
-  active: o,
-  paused: a,
-  canceled: t,
-  completed: r
-}, v = {
-  default: "ttw:text-foreground",
-  danger: "ttw:text-red-600",
-  success: "ttw:text-emerald-600",
-  muted: "ttw:text-muted-foreground"
-}, y = "ttw:bg-muted ttw:text-muted-foreground ttw:hover:bg-accent", D = 500;
+import { jsxs as a, jsx as t } from "@emotion/react/jsx-runtime";
+import { Typography as e } from "./index85.js";
+function i({
+  label: r,
+  value: o
+}) {
+  return /* @__PURE__ */ a("div", { className: "ttw:flex ttw:gap-4 ttw:border-b ttw:border-border ttw:py-3 ttw:last:border-b-0", children: [
+    /* @__PURE__ */ t(e, { component: "span", variant: "body2", color: "muted", className: "ttw:w-40 ttw:shrink-0", children: r }),
+    /* @__PURE__ */ t(e, { component: "span", variant: "body2", className: "ttw:whitespace-pre-line", children: o })
+  ] });
+}
 export {
-  k as ACTION_ICON,
-  D as HEADER_TOOLTIP_DELAY,
-  U as INVOICE_DOCUMENT_AUTO_ID,
-  b as RECURRENCE_STATUS_ICON,
-  x as STATUS_ICON,
-  v as amountValueToneClass,
-  y as headerIconButtonClass
+  i as InvoiceDetailsInfoRow
 };

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

@@ -1,348 +1,21 @@
-import { getCountries as Q } from "./index93.js";
-import "date-fns";
-import { rateMinorToMajor as W } from "./index200.js";
-import { getDaysOverdue as Y } from "./index382.js";
-import { formatReminderSchedule as z } from "./index383.js";
-const G = (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 "";
-  }
-}, H = (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 "";
-  }
-}, J = ["issued", "overdue", "partially_paid", "paid", "uncollectible"], V = {
-  // 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 re(e, r, k, {
-  i18n: a,
-  formatCurrencyToDisplay: L,
-  locale: D
-}, P = !1, b = {}) {
-  const R = e.currency, n = (t) => L(t ?? 0, R) ?? "", c = (t) => t ? a.date(t, D.dateFormat) : "-", u = e.status, y = u === "canceled", d = u === "overdue", f = e.tax_mode === "inclusive", x = !!e.recurrence_id || u === "recurring", i = u === "recurring" && !!r, T = !!e.recurrence_id && u !== "recurring", h = d ? Y(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, $ = o?.country ? Q(a)[o.country] : void 0, A = [o?.city, [o?.state, o?.postal_code].filter(Boolean).join(" ")].filter(Boolean).join(", "), w = o?.line1 ? [`${o.line1}${o.line2 ? ` ${o.line2}` : ""}`, A, $].filter(Boolean).join(", ") : void 0, _ = [];
-  m?.email && _.push({
-    label: a._("Email"),
-    value: m.email
-  }), m?.phone && _.push({
-    label: a._("Phone"),
-    value: m.phone
-  }), w && _.push({
-    label: a._("Address"),
-    value: w
-  });
-  const C = !!(e.payment_reminder_id || e.overdue_reminder_id), g = z(b.paymentReminder, b.overdueReminder, a, C), O = 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: g
-  }, {
-    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: g
-    },
-    ...e.purchase_order ? [{
-      label: a._("PO number"),
-      value: e.purchase_order
-    }] : []
-  ], B = (e.line_items ?? []).map((t, U) => {
-    const F = f ? t?.product?.price_after_tax?.value : t?.product?.price?.value, N = f ? t?.total_after_tax : t?.total_before_tax ?? (t?.product?.price?.value ?? 0) * (t?.quantity ?? 0);
-    return {
-      id: `${t?.product?.id ?? "item"}-${U}`,
-      name: t?.product?.name ?? "",
-      quantityLabel: String(t?.quantity ?? 0),
-      unitPriceLabel: n(F),
-      totalLabel: n(N)
-    };
-  }), S = [{
-    label: a._("Subtotal"),
-    value: n(e.subtotal)
-  }, ...(e.total_tax_amounts ?? []).map((t) => ({
-    label: a._("Tax ({rate}%)", {
-      rate: W(t?.value ?? 0)
-    }),
-    value: n(t?.amount)
-  })), {
-    label: a._("Total"),
-    value: n(e.total_amount),
-    emphasis: !0
-  }], j = J.includes(u) ? {
-    rows: k.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: P
-  } : void 0, E = i && r ? {
-    status: r.status,
-    amountLabel: n(e.total_amount),
-    amountPeriodLabel: H(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, M = T && r ? {
-    title: a._("{name} - {frequency}", {
-      name: e.counterpart_name ?? a._("Invoice"),
-      frequency: v(a, r.frequency)
-    }),
-    invoiceId: r.invoice_id
-  } : void 0, q = V[u] ?? {
-    primary: [],
-    overflow: ["clone"]
-  };
-  let p = q.overflow;
-  if (i && r)
-    switch (r.status) {
-      case "active":
-        p = ["pauseRecurrence", "cancelRecurrence"];
-        break;
-      case "paused":
-        p = ["resumeRecurrence", "cancelRecurrence"];
-        break;
-      default:
-        p = [];
-    }
-  const I = e.counterpart_name ?? a._("Invoice");
-  return {
-    // Series master reads "{customer} - {frequency}"; everything else is the
-    // customer name.
-    title: i && r ? a._("{name} - {frequency}", {
-      name: I,
-      frequency: v(a, r.frequency)
-    }) : I,
-    status: u,
-    statusLabel: G(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 && h > 0 ? a._("{days} days overdue", {
-      days: h
-    }) : 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(y ? e.updated_at : e.due_date),
-    dueDateCaption: y ? a._("Cancelled on") : a._("Due date"),
-    paymentHistory: j,
-    customerContact: _,
-    recurringSeries: E,
-    seriesLink: M,
-    billingItems: O,
-    lineItems: B,
-    lineItemTotals: S,
-    // 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: q.primary,
-    overflowActions: p
-  };
+import { jsxs as i, jsx as t } from "@emotion/react/jsx-runtime";
+import { Typography as r } from "./index85.js";
+import { ChevronRight as s } from "lucide-react";
+function d({
+  label: e,
+  name: o,
+  onOpenCounterpart: n
+}) {
+  const a = "ttw:flex ttw:items-center ttw:gap-4 ttw:border-b ttw:border-border ttw:py-3 ttw:last:border-b-0";
+  return n ? /* @__PURE__ */ i("button", { type: "button", onClick: n, "aria-haspopup": "dialog", className: `ttw:group ttw:w-full ttw:cursor-pointer ttw:rounded-sm ttw:text-left ttw:outline-none ttw:focus-visible:ring-ring/50 ttw:focus-visible:ring-[3px] ${a}`, children: [
+    /* @__PURE__ */ t(r, { component: "span", variant: "body2", color: "muted", className: "ttw:w-40 ttw:shrink-0", children: e }),
+    /* @__PURE__ */ t(r, { component: "span", variant: "body2", color: "primary", className: "ttw:underline-offset-4 ttw:group-hover:underline", children: o }),
+    /* @__PURE__ */ t(s, { className: "ttw:ml-auto ttw:size-4 ttw:shrink-0 ttw:text-muted-foreground", "aria-hidden": "true" })
+  ] }) : /* @__PURE__ */ i("div", { className: a, children: [
+    /* @__PURE__ */ t(r, { component: "span", variant: "body2", color: "muted", className: "ttw:w-40 ttw:shrink-0", children: e }),
+    /* @__PURE__ */ t(r, { component: "span", variant: "body2", children: o })
+  ] });
 }
 export {
-  re as buildInvoiceDetailsView
+  d as InvoiceDetailsCustomerRow
 };