@tesouro/embedded-components-react 0.2.5 → 0.2.6

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

@@ -1,16 +1,52 @@
-import { useMoniteContext as o } from "./index59.js";
-const s = (e) => {
+import { useEffect as m, useMemo as f } from "react";
+import { useMoniteContext as k } from "./index59.js";
+const p = 100, h = (s, g = !0) => {
   const {
-    api: t
-  } = o();
-  return t.finops.getPaymentRecords.useQuery({
+    api: u
+  } = k(), e = u.embeddedBanking.getBankAccounts.useInfiniteQuery({
     query: {
-      object_id: e ?? ""
+      ...s,
+      limit: p
     }
   }, {
-    enabled: !!e
-  });
+    initialPageParam: {
+      query: {
+        pagination_token: void 0
+      }
+    },
+    getNextPageParam: (a, P, x, d) => {
+      const t = a.nextPaginationToken ?? void 0;
+      if (!(!t || d.some((c) => c?.query?.pagination_token === t)))
+        return {
+          query: {
+            pagination_token: t
+          }
+        };
+    },
+    enabled: g
+  }), {
+    hasNextPage: n,
+    isFetchingNextPage: i,
+    isError: o,
+    fetchNextPage: r
+  } = e;
+  return m(() => {
+    n && !i && !o && r();
+  }, [n, i, o, r]), {
+    data: f(() => {
+      if (e.data)
+        return {
+          data: e.data.pages.flatMap((a) => a.data ?? []),
+          nextPaginationToken: null,
+          prevPaginationToken: null
+        };
+    }, [e.data]),
+    isLoading: e.isLoading,
+    isFetching: e.isFetching,
+    isError: e.isError,
+    error: e.error
+  };
 };
 export {
-  s as useGetPaymentRecords
+  h as useGetEmbeddedBankAccounts
 };

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

@@ -1,41 +1,52 @@
-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 { useEffect as m, useMemo as p } from "react";
+import { useMoniteContext as k } from "./index59.js";
+const l = 100, h = (s, g = !0) => {
+  const {
+    api: u
+  } = k(), e = u.embeddedBanking.getExternalBankAccounts.useInfiniteQuery({
+    query: {
+      ...s,
+      limit: l
+    }
+  }, {
+    initialPageParam: {
+      query: {
+        pagination_token: void 0
+      }
+    },
+    getNextPageParam: (a, x, P, d) => {
+      const t = a.nextPaginationToken ?? void 0;
+      if (!(!t || d.some((c) => c?.query?.pagination_token === t)))
+        return {
+          query: {
+            pagination_token: t
+          }
+        };
+    },
+    enabled: g
+  }), {
+    hasNextPage: n,
+    isFetchingNextPage: i,
+    isError: r,
+    fetchNextPage: o
+  } = e;
+  return m(() => {
+    n && !i && !r && o();
+  }, [n, i, r, o]), {
+    data: p(() => {
+      if (e.data)
+        return {
+          data: e.data.pages.flatMap((a) => a.data ?? []),
+          nextPaginationToken: null,
+          prevPaginationToken: null
+        };
+    }, [e.data]),
+    isLoading: e.isLoading,
+    isFetching: e.isFetching,
+    isError: e.isError,
+    error: e.error
+  };
 };
 export {
-  e as getPaymentMethodName
+  h as useGetExternalBankAccounts
 };

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

