npm - @tesouro/embedded-components-react - Versions diffs - 0.2.45 → 0.2.48 - Mend

@tesouro/embedded-components-react 0.2.45 → 0.2.48

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (446) hide show

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index208.js CHANGED Viewed

@@ -1,52 +1,396 @@
-import { jsxs as a, jsx as e } from "@emotion/react/jsx-runtime";
-import { Typography as i } from "./index87.js";
-import { useLingui as w } from "@lingui/react";
-import { useFormContext as f, Controller as s } from "react-hook-form";
-import { Field as d, FieldContent as c, FieldLabel as m, FieldDescription as h, FieldError as p } from "./index155.js";
-import { Textarea as u } from "./index120.js";
-const _ = ({
-  disabled: n
+import { jsx as e, jsxs as r, Fragment as se } from "@emotion/react/jsx-runtime";
+import { MoniteScopedProviders as ke } from "./index85.js";
+import { useMoniteContext as Ae } from "./index59.js";
+import { useCurrencies as Oe } from "./index60.js";
+import { useState as m, useMemo as Me, useCallback as C } from "react";
+import "./index94.js";
+import { useLingui as Be } from "@lingui/react";
+import "react-dom";
+import "@mui/x-data-grid";
+import { useComponentSettings as ze } from "./index69.js";
+import { useGetReceivableById as je } from "./index84.js";
+import { useUserPermissions as Ee } from "./index137.js";
+import "../../shared/data-access/dist/lib/rest/client/utils.gen.js";
+import "../../shared/data-access/dist/lib/EmbedApiContext.js";
+import "../../shared/data-access/dist/lib/rest/client.gen.js";
+import "@tanstack/react-query";
+import "../../shared/data-access/dist/lib/rest/zod.gen.js";
+import { Scope as R } from "../../shared/data-access/dist/lib/scopes.js";
+import { AccessRestriction as Fe } from "./index138.js";
+import { Accordion as He, AccordionItem as D, AccordionTrigger as L, AccordionContent as T } from "./index252.js";
+import { Badge as ce } from "./index253.js";
+import { Button as $ } from "./index86.js";
+import { DialogTitle as v } from "./index189.js";
+import { Sheet as Ue, SheetContent as Ge, SheetDescription as Ve, SheetHeader as qe, SheetTitle as We } from "./index139.js";
+import { TooltipProvider as Ye, Tooltip as de, TooltipTrigger as me, TooltipContent as ue } from "./index254.js";
+import { Typography as o } from "./index87.js";
+import { cn as P } from "./index102.js";
+import { LoadingSpinner as pe } from "./index140.js";
+import { NotFound as we } from "./index156.js";
+import { ChevronLeft as Je, Eye as Ke, Repeat as ve, CircleAlert as Qe } from "lucide-react";
+import { toast as fe } from "react-hot-toast";
+import { headerIconButtonClass as f, STATUS_ICON as Xe, HEADER_TOOLTIP_DELAY as Ze, amountValueToneClass as et, ACTION_ICON as tt } from "./index255.js";
+import { buildInvoiceDetailsView as rt } from "./index256.js";
+import { preventTooltipFocusOpen as he } from "./index257.js";
+import { useDuplicateInvoice as nt } from "./index258.js";
+import { useGetOverdueReminderById as it } from "./index259.js";
+import { useGetPaymentRecords as at } from "./index260.js";
+import { useGetPaymentReminderById as ot } from "./index261.js";
+import { useGetRecurrenceById as lt } from "./index182.js";
+import { useGetReceivablePDFById as st } from "./index262.js";
+import { useIssueReceivableById as ct } from "./index263.js";
+import { usePauseRecurrence as dt } from "./index264.js";
+import { useResumeRecurrence as mt } from "./index265.js";
+import { InvoiceDetailsAmountCell as ut } from "./index266.js";
+import { InvoiceDetailsCloseButton as be } from "./index267.js";
+import { EditInvoiceDetails as pt } from "./index180.js";
+import { EmailInvoiceDetails as wt } from "./index181.js";
+import { InvoiceDetailsInfoRow as ye } from "./index268.js";
+import { InvoiceDetailsCustomerRow as vt } from "./index269.js";
+import { CounterpartDetails as ft } from "./index2.js";
+import { InvoiceCancelModal as ht } from "./index270.js";
+import { InvoiceDeleteModal as bt } from "./index271.js";
+import { InvoiceDetailsTabScheduledInvoices as yt } from "./index187.js";
+import { InvoiceRecurrenceStatusChip as gt } from "./index170.js";
+import { InvoiceStatusChip as xt } from "./index57.js";
+import { MarkAsUncollectibleModal as Nt } from "./index272.js";
+import { InvoiceDetailsOverflowMenu as _t } from "./index273.js";
+import { RecordManualPaymentModal as It } from "./index274.js";
+import { RecurrenceCancelModal as Ct } from "./index275.js";
+const Sr = (c) => /* @__PURE__ */ e(ke, { children: /* @__PURE__ */ e(Rt, { ...c }) }), Rt = ({
+  invoiceId: c,
+  open: ge,
+  onCloseInvoiceDetails: p,
+  onDuplicate: xe,
+  openInvoiceDetails: h
 }) => {
   const {
     i18n: t
-  } = w(), {
-    control: l
-  } = f();
-  return /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-col ttw:p-6 ttw:gap-2.5 ttw:border ttw:border-border ttw:rounded-xl", children: [
-    /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-col ttw:gap-2.5 ttw:pb-4", children: [
-      /* @__PURE__ */ e(i, { variant: "h4", children: t._("Notes") }),
-      /* @__PURE__ */ e(i, { variant: "body2", color: "muted", className: "ttw:font-medium", children: t._("Provide additional information for your customer.") })
-    ] }),
-    /* @__PURE__ */ e(s, { name: "memo", control: l, render: ({
-      field: r,
-      fieldState: {
-        error: o
-      }
-    }) => /* @__PURE__ */ e(d, { children: /* @__PURE__ */ a(c, { children: [
-      /* @__PURE__ */ a(m, { htmlFor: r.name, className: "ttw:text-nowrap", children: [
-        t._("Opening note to the customer"),
-        /* @__PURE__ */ e(i, { variant: "body2", color: "muted", className: "ttw:leading-snug", children: t._("(optional)") })
+  } = Be(), {
+    locale: S
+  } = Ae(), {
+    formatCurrencyToDisplay: k
+  } = Oe(), {
+    receivablesCallbacks: A
+  } = ze(), {
+    data: a,
+    isLoading: O
+  } = je(c, !0), {
+    data: Ne
+  } = st(c, a?.type === "invoice"), M = Ne?.file_url, {
+    data: u,
+    isLoading: B
+  } = lt(a?.type === "invoice" ? a?.recurrence_id : void 0), {
+    data: z,
+    isLoading: j
+  } = at(a?.id), {
+    data: E
+  } = ot(a?.type === "invoice" ? a?.payment_reminder_id : void 0), {
+    data: F
+  } = it(a?.type === "invoice" ? a?.overdue_reminder_id : void 0), [b, y] = m(!1), [g, x] = m(!1), [H, U] = m(!1), [G, V] = m(!1), [q, W] = m(!1), [Y, J] = m(!1), [K, Q] = m(!1), N = Ee(), X = N.has(R.InvoiceReadOrg), Z = N.has(R.InvoiceWriteOrg), ee = N.has(R.CounterpartReadOrg), {
+    mutateAsync: te,
+    isPending: _e
+  } = ct(c), {
+    mutate: re,
+    isPending: Ie
+  } = nt(xe), {
+    mutate: ne,
+    isPending: Ce
+  } = dt(u?.id ?? "", c), {
+    mutate: ie,
+    isPending: Re
+  } = mt(u?.id ?? "", c), De = ge && !b && !g, Le = X && !O && !B && !!a && a.type === "invoice", n = Me(() => {
+    if (!(!a || a.type !== "invoice"))
+      return rt(a, u, z?.data ?? [], {
+        i18n: t,
+        formatCurrencyToDisplay: k,
+        locale: S
+      }, j, {
+        paymentReminder: E,
+        overdueReminder: F
+      });
+  }, [a, u, z, j, E, F, t, k, S]), _ = (s) => {
+    switch (s) {
+      case "edit":
+        return t._("Edit");
+      case "issue":
+        return t._("Issue");
+      case "issueAndSend":
+        return t._("Issue and send");
+      case "recordPayment":
+        return t._("Record payment");
+      case "send":
+        return t._("Resend to customer");
+      case "clone":
+        return t._("Duplicate");
+      case "cancel":
+        return t._("Cancel invoice");
+      case "delete":
+        return t._("Delete");
+      case "markUncollectible":
+        return t._("Mark as uncollectible");
+      case "pauseRecurrence":
+        return t._("Pause series");
+      case "resumeRecurrence":
+        return t._("Resume series");
+      case "cancelRecurrence":
+        return t._("Cancel series");
+    }
+  }, l = C((s) => {
+    Z ? s() : fe.error(t._("You don't have permission to update this document. Please, contact your system administrator for details."));
+  }, [Z, t]), ae = C(async () => {
+    try {
+      await te();
+    } catch {
+      fe.error(t._("Something went wrong while issuing the invoice."));
+    }
+  }, [te, t]), oe = C((s) => {
+    switch (s) {
+      case "edit":
+        return l(() => y(!0));
+      case "issue":
+        return l(ae);
+      case "issueAndSend":
+        return l(() => x(!0));
+      case "send":
+        return l(() => x(!0));
+      case "clone":
+        return l(() => re({
+          path: {
+            receivable_id: c
+          }
+        }));
+      case "cancel":
+        return l(() => U(!0));
+      case "delete":
+        return l(() => V(!0));
+      case "markUncollectible":
+        return l(() => W(!0));
+      case "pauseRecurrence":
+        return l(() => ne(void 0));
+      case "resumeRecurrence":
+        return l(() => ie(void 0));
+      case "cancelRecurrence":
+        return l(() => J(!0));
+      case "recordPayment":
+        return;
+    }
+  }, [l, ae, re, c, ne, ie]), Te = () => {
+    if (O || B)
+      return /* @__PURE__ */ r("div", { className: "ttw:flex ttw:w-full ttw:items-center ttw:justify-center ttw:h-full", children: [
+        /* @__PURE__ */ e(v, { hidden: !0, children: t._("Loading invoice details") }),
+        /* @__PURE__ */ e(pe, {})
+      ] });
+    if (!X)
+      return /* @__PURE__ */ r("div", { className: "ttw:w-3/4 ttw:m-auto", children: [
+        /* @__PURE__ */ e(v, { hidden: !0, children: t._("Access restricted") }),
+        /* @__PURE__ */ e(Fe, {})
+      ] });
+    if (a && a.type !== "invoice")
+      return /* @__PURE__ */ r("div", { className: "ttw:w-3/4 ttw:m-auto", children: [
+        /* @__PURE__ */ e(v, { hidden: !0, children: t._("Receivable type not supported") }),
+        /* @__PURE__ */ e(we, { title: t._("Receivable type not supported"), description: t._("Receivable type {type} is not supported. Only invoice is supported.", {
+          type: a.type
+        }) })
+      ] });
+    if (!a || !n)
+      return /* @__PURE__ */ r("div", { className: "ttw:w-3/4 ttw:m-auto", children: [
+        /* @__PURE__ */ e(v, { hidden: !0, children: t._("Invoice not found") }),
+        /* @__PURE__ */ e(we, { title: t._("Invoice not found"), description: t._("There is no invoice for the provided id: {invoiceId}", {
+          invoiceId: c
+        }) })
+      ] });
+    const s = Xe[n.status], $e = n.amountTone === "danger", d = n.recurringSeries, w = !!d, I = a.counterpart_name, Pe = a.counterpart_id && ee ? () => Q(!0) : void 0;
+    return /* @__PURE__ */ r(se, { children: [
+      n.seriesLink ? /* @__PURE__ */ e("div", { className: "ttw:border-b ttw:border-border ttw:px-6 ttw:py-3", children: /* @__PURE__ */ r("button", { type: "button", onClick: () => n.seriesLink && h?.(n.seriesLink.invoiceId), className: "ttw:flex ttw:items-center ttw:gap-1 ttw:text-sm ttw:text-primary ttw:hover:underline", children: [
+        /* @__PURE__ */ e(Je, { className: "ttw:size-4", "aria-hidden": "true" }),
+        t._("Back to {title} recurring series", {
+          title: n.seriesLink.title
+        })
+      ] }) }) : null,
+      /* @__PURE__ */ r(qe, { className: "ttw:flex ttw:flex-row ttw:items-start ttw:justify-between ttw:gap-2 ttw:space-y-0 ttw:px-6 ttw:py-4", children: [
+        /* @__PURE__ */ r("div", { className: "ttw:flex ttw:flex-col ttw:gap-0.5", children: [
+          /* @__PURE__ */ e(We, { className: "ttw:text-xl ttw:font-semibold ttw:text-foreground", children: n.title }),
+          n.subtitle ? /* @__PURE__ */ e(o, { variant: "body2", color: "muted", children: n.subtitle }) : null
+        ] }),
+        /* @__PURE__ */ e(Ye, { delayDuration: Ze, children: /* @__PURE__ */ r("div", { className: "ttw:flex ttw:items-center ttw:gap-1.5", children: [
+          M ? /* @__PURE__ */ r(de, { children: [
+            /* @__PURE__ */ e(me, { asChild: !0, onFocus: he, children: /* @__PURE__ */ e($, { asChild: !0, variant: "ghost", size: "icon", className: f, children: /* @__PURE__ */ e("a", { href: M, target: "_blank", rel: "noreferrer", "aria-label": t._("View PDF"), children: /* @__PURE__ */ e(Ke, { className: "ttw:size-4" }) }) }) }),
+            /* @__PURE__ */ e(ue, { children: t._("View PDF") })
+          ] }) : null,
+          n.overflowActions.length > 0 ? /* @__PURE__ */ e(_t, { actions: n.overflowActions, triggerLabel: t._("More actions"), getActionLabel: _, onSelect: oe, isActionDisabled: (i) => i === "clone" && Ie || i === "pauseRecurrence" && Ce || i === "resumeRecurrence" && Re, className: f }) : null,
+          /* @__PURE__ */ r(de, { children: [
+            /* @__PURE__ */ e(me, { asChild: !0, onFocus: he, children: /* @__PURE__ */ e(be, { label: t._("Close"), onClose: p, className: f }) }),
+            /* @__PURE__ */ e(ue, { children: t._("Close") })
+          ] })
+        ] }) })
       ] }),
-      /* @__PURE__ */ e(u, { ...r, id: r.name, disabled: n, placeholder: t._("e.g., As discussed on our call, please find the attached invoice."), className: "ttw:h-26 ttw:resize-none", "aria-invalid": !!o }),
-      /* @__PURE__ */ e(h, { children: t._("Appears above your line items. Use it to reference a discussion, agreement, or project.") }),
-      /* @__PURE__ */ e(p, { errors: o ? [o] : [] })
-    ] }) }) }),
-    /* @__PURE__ */ e(s, { name: "footer", control: l, render: ({
-      field: r,
-      fieldState: {
-        error: o
-      }
-    }) => /* @__PURE__ */ e(d, { children: /* @__PURE__ */ a(c, { children: [
-      /* @__PURE__ */ a(m, { htmlFor: r.name, className: "ttw:text-nowrap", children: [
-        t._("Closing note to the customer"),
-        /* @__PURE__ */ e(i, { variant: "body2", color: "muted", className: "ttw:leading-snug", children: t._("(optional)") })
-      ] }),
-      /* @__PURE__ */ e(u, { ...r, id: r.name, disabled: n, placeholder: t._("e.g., Thank you for your business!"), className: "ttw:h-26 ttw:resize-none", "aria-invalid": !!o }),
-      /* @__PURE__ */ e(h, { children: t._("Appears below your line items. Commonly used for thank you messages or payment instructions.") }),
-      /* @__PURE__ */ e(p, { errors: o ? [o] : [] })
-    ] }) }) })
+      /* @__PURE__ */ r("div", { className: "ttw:flex ttw:flex-col", children: [
+        /* @__PURE__ */ e("div", { className: "ttw:px-6", children: w && d ? (
+          // Recurring series master: recurring amount + series status +
+          // start/end, in place of the per-invoice amount rows. The card
+          // takes a violet tint (vs the neutral invoice card) to signal a
+          // recurrence, matching the Recurring badge.
+          /* @__PURE__ */ r("div", { className: "ttw:flex ttw:flex-col ttw:gap-3 ttw:rounded-lg ttw:bg-violet-50 ttw:p-4", children: [
+            /* @__PURE__ */ r("div", { className: "ttw:flex ttw:flex-col ttw:gap-0.5", children: [
+              /* @__PURE__ */ e(o, { variant: "caption", color: "muted", children: t._("Recurring amount") }),
+              /* @__PURE__ */ r("div", { className: "ttw:flex ttw:items-baseline ttw:gap-1.5", children: [
+                /* @__PURE__ */ e(o, { component: "span", variant: "h3", className: et[n.amountTone], children: d.amountLabel }),
+                /* @__PURE__ */ e(o, { component: "span", variant: "body2", color: "muted", children: d.amountPeriodLabel })
+              ] })
+            ] }),
+            /* @__PURE__ */ r("div", { className: "ttw:flex ttw:items-center ttw:gap-2", children: [
+              /* @__PURE__ */ r(ce, { variant: "outline", className: "ttw:gap-1 ttw:border-violet-200 ttw:bg-violet-50 ttw:text-violet-700", children: [
+                /* @__PURE__ */ e(ve, { className: "ttw:size-3" }),
+                t._("Recurring")
+              ] }),
+              /* @__PURE__ */ e(gt, { status: d.status, showIcon: !0 })
+            ] }),
+            /* @__PURE__ */ r("div", { className: "ttw:flex ttw:gap-12", children: [
+              /* @__PURE__ */ r("div", { className: "ttw:flex ttw:flex-col ttw:gap-0.5", children: [
+                /* @__PURE__ */ e(o, { variant: "caption", color: "muted", children: t._("Starts on") }),
+                /* @__PURE__ */ e(o, { component: "span", variant: "body2", children: d.startsOnLabel })
+              ] }),
+              /* @__PURE__ */ r("div", { className: "ttw:flex ttw:flex-col ttw:gap-0.5", children: [
+                /* @__PURE__ */ e(o, { variant: "caption", color: "muted", children: t._("Ends on") }),
+                /* @__PURE__ */ e(o, { component: "span", variant: "body2", children: d.endsOnLabel })
+              ] })
+            ] })
+          ] })
+        ) : /* @__PURE__ */ r("div", { className: P("ttw:flex ttw:flex-col ttw:gap-3 ttw:rounded-lg ttw:bg-muted ttw:p-4", $e && "ttw:border ttw:border-red-200"), children: [
+          /* @__PURE__ */ e("div", { className: "ttw:flex ttw:flex-row ttw:flex-wrap ttw:gap-x-12 ttw:gap-y-2", children: n.amountRows.map((i) => /* @__PURE__ */ e(ut, { row: i, defaultTone: n.amountTone }, i.label)) }),
+          /* @__PURE__ */ r("div", { className: "ttw:flex ttw:items-center ttw:gap-2", children: [
+            n.overdueLabel ? /* @__PURE__ */ r("span", { className: "ttw:inline-flex ttw:items-center ttw:gap-1 ttw:rounded-full ttw:bg-red-100 ttw:px-2.5 ttw:py-0.5 ttw:text-xs ttw:font-medium ttw:text-red-700", children: [
+              /* @__PURE__ */ e(Qe, { className: "ttw:size-3" }),
+              n.overdueLabel
+            ] }) : /* @__PURE__ */ e(xt, { status: n.status, variant: "outline", label: n.statusLabel, icon: s ? /* @__PURE__ */ e(s, { className: "ttw:size-3" }) : void 0 }),
+            n.recurring ? /* @__PURE__ */ r(ce, { variant: "outline", className: "ttw:gap-1 ttw:border-violet-200 ttw:bg-violet-50 ttw:text-violet-700", children: [
+              /* @__PURE__ */ e(ve, { className: "ttw:size-3" }),
+              t._("Recurring")
+            ] }) : null
+          ] }),
+          /* @__PURE__ */ r("div", { className: "ttw:flex ttw:gap-12", children: [
+            /* @__PURE__ */ r("div", { className: "ttw:flex ttw:flex-col ttw:gap-0.5", children: [
+              /* @__PURE__ */ e(o, { variant: "caption", color: "muted", children: t._("Invoice date") }),
+              /* @__PURE__ */ e(o, { component: "span", variant: "body2", children: n.invoiceDateLabel })
+            ] }),
+            /* @__PURE__ */ r("div", { className: "ttw:flex ttw:flex-col ttw:gap-0.5", children: [
+              /* @__PURE__ */ e(o, { variant: "caption", color: "muted", children: n.dueDateCaption }),
+              /* @__PURE__ */ e(o, { component: "span", variant: "body2", children: n.dueDateLabel })
+            ] })
+          ] }),
+          n.primaryActions.length > 0 ? /* @__PURE__ */ e("div", { className: "ttw:flex ttw:items-center ttw:gap-2 ttw:border-t ttw:border-border ttw:pt-3", children: n.primaryActions.map((i) => {
+            const le = tt[i];
+            return i === "recordPayment" && a.type === "invoice" ? /* @__PURE__ */ e(It, { invoice: a, children: ({
+              openModal: Se
+            }) => /* @__PURE__ */ r($, { type: "button", size: "sm", variant: "default", onClick: () => l(Se), children: [
+              /* @__PURE__ */ e(le, { className: "ttw:size-4" }),
+              _(i)
+            ] }) }, i) : /* @__PURE__ */ r($, { type: "button", size: "sm", variant: "default", disabled: i === "issue" && _e, onClick: () => oe(i), children: [
+              /* @__PURE__ */ e(le, { className: "ttw:size-4" }),
+              _(i)
+            ] }, i);
+          }) }) : null
+        ] }) }),
+        /* @__PURE__ */ r("div", { className: "ttw:px-6", children: [
+          n.paymentHistory ? /* @__PURE__ */ r("section", { "aria-label": t._("Payment history"), className: "ttw:border-b ttw:border-border ttw:py-4", children: [
+            /* @__PURE__ */ e(o, { component: "h3", variant: "body2", className: "ttw:mb-3 ttw:font-medium", children: t._("Payment history") }),
+            n.paymentHistory.loading ? /* @__PURE__ */ e("div", { className: "ttw:flex ttw:py-2", children: /* @__PURE__ */ e(pe, { className: "ttw:h-5 ttw:w-5 ttw:border-2" }) }) : n.paymentHistory.rows.length === 0 ? /* @__PURE__ */ e(o, { variant: "body2", className: n.paymentHistory.emptyTone === "danger" ? "ttw:text-red-600" : "ttw:text-muted-foreground", children: t._("You've received no payments yet.") }) : /* @__PURE__ */ r("div", { className: "ttw:flex ttw:flex-col", children: [
+              n.paymentHistory.rows.map((i) => /* @__PURE__ */ r("div", { className: "ttw:flex ttw:justify-between ttw:border-b ttw:border-border ttw:py-2", children: [
+                /* @__PURE__ */ e(o, { component: "span", variant: "body2", children: i.dateLabel }),
+                /* @__PURE__ */ e(o, { component: "span", variant: "body2", children: i.amountLabel })
+              ] }, i.id)),
+              /* @__PURE__ */ r("div", { className: "ttw:flex ttw:justify-between ttw:py-2 ttw:font-medium", children: [
+                /* @__PURE__ */ e(o, { component: "span", variant: "body2", children: t._("Total received") }),
+                /* @__PURE__ */ e(o, { component: "span", variant: "body2", children: n.paymentHistory.totalLabel })
+              ] })
+            ] })
+          ] }) : null,
+          I || n.customerContact.length > 0 ? /* @__PURE__ */ r("section", { "aria-label": t._("Customer details"), className: "ttw:border-b ttw:border-border ttw:py-4", children: [
+            /* @__PURE__ */ e(o, { component: "h3", variant: "body2", className: "ttw:mb-3 ttw:font-medium", children: t._("Customer details") }),
+            /* @__PURE__ */ r("div", { className: "ttw:flex ttw:flex-col", children: [
+              I ? /* @__PURE__ */ e(vt, { label: t._("Name"), name: I, onOpenCounterpart: Pe }) : null,
+              n.customerContact.map((i) => /* @__PURE__ */ e(ye, { ...i }, i.label))
+            ] })
+          ] }) : null,
+          /* @__PURE__ */ r(He, { type: "multiple", className: "ttw:w-full", children: [
+            /* @__PURE__ */ r(D, { value: "billing", children: [
+              /* @__PURE__ */ e(L, { children: t._("Billing details") }),
+              /* @__PURE__ */ e(T, { children: /* @__PURE__ */ r("div", { className: "ttw:flex ttw:flex-col", children: [
+                n.billingItems.map((i) => /* @__PURE__ */ e(ye, { ...i }, i.label)),
+                n.seriesLink ? /* @__PURE__ */ r("div", { className: "ttw:flex ttw:gap-4 ttw:border-b ttw:border-border ttw:py-3 ttw:last:border-b-0", children: [
+                  /* @__PURE__ */ e(o, { component: "span", variant: "body2", color: "muted", className: "ttw:w-40 ttw:shrink-0", children: t._("Recurring series") }),
+                  /* @__PURE__ */ e("button", { type: "button", onClick: () => n.seriesLink && h?.(n.seriesLink.invoiceId), className: "ttw:text-left ttw:text-primary ttw:hover:underline", children: n.seriesLink.title })
+                ] }) : null
+              ] }) })
+            ] }),
+            w ? null : /* @__PURE__ */ r(D, { value: "line-items", children: [
+              /* @__PURE__ */ e(L, { children: t._("Line items") }),
+              /* @__PURE__ */ e(T, { children: /* @__PURE__ */ r("div", { className: "ttw:flex ttw:flex-col", children: [
+                n.lineItems.length === 0 ? /* @__PURE__ */ e(o, { variant: "body2", color: "muted", className: "ttw:py-3", children: t._("No line items.") }) : n.lineItems.map((i) => /* @__PURE__ */ r("div", { className: "ttw:flex ttw:items-start ttw:justify-between ttw:border-b ttw:border-border ttw:py-3", children: [
+                  /* @__PURE__ */ r("div", { className: "ttw:flex ttw:flex-col", children: [
+                    /* @__PURE__ */ e(o, { component: "span", variant: "body2", className: "ttw:font-medium", children: i.name }),
+                    /* @__PURE__ */ e(o, { component: "span", variant: "body2", color: "muted", children: t._("{quantity} x {price} ea", {
+                      quantity: i.quantityLabel,
+                      price: i.unitPriceLabel
+                    }) })
+                  ] }),
+                  /* @__PURE__ */ e(o, { component: "span", variant: "body2", children: i.totalLabel })
+                ] }, i.id)),
+                n.lineItemTotals.length > 0 ? /* @__PURE__ */ e("div", { className: "ttw:flex ttw:flex-col ttw:gap-1 ttw:py-3", children: n.lineItemTotals.map((i) => /* @__PURE__ */ r("div", { className: P("ttw:flex ttw:justify-between", i.emphasis && "ttw:font-medium"), children: [
+                  /* @__PURE__ */ e(o, { component: "span", variant: "body2", children: i.label }),
+                  /* @__PURE__ */ e(o, { component: "span", variant: "body2", children: i.value })
+                ] }, i.label)) }) : null
+              ] }) })
+            ] }),
+            !w && n.notes ? /* @__PURE__ */ r(D, { value: "notes", children: [
+              /* @__PURE__ */ e(L, { children: t._("Notes") }),
+              /* @__PURE__ */ e(T, { children: /* @__PURE__ */ e("div", { className: "ttw:flex ttw:flex-col ttw:gap-3", children: [{
+                label: t._("Opening note to customer"),
+                text: n.notes.opening
+              }, {
+                label: t._("Closing note to customer"),
+                text: n.notes.closing
+              }].filter((i) => i.text).map((i) => /* @__PURE__ */ r("div", { children: [
+                /* @__PURE__ */ e(o, { variant: "body2", className: "ttw:mb-1 ttw:font-medium", children: i.label }),
+                /* @__PURE__ */ e(o, { variant: "body2", color: "muted", children: i.text })
+              ] }, i.label)) }) })
+            ] }) : null
+          ] }),
+          w && d && u ? /* @__PURE__ */ r("section", { "aria-label": d.scheduleTitle, className: "ttw:border-t ttw:border-border ttw:py-4", children: [
+            /* @__PURE__ */ e(o, { component: "h3", variant: "body2", className: "ttw:mb-3 ttw:font-medium", children: d.scheduleTitle }),
+            /* @__PURE__ */ e(yt, { invoice: a, recurrence: u, openInvoiceDetails: h })
+          ] }) : null
+        ] })
+      ] })
+    ] });
+  };
+  return /* @__PURE__ */ r(se, { children: [
+    g && /* @__PURE__ */ e(wt, { invoiceId: a?.id ?? "", onClose: () => x(!1), onSendEmail: A?.onInvoiceSent, isOpen: g }),
+    b && a && /* @__PURE__ */ e(pt, { isOpen: b, invoice: a, onUpdated: (s) => {
+      y(!1), A?.onUpdate?.(s.id, s);
+    }, onCancel: () => y(!1) }),
+    /* @__PURE__ */ e(Ue, { open: De, modal: !1, onOpenChange: p, children: /* @__PURE__ */ r(Ge, { showCloseButton: !1, className: "ttw:overflow-y-auto ttw:p-0", children: [
+      /* @__PURE__ */ e(Ve, { hidden: !0, children: t._("Invoice details") }),
+      Le ? null : /* @__PURE__ */ e(be, { label: t._("Close"), onClose: p, className: P(f, "ttw:absolute ttw:right-4 ttw:top-4 ttw:z-10") }),
+      Te(),
+      H && /* @__PURE__ */ e(ht, { invoiceId: a?.id ?? "", open: H, onClose: () => U(!1) }),
+      G && /* @__PURE__ */ e(bt, { open: G, onClose: () => V(!1), invoiceId: a?.id ?? "", documentId: a?.type === "invoice" ? a?.document_id : void 0, onDelete: p }),
+      q && /* @__PURE__ */ e(Nt, { invoiceId: a?.id ?? "", open: q, onClose: () => W(!1) }),
+      Y && a?.type === "invoice" && /* @__PURE__ */ e(Ct, { invoice: a, open: Y, onClose: () => J(!1) }),
+      K && a?.counterpart_id && ee && /* @__PURE__ */ e(
+        ft,
+        {
+          counterpartId: a.counterpart_id,
+          open: K,
+          onClose: () => Q(!1),
+          showActionsMenu: !1,
+          customerType: "customer"
+        }
+      )
+    ] }) })
   ] });
 };
 export {
-  _ as NotesSection
+  Sr as InvoiceDetailsPanel
 };