@tesouro/embedded-components-react 0.2.76 → 0.2.79

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

@@ -1,34 +1,87 @@
-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 { jsx as n } from "@emotion/react/jsx-runtime";
+import { buttonVariants as c, Button as x } from "./index84.js";
+import { cn as t } from "./index100.js";
+import { ChevronLeftIcon as b, ChevronRightIcon as y, ChevronDownIcon as h } from "lucide-react";
+import * as m from "react";
+import { getDefaultClassNames as g, DayPicker as _ } from "react-day-picker";
+function j({
+  className: u,
+  classNames: i,
+  showOutsideDays: a = !0,
+  captionLayout: w = "label",
+  buttonVariant: s = "ghost",
+  formatters: l,
+  components: f,
+  ...p
+}) {
+  const e = g();
+  return /* @__PURE__ */ n(_, { showOutsideDays: a, className: t("ttw:bg-background ttw:group/calendar ttw:p-3 ttw:[--cell-size:--spacing(8)] ttw:[[data-slot=card-content]_&]:bg-transparent ttw:[[data-slot=popover-content]_&]:bg-transparent", String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`, String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`, u), captionLayout: w, formatters: {
+    formatMonthDropdown: (r) => r.toLocaleString("default", {
+      month: "short"
+    }),
+    ...l
+  }, classNames: {
+    root: t("ttw:w-fit", e.root),
+    months: t("ttw:flex ttw:gap-4 ttw:flex-col ttw:md:flex-row ttw:relative", e.months),
+    month: t("ttw:flex ttw:flex-col ttw:w-full ttw:gap-4", e.month),
+    nav: t("ttw:flex ttw:items-center ttw:gap-1 ttw:w-full ttw:absolute ttw:top-0 ttw:inset-x-0 ttw:justify-between", e.nav),
+    button_previous: t(c({
+      variant: s
+    }), "ttw:size-(--cell-size) ttw:aria-disabled:opacity-50 ttw:p-0 ttw:select-none", e.button_previous),
+    button_next: t(c({
+      variant: s
+    }), "ttw:size-(--cell-size) ttw:aria-disabled:opacity-50 ttw:p-0 ttw:select-none", e.button_next),
+    month_caption: t("ttw:flex ttw:items-center ttw:justify-center ttw:h-(--cell-size) ttw:w-full ttw:px-(--cell-size)", e.month_caption),
+    dropdowns: t("ttw:w-full ttw:flex ttw:items-center ttw:text-sm ttw:font-medium ttw:justify-center ttw:h-(--cell-size) ttw:gap-1.5", e.dropdowns),
+    dropdown_root: t("ttw:relative ttw:has-focus:border-ring ttw:border ttw:border-input ttw:shadow-xs ttw:has-focus:ring-ring/50 ttw:has-focus:ring-[3px] ttw:rounded-md", e.dropdown_root),
+    dropdown: t("ttw:absolute ttw:bg-popover ttw:inset-0 ttw:opacity-0", e.dropdown),
+    caption_label: t("ttw:select-none ttw:font-medium", w === "label" ? "ttw:text-sm" : "ttw:rounded-md ttw:pl-2 ttw:pr-1 ttw:flex ttw:items-center ttw:gap-1 ttw:text-sm ttw:h-8 ttw:[&>svg]:text-muted-foreground ttw:[&>svg]:size-3.5", e.caption_label),
+    table: "ttw:w-full ttw:border-collapse",
+    weekdays: t("ttw:flex", e.weekdays),
+    weekday: t("ttw:text-muted-foreground ttw:rounded-md ttw:flex-1 ttw:font-normal ttw:text-[0.8rem] ttw:select-none", e.weekday),
+    week: t("ttw:flex ttw:w-full ttw:mt-2", e.week),
+    week_number_header: t("ttw:select-none ttw:w-(--cell-size)", e.week_number_header),
+    week_number: t("ttw:text-[0.8rem] ttw:select-none ttw:text-muted-foreground", e.week_number),
+    day: t("ttw:relative ttw:w-full ttw:h-full ttw:p-0 ttw:text-center ttw:[&:first-child[data-selected=true]_button]:rounded-l-md ttw:[&:last-child[data-selected=true]_button]:rounded-r-md ttw:group/day ttw:aspect-square ttw:select-none", e.day),
+    range_start: t("ttw:rounded-l-md ttw:bg-accent", e.range_start),
+    range_middle: t("ttw:rounded-none", e.range_middle),
+    range_end: t("ttw:rounded-r-md ttw:bg-accent", e.range_end),
+    today: t("ttw:bg-accent ttw:text-accent-foreground ttw:rounded-md ttw:data-[selected=true]:rounded-none", e.today),
+    outside: t("ttw:text-muted-foreground ttw:aria-selected:text-muted-foreground", e.outside),
+    disabled: t("ttw:text-muted-foreground ttw:opacity-50", e.disabled),
+    hidden: t("ttw:invisible", e.hidden),
+    ...i
+  }, components: {
+    Root: ({
+      className: r,
+      rootRef: o,
+      ...d
+    }) => /* @__PURE__ */ n("div", { "data-slot": "calendar", ref: o, className: t(r), ...d }),
+    Chevron: ({
+      className: r,
+      orientation: o,
+      ...d
+    }) => o === "left" ? /* @__PURE__ */ n(b, { className: t("ttw:size-4", r), ...d }) : o === "right" ? /* @__PURE__ */ n(y, { className: t("ttw:size-4", r), ...d }) : /* @__PURE__ */ n(h, { className: t("ttw:size-4", r), ...d }),
+    DayButton: v,
+    WeekNumber: ({
+      children: r,
+      ...o
+    }) => /* @__PURE__ */ n("td", { ...o, children: /* @__PURE__ */ n("div", { className: "ttw:flex ttw:size-(--cell-size) ttw:items-center ttw:justify-center ttw:text-center", children: r }) }),
+    ...f
+  }, ...p });
+}
+function v({
+  className: u,
+  day: i,
+  modifiers: a,
+  ...w
+}) {
+  const s = g(), l = m.useRef(null);
+  return m.useEffect(() => {
+    a.focused && l.current?.focus();
+  }, [a.focused]), /* @__PURE__ */ n(x, { ref: l, variant: "ghost", size: "icon", "data-day": i.date.toLocaleDateString(), "data-selected-single": a.selected && !a.range_start && !a.range_end && !a.range_middle, "data-range-start": a.range_start, "data-range-end": a.range_end, "data-range-middle": a.range_middle, className: t("ttw:data-[selected-single=true]:bg-primary ttw:data-[selected-single=true]:text-primary-foreground ttw:data-[range-middle=true]:bg-accent ttw:data-[range-middle=true]:text-accent-foreground ttw:data-[range-start=true]:bg-primary ttw:data-[range-start=true]:text-primary-foreground ttw:data-[range-end=true]:bg-primary ttw:data-[range-end=true]:text-primary-foreground ttw:group-data-[focused=true]/day:border-ring ttw:group-data-[focused=true]/day:ring-ring/50 ttw:dark:hover:text-accent-foreground ttw:flex ttw:aspect-square ttw:size-auto ttw:w-full ttw:min-w-(--cell-size) ttw:flex-col ttw:gap-1 ttw:leading-none ttw:font-normal ttw:group-data-[focused=true]/day:relative ttw:group-data-[focused=true]/day:z-1300 ttw:group-data-[focused=true]/day:ring-[3px] ttw:data-[range-end=true]:rounded-md ttw:data-[range-end=true]:rounded-r-md ttw:data-[range-middle=true]:rounded-none ttw:data-[range-start=true]:rounded-md ttw:data-[range-start=true]:rounded-l-md ttw:[&>span]:text-xs ttw:[&>span]:opacity-70", s.day, u), ...w });
+}
 export {
-  D as useDragScroll
+  j as Calendar,
+  v as CalendarDayButton
 };

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

