@tesouro/embedded-components-react 0.2.46 → 0.2.48

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

@@ -1,34 +1,26 @@
-import { useRef as v, useState as s, useCallback as r, useEffect as M } from "react";
-const D = () => {
-  const t = v(null), [n, a] = s(!1), [u, o] = s(0), [f, c] = s(0), d = r((e) => {
-    a(!0), o(e.pageX - (t.current?.offsetLeft || 0)), c(t.current?.scrollLeft || 0);
-  }, []), h = r(() => {
-    a(!1);
-  }, []), i = r(() => {
-    a(!1);
-  }, []), L = r((e) => {
-    if (!n) return;
-    e.preventDefault();
-    const p = e.pageX - (t.current?.offsetLeft || 0) - u;
-    t.current && (t.current.scrollLeft = f - p);
-  }, [n, u, f]), l = r((e) => {
-    t.current && (e.deltaMode === 0 && Math.abs(e.deltaX) > Math.abs(e.deltaY) ? (e.preventDefault(), t.current.scrollLeft += e.deltaX * 2) : e.preventDefault());
-  }, []);
-  return M(() => {
-    const e = t.current;
-    if (e)
-      return e.addEventListener("wheel", l), () => {
-        e.removeEventListener("wheel", l);
-      };
-  }, [l]), {
-    containerRef: t,
-    handleMouseDown: d,
-    handleMouseLeave: h,
-    handleMouseUp: i,
-    handleMouseMove: L,
-    isDragging: n
-  };
+import { toast as o } from "react-hot-toast";
+import { useMoniteContext as n } from "./index59.js";
+import { useLingui as r } from "@lingui/react";
+const p = (i) => {
+  const {
+    api: t,
+    queryClient: s
+  } = n(), {
+    i18n: e
+  } = r();
+  return t.finops.deleteEntitiesIdLogo.useMutation({
+    path: {
+      entity_id: i
+    }
+  }, {
+    onSuccess: async () => {
+      await t.finops.getEntityUsersMyEntity.invalidateQueries(s), o.success(e._("Logo was removed."));
+    },
+    onError: () => {
+      o.error(e._("Failed to remove logo."));
+    }
+  });
 };
 export {
-  D as useDragScroll
+  p as useDeleteEntityLogo
 };

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

@@ -1,7 +1,52 @@
-const o = (e) => JSON.stringify(Object.entries(e).sort(([t], [a]) => t.localeCompare(a))), r = (e) => {
-  if (e)
-    return JSON.stringify(e.map(o).sort((t, a) => t.localeCompare(a)));
+import { jsx as t, jsxs as e, Fragment as c } from "@emotion/react/jsx-runtime";
+import { useEffect as f } from "react";
+import { useLingui as h } from "@lingui/react";
+import { X as g, CloudUpload as x, AlertCircle as N, CheckCircle2 as b } from "lucide-react";
+import { LoadingSpinner as y } from "./index140.js";
+import { Typography as l } from "./index87.js";
+import { twMerge as v } from "tailwind-merge";
+import { UploadBar as C } from "./index479.js";
+const U = ({
+  isUploading: o,
+  isSuccess: r,
+  isError: i,
+  isDraggingOver: d,
+  resetUpload: a,
+  fileName: m,
+  onClick: u
+}) => {
+  const {
+    i18n: s
+  } = h(), w = o || r || i;
+  function p() {
+    return i ? /* @__PURE__ */ t(N, { className: "ttw:size-5 ttw:text-danger" }) : r ? /* @__PURE__ */ t(b, { className: "ttw:size-5 ttw:text-success" }) : /* @__PURE__ */ t(y, { className: "ttw:w-5 ttw:h-5" });
+  }
+  return f(() => {
+    let n;
+    return r && (n = setTimeout(() => a(), 2e3)), () => clearTimeout(n);
+  }, [r, a]), /* @__PURE__ */ t("div", { className: v("ttw:w-full ttw:h-38 ttw:bg-white ttw:box-border ttw:transition-all ttw:flex ttw:flex-col ttw:items-center ttw:justify-center ttw:text-center ttw:gap-2 ttw:rounded-lg ttw:border ttw:px-4 ttw:py-6", d ? "ttw:border-solid ttw:border-primary" : "ttw:border-dashed ttw:border-border"), onClick: () => {
+    w || u();
+  }, children: w ? /* @__PURE__ */ e(c, { children: [
+    /* @__PURE__ */ e("div", { className: "ttw:flex ttw:gap-4 ttw:justify-center ttw:w-full", children: [
+      /* @__PURE__ */ e("div", { className: "ttw:flex ttw:gap-2 ttw:w-1/2 ttw:items-center", children: [
+        p(),
+        /* @__PURE__ */ t("span", { className: "ttw:w-full ttw:text-sm ttw:leading-5 ttw:text-medium ttw:text-neutral ttw:truncate", children: m })
+      ] }),
+      /* @__PURE__ */ e("div", { className: "ttw:flex ttw:gap-2 ttw:items-center", children: [
+        /* @__PURE__ */ t(C, { shouldStartProgress: o, isError: i, isSuccess: r }),
+        i && /* @__PURE__ */ t("button", { type: "button", disabled: o, onClick: a, className: "ttw:border-none ttw:cursor-pointer", children: /* @__PURE__ */ t(g, { className: "ttw:size-4" }) })
+      ] })
+    ] }),
+    i && /* @__PURE__ */ t(l, { variant: "body2", color: "destructive", className: "ttw:font-medium", children: s._("Wrong file format. Please, upload the file in JPEG, PNG or GIF format.") })
+  ] }) : /* @__PURE__ */ e(c, { children: [
+    /* @__PURE__ */ t("div", { className: "ttw:p-3 ttw:bg-primary ttw:rounded-full", children: /* @__PURE__ */ t(x, { className: "ttw:text-white ttw:size-5" }) }),
+    /* @__PURE__ */ e(l, { variant: "body2", className: "ttw:font-medium", children: [
+      s._("Drop your files here, or "),
+      /* @__PURE__ */ t("span", { className: "ttw:text-primary ttw:underline ttw:hover:cursor-pointer", children: s._("click to browse") })
+    ] }),
+    /* @__PURE__ */ t(l, { variant: "caption", color: "muted", children: s._("PNG, JPG or GIF (max. 10MB)") })
+  ] }) });
 };
 export {
-  r as getPayablesAnalyticsSnapshot
+  U as DragAndDropBox
 };

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

@@ -1,129 +1,13 @@
-import { startOfDay as c, startOfYear as r, subYears as m, endOfYear as s, startOfQuarter as o, subQuarters as b, endOfQuarter as u, subDays as a, startOfMonth as l, subMonths as d, endOfMonth as n, startOfWeek as _, subWeeks as i, endOfWeek as f, endOfDay as y } from "date-fns";
-const v = [{
-  value: "today",
-  label: "Today",
-  group: "Current"
-}, {
-  value: "this_week",
-  label: "This week",
-  group: "Current"
-}, {
-  value: "this_month",
-  label: "This month",
-  group: "Current"
-}, {
-  value: "this_quarter",
-  label: "This quarter",
-  group: "Current"
-}, {
-  value: "this_year",
-  label: "This year",
-  group: "Current"
-}, {
-  value: "yesterday",
-  label: "Yesterday",
-  group: "Past"
-}, {
-  value: "last_week",
-  label: "Last week",
-  group: "Past"
-}, {
-  value: "last_month",
-  label: "Last month",
-  group: "Past"
-}, {
-  value: "last_30_days",
-  label: "Last 30 days",
-  group: "Past"
-}, {
-  value: "last_90_days",
-  label: "Last 90 days",
-  group: "Past"
-}, {
-  value: "last_quarter",
-  label: "Last quarter",
-  group: "Past"
-}, {
-  value: "last_year",
-  label: "Last year",
-  group: "Past"
-}];
-function g(h) {
-  const e = c(/* @__PURE__ */ new Date());
-  switch (h) {
-    case "today":
-      return {
-        from: e,
-        to: y(e)
-      };
-    case "this_week":
-      return {
-        from: _(e),
-        to: f(e)
-      };
-    case "this_month":
-      return {
-        from: l(e),
-        to: n(e)
-      };
-    case "this_quarter":
-      return {
-        from: o(e),
-        to: u(e)
-      };
-    case "this_year":
-      return {
-        from: r(e),
-        to: s(e)
-      };
-    case "yesterday": {
-      const t = a(e, 1);
-      return {
-        from: t,
-        to: y(t)
-      };
-    }
-    case "last_week": {
-      const t = _(i(e, 1));
-      return {
-        from: t,
-        to: f(t)
-      };
-    }
-    case "last_month": {
-      const t = l(d(e, 1));
-      return {
-        from: t,
-        to: n(t)
-      };
-    }
-    case "last_30_days":
-      return {
-        from: a(e, 30),
-        to: e
-      };
-    case "last_90_days":
-      return {
-        from: a(e, 90),
-        to: e
-      };
-    case "last_quarter": {
-      const t = o(b(e, 1));
-      return {
-        from: t,
-        to: u(t)
-      };
-    }
-    case "last_year": {
-      const t = r(m(e, 1));
-      return {
-        from: t,
-        to: s(t)
-      };
-    }
-  }
+import { jsx as t } from "@emotion/react/jsx-runtime";
+import { Switch as a } from "radix-ui";
+import { cn as e } from "./index102.js";
+function o({
+  className: s,
+  size: r = "default",
+  ...i
+}) {
+  return /* @__PURE__ */ t(a.Root, { "data-slot": "switch", "data-size": r, className: e("ttw:peer ttw:group/switch ttw:inline-flex ttw:shrink-0 ttw:items-center ttw:rounded-full ttw:border ttw:border-transparent ttw:shadow-xs ttw:transition-all ttw:outline-none ttw:focus-visible:border-ring ttw:focus-visible:ring-[3px] ttw:focus-visible:ring-ring/50 ttw:disabled:cursor-not-allowed ttw:disabled:opacity-50 ttw:data-[size=default]:h-[1.15rem] ttw:data-[size=default]:w-8 ttw:data-[size=sm]:h-3.5 ttw:data-[size=sm]:w-6 ttw:data-[state=checked]:bg-primary ttw:data-[state=unchecked]:bg-input ttw:dark:data-[state=unchecked]:bg-input/80", s), ...i, children: /* @__PURE__ */ t(a.Thumb, { "data-slot": "switch-thumb", className: e("ttw:pointer-events-none ttw:block ttw:rounded-full ttw:bg-background ttw:ring-0 ttw:transition-transform ttw:group-data-[size=default]/switch:size-4 ttw:group-data-[size=sm]/switch:size-3 ttw:data-[state=checked]:translate-x-[calc(100%-2px)] ttw:data-[state=unchecked]:translate-x-0 ttw:dark:data-[state=checked]:bg-primary-foreground ttw:dark:data-[state=unchecked]:bg-foreground") }) });
 }
 export {
-  v as DATE_PRESETS,
-  g as resolveDatePreset
+  o as Switch
 };

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

@@ -1,19 +1,40 @@
-import { jsxs as i, jsx as a } from "@emotion/react/jsx-runtime";
-import { useLingui as s } from "@lingui/react";
-import { Badge as m } from "./index269.js";
-import { Typography as o } from "./index87.js";
-const f = ({
-  email: t,
-  isDefault: e
-}) => {
+import { useMoniteContext as c } from "./index59.js";
+import { getAPIErrorMessage as u } from "./index122.js";
+import { useLingui as p } from "@lingui/react";
+import { toast as i } from "react-hot-toast";
+const g = (a, n) => {
   const {
-    i18n: r
-  } = s();
-  return /* @__PURE__ */ i("div", { className: "ttw:flex ttw:items-center ttw:gap-2", children: [
-    /* @__PURE__ */ a(o, { variant: "body2", className: "ttw:max-w-62.5 ttw:truncate", title: t, children: t }),
-    e && /* @__PURE__ */ a(m, { variant: "secondary", children: r._("Default") })
-  ] });
+    api: e,
+    queryClient: s
+  } = c(), {
+    i18n: t
+  } = p();
+  return e.finops.patchRecurrencesId.useMutation({
+    path: {
+      recurrence_id: a
+    }
+  }, {
+    onError(r) {
+      i.error(u(t, r));
+    },
+    async onSuccess(r) {
+      e.finops.getRecurrencesId.setQueryData({
+        path: {
+          recurrence_id: r.id
+        }
+      }, (o) => ({
+        ...o,
+        ...r
+      }), s), await Promise.all([e.finops.getReceivablesId.invalidateQueries({
+        parameters: {
+          path: {
+            receivable_id: n
+          }
+        }
+      }, s), e.finops.getReceivables.invalidateQueries(s)]), i.success(t._("Recurrence has been updated"));
+    }
+  });
 };
 export {
-  f as DefaultEmail
+  g as useUpdateRecurrenceById
 };

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

@@ -1,14 +1,61 @@
-import { useMoniteContext as i } from "./index59.js";
-const s = (e) => {
+import { jsxs as a, jsx as t } from "@emotion/react/jsx-runtime";
+import { DatePicker as D } from "./index455.js";
+import { FormField as c, FormItem as i, FormLabel as u, FormControl as h, FormMessage as m } from "./index316.js";
+import { Select as p, SelectTrigger as F, SelectValue as M, SelectContent as S, SelectItem as g } from "./index318.js";
+import { useLingui as C } from "@lingui/react";
+import { useFormContext as N } from "react-hook-form";
+const $ = ({
+  isUpdate: n = !1
+}) => {
   const {
-    api: t
-  } = i();
-  return t.finops.postReceivablesIdPreview.useMutation({
-    path: {
-      receivable_id: e
-    }
-  });
+    control: s,
+    watch: w,
+    setValue: f
+  } = N(), {
+    i18n: r
+  } = C(), _ = w("recurrence_start_date"), o = w("recurrence_issue_mode"), d = _ ? new Date(_) : void 0, v = (e) => {
+    if (!o) return !1;
+    const l = e.getDate(), x = new Date(e.getFullYear(), e.getMonth() + 1, 0).getDate();
+    return o === "first_day" ? l !== 1 : o === "last_day" ? l !== x : !1;
+  };
+  return /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-col ttw:gap-6", children: [
+    /* @__PURE__ */ t(c, { control: s, name: "recurrence_issue_mode", render: ({
+      field: e
+    }) => /* @__PURE__ */ a(i, { className: "ttw:flex-1", children: [
+      /* @__PURE__ */ t(u, { children: r._("Issue at") }),
+      /* @__PURE__ */ a(p, { disabled: n, onValueChange: (l) => {
+        e.onChange(l), f("recurrence_start_date", void 0), f("recurrence_end_date", void 0);
+      }, value: e.value, children: [
+        /* @__PURE__ */ t(h, { children: /* @__PURE__ */ t(F, { className: "ttw:w-full", children: /* @__PURE__ */ t(M, { className: "ttw:max-w-4/5 ttw:text-ellipsis ttw:whitespace-nowrap" }) }) }),
+        /* @__PURE__ */ a(S, { children: [
+          /* @__PURE__ */ t(g, { value: "first_day", children: r._("Start of the month") }),
+          /* @__PURE__ */ t(g, { value: "last_day", children: r._("End of the month") })
+        ] })
+      ] }),
+      /* @__PURE__ */ t(m, {})
+    ] }) }),
+    /* @__PURE__ */ a("div", { className: "ttw:flex ttw:items-start ttw:gap-4", children: [
+      /* @__PURE__ */ t(c, { control: s, name: "recurrence_start_date", render: ({
+        field: e
+      }) => /* @__PURE__ */ a(i, { className: "ttw:flex-1", children: [
+        /* @__PURE__ */ t(u, { children: r._("Period starts on") }),
+        /* @__PURE__ */ t(h, { children: /* @__PURE__ */ t(D, { ...e, selected: e.value ? new Date(e.value) : void 0, onSelect: e.onChange, showOutsideDays: !1, disabled: v, shouldDisableButton: n, startMonth: /* @__PURE__ */ new Date(), endMonth: new Date(2050, 11), ...n && e.value ? {
+          defaultMonth: new Date(e.value)
+        } : {} }) }),
+        /* @__PURE__ */ t(m, {})
+      ] }) }),
+      /* @__PURE__ */ t(c, { control: s, name: "recurrence_end_date", render: ({
+        field: e
+      }) => /* @__PURE__ */ a(i, { className: "ttw:flex-1", children: [
+        /* @__PURE__ */ t(u, { children: r._("Period ends on") }),
+        /* @__PURE__ */ t(h, { children: /* @__PURE__ */ t(D, { ...e, selected: e.value ? new Date(e.value) : void 0, onSelect: e.onChange, showOutsideDays: !1, disabled: v, startMonth: d ? new Date(d.getFullYear(), d.getMonth() + 2, 0) : /* @__PURE__ */ new Date(), endMonth: new Date(2050, 11), ...n && e.value ? {
+          defaultMonth: new Date(e.value)
+        } : {} }) }),
+        /* @__PURE__ */ t(m, {})
+      ] }) })
+    ] })
+  ] });
 };
 export {
-  s as useCreateInvoiceEmailPreview
+  $ as RecurrenceFormContent
 };

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