@@ -1,45 +1,209 @@
-import { jsx as i } from "@emotion/react/jsx-runtime";
-import { getCommonRecurrenceIterationStatusLabel as w } from "./index292.js";
-import "date-fns";
-import { Badge as s } from "./index293.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"
+import { jsx as e, jsxs as n, Fragment as y } from "@emotion/react/jsx-runtime";
+import { ReminderFormLayout as S } from "./index439.js";
+import { getBeforeDueDateValidationSchema as Q } from "./index185.js";
+import { useMoniteContext as T } from "./index59.js";
+import { getAPIErrorMessage as $ } from "./index121.js";
+import { DropdownMenu as U, DropdownMenuTrigger as V, DropdownMenuContent as A, DropdownMenuItem as N } from "./index152.js";
+import { LoadingPage as H } from "./index199.js";
+import { NotFound as M } from "./index154.js";
+import { zodResolver as G } from "@hookform/resolvers/zod";
+import { useLingui as k } from "@lingui/react";
+import { ChevronDown as J } from "lucide-react";
+import { useId as K } from "react";
+import { useForm as O, Controller as o } from "react-hook-form";
+import { toast as v } from "react-hot-toast";
+import { Button as R } from "./index86.js";
+import { Field as s, FieldContent as u, FieldLabel as c, FieldError as _ } from "./index222.js";
+import { Input as f } from "./index123.js";
+import { Label as x } from "./index265.js";
+import { SheetHeader as W, SheetTitle as X, SheetDescription as Y, SheetFooter as Z } from "./index146.js";
+import { Textarea as j } from "./index124.js";
+import { Typography as P } from "./index87.js";
+const Ce = ({
+  reminderId: d,
+  ...m
+}) => {
+  const {
+    i18n: t
+  } = k(), {
+    api: l
+  } = T(), {
+    data: h,
+    error: b,
+    isError: w,
+    isLoading: a
+  } = l.finops.getPaymentRemindersId.useQuery({
+    path: {
+      payment_reminder_id: d || ""
     }
-  }
-}), z = ({
-  status: t,
-  className: o,
-  showBadgeBackground: e = !0,
-  dotSize: d,
-  ref: a
+  }, {
+    enabled: !!d
+  });
+  return a ? /* @__PURE__ */ e(H, {}) : w ? /* @__PURE__ */ e(M, { title: t._("Payment reminder error"), description: $(t, b) }) : d && !h ? /* @__PURE__ */ e(M, { title: t._("Reminder not found"), description: t._("There is no reminder by provided id: {id}", {
+    id: d
+  }) }) : /* @__PURE__ */ e(ee, { reminder: h, ...m });
+}, ee = ({
+  reminder: d,
+  ...m
 }) => {
   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) });
