@tesouro/embedded-components-react 0.2.51 → 0.2.55

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

@@ -1,70 +1,100 @@
-import { jsx as a, jsxs as v, Fragment as f } from "@emotion/react/jsx-runtime";
-import { ScopedCssBaselineContainerClassName as g } from "./index106.js";
-import { CreditNotesTable as C } from "./index38.js";
-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 "./index187.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";
-const k = {
-  Invoices: 0,
-  Quotes: 1,
-  CreditNotes: 2,
-  Financing: 3
-}, A = (i) => /* @__PURE__ */ a(I, { children: /* @__PURE__ */ a(w, { ...i }) }), w = ({
-  onRowClick: i,
-  onTabChange: r,
-  setIsCreateInvoiceDialogOpen: l,
-  ...m
+import { jsx as t, jsxs as n, Fragment as M } from "@emotion/react/jsx-runtime";
+import { useState as I, useId as P, useRef as j } from "react";
+import { useMoniteContext as L } from "./index58.js";
+import { MoniteScopedProviders as O } from "./index84.js";
+import { LoadingPage as U } from "./index187.js";
+import { useLingui as G } from "@lingui/react";
+import { useCreateEntityBankAccount as H } from "./index193.js";
+import { useUpdateEntityBankAccount as R } from "./index194.js";
+import { useDeleteEntityBankAccount as T } from "./index195.js";
+import { useGetEntityBankAccountById as q } from "./index196.js";
+import "date-fns";
+import "react-hot-toast";
+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 "clsx";
+import { twMerge as z } from "tailwind-merge";
+import "@radix-ui/react-dropdown-menu";
+import "lucide-react";
+import { Button as c } from "./index85.js";
+import "./index93.js";
+import "react-dom";
+import "@mui/x-data-grid";
+import "react-hook-form";
+import { BankAccountDeleteModal as J } from "./index197.js";
+import { BankAccountFormContent as K } from "./index198.js";
+import { Sheet as Q, SheetContent as V, SheetHeader as W, SheetTitle as X, SheetDescription as Y, SheetFooter as Z } from "./index135.js";
+const Nt = (a) => /* @__PURE__ */ t(O, { children: /* @__PURE__ */ t(tt, { ...a }) }), tt = ({
+  entityBankAccountId: a,
+  bankAccounts: u,
+  isOpen: f,
+  onCancel: h,
+  onCreate: b,
+  onUpdate: w,
+  onDelete: k,
+  handleClose: y,
+  handleSelectBankAfterDeletion: g
 }) => {
   const {
-    tab: p,
-    tabs: b
-  } = B(m), {
-    i18n: u
-  } = R(), [e, d] = N(p ?? k.Invoices), t = `Monite-ReceivablesTable-Tabs-${S()}-`, h = "Monite-ReceivablesTable", o = b?.[e], y = (n) => {
-    d(n), r?.(n);
+    i18n: e
+  } = G(), {
+    componentSettings: A
+  } = L(), [m, d] = I(!1), l = `Monite-EntityBankForm-${P()}`, x = j(null), {
+    data: o,
+    isLoading: B
+  } = q(a), {
+    mutate: C,
+    isPending: v
+  } = H(b), {
+    mutate: S,
+    isPending: _
+  } = R(w), {
+    mutate: $,
+    isPending: D
+  } = T(k), r = v || _ || D, i = !!o, N = (s) => {
+    C({
+      body: s
+    });
+  }, E = (s) => {
+    S({
+      path: {
+        bank_account_id: o?.id ?? ""
+      },
+      body: s
+    });
   };
-  return /* @__PURE__ */ v(f, { children: [
-    /* @__PURE__ */ a(s, { className: q(g, h + "-Tabs"), children: /* @__PURE__ */ a(D, { value: e, variant: "standard", "aria-label": u._("Receivables tabs"), sx: {
-      border: "none"
-    }, onChange: (n, c) => y(Number(c)), children: b?.map(({
-      label: n,
-      query: c
-    }, H) => null) }) }),
-    o?.query?.type === "quote" && /* @__PURE__ */ a(s, { role: "tabpanel", id: `${t}-${e}-tabpanel`, "aria-labelledby": `${t}-${e}-tab`, sx: {
-      display: "flex",
-      flexDirection: "column",
-      height: "inherit",
-      minHeight: "0"
-    }, children: /* @__PURE__ */ a($, { onRowClick: i, setIsCreateInvoiceDialogOpen: l, query: o?.query }, e) }),
-    o?.query?.type === "invoice" && /* @__PURE__ */ a(s, { role: "tabpanel", id: `${t}-${e}-tabpanel`, "aria-labelledby": `${t}-${e}-tab`, sx: {
-      display: "flex",
-      flexDirection: "column",
-      height: "inherit",
-      minHeight: "0"
-    }, children: /* @__PURE__ */ a(x, { onRowClick: i, setIsCreateInvoiceDialogOpen: l, query: o?.query }, e) }),
-    o?.query?.type === "credit_note" && /* @__PURE__ */ a(s, { role: "tabpanel", id: `${t}-${e}-tabpanel`, "aria-labelledby": `${t}-${e}-tab`, sx: {
-      display: "flex",
-      flexDirection: "column",
-      height: "inherit",
-      minHeight: "0"
-    }, children: /* @__PURE__ */ a(C, { onRowClick: i, setIsCreateInvoiceDialogOpen: l, query: o?.query }, e) })
+  if (B)
+    return /* @__PURE__ */ t(U, {});
+  if (!A?.receivables?.enableEntityBankAccount)
+    return null;
+  const p = o ? e._("Edit bank account") : e._("Add new bank account"), F = o ? e._("Save") : e._("Add");
+  return /* @__PURE__ */ n(M, { children: [
+    /* @__PURE__ */ t(Q, { open: f, onOpenChange: y, children: /* @__PURE__ */ n(V, { className: "ttw:gap-0", children: [
+      /* @__PURE__ */ n(W, { className: "ttw:border-b ttw:border-border", children: [
+        /* @__PURE__ */ t(X, { className: "ttw:text-xl", children: p }),
+        /* @__PURE__ */ t(Y, { hidden: !0, children: p })
+      ] }),
+      /* @__PURE__ */ t("div", { ref: x, className: "ttw:flex ttw:flex-1 ttw:flex-col ttw:gap-6 ttw:overflow-y-auto ttw:p-8", children: /* @__PURE__ */ t(K, { createBankAccount: N, updateBankAccount: E, formId: l, bankAccounts: u, bankAccount: o }) }),
+      /* @__PURE__ */ n(Z, { className: z("ttw:border-t ttw:border-border ttw:flex-row", i ? "ttw:justify-between" : "ttw:justify-end"), children: [
+        i && /* @__PURE__ */ t(c, { type: "button", variant: "ghost", className: "ttw:text-destructive ttw:hover:text-destructive", disabled: r, onClick: () => d(!0), children: e._("Delete") }),
+        /* @__PURE__ */ n("div", { className: "ttw:flex ttw:gap-2", children: [
+          /* @__PURE__ */ t(c, { type: "button", variant: "ghost", className: "ttw:text-primary ttw:hover:text-primary", disabled: r, onClick: h, children: e._("Cancel") }),
+          /* @__PURE__ */ t(c, { type: "submit", form: l, disabled: r, children: F })
+        ] })
+      ] })
+    ] }) }),
+    m && i && /* @__PURE__ */ t(J, { open: m, onClose: () => d(!1), isDeleting: r, handleDelete: () => {
+      $({
+        path: {
+          bank_account_id: o?.id
+        }
+      }), g?.("");
+    } })
   ] });
-}, B = (i) => {
-  const {
-    componentSettings: r
-  } = T();
-  return {
-    tab: i?.tab ?? r?.receivables?.tab,
-    tabs: i?.tabs ?? r?.receivables?.tabs
-  };
 };
 export {
-  A as ReceivablesTable,
-  k as ReceivablesTableTabEnum,
-  B as useReceivablesTableProps
+  Nt as BankAccountFormDialog
 };

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

@@ -1,98 +1,129 @@
-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 "./index59.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 "./index492.js";
-import { Modal as j, Box as x, CircularProgress as D } from "@mui/material";
-const G = (r, d, f, i) => {
-  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;
-      }
-      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...") })
-    ] }) }) })
-  };
-};
+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)
+      };
+    }
+  }
+}
 export {
-  G as usePaymentHandler
+  v as DATE_PRESETS,
+  g as resolveDatePreset
 };

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