@@ -5,7 +5,7 @@ import { InvoicesTable as x } from "./index36.js";
 import { QuotesTable as $ } from "./index37.js";
 import { useMoniteContext as T } from "./index59.js";
 import { MoniteScopedProviders as I } from "./index85.js";
-import { classNames as q } from "./index198.js";
+import { classNames as q } from "./index179.js";
 import { useLingui as R } from "@lingui/react";
 import { Box as s, Tabs as D } from "@mui/material";
 import { useState as N, useId as S } from "react";

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

@@ -1,40 +1,107 @@
-import { useMoniteContext as c } from "./index59.js";
-import { getAPIErrorMessage as u } from "./index123.js";
-import { useLingui as p } from "@lingui/react";
-import { toast as i } from "react-hot-toast";
-const g = (a, n) => {
+import { jsxs as i, jsx as r } from "@emotion/react/jsx-runtime";
+import "react-hot-toast";
+import "./index59.js";
+import { useLingui as j } from "@lingui/react";
+import { useState as A } from "react";
+import { differenceInCalendarDays as G, format as S } from "date-fns";
+import { useUserPermissions as O } 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 U } from "../../shared/data-access/dist/lib/scopes.js";
+import "clsx";
+import "tailwind-merge";
+import "@radix-ui/react-dropdown-menu";
+import { Loader2 as F } from "lucide-react";
+import { Button as L } from "./index86.js";
+import { useGetPaymentReminderById as V } from "./index261.js";
+import { useGetPaymentReminders as Y } from "./index427.js";
+import { useCreatePaymentReminder as k } from "./index428.js";
+import { useGetPaymentTermById as z } from "./index431.js";
+import "./index94.js";
+import "react-dom";
+import "@mui/x-data-grid";
+import { useFormContext as W } from "react-hook-form";
+import { calculateDueDate as Z } from "./index7.js";
+import { CUSTOM_DATE_PAYMENT_TERM as q, RECEIPT_DUE_PAYMENT_TERM as H } from "./index194.js";
+import { RadioGroup as J, RadioGroupItem as N } from "./index372.js";
+import { Typography as m } from "./index87.js";
+import { Input as K } from "./index129.js";
+const Q = "MMM d, yyyy", D = 1, P = 1e4, Re = ({
+  disabled: E
+}) => {
   const {
-    api: e,
-    queryClient: s
-  } = c(), {
+    data: d
+  } = Y(), [a, f] = A(""), {
     i18n: t
-  } = p();
-  return e.finops.patchRecurrencesId.useMutation({
-    path: {
-      recurrence_id: a
-    }
-  }, {
-    onError(r) {
-      i.error(u(t, r));
-    },
-    async onSuccess(r) {
-      e.finops.getRecurrencesId.setQueryData({
-        path: {
-          recurrence_id: r.id
+  } = j(), T = O().has(U.InvoiceWriteOrg), {
+    watch: s,
+    setValue: y
+  } = W(), _ = s("payment_reminder_id"), o = s("payment_terms_id"), l = s("payment_terms_custom_date"), c = o === q, b = o === H, $ = o && !c && !b ? o : void 0, {
+    data: h
+  } = z($), v = c ? l ?? void 0 : b ? /* @__PURE__ */ new Date() : h && Z(h) || void 0, {
+    mutate: M,
+    isPending: p
+  } = k(), g = Number(a), x = a !== "" && g >= D && g <= P, u = a !== "" && !x, w = c && l ? G(l, /* @__PURE__ */ new Date()) : void 0, {
+    data: n
+  } = V(_), R = n ? [n.term_1_reminder?.days_before, n.term_2_reminder?.days_before, n.term_final_reminder?.days_before].filter((e) => typeof e == "number") : [], B = w !== void 0 && (a !== "" && Number(a) > w || R.some((e) => e > w)), C = () => {
+    const e = Number(a);
+    M({
+      body: {
+        name: e === 1 ? t._("{daysBefore} day", {
+          daysBefore: e
+        }) : t._("{daysBefore} days", {
+          daysBefore: e
+        }),
+        term_final_reminder: {
+          days_before: e,
+          subject: t._("Payment is due soon"),
+          body: v ? t._("Payment is due on {dueDate}.", {
+            dueDate: S(v, Q)
+          }) : t._("Payment is due soon.")
         }
-      }, (o) => ({
-        ...o,
-        ...r
-      }), s), await Promise.all([e.finops.getReceivablesId.invalidateQueries({
-        parameters: {
-          path: {
-            receivable_id: n
-          }
-        }
-      }, s), e.finops.getReceivables.invalidateQueries(s)]), i.success(t._("Recurrence has been updated"));
-    }
-  });
+      }
+    }, {
+      onSuccess: (I) => {
+        f(""), y("payment_reminder_id", I.id);
+      }
+    });
+  };
+  return /* @__PURE__ */ i("div", { className: "ttw:border ttw:border-border ttw:rounded-lg ttw:min-h-28 ttw:p-2.5 ttw:flex ttw:w-full ttw:flex-col ttw:gap-4 ttw:xl:w-1/2", children: [
+    /* @__PURE__ */ i(m, { variant: "body2", children: [
+      t._("Number of days"),
+      " ",
+      /* @__PURE__ */ r("span", { className: "ttw:text-green-700 ttw:font-bold", children: t._("BEFORE") }),
+      " ",
+      t._("due date")
+    ] }),
+    /* @__PURE__ */ r(J, { className: "ttw:contents", value: _ ?? "", onValueChange: (e) => y("payment_reminder_id", e), children: /* @__PURE__ */ i("ul", { className: "ttw:flex ttw:flex-col ttw:gap-3", children: [
+      /* @__PURE__ */ r("li", { className: "ttw:flex ttw:items-center ttw:gap-3 ttw:justify-between", children: /* @__PURE__ */ i("div", { className: "ttw:flex ttw:items-center ttw:gap-2", children: [
+        /* @__PURE__ */ r(N, { value: "", id: "no-payment-reminder" }),
+        /* @__PURE__ */ r(m, { variant: "body2", className: "ttw:leading-snug", children: t._("No reminder") })
+      ] }) }),
+      d?.map((e) => /* @__PURE__ */ r("li", { className: "ttw:flex ttw:items-center ttw:gap-3 ttw:justify-between", children: /* @__PURE__ */ i("div", { className: "ttw:flex ttw:items-center ttw:gap-2", children: [
+        /* @__PURE__ */ r(N, { value: e.value, id: e.value }),
+        /* @__PURE__ */ r(m, { variant: "body2", className: "ttw:leading-snug", children: e.label })
+      ] }) }, e.value))
+    ] }) }),
+    T && /* @__PURE__ */ i("div", { className: "ttw:flex ttw:flex-col ttw:gap-2.5", children: [
+      !!(d && d?.length > 0) && /* @__PURE__ */ r(m, { variant: "caption", color: "muted", children: t._("Add schedule") }),
+      /* @__PURE__ */ i("div", { className: "ttw:flex ttw:items-center ttw:gap-2.5", children: [
+        /* @__PURE__ */ r(K, { type: "text", inputMode: "numeric", value: a, onChange: (e) => f(e.target.value.replace(/\D/g, "")), disabled: E || p, name: "new_reminders", className: "ttw:text-right ttw:w-full ttw:p-1.5 ttw:max-w-56", placeholder: t._("e.g., 3"), "aria-invalid": u, "aria-describedby": u ? "new-reminder-error" : void 0 }),
+        /* @__PURE__ */ r(m, { variant: "body2", children: Number(a) === 1 ? t._("day") : t._("days") }),
+        /* @__PURE__ */ r(L, { type: "button", variant: "secondary", className: "ttw:hover:brightness-95 ttw:text-secondary-foreground ttw:text-xs", disabled: !x || p, onClick: C, children: p ? /* @__PURE__ */ r(F, { className: "ttw:size-4 ttw:animate-spin" }) : t._("Save") })
+      ] }),
+      u && /* @__PURE__ */ r(m, { id: "new-reminder-error", variant: "caption", color: "destructive", children: t._("Enter a number of days between {min} and {max}.", {
+        min: D,
+        max: P
+      }) })
+    ] }),
+    B && /* @__PURE__ */ r(m, { variant: "body2", className: "ttw:text-amber-700", children: t._("This reminder would be sent after the due date has already passed.") })
+  ] });
 };
 export {
-  g as useUpdateRecurrenceById
+  Re as ReminderBeforeDueDate
 };