@tesouro/embedded-components-react 0.2.20 → 0.2.22

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

@@ -1,130 +1,44 @@
-import { jsxs as r, Fragment as h, jsx as e } from "@emotion/react/jsx-runtime";
-import { AccordionTrigger as g, AccordionContent as x } from "./index283.js";
-import { Badge as b } from "./index284.js";
-import { Button as v } from "./index86.js";
-import { useLingui as f } from "@lingui/react";
-import { Calendar as N, Bell as R } from "lucide-react";
-import { twMerge as j } from "tailwind-merge";
-import "react-hot-toast";
-import "./index59.js";
-import { useState as I } from "react";
-import "date-fns";
-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 "clsx";
-import "@radix-ui/react-dropdown-menu";
-import { useGetPaymentReminderById as C } from "./index426.js";
-import { useGetOverdueReminderById as D } from "./index427.js";
-import "./index94.js";
-import "react-dom";
-import "@mui/x-data-grid";
-import "react-hook-form";
-import { PreviewEmail as T } from "./index327.js";
-import { Dialog as B, DialogContent as L, DialogDescription as $ } from "./index196.js";
-import { getDefaultContact as k } from "./index325.js";
-import { useCounterpartById as O } from "./index72.js";
-import { useCounterpartContactList as S } from "./index76.js";
-const p = ({
-  term: a,
-  isLastTerm: o,
-  invoiceId: c
-}) => {
+import { useMoniteContext as c } from "./index59.js";
+import { useLingui as d } from "@lingui/react";
+import { toast as u } from "react-hot-toast";
+const v = () => {
   const {
-    i18n: d
-  } = f(), [i, w] = I(!1);
-  return /* @__PURE__ */ r("li", { className: "ttw:flex ttw:gap-1 ttw:items-center ttw:justify-between", children: [
-    /* @__PURE__ */ r("div", { className: "ttw:flex ttw:items-center ttw:gap-3", children: [
-      /* @__PURE__ */ r("div", { className: j("ttw:flex ttw:flex-col ttw:gap-1", o ? "ttw:pt-0" : "ttw:pt-2 ttw:justify-end ttw:items-center"), children: [
-        /* @__PURE__ */ e(R, { className: "ttw:size-4" }),
-        !o && /* @__PURE__ */ e("div", { className: "ttw:w-px ttw:h-1.5 ttw:bg-neutral" })
-      ] }),
-      /* @__PURE__ */ e("span", { className: "ttw:text-text ttw:text-sm ttw:font-normal ttw:leading-5", children: a.reminderTerm })
-    ] }),
-    /* @__PURE__ */ e(v, { variant: "link", onClick: () => w(!0), children: d._("View email") }),
-    i && /* @__PURE__ */ e(B, { open: i, onOpenChange: w, children: /* @__PURE__ */ r(L, { fullScreen: !0, children: [
-      /* @__PURE__ */ e(T, { invoiceId: c, body: a.body, subject: a.subject }),
-      /* @__PURE__ */ e($, { hidden: !0, children: d._("Email preview") })
-    ] }) })
-  ] });
-}, ce = ({
-  paymentReminderId: a,
-  overdueReminderId: o,
-  invoiceId: c,
-  counterpartId: d
-}) => {
-  const {
-    i18n: i
-  } = f(), {
-    data: w
-  } = S(d), {
-    data: u
-  } = O(d), {
-    data: t
-  } = C(a), {
-    data: y
-  } = D(o), _ = k(w, u), s = [...t?.term_1_reminder ? [{
-    body: t?.term_1_reminder?.body,
-    subject: t?.term_1_reminder?.subject,
-    reminderTerm: i._("{paymentReminder} {paymentReminder1} before", {
-      paymentReminder: t?.term_1_reminder.days_before,
-      paymentReminder1: t?.term_1_reminder?.days_before === 1 ? "day" : "days"
-    }),
-    id: "payment-1"
-  }] : [], ...t?.term_2_reminder ? [{
-    body: t?.term_2_reminder?.body,
-    subject: t?.term_2_reminder?.subject,
-    reminderTerm: i._("{paymentReminder} {paymentReminder1} before", {
-      paymentReminder: t?.term_2_reminder.days_before,
-      paymentReminder1: t?.term_2_reminder?.days_before === 1 ? "day" : "days"
-    }),
-    id: "payment-2"
-  }] : [], ...t?.term_final_reminder ? [{
-    body: t?.term_final_reminder?.body,
-    subject: t?.term_final_reminder?.subject,
-    reminderTerm: i._("{paymentReminder} {paymentReminder1} before", {
-      paymentReminder: t?.term_final_reminder.days_before,
-      paymentReminder1: t?.term_final_reminder?.days_before === 1 ? "day" : "days"
-    }),
-    id: "payment-3"
-  }] : []], m = y?.terms?.map((n, l) => ({
-    body: n?.body,
-    subject: n?.subject,
-    reminderTerm: i._("{termDays_after} {term} after", {
-      termDays_after: n.days_after,
-      term: n?.days_after === 1 ? "day" : "days"
-    }),
-    id: `overdue-${l + 1}`
-  })) ?? [];
-  return /* @__PURE__ */ r(h, { children: [
-    /* @__PURE__ */ e(g, { className: "ttw:hover:no-underline ttw:group", children: /* @__PURE__ */ r("span", { className: "ttw:flex ttw:items-center ttw:gap-3", children: [
-      /* @__PURE__ */ e("span", { className: "ttw:group-hover:underline", children: i._("Reminder emails") }),
-      s?.length + m?.length > 0 && /* @__PURE__ */ e(b, { variant: "secondary", className: "ttw:h-5 ttw:min-w-5 ttw:rounded-full ttw:px-1 ttw:tabular-nums", children: s?.length + m?.length })
-    ] }) }),
-    /* @__PURE__ */ r(x, { className: "ttw:flex ttw:gap-6", children: [
-      /* @__PURE__ */ r("div", { className: "ttw:flex ttw:flex-col ttw:gap-0.5 ttw:flex-1", children: [
-        /* @__PURE__ */ e("h3", { className: "ttw:text-text ttw:text-sm ttw:font-medium ttw:leading-5", children: i._("Recipients") }),
-        /* @__PURE__ */ e("span", { className: "ttw:text-sm ttw:font-normal ttw:leading-5", children: _?.email ?? "-" })
-      ] }),
-      /* @__PURE__ */ r("div", { className: "ttw:flex ttw:flex-col ttw:flex-1", children: [
-        /* @__PURE__ */ e("h3", { className: "ttw:text-text ttw:text-sm ttw:font-medium ttw:leading-5", children: i._("Scheduled reminders") }),
-        /* @__PURE__ */ r("ul", { children: [
-          s?.length > 0 && s.map((n, l) => /* @__PURE__ */ e(p, { term: n, isLastTerm: m.length > 0 ? !1 : l === s.length - 1, invoiceId: c }, n.id)),
-          m.length > 0 && /* @__PURE__ */ e("li", { className: "ttw:flex ttw:gap-1 ttw:items-center ttw:justify-between", children: /* @__PURE__ */ r("div", { className: "ttw:flex ttw:items-center ttw:gap-3", children: [
-            /* @__PURE__ */ r("div", { className: "ttw:flex ttw:flex-col ttw:justify-end ttw:items-center ttw:gap-1 ttw:pt-2", children: [
-              /* @__PURE__ */ e(N, { className: "ttw:size-4 ttw:text-neutral" }),
-              /* @__PURE__ */ e("div", { className: "ttw:w-px ttw:h-1.5 ttw:bg-neutral" })
-            ] }),
-            /* @__PURE__ */ e("span", { className: "ttw:text-neutral ttw:text-sm ttw:font-normal ttw:leading-5", children: i._("Due date") })
-          ] }) }),
-          m?.length > 0 && m.map((n, l) => /* @__PURE__ */ e(p, { term: n, isLastTerm: l === m.length - 1, invoiceId: c }, n.id))
-        ] })
-      ] })
-    ] })
-  ] });
+    api: e,
+    entityId: i
+  } = c(), {
+    i18n: o
+  } = d(), {
+    data: n
+  } = e.finops.getEntitiesIdPaymentMethods.useQuery({
+    path: {
+      entity_id: i
+    }
+  }), {
+    mutateAsync: s,
+    isPending: r
+  } = e.finops.postPaymentLinks.useMutation({});
+  async function y(m) {
+    const a = n ? n.data.filter(({
+      status: t,
+      direction: p
+    }) => t === "active" && p === "receive") : [];
+    a.length === 0 ? u.error(o._("You haven't onboarded for any payment method. Invoice is issued without a payment link.")) : await s({
+      recipient: {
+        id: i,
+        type: "entity"
+      },
+      payment_methods: a.map((t) => t.type),
+      object: {
+        id: m,
+        type: "receivable"
+      }
+    });
+  }
+  return {
+    createPaymentLink: y,
+    isCreatingPaymentLink: r
+  };
 };
 export {
-  ce as InvoiceDetailsOverviewReminders
+  v as useCreateReceivablePaymentLink
 };

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

