@tesouro/embedded-components-react 0.2.26 → 0.2.27

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

@@ -1,14 +1,257 @@
-import { useMoniteContext as i } from "./index59.js";
-const s = (e) => {
-  const {
-    api: t
-  } = i();
-  return t.finops.postReceivablesIdPreview.useMutation({
-    path: {
-      receivable_id: e
-    }
-  });
-};
+const M = {
+  AF: "AF",
+  AX: "AX",
+  AL: "AL",
+  DZ: "DZ",
+  AS: "AS",
+  AD: "AD",
+  AO: "AO",
+  AI: "AI",
+  AQ: "AQ",
+  AG: "AG",
+  AR: "AR",
+  AM: "AM",
+  AW: "AW",
+  AU: "AU",
+  AT: "AT",
+  AZ: "AZ",
+  BS: "BS",
+  BH: "BH",
+  BD: "BD",
+  BB: "BB",
+  BL: "BL",
+  BY: "BY",
+  BE: "BE",
+  BZ: "BZ",
+  BJ: "BJ",
+  CW: "CW",
+  MF: "MF",
+  CX: "CX",
+  BM: "BM",
+  BT: "BT",
+  BO: "BO",
+  BA: "BA",
+  BW: "BW",
+  BV: "BV",
+  BR: "BR",
+  IO: "IO",
+  BN: "BN",
+  BG: "BG",
+  BF: "BF",
+  BI: "BI",
+  BQ: "BQ",
+  KH: "KH",
+  CM: "CM",
+  CA: "CA",
+  IC: "IC",
+  CV: "CV",
+  KY: "KY",
+  CF: "CF",
+  EA: "EA",
+  TD: "TD",
+  CL: "CL",
+  CN: "CN",
+  CC: "CC",
+  CO: "CO",
+  KM: "KM",
+  CG: "CG",
+  CD: "CD",
+  CK: "CK",
+  CR: "CR",
+  CI: "CI",
+  HR: "HR",
+  CU: "CU",
+  CY: "CY",
+  CZ: "CZ",
+  DK: "DK",
+  DJ: "DJ",
+  DM: "DM",
+  DO: "DO",
+  EC: "EC",
+  EG: "EG",
+  SV: "SV",
+  GQ: "GQ",
+  ER: "ER",
+  EE: "EE",
+  ET: "ET",
+  FK: "FK",
+  FO: "FO",
+  FJ: "FJ",
+  FI: "FI",
+  FR: "FR",
+  GF: "GF",
+  PF: "PF",
+  TF: "TF",
+  GA: "GA",
+  GM: "GM",
+  GE: "GE",
+  DE: "DE",
+  GH: "GH",
+  GI: "GI",
+  GR: "GR",
+  GL: "GL",
+  GD: "GD",
+  GP: "GP",
+  GU: "GU",
+  GT: "GT",
+  GG: "GG",
+  GN: "GN",
+  GW: "GW",
+  GY: "GY",
+  HT: "HT",
+  HM: "HM",
+  VA: "VA",
+  HN: "HN",
+  HK: "HK",
+  HU: "HU",
+  IS: "IS",
+  IN: "IN",
+  ID: "ID",
+  IR: "IR",
+  IQ: "IQ",
+  IE: "IE",
+  IM: "IM",
+  IL: "IL",
+  IT: "IT",
+  JM: "JM",
+  JP: "JP",
+  JE: "JE",
+  JO: "JO",
+  KZ: "KZ",
+  KE: "KE",
+  KI: "KI",
+  KP: "KP",
+  KR: "KR",
+  KW: "KW",
+  KG: "KG",
+  LA: "LA",
+  LV: "LV",
+  LB: "LB",
+  LS: "LS",
+  LR: "LR",
+  LY: "LY",
+  LI: "LI",
+  LT: "LT",
+  LU: "LU",
+  MO: "MO",
+  MK: "MK",
+  MG: "MG",
+  MW: "MW",
+  MY: "MY",
+  MV: "MV",
+  ML: "ML",
+  MT: "MT",
+  MH: "MH",
+  MQ: "MQ",
+  MR: "MR",
+  MU: "MU",
+  YT: "YT",
+  MX: "MX",
+  FM: "FM",
+  MD: "MD",
+  MC: "MC",
+  ME: "ME",
+  MN: "MN",
+  MS: "MS",
+  MA: "MA",
+  MZ: "MZ",
+  MM: "MM",
+  NA: "NA",
+  NR: "NR",
+  NP: "NP",
+  NL: "NL",
+  AN: "AN",
+  NC: "NC",
+  NZ: "NZ",
+  NI: "NI",
+  NE: "NE",
+  NG: "NG",
+  NU: "NU",
+  NF: "NF",
+  MP: "MP",
+  NO: "NO",
+  OM: "OM",
+  PK: "PK",
+  PW: "PW",
+  PS: "PS",
+  PA: "PA",
+  PG: "PG",
+  PY: "PY",
+  PE: "PE",
+  PH: "PH",
+  PN: "PN",
+  PL: "PL",
+  PT: "PT",
+  PR: "PR",
+  QA: "QA",
+  RE: "RE",
+  RO: "RO",
+  RS: "RS",
+  RU: "RU",
+  RW: "RW",
+  SH: "SH",
+  KN: "KN",
+  LC: "LC",
+  PM: "PM",
+  VC: "VC",
+  WS: "WS",
+  SM: "SM",
+  ST: "ST",
+  SA: "SA",
+  SN: "SN",
+  SS: "SS",
+  SC: "SC",
+  SL: "SL",
+  SG: "SG",
+  SK: "SK",
+  SI: "SI",
+  SB: "SB",
+  SO: "SO",
+  SX: "SX",
+  ZA: "ZA",
+  GS: "GS",
+  ES: "ES",
+  LK: "LK",
+  SD: "SD",
+  SR: "SR",
+  SJ: "SJ",
+  SZ: "SZ",
+  SE: "SE",
+  CH: "CH",
+  SY: "SY",
+  TW: "TW",
+  TJ: "TJ",
+  TZ: "TZ",
+  TH: "TH",
+  TL: "TL",
+  TG: "TG",
+  TK: "TK",
+  TO: "TO",
+  TT: "TT",
+  TN: "TN",
+  TR: "TR",
+  TM: "TM",
+  TC: "TC",
+  TV: "TV",
+  UG: "UG",
+  UA: "UA",
+  AE: "AE",
+  GB: "GB",
+  US: "US",
+  UM: "UM",
+  UY: "UY",
+  UZ: "UZ",
+  VU: "VU",
+  VE: "VE",
+  VN: "VN",
+  VG: "VG",
+  VI: "VI",
+  WF: "WF",
+  EH: "EH",
+  YE: "YE",
+  ZM: "ZM",
+  ZW: "ZW"
+}, S = Object.values(M);
 export {
-  s as useCreateInvoiceEmailPreview
+  S as AllowedCountries
 };

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