+    i18n: t
+  } = k(), {
+    api: l,
+    queryClient: h
+  } = T(), b = {
+    days_before: 1,
+    body: "",
+    subject: ""
+  }, w = O({
+    resolver: G(Q(t)),
+    defaultValues: {
+      name: d?.name ?? "",
+      term_1_reminder: d?.term_1_reminder ?? void 0,
+      term_2_reminder: d?.term_2_reminder ?? void 0,
+      term_final_reminder: d?.term_final_reminder ?? void 0
+    }
+  }), {
+    control: a,
+    handleSubmit: z,
+    setValue: p,
+    watch: E
+  } = w, [g, C, D] = E(["term_1_reminder", "term_2_reminder", "term_final_reminder"]), B = `Monite-Form-createBeforeDueDateReminder-${K()}`, q = l.finops.postPaymentReminders.useMutation(void 0, {
+    onSuccess: async (r) => {
+      await l.finops.getPaymentReminders.invalidateQueries(h), v.success(t._("Reminder has been created")), "onCreate" in m && m.onCreate?.(r.id);
+    },
+    onError: (r) => {
+      v.error($(t, r));
+    }
+  }), L = l.finops.patchPaymentRemindersId.useMutation({
+    path: {
+      payment_reminder_id: d?.id ?? ""
+    }
+  }, {
+    onSuccess: async (r) => {
+      l.finops.getPaymentRemindersId.setQueryData({
+        path: {
+          payment_reminder_id: r.id
+        }
+      }, r, h), await l.finops.getPaymentReminders.invalidateQueries(h), v.success(t._("Reminder has been updated")), "onUpdate" in m && m.onUpdate?.(r.id);
+    },
+    onError: (r) => {
+      v.error($(t, r));
+    }
+  }), I = d ? t._('Update "Before due date" reminder') : t._('Create "Before due date" reminder'), F = t._("For this reminder to be sent for your invoice, please make sure to set payment terms that include a discount");
+  return /* @__PURE__ */ n(y, { children: [
+    /* @__PURE__ */ n(W, { className: "ttw:border-b ttw:border-border", children: [
+      /* @__PURE__ */ e(X, { className: "ttw:text-xl", children: I }),
+      /* @__PURE__ */ e(Y, { hidden: !0, children: I })
+    ] }),
+    /* @__PURE__ */ e("div", { className: "ttw:flex ttw:flex-1 ttw:flex-col ttw:overflow-y-auto ttw:p-8", children: /* @__PURE__ */ e("form", { id: B, noValidate: !0, onSubmit: z((r) => d ? L.mutate(r) : q.mutate({
+      body: r
+    })), children: /* @__PURE__ */ n("div", { className: "ttw:flex ttw:flex-col ttw:gap-6", children: [
+      /* @__PURE__ */ e(o, { name: "name", control: a, render: ({
+        field: r,
+        fieldState: {
+          error: i
+        }
+      }) => /* @__PURE__ */ e(s, { children: /* @__PURE__ */ n(u, { children: [
+        /* @__PURE__ */ e(c, { htmlFor: r.name, required: !0, children: t._("Preset name") }),
+        /* @__PURE__ */ e(f, { ...r, id: r.name, value: r.value ?? "", "aria-invalid": !!i }),
+        /* @__PURE__ */ e(_, { errors: i ? [i] : [] })
+      ] }) }) }),
+      !!D && /* @__PURE__ */ e(S, { title: t._("Due date"), subTitle: F, daysBefore: /* @__PURE__ */ n(y, { children: [
+        /* @__PURE__ */ e(x, { htmlFor: "term_final_reminder.days_before", children: t._("Remind") }),
+        /* @__PURE__ */ e(o, { name: "term_final_reminder.days_before", control: a, render: ({
+          field: r
+        }) => /* @__PURE__ */ e(f, { id: "term_final_reminder.days_before", type: "number", value: r.value ?? "", onChange: (i) => r.onChange(i.target.value === "" ? void 0 : Number(i.target.value)), min: 1, className: "ttw:w-15" }) }),
+        /* @__PURE__ */ e(P, { variant: "body1", color: "muted", children: t._("days before due date") })
+      ] }), subject: /* @__PURE__ */ e(o, { name: "term_final_reminder.subject", control: a, render: ({
+        field: r,
+        fieldState: {
+          error: i
+        }
+      }) => /* @__PURE__ */ e(s, { children: /* @__PURE__ */ n(u, { children: [
+        /* @__PURE__ */ e(c, { htmlFor: r.name, required: !0, children: t._("Subject") }),
+        /* @__PURE__ */ e(f, { ...r, id: r.name, value: r.value ?? "", "aria-invalid": !!i }),
+        /* @__PURE__ */ e(_, { errors: i ? [i] : [] })
+      ] }) }) }), body: /* @__PURE__ */ e(o, { name: "term_final_reminder.body", control: a, render: ({
+        field: r,
+        fieldState: {
+          error: i
+        }
+      }) => /* @__PURE__ */ e(s, { children: /* @__PURE__ */ n(u, { children: [
+        /* @__PURE__ */ e(c, { htmlFor: r.name, required: !0, children: t._("Body") }),
+        /* @__PURE__ */ e(j, { ...r, id: r.name, value: r.value ?? "", className: "ttw:h-32 ttw:resize-none", "aria-invalid": !!i }),
+        /* @__PURE__ */ e(_, { errors: i ? [i] : [] })
+      ] }) }) }), onDelete: () => p("term_final_reminder", void 0) }),
+      !!g && /* @__PURE__ */ e(S, { title: t._("Discount date 1"), subTitle: F, daysBefore: /* @__PURE__ */ n(y, { children: [
+        /* @__PURE__ */ e(x, { htmlFor: "term_1_reminder.days_before", children: t._("Remind") }),
+        /* @__PURE__ */ e(o, { name: "term_1_reminder.days_before", control: a, render: ({
+          field: r
+        }) => /* @__PURE__ */ e(f, { id: "term_1_reminder.days_before", type: "number", value: r.value ?? "", onChange: (i) => r.onChange(i.target.value === "" ? void 0 : Number(i.target.value)), min: 1, className: "ttw:w-15" }) }),
+        /* @__PURE__ */ e(P, { variant: "body1", color: "muted", children: t._("days before discount date 1") })
+      ] }), subject: /* @__PURE__ */ e(o, { name: "term_1_reminder.subject", control: a, render: ({
+        field: r,
+        fieldState: {
+          error: i
+        }
+      }) => /* @__PURE__ */ e(s, { children: /* @__PURE__ */ n(u, { children: [
+        /* @__PURE__ */ e(c, { htmlFor: r.name, required: !0, children: t._("Subject") }),
+        /* @__PURE__ */ e(f, { ...r, id: r.name, value: r.value ?? "", "aria-invalid": !!i }),
+        /* @__PURE__ */ e(_, { errors: i ? [i] : [] })
+      ] }) }) }), body: /* @__PURE__ */ e(o, { name: "term_1_reminder.body", control: a, render: ({
+        field: r,
+        fieldState: {
+          error: i
+        }
+      }) => /* @__PURE__ */ e(s, { children: /* @__PURE__ */ n(u, { children: [
+        /* @__PURE__ */ e(c, { htmlFor: r.name, required: !0, children: t._("Body") }),
+        /* @__PURE__ */ e(j, { ...r, id: r.name, value: r.value ?? "", className: "ttw:h-32 ttw:resize-none", "aria-invalid": !!i }),
+        /* @__PURE__ */ e(_, { errors: i ? [i] : [] })
+      ] }) }) }), onDelete: () => p("term_1_reminder", void 0) }),
+      !!C && /* @__PURE__ */ e(S, { title: t._("Discount date 2"), subTitle: F, daysBefore: /* @__PURE__ */ n(y, { children: [
+        /* @__PURE__ */ e(x, { htmlFor: "term_2_reminder.days_before", children: t._("Remind") }),
+        /* @__PURE__ */ e(o, { name: "term_2_reminder.days_before", control: a, render: ({
+          field: r
+        }) => /* @__PURE__ */ e(f, { id: "term_2_reminder.days_before", type: "number", value: r.value ?? "", onChange: (i) => r.onChange(i.target.value === "" ? void 0 : Number(i.target.value)), min: 1, className: "ttw:w-15" }) }),
+        /* @__PURE__ */ e(P, { variant: "body1", color: "muted", children: t._("days before discount date 2") })
+      ] }), subject: /* @__PURE__ */ e(o, { name: "term_2_reminder.subject", control: a, render: ({
+        field: r,
+        fieldState: {
+          error: i
+        }
+      }) => /* @__PURE__ */ e(s, { children: /* @__PURE__ */ n(u, { children: [
+        /* @__PURE__ */ e(c, { htmlFor: r.name, required: !0, children: t._("Subject") }),
+        /* @__PURE__ */ e(f, { ...r, id: r.name, value: r.value ?? "", "aria-invalid": !!i }),
+        /* @__PURE__ */ e(_, { errors: i ? [i] : [] })
+      ] }) }) }), body: /* @__PURE__ */ e(o, { name: "term_2_reminder.body", control: a, render: ({
+        field: r,
+        fieldState: {
+          error: i
+        }
+      }) => /* @__PURE__ */ e(s, { children: /* @__PURE__ */ n(u, { children: [
+        /* @__PURE__ */ e(c, { htmlFor: r.name, required: !0, children: t._("Body") }),
+        /* @__PURE__ */ e(j, { ...r, id: r.name, value: r.value ?? "", className: "ttw:h-32 ttw:resize-none", "aria-invalid": !!i }),
+        /* @__PURE__ */ e(_, { errors: i ? [i] : [] })
+      ] }) }) }), onDelete: () => p("term_2_reminder", void 0) }),
+      !(D && g && C) && /* @__PURE__ */ n(U, { children: [
+        /* @__PURE__ */ e(V, { asChild: !0, children: /* @__PURE__ */ n(R, { type: "button", className: "ttw:self-start", children: [
+          t._("Add reminder"),
+          /* @__PURE__ */ e(J, {})
+        ] }) }),
+        /* @__PURE__ */ n(A, { align: "start", children: [
+          !D && /* @__PURE__ */ e(N, { onClick: () => p("term_final_reminder", b), children: t._("Due date") }),
+          !g && /* @__PURE__ */ e(N, { onClick: () => p("term_1_reminder", b), children: t._("Discount date 1") }),
+          !C && /* @__PURE__ */ e(N, { onClick: () => p("term_2_reminder", b), children: t._("Discount date 2") })
+        ] })
+      ] })
+    ] }) }) }),
+    /* @__PURE__ */ n(Z, { className: "ttw:border-t ttw:border-border ttw:flex-row ttw:justify-end", children: [
+      m?.onClose && /* @__PURE__ */ e(R, { type: "button", variant: "ghost", className: "ttw:text-primary ttw:hover:text-primary", onClick: (r) => {
+        r.preventDefault(), m?.onClose?.();
+      }, children: t._("Cancel") }),
+      /* @__PURE__ */ e(R, { type: "submit", form: B, disabled: q.isPending, children: d ? t._("Update") : t._("Create") })
+    ] })
+  ] });
 };
 export {
-  z as InvoiceRecurrenceIterationStatusChip
+  Ce as BeforeDueDateReminderForm
 };

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