@@ -1,40 +1,9 @@
-import { useMoniteContext as u } from "./index59.js";
-import { getAPIErrorMessage as l } from "./index123.js";
-import { useLingui as m } from "@lingui/react";
-import { toast as a } from "react-hot-toast";
-const v = (i, n, s, p) => {
-  const {
-    api: e,
-    queryClient: t
-  } = u(), {
-    i18n: o
-  } = m();
-  return e.finops.postApprovalRequestsIdReject.useMutation({
-    path: {
-      approval_request_id: i
-    }
-  }, {
-    onSuccess: () => {
-      if (e.finops.getApprovalRequests.invalidateQueries(t), a.success(o._("Payable “{document_id}” has been rejected", {
-        document_id: p
-      })), !!s)
-        return n?.(s ?? ""), new Promise((r) => {
-          setTimeout(() => {
-            Promise.all([e.finops.getPayablesId.invalidateQueries({
-              parameters: {
-                path: {
-                  payable_id: s ?? ""
-                }
-              }
-            }, t), e.finops.getPayables.invalidateQueries(t)]).then(() => r());
-          }, 500);
-        });
-    },
-    onError: (r) => {
-      a.error(l(o, r));
-    }
-  });
-};
+const t = (e) => ({
+  approved: e._("Approved"),
+  canceled: e._("Canceled"),
+  rejected: e._("Rejected"),
+  waiting: e._("In approval")
+});
 export {
-  v as useRejectApprovalRequest
+  t as getRowToStatusTextMap
 };

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