@@ -1,30 +1,13 @@
-import { useMoniteContext as u } from "./index59.js";
-import { getAPIErrorMessage as m } from "./index124.js";
-import { useLingui as c } from "@lingui/react";
-import { toast as n } from "react-hot-toast";
-const M = (a, i) => {
-  const {
-    api: t,
-    queryClient: o
-  } = u(), {
-    i18n: r
-  } = c();
-  return t.finops.postMeasureUnits.useMutation({}, {
-    onSuccess: async (e) => {
-      await t.finops.getMeasureUnits.invalidateQueries(o), n.success(r._("Unit {name} was added to the list", {
-        name: e.name
-      })), a?.();
-    },
-    onError: async (e) => {
-      const s = m(r, e);
-      if (s.includes("already exists")) {
-        i?.(s);
-        return;
-      } else
-        n.error(s);
-    }
-  });
-};
+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 {
-  M as useCreateMeasureUnit
+  o as Switch
 };

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

@@ -1,40 +1,107 @@
-import { useMoniteContext as p } from "./index59.js";
-import { getAPIErrorMessage as m } from "./index124.js";
-import { useLingui as d } from "@lingui/react";
-import { toast as n } from "react-hot-toast";
-const g = (i, o, u) => {
+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 "./index148.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 "./index416.js";
+import { useGetPaymentReminders as Y } from "./index417.js";
+import { useCreatePaymentReminder as k } from "./index418.js";
+import { useGetPaymentTermById as z } from "./index424.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 "./index380.js";
+import { Typography as m } from "./index87.js";
+import { Input as K } from "./index124.js";
+const Q = "MMM d, yyyy", D = 1, P = 1e4, Re = ({
+  disabled: E
+}) => {
   const {
-    api: e,
-    queryClient: r
-  } = p(), {
-    i18n: a
-  } = d();
-  return e.finops.patchMeasureUnitsId.useMutation({
-    path: {
-      unit_id: i
-    }
-  }, {
-    onSuccess: async (s) => {
-      await Promise.all([e.finops.getMeasureUnits.invalidateQueries(r), e.finops.getMeasureUnitsId.invalidateQueries({
-        parameters: {
-          path: {
-            unit_id: i
-          }
+    data: d
+  } = Y(), [a, f] = A(""), {
+    i18n: t
+  } = 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.")
         }
-      }, r)]), n.success(a._("Unit {name} was updated", {
-        name: s.name
-      })), o?.();
-    },
-    onError: (s) => {
-      const t = m(a, s);
-      if (t.includes("already exists")) {
-        u?.(t);
-        return;
-      } else
-        n.error(t);
-    }
-  });
+      }
+    }, {
+      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 useUpdateMeasureUnit
+  Re as ReminderBeforeDueDate
 };

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

