@tesouro/embedded-components-react 0.2.17 → 0.2.19

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

@@ -1,99 +1,37 @@
-import { jsx as e, Fragment as b, jsxs as o } from "@emotion/react/jsx-runtime";
-import { manualPaymentRecordValidationSchema as g } from "./index174.js";
-import { useCurrencies as y } from "./index60.js";
-import { useMemo as _, useEffect as C } from "react";
-import "./index94.js";
-import { useLingui as F } from "@lingui/react";
-import "react-dom";
-import "./index59.js";
-import "@mui/x-data-grid";
-import { safeZodResolver as v } from "./index253.js";
-import { RHFDatePicker as D } from "./index464.js";
-import { RHFTextField as S } from "./index465.js";
-import { RHFTimePicker as R } from "./index466.js";
-import { DialogTitle as T, DialogContent as P, Grid as i, FormHelperText as k, Button as m, DialogActions as E, CircularProgress as H } from "@mui/material";
-import { useForm as V } from "react-hook-form";
-const Z = ({
-  invoice: r,
-  initialValues: n,
-  isLoading: u,
-  onSubmit: s,
-  onCancel: c
-}) => {
+import { useMoniteContext as c } from "./index59.js";
+import { useLingui as n } from "@lingui/react";
+import { toast as o } from "react-hot-toast";
+const u = (i) => {
   const {
-    i18n: t
-  } = F(), {
-    formatCurrencyToDisplay: p,
-    getSymbolFromCurrency: d
-  } = y(), {
-    control: a,
-    handleSubmit: f,
-    reset: l,
-    setValue: x
-  } = V({
-    resolver: v(g(t, r.amount_due)),
-    defaultValues: _(() => n ?? {
-      amount: 0,
-      payment_date: /* @__PURE__ */ new Date(),
-      payment_time: /* @__PURE__ */ new Date()
-    }, [n])
-  });
-  C(() => {
-    l(n);
-  }, [n, l]);
-  const h = d(r.currency);
-  return /* @__PURE__ */ e(b, { children: /* @__PURE__ */ o("form", { onSubmit: f(s), children: [
-    /* @__PURE__ */ e(T, { sx: {
-      px: 4,
-      pt: 4
-    }, variant: "h3", id: "dialog-title", children: t._("Record payment") }),
-    /* @__PURE__ */ e(P, { sx: {
-      p: 4
-    }, children: /* @__PURE__ */ o(i, { container: !0, spacing: 1, children: [
-      /* @__PURE__ */ o(i, { item: !0, xs: 12, children: [
-        /* @__PURE__ */ e(S, { label: t._("Amount"), name: "amount", placeholder: "0", control: a, type: "number", sx: {
-          "::after": {
-            content: `"${h}"`,
-            position: "absolute",
-            right: "16px",
-            bottom: 0,
-            transform: "translateY(-50%)",
-            fontSize: "16px",
-            color: "rgba(0,0,0,0.28)",
-            pointerEvents: "none"
-          }
-        }, fullWidth: !0, required: !0 }),
-        /* @__PURE__ */ o(k, { children: [
-          t._("Enter full amount due of"),
-          " ",
-          /* @__PURE__ */ e(m, { variant: "text", sx: {
-            textDecoration: "underline"
-          }, onClick: () => x("amount", r.amount_due / 100), children: p(r.amount_due, r.currency) })
-        ] })
-      ] }),
-      /* @__PURE__ */ e(i, { item: !0, xs: 6, children: /* @__PURE__ */ e(D, { label: t._("Date"), name: "payment_date", control: a }) }),
-      /* @__PURE__ */ e(i, { item: !0, xs: 6, children: /* @__PURE__ */ e(R, { label: t._("Time"), name: "payment_time", control: a, sx: {
-        "::after": {
-          content: '"UTC"',
-          position: "absolute",
-          right: "16px",
-          bottom: 0,
-          transform: "translateY(-50%)",
-          fontSize: "16px",
-          color: "rgba(0,0,0,0.28)",
-          pointerEvents: "none"
+    i18n: s
+  } = n(), {
+    api: e,
+    queryClient: a
+  } = c();
+  return e.finops.postReceivablesIdCancel.useMutation({
+    path: {
+      receivable_id: i
+    }
+  }, {
+    onSuccess: async () => {
+      const t = e.finops.getReceivablesId.getQueryData({
+        path: {
+          receivable_id: i
+        }
+      }, a);
+      t?.type === "invoice" && e.finops.getReceivablesId.setQueryData({
+        path: {
+          receivable_id: i
         }
-      }, fullWidth: !0, required: !0 }) })
-    ] }) }),
-    /* @__PURE__ */ o(E, { sx: {
-      px: 4,
-      pb: 4
-    }, children: [
-      /* @__PURE__ */ e(m, { autoFocus: !0, onClick: c, children: t._("Cancel") }),
-      /* @__PURE__ */ e(m, { variant: "contained", startIcon: u ? /* @__PURE__ */ e(H, { size: 20, color: "warning" }) : null, type: "submit", children: t._("Save") })
-    ] })
-  ] }) });
+      }, {
+        ...t,
+        status: "canceled"
+      }, a), await e.finops.getReceivables.invalidateQueries(a), o.success(s._("This {type} has been canceled", {
+        type: t?.type === "credit_note" ? "credit memo" : t?.type
+      }));
+    }
+  });
 };
 export {
-  Z as PaymentRecordForm
+  u as useCancelReceivableById
 };

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

@@ -1,39 +1,30 @@
-import { useMoniteContext as c } from "./index59.js";
-import { getAPIErrorMessage as o } from "./index122.js";
-import { useLingui as u } from "@lingui/react";
 import { toast as a } from "react-hot-toast";
-const f = (s, t) => {
+import { useMoniteContext as n } from "./index59.js";
+import { useLingui as r } from "@lingui/react";
+const u = (t) => {
   const {
-    i18n: i
-  } = u(), {
+    i18n: o
+  } = r(), {
     api: e,
-    queryClient: r
-  } = c();
-  return e.finops.postRecurrencesIdCancel.useMutation({
+    queryClient: i
+  } = n();
+  return e.finops.deleteReceivablesId.useMutation({
     path: {
-      recurrence_id: s
+      receivable_id: t
     }
   }, {
-    onError: (n) => {
-      a.error(o(i, n));
-    },
-    onSuccess: async () => {
-      await Promise.all([e.finops.getReceivables.invalidateQueries(r), e.finops.getReceivablesId.invalidateQueries({
-        parameters: {
-          path: {
-            receivable_id: t
-          }
+    onSuccess: () => {
+      const s = e.finops.getReceivablesId.getQueryData({
+        path: {
+          receivable_id: t
         }
-      }, r), e.finops.getRecurrencesId.invalidateQueries({
-        parameters: {
-          path: {
-            recurrence_id: s
-          }
-        }
-      }, r)]), a.success(i._("Recurrence has been canceled"));
+      }, i);
+      e.finops.getReceivables.invalidateQueries(i), a.success(o._("This {type} has been deleted", {
+        type: s?.type === "credit_note" ? "credit memo" : s?.type
+      }));
     }
   });
 };
 export {
-  f as useCancelRecurrence
+  u as useDeleteReceivableById
 };

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

@@ -1,13 +1,27 @@
-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") }) });
-}
+import { toast as c } from "react-hot-toast";
+import { useMoniteContext as n } from "./index59.js";
+import { useLingui as l } from "@lingui/react";
+const b = (e, t) => {
+  const {
+    api: i,
+    queryClient: s
+  } = n(), {
+    i18n: a
+  } = l();
+  return i.finops.postReceivablesIdMarkAsUncollectible.useMutation({
+    path: {
+      receivable_id: e
+    }
+  }, {
+    onSuccess: async (o) => {
+      t?.(e), i.finops.getReceivablesId.setQueryData({
+        path: {
+          receivable_id: e
+        }
+      }, o, s), await i.finops.getReceivables.invalidateQueries(s), c.success(a._("Marked as uncollectible"));
+    }
+  });
+};
 export {
-  o as Switch
+  b as useMarkAsUncollectibleReceivableById
 };

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

@@ -1,107 +1,76 @@
-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 "./index138.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 "./index394.js";
-import { useGetPaymentReminders as Y } from "./index401.js";
-import { useCreatePaymentReminder as k } from "./index402.js";
-import { useGetPaymentTermById as z } from "./index405.js";
+import { jsxs as a, jsx as e } from "@emotion/react/jsx-runtime";
+import { useMoniteContext as h } from "./index59.js";
+import { useCurrencies as y } from "./index60.js";
+import "react";
 import "./index94.js";
+import { useLingui as f } from "@lingui/react";
 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 "./index332.js";
-import { Typography as m } from "./index87.js";
-import { Input as K } from "./index119.js";
-const Q = "MMM d, yyyy", D = 1, P = 1e4, Re = ({
-  disabled: E
+import "@tanstack/react-query";
+import "date-fns";
+import { useEntityUserByAuthToken as x } from "./index77.js";
+import "react-hot-toast";
+import { MoniteCard as g } from "./index456.js";
+import _ from "@mui/icons-material/DriveFileRenameOutline";
+import { Box as o, Typography as r, Skeleton as v, Alert as b } from "@mui/material";
+const L = ({
+  paymentRecords: i,
+  invoice: n
 }) => {
   const {
-    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.")
-        }
-      }
-    }, {
-      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
-      }) })
+  } = f(), {
+    locale: c
+  } = h(), {
+    formatCurrencyToDisplay: s
+  } = y(), d = new Date(i.payment_date ?? "").setHours(i.payment_time?.getHours() ?? 0, i.payment_time?.getMinutes() ?? 0), p = t.date(new Date(d), c.dateTimeFormat), {
+    data: l,
+    isLoading: u
+  } = x(), m = `${l?.first_name ?? ""} ${l?.last_name ?? ""}`;
+  return /* @__PURE__ */ a(o, { sx: {
+    display: "flex",
+    flexDirection: "column",
+    gap: 3
+  }, children: [
+    /* @__PURE__ */ a(o, { sx: {
+      display: "flex",
+      flexDirection: "column",
+      gap: 1,
+      alignItems: "center",
+      textAlign: "center"
+    }, children: [
+      /* @__PURE__ */ e(o, { sx: {
+        borderRadius: "100%",
+        backgroundColor: "#F2F2F2",
+        width: "44px",
+        height: "44px",
+        display: "flex",
+        justifyContent: "center",
+        alignItems: "center"
+      }, children: /* @__PURE__ */ e(_, { sx: {
+        color: "#707070"
+      } }) }),
+      /* @__PURE__ */ e(r, { variant: "body1", children: t._("Manual payment record") }),
+      /* @__PURE__ */ a(o, { children: [
+        /* @__PURE__ */ e(r, { variant: "h2", children: s(i?.amount ?? 0, n.currency) }),
+        /* @__PURE__ */ e(r, { variant: "body1", children: t._("from {invoiceCounterpart_name}", {
+          invoiceCounterpart_name: n.counterpart_name
+        }) })
+      ] })
     ] }),
-    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.") })
+    /* @__PURE__ */ e(g, { items: [{
+      label: t._("Received"),
+      value: i.payment_date ? /* @__PURE__ */ e(r, { fontWeight: 500, children: p }) : "—"
+    }, {
+      label: t._("Reference"),
+      value: n.id ? /* @__PURE__ */ e(r, { fontWeight: 500, children: n.id }) : "—"
+    }, {
+      label: t._("Created by"),
+      value: u ? /* @__PURE__ */ e(v, { variant: "text", width: "50%" }) : m ? /* @__PURE__ */ e(r, { fontWeight: 500, children: m }) : "—"
+    }] }),
+    /* @__PURE__ */ e(b, { severity: "warning", children: /* @__PURE__ */ e(r, { variant: "body2", children: t._("Please, check the details of your payment record. You won't be able to change or delete it after.") }) })
   ] });
 };
 export {
-  Re as ReminderBeforeDueDate
+  L as ManualPaymentRecordDetails
 };

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