@@ -1,7 +1,26 @@
-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 { jsxs as e, jsx as o } from "@emotion/react/jsx-runtime";
+import { Button as l } from "./index84.js";
+import { Calendar as s } from "./index423.js";
+import { Popover as d, PopoverTrigger as m, PopoverContent as p } from "./index392.js";
+import { useLingui as c } from "@lingui/react";
+import { format as f } from "date-fns";
+import { Calendar as u } from "lucide-react";
+import * as w from "react";
+const h = "MMM d, yyyy";
+function D(t) {
+  const [a, r] = w.useState(!1), {
+    i18n: n
+  } = c();
+  return /* @__PURE__ */ e(d, { open: a, onOpenChange: r, children: [
+    /* @__PURE__ */ o(m, { asChild: !0, children: /* @__PURE__ */ e(l, { variant: "outline", id: "date", disabled: !!t.shouldDisableButton, "aria-invalid": t["aria-invalid"], className: "ttw:w-full ttw:justify-between ttw:font-normal ttw:border-border", children: [
+      t.selected ? f(t.selected, h) : t.placeholder ?? n._("Mon DD, YYYY"),
+      /* @__PURE__ */ o(u, {})
+    ] }) }),
+    /* @__PURE__ */ o(p, { className: "ttw:w-auto ttw:overflow-hidden ttw:p-0", align: "start", children: /* @__PURE__ */ o(s, { ...t, mode: "single", captionLayout: "dropdown", onSelect: (i) => {
+      t.onSelect(i), r(!1);
+    } }) })
+  ] });
+}
 export {
-  r as getPayablesAnalyticsSnapshot
+  D as DatePicker
 };

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