@@ -1,98 +1,114 @@
-import { jsx as n, jsxs as I } from "@emotion/react/jsx-runtime";
-import { useState as l, useEffect as w } from "react";
-import { toast as c } from "react-hot-toast";
-import { useRootElements as S } from "./index94.js";
+import { jsxs as s, 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 I, Fragment as O } from "react";
+import { format as G } from "date-fns";
+import { useUserPermissions as k } from "./index148.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 "date-fns";
-import { useLingui as R } from "@lingui/react";
-import { usePaymentIntentById as $ } from "./index82.js";
-import { useCreatePayablePaymentLink as v, usePaymentLinkById as B } from "./index474.js";
-import { Modal as j, Box as x, CircularProgress as D } from "@mui/material";
-const G = (r, d, f, i) => {
+import "../../shared/data-access/dist/lib/rest/zod.gen.js";
+import { Scope as F } from "../../shared/data-access/dist/lib/scopes.js";
+import "clsx";
+import "tailwind-merge";
+import "@radix-ui/react-dropdown-menu";
+import { Plus as U, Loader2 as B } from "lucide-react";
+import { Button as f } from "./index86.js";
+import { useGetOverdueReminders as L } from "./index420.js";
+import { useCreateOverdueReminder as V } from "./index421.js";
+import { useGetPaymentTermById as Y } from "./index424.js";
+import "./index94.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 "./index194.js";
+import { RadioGroup as H, RadioGroupItem as x } from "./index380.js";
+import { Typography as n } from "./index87.js";
+import { Input as J } from "./index124.js";
+const Q = "MMM d, yyyy", b = 3, Et = ({
+  disabled: l
+}) => {
   const {
-    i18n: t
-  } = R(), {
-    root: k
-  } = S(), b = v(), [L, m] = l(!1), [u, o] = l(null), [g, p] = l(null), [_, P] = l(!1), {
-    data: s,
-    isSuccess: h
-  } = $(i ?? "");
-  w(() => {
-    h && s?.payment_link_id && i && p(s.payment_link_id);
-  }, [h, s, i]);
-  const {
-    data: e,
-    refetch: C,
-    isSuccess: y,
-    isLoading: E
-  } = B(g ?? "");
-  return w(() => {
-    y && e?.payment_intent?.status === "processing" && f?.(r ?? "", e?.payment_intent?.status ?? "");
-  }, [e, y, f, r]), {
-    handlePay: async () => {
-      if (!d) {
-        c.error(t._("Vendor not found. Please create a vendor first."));
-        return;
+    data: u
+  } = L(), [o, c] = I([""]), {
+    i18n: e
+  } = j(), N = k().has(F.InvoiceWriteOrg), {
+    watch: w,
+    setValue: h
+  } = z(), T = w("overdue_reminder_id"), p = w("payment_terms_id"), A = w("payment_terms_custom_date"), v = p === W, y = p === q, C = p && !v && !y ? p : void 0, {
+    data: _
+  } = Y(C), g = v ? A ?? void 0 : y ? /* @__PURE__ */ new Date() : _ && K(_) || void 0, {
+    mutate: P,
+    isPending: d
+  } = V(), E = (t, i) => {
+    c((m) => m.map((a, S) => S === t ? i : a));
+  }, M = () => {
+    c((t) => t.length < b ? [...t, ""] : t);
+  }, R = () => {
+    c([""]);
+  }, D = o.every((t) => Number(t) >= 1), $ = () => {
+    const t = o.map((a) => Number(a)), i = t.map((a) => a === 1 ? e._("{daysAfter} day", {
+      daysAfter: a
+    }) : e._("{daysAfter} days", {
+      daysAfter: a
+    })), m = i.length === 1 ? i[0] : `${i.slice(0, -1).join(", ")} ${e._("and")} ${i[i.length - 1]}`;
+    P({
+      body: {
+        name: m,
+        terms: t.map((a) => ({
+          days_after: a,
+          subject: e._("Payment is overdue"),
+          body: g ? e._("Payment was due on {dueDate}.", {
+            dueDate: G(g, Q)
+          }) : e._("Payment is overdue.")
+        }))
+      }
+    }, {
+      onSuccess: (a) => {
+        c([""]), h("overdue_reminder_id", a.id);
       }
-      if (!_)
-        try {
-          if (E) {
-            c.error(t._("Payment link is still loading. Please wait a moment and try again."));
-            return;
-          }
-          if (!g || y && e?.payment_intent?.status !== "created") {
-            if (P(!0), !r) throw new Error("Payable ID is undefined");
-            const a = await b(
-              r,
-              d,
-              ["sepa_credit"],
-              60
-              // 60 days from now
-            );
-            if (a.payment_page_url)
-              p(a.id), o(a.payment_page_url);
-            else
-              throw p(null), o(null), new Error("No payment page URL in response");
-          } else if (e?.payment_page_url)
-            o(e.payment_page_url);
-          else
-            throw new Error("No payment page URL in existing payment link");
-          m(!0);
-        } catch (a) {
-          console.error("Payment link creation/retrieval error:", a), c.error(i && s?.status === "created" ? t._("Failed to retrieve payment link. Please try again.") : t._("Failed to create payment link. Please try again.")), m(!1);
-        } finally {
-          P(!1);
-        }
-    },
-    isCreatingPaymentLink: _,
-    modalComponent: /* @__PURE__ */ n(j, { open: L, onClose: async () => {
-      await C(), m(!1), o(null);
-    }, container: k, children: /* @__PURE__ */ n(x, { sx: {
-      position: "absolute",
-      top: "50%",
-      left: "50%",
-      transform: "translate(-50%, -50%)",
-      width: "80%",
-      maxWidth: 600,
-      bgcolor: "background.paper",
-      boxShadow: 24,
-      p: 4,
-      borderRadius: 2
-    }, children: u ? /* @__PURE__ */ n("iframe", { src: u, title: "Payment Page", width: "100%", height: "400px", style: {
-      border: "none"
-    } }) : /* @__PURE__ */ I(x, { sx: {
-      display: "flex",
-      flexDirection: "column",
-      alignItems: "center",
-      gap: 2,
-      py: 4
-    }, children: [
-      /* @__PURE__ */ n(D, {}),
-      /* @__PURE__ */ n("p", { children: t._("Loading payment page...") })
-    ] }) }) })
+    });
   };
+  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__ */ r("span", { className: "ttw:text-destructive ttw:font-bold", children: e._("AFTER") }),
+      " ",
+      e._("due date")
+    ] }),
+    /* @__PURE__ */ r(H, { className: "ttw:contents", value: T ?? "", onValueChange: (t) => h("overdue_reminder_id", t), children: /* @__PURE__ */ s("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__ */ s("div", { className: "ttw:flex ttw:items-center ttw:gap-2", children: [
+        /* @__PURE__ */ r(x, { value: "", id: "no-overdue-reminder" }),
+        /* @__PURE__ */ r(n, { variant: "body2", className: "ttw:leading-snug", children: e._("No reminder") })
+      ] }) }),
+      u?.map((t) => /* @__PURE__ */ r("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__ */ r(x, { value: t.value, id: t.value }),
+        /* @__PURE__ */ r(n, { variant: "body2", className: "ttw:leading-snug", children: t.label })
+      ] }) }, t.value))
+    ] }) }),
+    N && /* @__PURE__ */ s("div", { className: "ttw:flex ttw:flex-col ttw:gap-2.5", children: [
+      /* @__PURE__ */ r(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__ */ r(J, { type: "text", inputMode: "numeric", value: t, onChange: (a) => E(i, a.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__ */ r(n, { variant: "body2", children: Number(t) === 1 ? e._("day") : e._("days") })
+        ] }, i)),
+        o.length < b && /* @__PURE__ */ s(f, { type: "button", variant: "ghost", className: "ttw:text-xs ttw:text-primary ttw:hover:text-primary", disabled: l || d || !o[o.length - 1], onClick: M, children: [
+          /* @__PURE__ */ r(U, {}),
+          e._("Add")
+        ] })
+      ] }),
+      /* @__PURE__ */ s("div", { className: "ttw:flex ttw:items-center ttw:gap-2.5", children: [
+        /* @__PURE__ */ r(f, { type: "button", variant: "ghost", className: "ttw:text-xs", disabled: l || d, onClick: R, children: e._("Clear") }),
+        /* @__PURE__ */ r(f, { type: "button", variant: "secondary", className: "ttw:hover:brightness-95 ttw:text-secondary-foreground ttw:text-xs", disabled: l || d || !D, onClick: $, children: d ? /* @__PURE__ */ r(B, { className: "ttw:size-4 ttw:animate-spin" }) : e._("Save") })
+      ] })
+    ] })
+  ] });
 };
 export {
-  G as usePaymentHandler
+  Et as ReminderOverdue
 };