@@ -1,18 +1,19 @@
-import { jsx as r } from "@emotion/react/jsx-runtime";
-import { cn as o } from "./index102.js";
-function e({
-  className: t,
-  ...a
-}) {
-  return /* @__PURE__ */ r("div", { "data-slot": "card", className: o("ttw:bg-card ttw:text-card-foreground ttw:flex ttw:flex-col ttw:gap-6 ttw:rounded-xl ttw:border ttw:py-6 ttw:shadow-sm", t), ...a });
-}
-function n({
-  className: t,
-  ...a
-}) {
-  return /* @__PURE__ */ r("div", { "data-slot": "card-content", className: o("ttw:px-6", t), ...a });
-}
+import { jsxs as n, jsx as e } from "@emotion/react/jsx-runtime";
+import { Button as r } from "./index86.js";
+import { ArrowUpRight as s } from "lucide-react";
+import { twMerge as w } from "tailwind-merge";
+const d = ({
+  label: o,
+  value: a,
+  status: t,
+  onClick: l
+}) => /* @__PURE__ */ n("div", { className: "ttw:flex ttw:flex-col", children: [
+  /* @__PURE__ */ e("h3", { className: "ttw:text-text ttw:text-sm ttw:font-medium ttw:leading-5", children: o }),
+  l ? /* @__PURE__ */ n(r, { variant: "link", onClick: l, className: "ttw:w-fit ttw:gap-1 ttw:h-5 ttw:hover:no-underline ttw:text-text ttw:font-normal ttw:p-0 ttw:has-[>svg]:px-0", children: [
+    /* @__PURE__ */ e("span", { className: "ttw:underline", children: a }),
+    /* @__PURE__ */ e(s, {})
+  ] }) : /* @__PURE__ */ e("p", { className: w("ttw:text-sm ttw:font-normal ttw:leading-5 ttw:text-text", t && t === "overdue" && "ttw:text-danger", t && t === "draft" && "ttw:text-neutral"), children: a })
+] });
 export {
-  e as Card,
-  n as CardContent
+  d as InvoiceDetailsInfoBlock
 };

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