@@ -1,69 +1,164 @@
-import { jsxs as r, jsx as e, Fragment as T } from "@emotion/react/jsx-runtime";
-import { MeasureUnitsFormRow as f } from "./index424.js";
-import { ConfirmDeleteMeasureUnitDialog as G } from "./index425.js";
-import { TableActions as j } from "./index426.js";
-import { Table as A, TableHeader as E, TableRow as h, TableHead as l, TableBody as I, TableCell as d } from "./index296.js";
-import { useLingui as S } from "@lingui/react";
-import { Loader2 as b, Search as _ } from "lucide-react";
-import { useState as m, useCallback as w } from "react";
-import "./index59.js";
-import "react-hot-toast";
-import { useGetMeasureUnits as y } from "./index223.js";
-import { useDeleteMeasureUnit as z } from "./index421.js";
-import { InputGroup as F, InputGroupAddon as H, InputGroupInput as k } from "./index103.js";
-import { useDebounceCallback as R } from "./index67.js";
-const at = () => {
+import { jsx as e, jsxs as d, Fragment as N } from "@emotion/react/jsx-runtime";
+import { ReminderFormLayout as M } from "./index439.js";
+import { getOverdueValidationSchema as P } from "./index185.js";
+import { useMoniteContext as j } from "./index59.js";
+import { getAPIErrorMessage as $ } from "./index121.js";
+import { LoadingPage as D } from "./index199.js";
+import { NotFound as O } from "./index154.js";
+import { zodResolver as E } from "@hookform/resolvers/zod";
+import { useLingui as A } from "@lingui/react";
+import { Plus as T, TriangleAlert as k } from "lucide-react";
+import { useId as q } from "react";
+import { useForm as Q, useFieldArray as U, Controller as p } from "react-hook-form";
+import { toast as f } from "react-hot-toast";
+import { Alert as V, AlertDescription as z } from "./index200.js";
+import { Button as v } from "./index86.js";
+import { Field as b, FieldContent as y, FieldLabel as _, FieldError as g } from "./index222.js";
+import { Input as w } from "./index123.js";
+import { Label as B } from "./index265.js";
+import { SheetHeader as H, SheetTitle as Y, SheetDescription as G, SheetFooter as J } from "./index146.js";
+import { Textarea as K } from "./index124.js";
+import { Typography as W } from "./index87.js";
+const ge = ({
+  reminderId: a,
+  ...n
+}) => {
   const {
-    i18n: i
-  } = S(), [g, s] = m(null), [a, c] = m(null), x = !!a, [u, N] = m(""), {
-    data: C,
-    isLoading: M
-  } = y(), n = z(a?.name), $ = R((t) => {
-    N(t);
-  }, 500), D = C?.data?.filter((t) => t.name.toLowerCase().includes(u.toLowerCase()) || t.description && t.description.toLowerCase().includes(u.toLowerCase())) || [], L = w((t) => {
-    c(t);
-  }, []), o = w(() => {
-    c(null);
-  }, []), U = w(() => {
-    a && n.mutate({
-      path: {
-        unit_id: a.id
-      }
-    }, {
-      onSuccess: () => o()
-    });
-  }, [n, a, o]), p = n.isPending, v = () => {
-    s(null);
-  };
-  return /* @__PURE__ */ r("div", { className: "ttw:flex ttw:flex-col ttw:gap-4 ttw:h-full ttw:relative", children: [
-    M ? /* @__PURE__ */ e("div", { className: "ttw:flex ttw:justify-center ttw:items-center ttw:h-full", children: /* @__PURE__ */ e(b, { className: "ttw:size-10 ttw:animate-spin ttw:text-muted-foreground" }) }) : /* @__PURE__ */ r(T, { children: [
-      p && /* @__PURE__ */ e("div", { className: "ttw:absolute ttw:inset-0 ttw:bg-white/70 ttw:flex ttw:justify-center ttw:items-center ttw:z-10", children: /* @__PURE__ */ e(b, { className: "ttw:size-10 ttw:animate-spin ttw:text-muted-foreground" }) }),
-      /* @__PURE__ */ r(F, { children: [
-        /* @__PURE__ */ e(H, { align: "inline-start", children: /* @__PURE__ */ e(_, {}) }),
-        /* @__PURE__ */ e(k, { placeholder: i._("Search"), onChange: (t) => $(t.target.value) })
-      ] }),
-      /* @__PURE__ */ r(A, { className: "ttw:table-fixed ttw:border ttw:border-border ttw:rounded-md", children: [
-        /* @__PURE__ */ e(E, { children: /* @__PURE__ */ r(h, { className: "ttw:hover:bg-transparent ttw:border-border", children: [
-          /* @__PURE__ */ e(l, { className: "ttw:w-[35%]", children: i._("Unit label") }),
-          /* @__PURE__ */ e(l, { className: "ttw:w-[55%]", children: i._("Description (optional)") }),
-          /* @__PURE__ */ e(l, { className: "ttw:w-[10%]" })
-        ] }) }),
-        /* @__PURE__ */ r(I, { children: [
-          /* @__PURE__ */ e(f, { isEditMode: !1 }),
-          D.map((t) => g?.id === t.id ? /* @__PURE__ */ e(f, { isEditMode: !0, initialValues: t, onCancel: v, onEdit: () => s(null), id: t.id }, t.id) : /* @__PURE__ */ r(h, { className: "ttw:border-border", children: [
-            /* @__PURE__ */ e(d, { className: "ttw:w-[35%] ttw:text-sm ttw:truncate", children: t.name }),
-            /* @__PURE__ */ e(d, { className: "ttw:w-[55%] ttw:text-sm ttw:text-muted-foreground ttw:truncate", children: t.description || "—" }),
-            /* @__PURE__ */ e(d, { className: "ttw:w-[10%]", children: /* @__PURE__ */ e(j, { permissions: {
-              isUpdateAllowed: !0,
-              isDeleteAllowed: !0
-            }, onEdit: () => s(t), onDelete: () => L(t) }) })
-          ] }, t.id))
-        ] })
-      ] })
+    i18n: r
+  } = A(), {
+    api: m
+  } = j(), {
+    data: u,
+    error: l,
+    isError: h,
+    isLoading: c
+  } = m.finops.getOverdueRemindersId.useQuery({
+    path: {
+      overdue_reminder_id: a || ""
+    }
+  }, {
+    enabled: !!a
+  });
+  return c ? /* @__PURE__ */ e(D, {}) : h ? /* @__PURE__ */ e(O, { title: r._("Overdue reminder error"), description: $(r, l) }) : a && !u ? /* @__PURE__ */ e(O, { title: r._("Reminder not found"), description: r._("There is no reminder by provided id: {id}", {
+    id: a
+  }) }) : /* @__PURE__ */ e(X, { ...n, reminder: u });
+}, X = ({
+  reminder: a,
+  ...n
+}) => {
+  const {
+    i18n: r
+  } = A(), {
+    api: m,
+    queryClient: u
+  } = j(), {
+    control: l,
+    handleSubmit: h,
+    formState: c
+  } = Q({
+    resolver: E(P(r)),
+    defaultValues: {
+      name: a?.name ?? "",
+      terms: a?.terms ?? []
+    }
+  }), {
+    fields: F,
+    append: I,
+    remove: L
+  } = U({
+    control: l,
+    name: "terms",
+    rules: {
+      maxLength: 3
+    }
+  }), x = `Monite-Form-createOverdueReminder-${q()}`, R = m.finops.postOverdueReminders.useMutation(void 0, {
+    onSuccess: async (t) => {
+      await m.finops.getOverdueReminders.invalidateQueries(u), f.success(r._("Reminder has been created")), "onCreate" in n && n.onCreate?.(t.id);
+    },
+    onError: (t) => {
+      f.error($(r, t));
+    }
+  }), S = m.finops.patchOverdueRemindersId.useMutation({
+    path: {
+      overdue_reminder_id: a?.id ?? ""
+    }
+  }, {
+    onSuccess: async (t) => {
+      m.finops.getOverdueRemindersId.setQueryData({
+        path: {
+          overdue_reminder_id: t.id
+        }
+      }, t, u), await m.finops.getOverdueReminders.invalidateQueries(u), f.success(r._("Reminder has been updated")), "onUpdate" in n && n.onUpdate?.(t.id);
+    },
+    onError: (t) => {
+      f.error($(r, t));
+    }
+  }), C = a ? r._('Update "Overdue" reminder') : r._('Create "Overdue" reminder');
+  return /* @__PURE__ */ d(N, { children: [
+    /* @__PURE__ */ d(H, { className: "ttw:border-b ttw:border-border", children: [
+      /* @__PURE__ */ e(Y, { className: "ttw:text-xl", children: C }),
+      /* @__PURE__ */ e(G, { hidden: !0, children: C })
     ] }),
-    /* @__PURE__ */ e(G, { open: x, id: a?.id, name: a?.name || "", isLoading: p, onClose: o, onDelete: U })
+    /* @__PURE__ */ e("div", { className: "ttw:flex ttw:flex-1 ttw:flex-col ttw:overflow-y-auto ttw:p-8", children: /* @__PURE__ */ d("form", { id: x, noValidate: !0, onSubmit: h((t) => a ? S.mutate(t) : R.mutate({
+      body: t
+    })), children: [
+      /* @__PURE__ */ d("div", { className: "ttw:flex ttw:flex-col ttw:gap-6", children: [
+        /* @__PURE__ */ e(p, { name: "name", control: l, render: ({
+          field: t,
+          fieldState: {
+            error: i
+          }
+        }) => /* @__PURE__ */ e(b, { children: /* @__PURE__ */ d(y, { children: [
+          /* @__PURE__ */ e(_, { htmlFor: t.name, required: !0, children: r._("Preset name") }),
+          /* @__PURE__ */ e(w, { ...t, id: t.name, value: t.value ?? "", "aria-invalid": !!i }),
+          /* @__PURE__ */ e(g, { errors: i ? [i] : [] })
+        ] }) }) }),
+        F.map((t, i) => /* @__PURE__ */ e(M, { title: r._("Reminder {number}", {
+          number: i + 1
+        }), daysBefore: /* @__PURE__ */ d(N, { children: [
+          /* @__PURE__ */ e(B, { htmlFor: `terms.${i}.days_after`, children: r._("Remind") }),
+          /* @__PURE__ */ e(p, { name: `terms.${i}.days_after`, control: l, render: ({
+            field: s
+          }) => /* @__PURE__ */ e(w, { id: `terms.${i}.days_after`, type: "number", value: s.value ?? "", onChange: (o) => s.onChange(o.target.value === "" ? void 0 : Number(o.target.value)), min: 1, className: "ttw:w-15" }) }),
+          /* @__PURE__ */ e(W, { variant: "body1", color: "muted", children: r._("days after due date") })
+        ] }), subject: /* @__PURE__ */ e(p, { name: `terms.${i}.subject`, control: l, render: ({
+          field: s,
+          fieldState: {
+            error: o
+          }
+        }) => /* @__PURE__ */ e(b, { children: /* @__PURE__ */ d(y, { children: [
+          /* @__PURE__ */ e(_, { htmlFor: `terms.${i}.subject`, required: !0, children: r._("Subject") }),
+          /* @__PURE__ */ e(w, { ...s, id: `terms.${i}.subject`, value: s.value ?? "", "aria-invalid": !!o }),
+          /* @__PURE__ */ e(g, { errors: o ? [o] : [] })
+        ] }) }) }), body: /* @__PURE__ */ e(p, { name: `terms.${i}.body`, control: l, render: ({
+          field: s,
+          fieldState: {
+            error: o
+          }
+        }) => /* @__PURE__ */ e(b, { children: /* @__PURE__ */ d(y, { children: [
+          /* @__PURE__ */ e(_, { htmlFor: `terms.${i}.body`, required: !0, children: r._("Body") }),
+          /* @__PURE__ */ e(K, { ...s, id: `terms.${i}.body`, value: s.value ?? "", className: "ttw:h-32 ttw:resize-none", "aria-invalid": !!o }),
+          /* @__PURE__ */ e(g, { errors: o ? [o] : [] })
+        ] }) }) }), onDelete: () => L(i) }, t.id)),
+        F.length < 3 && /* @__PURE__ */ d(v, { type: "button", className: "ttw:self-start", onClick: () => I({
+          days_after: 1,
+          subject: "",
+          body: ""
+        }), children: [
+          /* @__PURE__ */ e(T, {}),
+          r._("Add reminder")
+        ] })
+      ] }),
+      c.errors.terms?.message && /* @__PURE__ */ e(V, { variant: "error", icon: /* @__PURE__ */ e(k, {}), className: "ttw:mt-4", children: /* @__PURE__ */ e(z, { children: c.errors.terms.message }) })
+    ] }) }),
+    /* @__PURE__ */ d(J, { className: "ttw:border-t ttw:border-border ttw:flex-row ttw:justify-end", children: [
+      n?.onClose && /* @__PURE__ */ e(v, { type: "button", variant: "ghost", className: "ttw:text-primary ttw:hover:text-primary", onClick: (t) => {
+        t.preventDefault(), n?.onClose?.();
+      }, children: r._("Cancel") }),
+      /* @__PURE__ */ e(v, { type: "submit", form: x, disabled: R.isPending || S.isPending, children: a ? r._("Update") : r._("Create") })
+    ] })
   ] });
 };
 export {
-  at as ManageMeasureUnitsForm
+  ge as OverdueReminderForm
 };