@@ -1,129 +1,107 @@
-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 { jsxs as i, jsx as r } from "@emotion/react/jsx-runtime";
+import "react-hot-toast";
+import "./index57.js";
+import { useLingui as j } from "@lingui/react";
+import { useState as A } from "react";
+import { useUserPermissions as G } from "./index141.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 S } from "../../shared/data-access/dist/lib/scopes.js";
+import { differenceInCalendarDays as O, format as U } from "date-fns";
+import "clsx";
+import "tailwind-merge";
+import "@radix-ui/react-dropdown-menu";
+import { Loader2 as F } from "lucide-react";
+import { Button as L } from "./index84.js";
+import { useGetPaymentReminderById as V } from "./index250.js";
+import { useGetPaymentReminders as Y } from "./index398.js";
+import { useCreatePaymentReminder as k } from "./index399.js";
+import { useGetPaymentTermById as z } from "./index403.js";
+import "./index92.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 "./index175.js";
+import { RadioGroup as J, RadioGroupItem as N } from "./index323.js";
+import { Typography as m } from "./index85.js";
+import { Input as K } from "./index118.js";
+const Q = "MMM d, yyyy", D = 1, P = 1e4, Re = ({
+  disabled: E
+}) => {
+  const {
+    data: d
+  } = Y(), [a, f] = A(""), {
+    i18n: t
+  } = j(), T = G().has(S.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 ? O(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: U(v, Q)
+          }) : t._("Payment is due soon.")
+        }
+      }
+    }, {
+      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 {
-  v as DATE_PRESETS,
-  g as resolveDatePreset
+  Re as ReminderBeforeDueDate
 };

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

@@ -1,24 +1,114 @@
-import { useMoniteContext as n } from "./index57.js";
-import { useLingui as a } from "@lingui/react";
-import { toast as s } from "react-hot-toast";
-const m = (e) => {
+import { jsxs as s, jsx as a } from "@emotion/react/jsx-runtime";
+import "react-hot-toast";
+import "./index57.js";
+import { useLingui as j } from "@lingui/react";
+import { useState as I, Fragment as O } from "react";
+import { useUserPermissions as G } from "./index141.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 k } from "../../shared/data-access/dist/lib/scopes.js";
+import { format as F } from "date-fns";
+import "clsx";
+import "tailwind-merge";
+import "@radix-ui/react-dropdown-menu";
+import { Plus as U, Loader2 as B } from "lucide-react";
+import { Button as h } from "./index84.js";
+import { useGetOverdueReminders as L } from "./index400.js";
+import { useCreateOverdueReminder as V } from "./index401.js";
+import { useGetPaymentTermById as Y } from "./index403.js";
+import "./index92.js";
+import "react-dom";
+import "@mui/x-data-grid";
+import { useFormContext as z } from "react-hook-form";
+import { calculateDueDate as K } from "./index7.js";
+import { CUSTOM_DATE_PAYMENT_TERM as W, RECEIPT_DUE_PAYMENT_TERM as q } from "./index175.js";
+import { RadioGroup as H, RadioGroupItem as b } from "./index323.js";
+import { Typography as n } from "./index85.js";
+import { Input as J } from "./index118.js";
+const Q = "MMM d, yyyy", N = 3, Et = ({
+  disabled: l
+}) => {
   const {
-    api: t,
-    queryClient: i
-  } = n(), {
-    i18n: o
-  } = a();
-  return t.finops.deleteMeasureUnitsId.useMutation(void 0, {
-    onSuccess: async () => {
-      e && (await t.finops.getMeasureUnits.invalidateQueries(i), s.success(o._("Unit {name} was deleted from the list.", {
-        name: e
-      })));
-    },
-    onError: (r) => {
-      console.error(r), s.error(o._("Failed to delete Unit."));
-    }
-  });
+    data: u
+  } = L(), [o, c] = I([""]), {
+    i18n: e
+  } = j(), T = G().has(k.InvoiceWriteOrg), {
+    watch: w,
+    setValue: y
+  } = z(), A = w("overdue_reminder_id"), p = w("payment_terms_id"), C = w("payment_terms_custom_date"), v = p === W, _ = p === q, P = p && !v && !_ ? p : void 0, {
+    data: g
+  } = Y(P), x = v ? C ?? void 0 : _ ? /* @__PURE__ */ new Date() : g && K(g) || void 0, {
+    mutate: E,
+    isPending: d
+  } = V(), M = (t, i) => {
+    c((m) => m.map((r, f) => f === t ? i : r));
+  }, R = () => {
+    c((t) => t.length < N ? [...t, ""] : t);
+  }, D = () => {
+    c([""]);
+  }, $ = o.every((t) => Number(t) >= 1), S = () => {
+    const t = o.map((r) => Number(r)).sort((r, f) => r - f), i = t.map((r) => r === 1 ? e._("{daysAfter} day", {
+      daysAfter: r
+    }) : e._("{daysAfter} days", {
+      daysAfter: r
+    })), m = i.length === 1 ? i[0] : `${i.slice(0, -1).join(", ")} ${e._("and")} ${i[i.length - 1]}`;
+    E({
+      body: {
+        name: m,
+        terms: t.map((r) => ({
+          days_after: r,
+          subject: e._("Payment is overdue"),
+          body: x ? e._("Payment was due on {dueDate}.", {
+            dueDate: F(x, Q)
+          }) : e._("Payment is overdue.")
+        }))
+      }
+    }, {
+      onSuccess: (r) => {
+        c([""]), y("overdue_reminder_id", r.id);
+      }
+    });
+  };
+  return /* @__PURE__ */ s("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__ */ s(n, { variant: "body2", children: [
+      e._("Number of days"),
+      " ",
+      /* @__PURE__ */ a("span", { className: "ttw:text-destructive ttw:font-bold", children: e._("AFTER") }),
+      " ",
+      e._("due date")
+    ] }),
+    /* @__PURE__ */ a(H, { className: "ttw:contents", value: A ?? "", onValueChange: (t) => y("overdue_reminder_id", t), children: /* @__PURE__ */ s("ul", { className: "ttw:flex ttw:flex-col ttw:gap-3", children: [
+      /* @__PURE__ */ a("li", { className: "ttw:flex ttw:items-center ttw:gap-3 ttw:justify-between", children: /* @__PURE__ */ s("div", { className: "ttw:flex ttw:items-center ttw:gap-2", children: [
+        /* @__PURE__ */ a(b, { value: "", id: "no-overdue-reminder" }),
+        /* @__PURE__ */ a(n, { variant: "body2", className: "ttw:leading-snug", children: e._("No reminder") })
+      ] }) }),
+      u?.map((t) => /* @__PURE__ */ a("li", { className: "ttw:flex ttw:items-center ttw:gap-3 ttw:justify-between", children: /* @__PURE__ */ s("div", { className: "ttw:flex ttw:items-center ttw:gap-2", children: [
+        /* @__PURE__ */ a(b, { value: t.value, id: t.value }),
+        /* @__PURE__ */ a(n, { variant: "body2", className: "ttw:leading-snug", children: t.label })
+      ] }) }, t.value))
+    ] }) }),
+    T && /* @__PURE__ */ s("div", { className: "ttw:flex ttw:flex-col ttw:gap-2.5", children: [
+      /* @__PURE__ */ a(n, { variant: "caption", color: "muted", children: u && u.length > 0 ? e._("Add schedule (Specify up to 3 terms)") : e._("Send up to three reminders") }),
+      /* @__PURE__ */ s("div", { className: "ttw:flex ttw:items-center ttw:gap-2.5", children: [
+        o.map((t, i, m) => /* @__PURE__ */ s(O, { children: [
+          /* @__PURE__ */ a(J, { type: "text", inputMode: "numeric", value: t, onChange: (r) => M(i, r.target.value.replace(/\D/g, "")), disabled: l || d, name: `new_reminders_${i}`, className: "ttw:text-right ttw:w-15 ttw:p-1.5", placeholder: m.length === 1 ? e._("e.g., 3") : void 0 }),
+          /* @__PURE__ */ a(n, { variant: "body2", children: Number(t) === 1 ? e._("day") : e._("days") })
+        ] }, i)),
+        o.length < N && /* @__PURE__ */ s(h, { type: "button", variant: "ghost", className: "ttw:text-xs ttw:text-primary ttw:hover:text-primary", disabled: l || d || !o[o.length - 1], onClick: R, children: [
+          /* @__PURE__ */ a(U, {}),
+          e._("Add")
+        ] })
+      ] }),
+      /* @__PURE__ */ s("div", { className: "ttw:flex ttw:items-center ttw:gap-2.5", children: [
+        /* @__PURE__ */ a(h, { type: "button", variant: "ghost", className: "ttw:text-xs", disabled: l || d, onClick: D, children: e._("Clear") }),
+        /* @__PURE__ */ a(h, { type: "button", variant: "secondary", className: "ttw:hover:brightness-95 ttw:text-secondary-foreground ttw:text-xs", disabled: l || d || !$, onClick: S, children: d ? /* @__PURE__ */ a(B, { className: "ttw:size-4 ttw:animate-spin" }) : e._("Save") })
+      ] })
+    ] })
+  ] });
 };
 export {
-  m as useDeleteMeasureUnit
+  Et as ReminderOverdue
 };