@@ -1,114 +1,99 @@
-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 "./index138.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 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 "./index403.js";
-import { useCreateOverdueReminder as V } from "./index404.js";
-import { useGetPaymentTermById as Y } from "./index405.js";
+import { jsx as e, Fragment as b, jsxs as o } from "@emotion/react/jsx-runtime";
+import { manualPaymentRecordValidationSchema as g } from "./index188.js";
+import { useCurrencies as y } from "./index60.js";
+import { useMemo as _, useEffect as C } from "react";
 import "./index94.js";
+import { useLingui as F } from "@lingui/react";
 import "react-dom";
+import "./index59.js";
 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 x } from "./index332.js";
-import { Typography as n } from "./index87.js";
-import { Input as J } from "./index119.js";
-const Q = "MMM d, yyyy", b = 3, Et = ({
-  disabled: l
+import { safeZodResolver as v } from "./index275.js";
+import { RHFDatePicker as D } from "./index457.js";
+import { RHFTextField as S } from "./index458.js";
+import { RHFTimePicker as R } from "./index459.js";
+import { DialogTitle as T, DialogContent as P, Grid as i, FormHelperText as k, Button as m, DialogActions as E, CircularProgress as H } from "@mui/material";
+import { useForm as V } from "react-hook-form";
+const Z = ({
+  invoice: r,
+  initialValues: n,
+  isLoading: u,
+  onSubmit: s,
+  onCancel: c
 }) => {
   const {
-    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);
-      }
-    });
-  };
-  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")
+    i18n: t
+  } = F(), {
+    formatCurrencyToDisplay: p,
+    getSymbolFromCurrency: d
+  } = y(), {
+    control: a,
+    handleSubmit: f,
+    reset: l,
+    setValue: x
+  } = V({
+    resolver: v(g(t, r.amount_due)),
+    defaultValues: _(() => n ?? {
+      amount: 0,
+      payment_date: /* @__PURE__ */ new Date(),
+      payment_time: /* @__PURE__ */ new Date()
+    }, [n])
+  });
+  C(() => {
+    l(n);
+  }, [n, l]);
+  const h = d(r.currency);
+  return /* @__PURE__ */ e(b, { children: /* @__PURE__ */ o("form", { onSubmit: f(s), children: [
+    /* @__PURE__ */ e(T, { sx: {
+      px: 4,
+      pt: 4
+    }, variant: "h3", id: "dialog-title", children: t._("Record payment") }),
+    /* @__PURE__ */ e(P, { sx: {
+      p: 4
+    }, children: /* @__PURE__ */ o(i, { container: !0, spacing: 1, children: [
+      /* @__PURE__ */ o(i, { item: !0, xs: 12, children: [
+        /* @__PURE__ */ e(S, { label: t._("Amount"), name: "amount", placeholder: "0", control: a, type: "number", sx: {
+          "::after": {
+            content: `"${h}"`,
+            position: "absolute",
+            right: "16px",
+            bottom: 0,
+            transform: "translateY(-50%)",
+            fontSize: "16px",
+            color: "rgba(0,0,0,0.28)",
+            pointerEvents: "none"
+          }
+        }, fullWidth: !0, required: !0 }),
+        /* @__PURE__ */ o(k, { children: [
+          t._("Enter full amount due of"),
+          " ",
+          /* @__PURE__ */ e(m, { variant: "text", sx: {
+            textDecoration: "underline"
+          }, onClick: () => x("amount", r.amount_due / 100), children: p(r.amount_due, r.currency) })
         ] })
       ] }),
-      /* @__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") })
-      ] })
+      /* @__PURE__ */ e(i, { item: !0, xs: 6, children: /* @__PURE__ */ e(D, { label: t._("Date"), name: "payment_date", control: a }) }),
+      /* @__PURE__ */ e(i, { item: !0, xs: 6, children: /* @__PURE__ */ e(R, { label: t._("Time"), name: "payment_time", control: a, sx: {
+        "::after": {
+          content: '"UTC"',
+          position: "absolute",
+          right: "16px",
+          bottom: 0,
+          transform: "translateY(-50%)",
+          fontSize: "16px",
+          color: "rgba(0,0,0,0.28)",
+          pointerEvents: "none"
+        }
+      }, fullWidth: !0, required: !0 }) })
+    ] }) }),
+    /* @__PURE__ */ o(E, { sx: {
+      px: 4,
+      pb: 4
+    }, children: [
+      /* @__PURE__ */ e(m, { autoFocus: !0, onClick: c, children: t._("Cancel") }),
+      /* @__PURE__ */ e(m, { variant: "contained", startIcon: u ? /* @__PURE__ */ e(H, { size: 20, color: "warning" }) : null, type: "submit", children: t._("Save") })
     ] })
-  ] });
+  ] }) });
 };
 export {
-  Et as ReminderOverdue
+  Z as PaymentRecordForm
 };