@@ -1,37 +1,56 @@
-import { useMoniteContext as u } from "./index59.js";
-import { getAPIErrorMessage as m } from "./index123.js";
-import { useLingui as d } from "@lingui/react";
-import { toast as a } from "react-hot-toast";
-const g = (i, p, t, n) => {
+import { jsx as o, jsxs as h, Fragment as x } from "@emotion/react/jsx-runtime";
+import { useState as n } from "react";
+import { useMoniteContext as y } from "./index58.js";
+import { useRootElements as I } from "./index93.js";
+import { classNames as _ } from "./index173.js";
+import { useLingui as F } from "@lingui/react";
+import { Autocomplete as M, TextField as O, CircularProgress as v } from "@mui/material";
+const $ = ({
+  onChange: l,
+  className: p
+}) => {
   const {
-    api: e,
-    queryClient: o
-  } = u(), {
     i18n: r
-  } = d();
-  return e.finops.postApprovalRequestsIdApprove.useMutation({
-    path: {
-      approval_request_id: i
+  } = F(), {
+    api: d
+  } = y(), {
+    root: u
+  } = I(), [i, s] = n(!1), [m, c] = n(null), [f, g] = n(""), {
+    data: C,
+    isLoading: a,
+    refetch: A
+  } = d.finops.getEntityUsers.useQuery({
+    query: {
+      name__istartswith: f || void 0
     }
   }, {
-    onSuccess: () => (e.finops.getApprovalRequests.invalidateQueries(o), a.success(r._('Payable "{document_id}" has been approved', {
-      document_id: n ?? "document id is unknown"
-    })), p?.(t ?? ""), new Promise((s) => {
-      setTimeout(() => {
-        Promise.all([e.finops.getPayablesId.invalidateQueries({
-          parameters: {
-            path: {
-              payable_id: t ?? ""
-            }
-          }
-        }, o), e.finops.getPayables.invalidateQueries(o)]).then(() => s());
-      }, 500);
-    })),
-    onError: (s) => {
-      a.error(m(r, s));
-    }
+    enabled: i
   });
+  return /* @__PURE__ */ o(M, { autoComplete: !0, includeInputInList: !0, filterSelectedOptions: !0, value: m, noOptionsText: r._("No users found"), slotProps: {
+    popper: {
+      container: u
+    }
+  }, open: i, onOpen: () => {
+    s(!0);
+  }, onClose: () => {
+    s(!1);
+  }, loading: a, options: C?.data || [], getOptionLabel: (e) => `${e.first_name ?? ""} ${e.last_name ?? ""}`.trim(), isOptionEqualToValue: (e, t) => e.id === t.id, filterOptions: (e) => e, onInputChange: (e, t) => {
+    g(t);
+  }, onChange: (e, t) => {
+    c(t), l(t?.id), A();
+  }, className: _("Monite-ApprovalAddedByFilter-Container", "Monite-FilterControl", p), sx: {
+    "&.MuiAutocomplete-root": {
+      display: "flex",
+      alignItems: "center"
+    }
+  }, renderInput: (e) => /* @__PURE__ */ o(O, { ...e, variant: "standard", placeholder: r._("Added by"), className: "Monite-ApprovalAddedByFilter Monite-FilterControl", InputProps: {
+    ...e.InputProps,
+    endAdornment: /* @__PURE__ */ h(x, { children: [
+      a ? /* @__PURE__ */ o(v, { color: "inherit", size: 20 }) : null,
+      e.InputProps.endAdornment
+    ] })
+  } }) });
 };
 export {
-  g as useApproveApprovalRequest
+  $ as AutocompleteCreatedBy
 };

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

@@ -1,107 +1,20 @@
-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 "./index143.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 "./index268.js";
-import { useGetPaymentReminders as Y } from "./index449.js";
-import { useCreatePaymentReminder as k } from "./index450.js";
-import { useGetPaymentTermById as z } from "./index453.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 "./index202.js";
-import { RadioGroup as J, RadioGroupItem as N } from "./index376.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 { jsx as l } from "@emotion/react/jsx-runtime";
+import { useFileById as s } from "./index78.js";
+import { Avatar as e } from "@mui/material";
+const n = ({
+  alt: t,
+  fileId: a,
+  ...r
+}) => a ? /* @__PURE__ */ l(i, { fileId: a, alt: t, ...r }) : /* @__PURE__ */ l(e, { alt: t, ...r }), i = ({
+  alt: t,
+  fileId: a,
+  ...r
 }) => {
   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
-      }) })
-    ] }),
-    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.") })
-  ] });
+    data: o
+  } = s(a);
+  return /* @__PURE__ */ l(e, { alt: t, src: o?.url, ...r });
 };
 export {
-  Re as ReminderBeforeDueDate
+  n as UserAvatar
 };