@tesouro/embedded-components-react 0.2.15 → 0.2.17

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

@@ -1,59 +1,100 @@
-import { jsxs as n, jsx as t } from "@emotion/react/jsx-runtime";
-import { useRootElements as s } from "./index94.js";
-import { FilterContainer as p } from "./index344.js";
-import { useLingui as m } from "@lingui/react";
-import { FormControl as u, InputLabel as c, Select as d, MenuItem as E, FormControlLabel as F, Switch as T } from "@mui/material";
-import { DatePicker as _ } from "@mui/x-date-pickers";
-import { APPROVAL_REQUEST_STATUSES as v, FILTER_TYPE_STATUS as R, FILTER_TYPE_ADDED_BY as A, FILTER_TYPE_CREATED_AT as C, FILTER_TYPE_CURRENT_USER as h } from "./index290.js";
-import { getRowToStatusTextMap as S } from "./index403.js";
-import { AutocompleteCreatedBy as M } from "./index404.js";
-const O = ({
-  onChangeFilter: l,
-  sx: i
+import { jsxs as o, Fragment as _, jsx as i } from "@emotion/react/jsx-runtime";
+import { ManualPaymentRecordDetails as k } from "./index384.js";
+import { PaymentRecordForm as E } from "./index385.js";
+import { useMoniteContext as $ } from "./index59.js";
+import { useRootElements as B } from "./index94.js";
+import "@tanstack/react-query";
+import { fromMinorUnits as F, toMinorUnits as H } from "./index124.js";
+import "date-fns";
+import { useEntityUserByAuthToken as L } from "./index77.js";
+import { useCreatePaymentRecord as U } from "./index81.js";
+import { useLingui as A } from "@lingui/react";
+import { Dialog as I, DialogContent as Q, DialogActions as W, Button as m, Box as q } from "@mui/material";
+import { useState as l } from "react";
+const g = {
+  amount: 0,
+  payment_date: /* @__PURE__ */ new Date(),
+  payment_time: /* @__PURE__ */ new Date(),
+  created_by: ""
+}, ie = ({
+  children: b,
+  invoice: t
 }) => {
-  const {
-    i18n: a
-  } = m(), {
-    root: r
-  } = s();
-  return /* @__PURE__ */ n(p, { className: "Monite-ApprovalRequestsFilters", sx: i, children: [
-    /* @__PURE__ */ n(u, { variant: "standard", fullWidth: !0, className: "Monite-ApprovalStatusFilter Monite-FilterControl", children: [
-      /* @__PURE__ */ t(c, { id: "status", children: a._("Status") }),
-      /* @__PURE__ */ t(d, { labelId: "status", label: a._("Status"), defaultValue: "all", MenuProps: {
-        container: r
-      }, onChange: (e) => {
-        l(R, e && e.target.value);
-      }, children: [{
-        label: a._("All invoices"),
-        value: "all"
-      }, ...Object.values(v).map((e) => ({
-        label: S(a)[e],
-        value: e
-      }))].map(({
-        label: e,
-        value: o
-      }) => /* @__PURE__ */ t(E, { value: o, children: e }, o)) })
-    ] }),
-    /* @__PURE__ */ t(M, { onChange: (e) => l(A, e || null) }),
-    /* @__PURE__ */ t(_, { label: a._("Requested on"), className: "Monite-ApprovalRequestedOnFilter Monite-FilterControl Monite-DateFilterControl", onChange: (e, o) => {
-      o.validationError || l(C, e);
-    }, slotProps: {
-      textField: {
-        variant: "standard"
+  const [h, c] = l(!1), [C, r] = l(!1), [e, u] = l(g), {
+    i18n: s
+  } = A(), {
+    root: x
+  } = B(), v = () => c(!0), n = () => c(!1), {
+    api: p,
+    queryClient: y
+  } = $(), {
+    mutate: D,
+    isPending: M
+  } = U(), {
+    data: f,
+    isLoading: R
+  } = L(), w = (a) => {
+    u({
+      ...a,
+      amount: H(a?.amount ?? 0),
+      created_by: f?.id ?? ""
+    }), r(!0);
+  }, P = () => {
+    r(!1), u(g);
+  }, S = () => {
+    const a = new Date(e.payment_date).setHours(e.payment_time.getHours(), e.payment_time.getMinutes()), j = new Date(a);
+    D({
+      amount: e?.amount ?? 0,
+      currency: t.currency,
+      paid_at: j.toISOString(),
+      object: {
+        id: t.id,
+        type: "receivable"
       },
-      popper: {
-        container: r
-      },
-      dialog: {
-        container: r
-      },
-      actionBar: {
-        actions: ["clear", "today"]
+      payment_intent_id: t.id,
+      entity_user_id: f?.id,
+      status: "succeeded"
+    }, {
+      onSuccess: () => {
+        p.finops.getReceivablesId.invalidateQueries({
+          parameters: {
+            path: {
+              receivable_id: t.id
+            }
+          }
+        }, y), p.finops.getReceivables.invalidateQueries(y), n(), P();
       }
-    }, views: ["year", "month", "day"] }),
-    /* @__PURE__ */ t(F, { control: /* @__PURE__ */ t(T, {}), className: "Monite-ApprovalOnlyMyFilter Monite-FilterControl", label: a._("Only my approvals"), onChange: (e, o) => l(h, o) })
+    });
+  }, d = M || R;
+  return ["draft", "paid", "canceled", "deleted", "accepted", "recurring", "expired", "declined", "uncollectible"].includes(t.status) ? null : /* @__PURE__ */ o(_, { children: [
+    b({
+      openModal: v
+    }),
+    /* @__PURE__ */ i(I, { open: h, onClose: n, container: x, "aria-labelledby": "dialog-title", fullWidth: !0, maxWidth: "sm", children: C ? /* @__PURE__ */ o(_, { children: [
+      /* @__PURE__ */ i(Q, { sx: {
+        p: 4
+      }, children: /* @__PURE__ */ i(k, { invoice: t, paymentRecords: e }) }),
+      /* @__PURE__ */ o(W, { sx: {
+        px: 4,
+        pb: 4,
+        justifyContent: "space-between"
+      }, children: [
+        /* @__PURE__ */ i(m, { onClick: n, children: s._("Cancel") }),
+        /* @__PURE__ */ o(q, { sx: {
+          display: "flex",
+          gap: 2
+        }, children: [
+          /* @__PURE__ */ i(m, { variant: "outlined", disabled: d, onClick: () => r(!1), children: s._("Edit record") }),
+          /* @__PURE__ */ i(m, { variant: "contained", disabled: d, onClick: S, children: s._("Confirm") })
+        ] })
+      ] })
+    ] }) : /* @__PURE__ */ i(E, { invoice: t, initialValues: {
+      amount: e.amount ? F(e.amount) : 0,
+      payment_date: e.payment_date,
+      payment_time: e.payment_time
+    }, isLoading: d, onCancel: n, onSubmit: w }) })
   ] });
 };
 export {
-  O as ApprovalRequestsFilter
+  ie as RecordManualPaymentModal
 };

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

@@ -1,31 +1,49 @@
-import { jsx as r } from "@emotion/react/jsx-runtime";
-import { useLingui as n } from "@lingui/react";
-import { Chip as u } from "@mui/material";
-import { styled as l, useThemeProps as f } from "@mui/material/styles";
-import { ROW_TO_STATUS_MUI_MAP as A, APPROVAL_REQUEST_STATUS_TO_MUI_ICON_MAP as S } from "./index290.js";
-import { getRowToStatusTextMap as T } from "./index403.js";
-const c = ({
-  ref: s,
-  ...e
+import { jsxs as f, jsx as n } from "@emotion/react/jsx-runtime";
+import { useCancelRecurrence as v } from "./index386.js";
+import { useGetRecurrenceById as _ } from "./index159.js";
+import { useCurrencies as C } from "./index60.js";
+import "react";
+import "./index94.js";
+import { useLingui as g, Trans as h } from "@lingui/react";
+import "react-dom";
+import "./index59.js";
+import "@mui/x-data-grid";
+import { ConfirmationModal as b } from "./index250.js";
+import w from "deep-eql";
+import { usePreviousDistinct as y } from "react-use";
+const $ = ({
+  invoice: i,
+  open: a,
+  onClose: r
 }) => {
   const {
-    status: t,
-    icon: a,
-    size: i,
-    variant: p
-  } = f({
-    props: e,
-    name: "MoniteApprovalRequestStatusChip"
-  }), {
-    i18n: m
-  } = n(), o = S[t];
-  return /* @__PURE__ */ r(_, { ref: s, color: A[t], icon: a && o ? /* @__PURE__ */ r(o, { fontSize: "small" }) : void 0, label: T(m)[t], size: i, status: t, variant: p ?? "filled" });
-}, _ = l(u, {
-  // eslint-disable-next-line lingui/no-unlocalized-strings
-  name: "MoniteApprovalRequestStatusChip",
-  slot: "root",
-  shouldForwardProp: () => !0
-})({});
+    i18n: e
+  } = g(), {
+    formatCurrencyToDisplay: l
+  } = C(), c = i?.recurrence_id ?? "", {
+    mutate: m,
+    isPending: u
+  } = v(c, i.id), {
+    data: t
+  } = _(c), s = y(t, w), o = (s?.status === "active" && t?.status === "canceled" ? s : t)?.iterations?.filter(({
+    status: p
+  }) => p === "pending")?.length ?? 0, d = i && o !== void 0 ? l(i.total_amount_with_credit_notes * o, i.currency) : void 0;
+  return /* @__PURE__ */ f(b, { open: a && !!i.id, title: e._("Cancel Recurring Invoice"), confirmLabel: e._("Cancel recurrence"), cancelLabel: e._("Close"), onClose: r, onConfirm: () => m(void 0, {
+    onSuccess: r
+  }), isLoading: u, children: [
+    /* @__PURE__ */ n("span", { className: "ttw:inline-block", children: e._("Are you sure you want to cancel this recurring invoice?") }),
+    /* @__PURE__ */ n("span", { className: "ttw:inline-block", children: e._("All future iterations of this invoice will be canceled.") }),
+    i && o !== void 0 && /* @__PURE__ */ n("span", { className: "ttw:inline-block", children: /* @__PURE__ */ n(h, { id: "ZYrFPL", values: {
+      0: o === 1 ? e._("invoice") : e._("invoices"),
+      totalPendingInvoices: o,
+      pendingInvoicesTotalAmountWithCreditNotes: d
+    }, components: {
+      0: /* @__PURE__ */ n("strong", {}),
+      1: /* @__PURE__ */ n("strong", {})
+    } }) }),
+    /* @__PURE__ */ n("span", { className: "ttw:inline-block", children: e._("This action can't be undone.") })
+  ] });
+};
 export {
-  c as ApprovalRequestStatusChip
+  $ as RecurrenceCancelModal
 };

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

@@ -1,62 +1,44 @@
-import { jsxs as d, jsx as e } from "@emotion/react/jsx-runtime";
-import { useState as c } from "react";
-import "./index59.js";
-import "@tanstack/react-query";
-import "date-fns";
-import { useEntityUserByAuthToken as p } from "./index77.js";
-import "react-hot-toast";
-import { useLingui as s } from "@lingui/react";
-import u from "@mui/icons-material/CheckCircleOutlineRounded";
-import f from "@mui/icons-material/HighlightOffRounded";
-import { Stack as m, IconButton as a } from "@mui/material";
-const C = ({
-  id: o,
-  onClick: t
-}) => {
+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: r
-  } = s(), [i, n] = c(!1);
-  return /* @__PURE__ */ e(a, { "aria-label": r._("Approve request"), color: "success", disabled: i, onClick: (l) => {
-    l.preventDefault(), n(!0), t({
-      id: o,
-      action: "approve"
-    })?.finally(() => n(!1));
-  }, children: /* @__PURE__ */ e(u, {}) });
-}, k = ({
-  id: o,
-  onClick: t
-}) => {
-  const {
-    i18n: r
-  } = s(), [i, n] = c(!1);
-  return /* @__PURE__ */ e(a, { "aria-label": r._("Reject request"), color: "error", disabled: i, onClick: (l) => {
-    l.preventDefault(), n(!0), t({
-      id: o,
-      action: "reject"
-    })?.finally(() => n(!1));
-  }, children: /* @__PURE__ */ e(f, {}) });
-}, q = (o) => {
-  const {
-    i18n: t
-  } = s(), {
-    data: r
-  } = p();
-  if ("onRowActionClick" in o && o.onRowActionClick)
-    return {
-      field: "actions",
-      headerName: t._("Actions"),
-      sortable: !1,
-      display: "flex",
-      align: "right",
-      renderCell: (i) => {
-        if (i.row.status === "waiting" && r?.id && i.row.user_ids.includes(r.id) && !i.row.approved_by?.includes(r.id))
-          return /* @__PURE__ */ d(m, { direction: "row", children: [
-            /* @__PURE__ */ e(C, { id: i.row.id, onClick: o.onRowActionClick }),
-            /* @__PURE__ */ e(k, { id: i.row.id, onClick: o.onRowActionClick })
-          ] });
+    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 {
-  q as useApprovalRequestActionsCell
+  v as useCreateReceivablePaymentLink
 };

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

@@ -1,22 +1,19 @@
-import { jsx as t } from "@emotion/react/jsx-runtime";
-import "./index59.js";
-import "@tanstack/react-query";
-import "date-fns";
-import { useEntityUserById as e } from "./index77.js";
-import "react";
-import "react-hot-toast";
-import "@lingui/react";
-import { UserAvatar as m } from "./index405.js";
-import { Chip as i, Skeleton as n } from "@mui/material";
-const y = ({
-  entityUserId: o
-}) => {
-  const {
-    data: r,
-    isLoading: a
-  } = e(o);
-  return r ? a ? /* @__PURE__ */ t(i, { label: /* @__PURE__ */ t(n, { variant: "rounded", height: "50%", width: 100, animation: "wave" }) }) : /* @__PURE__ */ t(i, { avatar: /* @__PURE__ */ t(m, { fileId: r.userpic_file_id }), label: `${r.first_name ?? ""} ${r.last_name ?? ""}`.trim() || "—", variant: "outlined", color: "secondary" }) : null;
-};
+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 {
-  y as UserCell
+  d as InvoiceDetailsInfoBlock
 };

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

@@ -1,24 +1,63 @@
-import { jsx as p } from "@emotion/react/jsx-runtime";
-import { useTheme as i, Box as n } from "@mui/material";
-const d = ({
-  children: a,
-  shouldApplyFinanceStyles: r = !1
+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 "./index184.js";
+import { twMerge as b } from "tailwind-merge";
+import { useGetPaymentRecords as g } from "./index301.js";
+import { useGetReceivables as h } from "./index145.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 e = i();
-  return /* @__PURE__ */ p(n, { sx: {
-    background: `linear-gradient(180deg, ${e.palette.primary.light} 0%, ${e.palette.background.paper} 100%)`,
-    display: "flex",
-    flexDirection: "column",
-    gap: 1,
-    px: 3,
-    py: r ? 3 : 2.5,
-    width: "100%",
-    minHeight: "auto",
-    borderRadius: "16px",
-    boxShadow: "0 16px 24px 0 rgba(0, 0, 0, 0.02)",
-    border: r ? "none" : `1px solid ${e.palette.divider}`
-  }, children: a });
+  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 {
-  d as FinanceBannerWrapper
+  S as InvoiceDetailsSummary
 };

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

@@ -1,20 +1,15 @@
-import { jsxs as n, Fragment as i, jsx as o } from "@emotion/react/jsx-runtime";
-import { useState as t } from "react";
-import { Dialog as s } from "./index52.js";
-import { FinanceFaqDetails as l } from "./index304.js";
-const d = ({
-  children: e
-}) => {
-  const [a, r] = t(!1);
-  return /* @__PURE__ */ n(i, { children: [
-    e({
-      openModal: () => {
-        r(!0);
-      }
-    }),
-    /* @__PURE__ */ o(s, { open: a, onClose: () => r(!1), alignDialog: "right", children: /* @__PURE__ */ o(l, {}) })
-  ] });
+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");
+  }
 };
 export {
-  d as FinanceFaqWrapper
+  r as getTypeLabel
 };

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

@@ -1,21 +1,96 @@
-import { jsx as e } from "@emotion/react/jsx-runtime";
-import { useTheme as s, Box as o } from "@mui/material";
-const d = ({
-  progress: i
+import { jsxs as n, Fragment as g, jsx as r } from "@emotion/react/jsx-runtime";
+import { getCreateRecurrenceValidationSchema as b } from "./index174.js";
+import { useUpdateRecurrenceById as x } from "./index392.js";
+import { InvoiceDetailsInfoBlock as c } from "./index294.js";
+import { InvoiceRecurrenceStatusChip as y } from "./index141.js";
+import { RecurrenceFormContent as S } from "./index393.js";
+import { Button as o } from "./index86.js";
+import { Form as N } from "./index335.js";
+import { Sheet as C, SheetContent as j, SheetHeader as D, SheetTitle as R, SheetDescription as F, SheetFooter as I } from "./index167.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: h,
+  openInvoiceDetails: l,
+  isCreatedFromRecurrence: i
 }) => {
-  const r = s();
-  return /* @__PURE__ */ e(o, { sx: {
-    backgroundColor: r.palette.divider,
-    width: "100%",
-    height: "6px",
-    borderRadius: 0.5
-  }, children: /* @__PURE__ */ e(o, { sx: {
-    backgroundColor: r.palette.primary.main,
-    width: `${i}%`,
-    height: "6px",
-    borderRadius: 0.5
-  } }) });
+  const {
+    i18n: e
+  } = k(), [m, s] = q(!1), u = new Date(t?.start_date).getDate(), _ = 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: `${_.length} / ${t?.iterations.length} ${e._("issued")}`, onClick: () => {
+          i && l?.(t?.invoice_id), h("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 {
-  d as FinanceProgressBar
+  X as InvoiceDetailsOverviewRecurrenceSection
 };