@@ -1,41 +1,63 @@
-const e = (a, r) => {
-  switch (a) {
-    case "sepa_credit":
-      return r._("SEPA Credit");
-    case "us_ach":
-      return r._("US ACH");
-    case "blik":
-      return r._("BLIK");
-    case "card":
-      return r._("Card payment");
-    case "bacs_direct_debit":
-      return r._("Bacs Direct Debit");
-    case "bancontact":
-      return r._("Bancontact");
-    case "eps":
-      return r._("EPS");
-    case "giropay":
-      return r._("Giropay");
-    case "ideal":
-      return r._("iDEAL");
-    case "p24":
-      return r._("Przelewy24");
-    case "sepa_debit":
-      return r._("SEPA Debit");
-    case "sofort":
-      return r._("SOFORT");
-    case "applepay":
-      return r._("Apple Pay");
-    case "googlepay":
-      return r._("Google Pay");
-    case "affirm":
-      return r._("Affirm");
-    case "klarna":
-      return r._("Klarna");
-    default:
-      return r._("Unknown payment method");
-  }
+import { jsxs as n, jsx as i, Fragment as _ } from "@emotion/react/jsx-runtime";
+import { useMoniteContext as f } from "./index59.js";
+import { useCurrencies as x } from "./index60.js";
+import "react";
+import "./index94.js";
+import { useLingui as v } from "@lingui/react";
+import "react-dom";
+import "@mui/x-data-grid";
+import { rateMinorToMajor as y } from "./index231.js";
+import { twMerge as b } from "tailwind-merge";
+import { useGetPaymentRecords as g } from "./index341.js";
+import { useGetReceivables as h } from "./index160.js";
+const r = ({
+  label: t,
+  value: a,
+  isBold: l
+}) => /* @__PURE__ */ n("li", { className: b("ttw:w-full ttw:flex ttw:gap-4 ttw:justify-between ttw:text-neutral ttw:font-normal ttw:text-sm ttw:leading-5", l && "ttw:font-medium ttw:text-text"), children: [
+  /* @__PURE__ */ i("span", { children: t }),
+  /* @__PURE__ */ i("span", { children: a })
+] }), S = ({
+  invoice: t
+}) => {
+  const {
+    i18n: a
+  } = v(), {
+    formatCurrencyToDisplay: l
+  } = x(), {
+    locale: o
+  } = f(), {
+    data: s
+  } = g(t?.id), u = t?.type === "invoice" ? t?.related_documents?.credit_note_ids : void 0, {
+    data: m
+  } = h({
+    id__in: u,
+    type: "credit_note"
+  }, !!u?.length), d = t?.status === "paid", c = t?.status === "partially_paid", p = t?.status === "canceled", w = d || c || p;
+  return /* @__PURE__ */ n("ul", { className: "ttw:w-full ttw:flex ttw:flex-col ttw:gap-2", children: [
+    /* @__PURE__ */ i(r, { label: a._("Subtotal"), value: l(t?.subtotal ?? 0, t?.currency) }),
+    /* @__PURE__ */ i("li", { className: "ttw:flex ttw:flex-col ttw:gap-1", children: t?.total_tax_amounts?.map((e) => /* @__PURE__ */ n("div", { className: "ttw:w-full ttw:flex ttw:gap-4 ttw:justify-between ttw:text-neutral ttw:font-normal ttw:text-sm ttw:leading-5", children: [
+      /* @__PURE__ */ i("span", { children: a._("Total tax ({rate}%)", {
+        rate: y(e?.value)
+      }) }),
+      /* @__PURE__ */ i("span", { children: l(e?.amount ?? 0, t?.currency) })
+    ] }, e?.id)) }),
+    /* @__PURE__ */ i(r, { label: a._("Total ({invoice})", {
+      invoice: t?.currency
+    }), value: l(t?.total_amount ?? 0, t?.currency), isBold: !0 }),
+    w && /* @__PURE__ */ n(_, { children: [
+      s?.data?.map((e) => /* @__PURE__ */ i(r, { label: e?.paid_at ? a._("Amount paid on {i18nDate}", {
+        i18nDate: a.date(e?.paid_at, o.dateTimeFormat)
+      }) : a._("Amount paid"), value: l(e?.amount ?? 0, t?.currency) }, e?.id)),
+      m?.data?.map((e) => /* @__PURE__ */ i(r, { label: e?.issue_date ? a._("Credit applied on {i18nDate}", {
+        i18nDate: a.date(e?.issue_date, o.dateTimeFormat)
+      }) : a._("Credit applied"), value: l(e?.total_amount ?? 0, t?.currency) }, e?.id)),
+      /* @__PURE__ */ i(r, { label: a._("Amount due ({invoice})", {
+        invoice: t?.currency
+      }), value: l(t?.amount_due ?? 0, t?.currency), isBold: !0 })
+    ] })
+  ] });
 };
 export {
-  e as getPaymentMethodName
+  S as InvoiceDetailsSummary
 };

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

@@ -1,45 +1,15 @@
-import { jsx as i } from "@emotion/react/jsx-runtime";
-import { getCommonRecurrenceIterationStatusLabel as w } from "./index337.js";
-import "date-fns";
-import { Badge as s } from "./index284.js";
-import { cn as g } from "./index102.js";
-import { useLingui as c } from "@lingui/react";
-import { cva as l } from "class-variance-authority";
-const r = l("", {
-  variants: {
-    variant: {
-      pending: "ttw:bg-zinc-100 ttw:text-zinc-700",
-      skipped: "ttw:bg-yellow-100 ttw:text-yellow-700",
-      canceled: "ttw:bg-red-100 ttw:text-red-700",
-      issue_failed: "ttw:bg-red-100 ttw:text-red-700",
-      send_failed: "ttw:bg-red-100 ttw:text-red-700",
-      completed: "ttw:bg-green-100 ttw:text-green-700"
-    },
-    dotVariant: {
-      pending: "ttw:border-zinc-100 ttw:bg-zinc-700",
-      skipped: "ttw:border-yellow-100 ttw:bg-yellow-700",
-      canceled: "ttw:border-red-100 ttw:bg-red-700",
-      issue_failed: "ttw:border-red-100 ttw:bg-red-700",
-      send_failed: "ttw:border-red-100 ttw:bg-red-700",
-      completed: "ttw:border-green-100 ttw:bg-green-700"
-    }
+const r = (e, t) => {
+  switch (t) {
+    case "invoice":
+      return e._("Invoice");
+    case "credit_note":
+      return e._("Credit memo");
+    case "quote":
+      return e._("Quote");
+    default:
+      return e._("Receivable");
   }
-}), z = ({
-  status: t,
-  className: o,
-  showBadgeBackground: e = !0,
-  dotSize: d,
-  ref: a
-}) => {
-  const {
-    i18n: n
-  } = c();
-  return /* @__PURE__ */ i(s, { ref: a, className: g("ttw:inline-flex ttw:items-center ttw:gap-1", r({
-    variant: t
-  }), o), dotClassName: r({
-    dotVariant: t
-  }), showBadgeBackground: e, showDotBorder: !e, dotSize: d, showDot: !0, children: w(n, t) });
 };
 export {
-  z as InvoiceRecurrenceIterationStatusChip
+  r as getTypeLabel
 };

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

@@ -1,65 +1,96 @@
-const t = (e, r) => {
-  switch (r) {
-    case "draft":
-      return e._("Draft");
-    case "issued":
-      return e._("Issued");
-    case "accepted":
-      return e._("Accepted");
-    case "expired":
-      return e._("Expired");
-    case "declined":
-      return e._("Declined");
-    case "recurring":
-      return e._("Recurring");
-    case "partially_paid":
-      return e._("Partially paid");
-    case "paid":
-      return e._("Paid");
-    case "overdue":
-      return e._("Overdue");
-    case "uncollectible":
-      return e._("Uncollectible");
-    case "canceled":
-      return e._("Canceled");
-    case "deleted":
-      return e._("Deleted");
-    default:
-      throw new Error(`Unknown status ${JSON.stringify(r)}`);
-  }
-}, a = (e, r) => {
-  switch (r) {
-    case "active":
-      return e._("Active");
-    case "paused":
-      return e._("Paused");
-    case "canceled":
-      return e._("Cancelled");
-    case "completed":
-      return e._("Complete");
-    default:
-      throw new Error(`Unknown status ${JSON.stringify(r)}`);
-  }
-}, n = (e, r) => {
-  switch (r) {
-    case "pending":
-      return e._("Scheduled");
-    case "skipped":
-      return e._("Skipped");
-    case "canceled":
-      return e._("Cancelled");
-    case "issue_failed":
-      return e._("Issue failed");
-    case "send_failed":
-      return e._("Send failed");
-    case "completed":
-      return e._("Complete");
-    default:
-      throw new Error(`Unknown status ${JSON.stringify(r)}`);
-  }
+import { jsxs as n, Fragment as g, jsx as r } from "@emotion/react/jsx-runtime";
+import { getCreateRecurrenceValidationSchema as b } from "./index221.js";
+import { useUpdateRecurrenceById as x } from "./index431.js";
+import { InvoiceDetailsInfoBlock as c } from "./index334.js";
+import { InvoiceRecurrenceStatusChip as y } from "./index197.js";
+import { RecurrenceFormContent as S } from "./index432.js";
+import { Button as o } from "./index86.js";
+import { Form as N } from "./index351.js";
+import { Sheet as C, SheetContent as j, SheetHeader as D, SheetTitle as R, SheetDescription as F, SheetFooter as I } from "./index148.js";
+import { zodResolver as $ } from "@hookform/resolvers/zod";
+import { useLingui as k } from "@lingui/react";
+import { format as E } from "date-fns";
+import { SquarePen as z } from "lucide-react";
+import { useState as q, useMemo as B } from "react";
+import { useForm as T } from "react-hook-form";
+const X = ({
+  recurrence: t,
+  handleTabChange: _,
+  openInvoiceDetails: l,
+  isCreatedFromRecurrence: i
+}) => {
+  const {
+    i18n: e
+  } = k(), [m, s] = q(!1), u = new Date(t?.start_date).getDate(), h = B(() => t?.iterations?.filter((a) => a.status === "completed"), [t]), {
+    mutateAsync: w,
+    isPending: p
+  } = x(t?.id, t?.invoice_id), d = "edit-recurrence-form", f = T({
+    // See the identical cast in CreateReceivables.tsx — `zodResolver`'s
+    // inferred `Resolver` and react-hook-form's own `Resolver` type are
+    // structurally "unrelated" to `tsc --build` for this schema shape.
+    resolver: $(b(e)),
+    defaultValues: {
+      frequency: t?.frequency,
+      recurrence_max_occurrences: t?.max_occurrences ?? 1,
+      recurrence_start_date: new Date(t?.start_date),
+      recurrence_end_date: t?.end_date ? new Date(t?.end_date) : void 0,
+      recurrence_issue_mode: u === 1 ? "first_day" : "last_day",
+      recurrence_subject_text: t?.subject_text ?? e._("Recurrent invoice"),
+      recurrence_body_text: t?.body_text ?? e._("This invoice was generated from a recurrence. Please find the details of the recurrence in the invoice details section.")
+    }
+  }), v = async (a) => {
+    await w({
+      end_date: a.recurrence_end_date ? E(new Date(a.recurrence_end_date), "yyyy-MM-dd") : void 0,
+      subject_text: a.recurrence_subject_text || void 0,
+      body_text: a.recurrence_body_text || void 0
+    }), s(!1);
+  };
+  return /* @__PURE__ */ n(g, { children: [
+    m && /* @__PURE__ */ r(C, { open: m, onOpenChange: s, children: /* @__PURE__ */ r(N, { ...f, children: /* @__PURE__ */ r("form", { id: d, name: d, onSubmit: f.handleSubmit(v), children: /* @__PURE__ */ n(j, { className: "ttw:gap-0", showCloseButton: !1, children: [
+      /* @__PURE__ */ n(D, { className: "ttw:border-b ttw:border-border", children: [
+        /* @__PURE__ */ r(R, { children: e._("Edit recurrence settings") }),
+        /* @__PURE__ */ r(F, { hidden: !0, children: e._("Edit the settings for this recurring invoice") })
+      ] }),
+      /* @__PURE__ */ n("div", { className: "ttw:p-8 ttw:flex ttw:flex-col ttw:gap-10", children: [
+        /* @__PURE__ */ r("p", { className: "ttw:text-sm ttw:font-normal ttw:leading-5 ttw:text-foreground", children: e._("You can set a different period length and the date of issuance. The starting date cannot be updated.") }),
+        /* @__PURE__ */ r(S, { isUpdate: !0 })
+      ] }),
+      /* @__PURE__ */ n(I, { className: "ttw:border-t ttw:border-border ttw:flex-row ttw:justify-end", children: [
+        /* @__PURE__ */ r(o, { variant: "outline", size: "sm", onClick: () => s(!1), children: e._("Cancel") }),
+        /* @__PURE__ */ r(o, { size: "sm", type: "submit", form: d, disabled: p, children: e._("Save") })
+      ] })
+    ] }) }) }) }),
+    /* @__PURE__ */ n("div", { className: "ttw:flex ttw:flex-col ttw:gap-4", children: [
+      i ? /* @__PURE__ */ n("div", { className: "ttw:flex ttw:justify-between ttw:items-center ttw:gap-4", children: [
+        /* @__PURE__ */ r("h2", { className: "ttw:text-lg ttw:font-semibold ttw:leading-6", children: e._("Created from recurrence") }),
+        /* @__PURE__ */ r(y, { status: t?.status })
+      ] }) : /* @__PURE__ */ n("div", { className: "ttw:flex ttw:flex-col ttw:gap-0.5", children: [
+        /* @__PURE__ */ r("h2", { className: "ttw:text-lg ttw:font-semibold ttw:leading-6", children: e._("Recurrence") }),
+        /* @__PURE__ */ r("p", { className: "ttw:text-sm ttw:font-normal ttw:leading-5 ttw:text-muted-foreground", children: e._("All future invoices will be issued based on this invoice") })
+      ] }),
+      /* @__PURE__ */ n("div", { className: "ttw:grid ttw:grid-cols-2 ttw:gap-4", children: [
+        /* @__PURE__ */ r(c, { label: e._("Start"), value: t?.start_date ? e.date(t?.start_date, {
+          month: "long",
+          year: "numeric"
+        }) : "-" }),
+        /* @__PURE__ */ r(c, { label: e._("End"), value: t?.end_date ? e.date(t?.end_date, {
+          month: "long",
+          year: "numeric"
+        }) : "-" }),
+        /* @__PURE__ */ r(c, { label: e._("Frequency"), value: u === 1 ? e._("Every first day of month") : e._("Every last day of month") }),
+        /* @__PURE__ */ r(c, { label: e._("Issued documents"), value: `${h.length} / ${t?.iterations.length} ${e._("issued")}`, onClick: () => {
+          i && l?.(t?.invoice_id), _("scheduled-invoices");
+        } })
+      ] }),
+      i && /* @__PURE__ */ r(o, { variant: "outline", size: "sm", className: "ttw:w-fit", onClick: () => l?.(t?.invoice_id), children: e._("View recurrence") }),
+      !i && t?.status !== "canceled" && /* @__PURE__ */ n(o, { variant: "outline", size: "sm", className: "ttw:w-fit", onClick: () => s(!0), children: [
+        /* @__PURE__ */ r(z, {}),
+        " ",
+        e._("Edit settings")
+      ] })
+    ] })
+  ] });
 };
 export {
-  n as getCommonRecurrenceIterationStatusLabel,
-  a as getCommonRecurrenceStatusLabel,
-  t as getCommonStatusLabel
+  X as InvoiceDetailsOverviewRecurrenceSection
 };