@tesouro/embedded-components-react 0.2.219 → 0.2.221

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

@@ -1,19 +1,12 @@
-import { jsx as e } from "@emotion/react/jsx-runtime";
-import { cn as l } from "./index100.js";
-import * as r from "@radix-ui/react-avatar";
-function n({
-  className: t,
-  ...a
-}) {
-  return /* @__PURE__ */ e(r.Root, { "data-slot": "avatar", className: l("ttw:relative ttw:flex ttw:size-8 ttw:shrink-0 ttw:overflow-hidden ttw:rounded-full", t), ...a });
-}
-function f({
-  className: t,
-  ...a
-}) {
-  return /* @__PURE__ */ e(r.Fallback, { "data-slot": "avatar-fallback", className: l("ttw:bg-muted ttw:flex ttw:size-full ttw:items-center ttw:justify-center ttw:rounded-full", t), ...a });
-}
+const g = (r, t = /* @__PURE__ */ new Date()) => {
+  if (!r)
+    return 0;
+  const e = new Date(r);
+  if (Number.isNaN(e.getTime()))
+    return 0;
+  const n = 1e3 * 60 * 60 * 24, T = Date.UTC(t.getUTCFullYear(), t.getUTCMonth(), t.getUTCDate()), o = Date.UTC(e.getUTCFullYear(), e.getUTCMonth(), e.getUTCDate()), a = Math.floor((T - o) / n);
+  return a > 0 ? a : 0;
+};
 export {
-  n as Avatar,
-  f as AvatarFallback
+  g as getDaysOverdue
 };

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

@@ -1,88 +1,13 @@
-import { jsx as e, Fragment as v, jsxs as n } from "@emotion/react/jsx-runtime";
-import { useState as k, useMemo as b } from "react";
-import { useFormContext as Y, Controller as j } from "react-hook-form";
-import { format as x } from "date-fns";
-import { Calendar as A } from "lucide-react";
-import { calculateDueDate as N } from "./index7.js";
-import { useLingui as L } from "@lingui/react";
-import { dedupePaymentTermsByContent as $ } from "./index441.js";
-import { RECEIPT_DUE_PAYMENT_TERM as u, CUSTOM_DATE_PAYMENT_TERM as l } from "./index298.js";
-import { cn as D } from "./index100.js";
-import { Skeleton as O } from "./index145.js";
-import { Select as R, SelectTrigger as U, SelectValue as V, SelectContent as z, SelectItem as h, SelectSeparator as I } from "./index292.js";
-import { Popover as q, PopoverAnchor as B, PopoverContent as K } from "./index402.js";
-import { Calendar as G } from "./index442.js";
-import { Field as H, FieldContent as J, FieldLabel as Q, FieldDescription as W, FieldError as X } from "./index178.js";
-const S = "MMM d, yyyy", ue = ({
-  disabled: T,
-  paymentTerms: f,
-  isLoading: E
-}) => {
-  const {
-    i18n: a
-  } = L(), {
-    control: M,
-    watch: w,
-    setValue: _
-  } = Y(), [F, m] = k(!1), i = w("payment_terms_id"), y = w("frequency") !== "once", o = w("payment_terms_custom_date") ?? void 0, p = (r) => _("payment_terms_custom_date", r ?? null), {
-    dedupedTerms: g
-  } = b(() => $(f?.data ?? []), [f]), d = g.find((r) => r?.id === i), P = d && N(d), c = () => {
-    window.setTimeout(() => m(!0), 0);
-  }, C = (r, s) => /* @__PURE__ */ n("span", { className: "ttw:flex ttw:w-full ttw:min-w-0 ttw:items-center ttw:justify-between ttw:gap-2", children: [
-    /* @__PURE__ */ e("span", { className: "ttw:truncate", children: r }),
-    s && /* @__PURE__ */ e("span", { className: "ttw:text-muted-foreground ttw:shrink-0 ttw:text-xs", children: x(s, S) })
-  ] });
-  return /* @__PURE__ */ e(v, { children: E ? /* @__PURE__ */ e(O, { className: "ttw:w-full ttw:h-9" }) : /* @__PURE__ */ e(v, { children: /* @__PURE__ */ e(j, { name: "payment_terms_id", control: M, render: ({
-    field: r,
-    fieldState: {
-      error: s
-    }
-  }) => /* @__PURE__ */ e(H, { children: /* @__PURE__ */ n(J, { children: [
-    /* @__PURE__ */ e(Q, { htmlFor: "payment_terms_id", children: a._("Payment terms") }),
-    /* @__PURE__ */ n(q, { open: F, onOpenChange: (t) => {
-      m(t), !t && i === l && !o && r.onChange(void 0);
-    }, children: [
-      /* @__PURE__ */ n(R, { ...r, disabled: T, value: r.value, onValueChange: (t) => {
-        if (t === l) {
-          i !== l && p(void 0), r.onChange(t), c();
-          return;
-        }
-        r.onChange(t), t === u && _("payment_reminder_id", "", {
-          shouldDirty: !0
-        }), p(void 0), m(!1);
-      }, children: [
-        /* @__PURE__ */ e(B, { className: "ttw:w-full", children: /* @__PURE__ */ e(U, { id: "payment_terms_id", className: "ttw:w-full", "aria-invalid": !!s, children: /* @__PURE__ */ n(V, { placeholder: a._("Select payment terms"), children: [
-          i === u && /* @__PURE__ */ e("span", { className: "ttw:truncate", children: a._("Due on receipt") }),
-          i === l && /* @__PURE__ */ n("span", { className: "ttw:flex ttw:w-full ttw:min-w-0 ttw:items-center ttw:justify-between ttw:gap-2", children: [
-            /* @__PURE__ */ n("span", { className: "ttw:flex ttw:min-w-0 ttw:items-center ttw:gap-1.5", children: [
-              /* @__PURE__ */ e(A, { className: D("ttw:size-4 ttw:shrink-0", !o && "ttw:text-muted-foreground") }),
-              /* @__PURE__ */ e("span", { className: D("ttw:truncate", !o && "ttw:text-muted-foreground"), children: o ? x(o, S) : a._("Mon DD, YYYY") })
-            ] }),
-            /* @__PURE__ */ e("span", { className: "ttw:text-muted-foreground ttw:shrink-0 ttw:text-xs", children: a._("Custom date") })
-          ] }),
-          d && C(d.name, P)
-        ] }) }) }),
-        /* @__PURE__ */ n(z, { children: [
-          /* @__PURE__ */ e(h, { value: u, children: a._("Due on receipt") }),
-          !y && /* @__PURE__ */ e(h, { value: l, onPointerUp: c, onClick: c, onKeyDown: (t) => {
-            (t.key === "Enter" || t.key === " ") && c();
-          }, children: a._("Custom date") }),
-          /* @__PURE__ */ e(I, {}),
-          g.map((t) => /* @__PURE__ */ e(h, { value: t.id, children: C(t.name, N(t)) }, t.id))
-        ] })
-      ] }),
-      /* @__PURE__ */ e(K, { className: "ttw:w-auto ttw:overflow-hidden ttw:p-0", align: "start", onFocusOutside: (t) => {
-        t.preventDefault();
-      }, children: /* @__PURE__ */ e(G, { mode: "single", captionLayout: "dropdown", selected: o, disabled: {
-        before: /* @__PURE__ */ new Date()
-      }, onSelect: (t) => {
-        p(t), m(!1);
-      } }) })
-    ] }),
-    y && /* @__PURE__ */ e(W, { children: a._("Each invoice in the series will have the same payment term.") }),
-    /* @__PURE__ */ e(X, { errors: s ? [s] : [] })
-  ] }) }) }) }) });
+const f = (n, r) => `${n} ${n === 1 ? r._("day") : r._("days")}`, s = (n, r) => {
+  const e = n.map((_) => f(_, r));
+  if (e.length <= 1) return e[0] ?? "";
+  const t = r._("and");
+  return e.length === 2 ? `${e[0]} ${t} ${e[1]}` : `${e.slice(0, -1).join(", ")}, ${t} ${e[e.length - 1]}`;
+}, d = (n) => [n?.term_1_reminder?.days_before, n?.term_2_reminder?.days_before, n?.term_final_reminder?.days_before].filter((r) => typeof r == "number"), l = (n) => (n?.terms ?? []).map((r) => r.days_after).filter((r) => typeof r == "number"), m = (n, r, e, t = !1) => {
+  const _ = d(n), o = l(r), a = [];
+  return _.length > 0 && a.push(`${s(_, e)} ${e._("before")}`), o.length > 0 && a.push(`${s(o, e)} ${e._("after")}`), a.length > 0 ? a.join(`
+`) : t ? "-" : e._("None");
 };
 export {
-  ue as PaymentSection
+  m as formatReminderSchedule
 };

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

@@ -1,271 +1,34 @@
-import { jsxs as c, jsx as e, Fragment as p } from "@emotion/react/jsx-runtime";
-import { useLingui as z } from "@lingui/react";
-import { useFormContext as B, Controller as h } from "react-hook-form";
-import { Field as _, FieldContent as f, FieldError as Q } from "./index178.js";
-import { Select as k, SelectTrigger as S, SelectValue as C, SelectContent as M, SelectItem as l, SelectSeparator as Z } from "./index292.js";
-import { Typography as m } from "./index85.js";
-import { DatePicker as q } from "./index443.js";
-import { Input as A } from "./index122.js";
-import { cn as G } from "./index100.js";
-import { RECEIPT_DUE_PAYMENT_TERM as J, CUSTOM_DATE_PAYMENT_TERM as X } from "./index298.js";
-const $ = ["day", "week", "month"], O = (a) => {
-  (a.key === "." || a.key === ",") && a.preventDefault();
-}, ee = (a) => {
-  const t = ["th", "st", "nd", "rd"], s = a % 100;
-  return `${a}${t[(s - 20) % 10] ?? t[s] ?? t[0]}`;
-}, te = Array.from({
-  length: 31
-}, (a, t) => t + 1), P = ["recurrence_start_date", "recurrence_end_date", "recurrence_issue_mode", "recurrence_days_of_week", "recurrence_end_mode", "recurrence_max_occurrences"], R = {
-  su: 0,
-  mo: 1,
-  tu: 2,
-  we: 3,
-  th: 4,
-  fr: 5,
-  sa: 6
-}, V = () => {
-  const a = /* @__PURE__ */ new Date();
-  return a.setHours(0, 0, 0, 0), a;
-}, re = () => {
-  const a = V();
-  return a.setDate(a.getDate() + 1), a;
-}, ae = (a) => {
-  const t = V(), s = (R[a] - t.getDay() + 7) % 7 || 7, d = new Date(t);
-  return d.setDate(t.getDate() + s), d;
-}, he = ({
-  lockSchedule: a = !1
-}) => {
-  const {
-    i18n: t
-  } = z(), {
-    control: s,
-    watch: d,
-    clearErrors: x,
-    setValue: u,
-    formState: {
-      errors: E
-    }
-  } = B(), i = d("frequency"), Y = d("payment_terms_id"), g = d("recurrence_issue_mode"), H = d("recurrence_end_mode"), D = d("recurrence_days_of_week"), I = d("recurrence_max_occurrences"), v = Number(I) === 1, F = d("recurrence_start_date"), y = F ? new Date(F) : void 0, T = d("recurrence_end_date"), b = T ? new Date(T) : void 0, j = (r) => {
-    if (r < re()) return !0;
-    if (i === "week")
-      return D ? r.getDay() !== R[D] : !1;
-    if (i !== "month" || !g) return !1;
-    const o = r.getDate(), n = new Date(r.getFullYear(), r.getMonth() + 1, 0).getDate();
-    if (g === "first_day") return o !== 1;
-    if (g === "last_day") return o !== n;
-    const w = Number(g);
-    return Number.isNaN(w) ? !1 : o !== Math.min(w, n);
-  }, K = (r) => {
-    if (j(r)) return !0;
-    if (!y) return !1;
-    const o = new Date(y);
-    return o.setHours(0, 0, 0, 0), r < o;
-  }, L = (r) => {
-    if (j(r)) return !0;
-    if (!b) return !1;
-    const o = new Date(b);
-    return o.setHours(0, 0, 0, 0), r > o;
-  }, U = () => {
-    switch (i) {
-      case "once":
-      case "day":
-      case "quarter":
-      case "year":
-      default:
-        return null;
-      case "month":
-        return /* @__PURE__ */ c(p, { children: [
-          /* @__PURE__ */ e(m, { variant: "body2", color: "muted", className: "ttw:text-nowrap", children: t._("on the") }),
-          /* @__PURE__ */ e(h, { name: "recurrence_issue_mode", control: s, render: ({
-            field: r,
-            fieldState: {
-              error: o
-            }
-          }) => /* @__PURE__ */ e(_, { className: "ttw:w-fit", children: /* @__PURE__ */ e(f, { className: "ttw:grow-0", children: /* @__PURE__ */ c(
-            k,
-            {
-              value: r.value,
-              disabled: a,
-              onValueChange: (n) => {
-                r.onChange(n), x("recurrence_issue_mode"), a || u("recurrence_start_date", void 0, {
-                  shouldDirty: !1
-                });
-              },
-              children: [
-                /* @__PURE__ */ e(S, { id: "recurrence_issue_mode", className: "ttw:min-w-21 ttw:w-fit", "aria-invalid": !!o, children: /* @__PURE__ */ e(C, {}) }),
-                /* @__PURE__ */ c(M, { children: [
-                  /* @__PURE__ */ e(l, { value: "first_day", children: t._("First day") }),
-                  /* @__PURE__ */ e(l, { value: "last_day", children: t._("Last day") }),
-                  /* @__PURE__ */ e(Z, {}),
-                  te.map((n) => /* @__PURE__ */ e(l, { value: String(n), children: ee(n) }, n))
-                ] })
-              ]
-            }
-          ) }) }) }),
-          /* @__PURE__ */ e(m, { variant: "body2", color: "muted", className: "ttw:text-nowrap", children: t._("day of every month") })
-        ] });
-      case "week":
-        return /* @__PURE__ */ c(p, { children: [
-          /* @__PURE__ */ e(m, { variant: "body2", color: "muted", children: t._("on") }),
-          /* @__PURE__ */ e(h, { name: "recurrence_days_of_week", control: s, render: ({
-            field: r,
-            fieldState: {
-              error: o
-            }
-          }) => {
-            const n = r.value, w = (N) => {
-              a || n === N || (r.onChange(N), u("recurrence_start_date", ae(N), {
-                shouldDirty: !0
-              }), x("recurrence_start_date"));
-            };
-            return /* @__PURE__ */ e(_, { className: "ttw:w-fit", children: /* @__PURE__ */ e(f, { className: "ttw:grow-0", children: /* @__PURE__ */ c("div", { "aria-invalid": !!o, "aria-disabled": a || void 0, className: G(
-              "ttw:flex ttw:border ttw:border-border ttw:rounded-md ttw:h-8 ttw:w-56 ttw:aria-invalid:border-destructive",
-              // Locked (a scheduled invoice issued): show inert and
-              // swallow clicks so the weekly day can't change.
-              a && "ttw:opacity-50 ttw:pointer-events-none"
-            ), children: [
-              /* @__PURE__ */ e("button", { type: "button", disabled: a, "aria-pressed": n === "mo", "data-active": n === "mo", onClick: () => w("mo"), className: "ttw:hover:cursor-pointer ttw:transition-colors ttw:hover:bg-muted ttw:data-[active=true]:bg-muted ttw:text-sm ttw:font-medium ttw:border-r ttw:border-border ttw:flex ttw:flex-1 ttw:items-center ttw:justify-center", children: t._("Mo") }),
-              /* @__PURE__ */ e("button", { type: "button", disabled: a, "aria-pressed": n === "tu", "data-active": n === "tu", onClick: () => w("tu"), className: "ttw:hover:cursor-pointer ttw:transition-colors ttw:hover:bg-muted ttw:data-[active=true]:bg-muted ttw:text-sm ttw:font-medium ttw:border-r ttw:border-border ttw:flex ttw:flex-1 ttw:items-center ttw:justify-center", children: t._("Tu") }),
-              /* @__PURE__ */ e("button", { type: "button", disabled: a, "aria-pressed": n === "we", "data-active": n === "we", onClick: () => w("we"), className: "ttw:hover:cursor-pointer ttw:transition-colors ttw:hover:bg-muted ttw:data-[active=true]:bg-muted ttw:text-sm ttw:font-medium ttw:border-r ttw:border-border ttw:flex ttw:flex-1 ttw:items-center ttw:justify-center", children: t._("We") }),
-              /* @__PURE__ */ e("button", { type: "button", disabled: a, "aria-pressed": n === "th", "data-active": n === "th", onClick: () => w("th"), className: "ttw:hover:cursor-pointer ttw:transition-colors ttw:hover:bg-muted ttw:data-[active=true]:bg-muted ttw:text-sm ttw:font-medium ttw:border-r ttw:border-border ttw:flex ttw:flex-1 ttw:items-center ttw:justify-center", children: t._("Th") }),
-              /* @__PURE__ */ e("button", { type: "button", disabled: a, "aria-pressed": n === "fr", "data-active": n === "fr", onClick: () => w("fr"), className: "ttw:hover:cursor-pointer ttw:transition-colors ttw:hover:bg-muted ttw:data-[active=true]:bg-muted ttw:text-sm ttw:font-medium ttw:border-r ttw:border-border ttw:flex ttw:flex-1 ttw:items-center ttw:justify-center", children: t._("Fr") }),
-              /* @__PURE__ */ e("button", { type: "button", disabled: a, "aria-pressed": n === "sa", "data-active": n === "sa", onClick: () => w("sa"), className: "ttw:hover:cursor-pointer ttw:transition-colors ttw:hover:bg-muted ttw:data-[active=true]:bg-muted ttw:text-sm ttw:font-medium ttw:border-r ttw:border-border ttw:flex ttw:flex-1 ttw:items-center ttw:justify-center", children: t._("Sa") }),
-              /* @__PURE__ */ e("button", { type: "button", disabled: a, "aria-pressed": n === "su", "data-active": n === "su", onClick: () => w("su"), className: "ttw:hover:cursor-pointer ttw:transition-colors ttw:hover:bg-muted ttw:data-[active=true]:bg-muted ttw:text-sm ttw:font-medium ttw:flex ttw:flex-1 ttw:items-center ttw:justify-center", children: t._("Su") })
-            ] }) }) });
-          } })
-        ] });
-    }
-  }, W = () => {
-    switch (i) {
-      case "once":
-      default:
-        return null;
-      case "day":
-        return /* @__PURE__ */ c(p, { children: [
-          /* @__PURE__ */ e(m, { variant: "body2", color: "muted", className: "ttw:text-nowrap", children: t._("and end") }),
-          /* @__PURE__ */ e(h, { name: "recurrence_end_mode", control: s, render: ({
-            field: r,
-            fieldState: {
-              error: o
-            }
-          }) => /* @__PURE__ */ e(_, { className: "ttw:w-fit", children: /* @__PURE__ */ e(f, { className: "ttw:grow-0", children: /* @__PURE__ */ c(k, { value: r.value, onValueChange: (n) => {
-            r.onChange(n), n === "after" ? u("recurrence_end_date", void 0, {
-              shouldDirty: !1
-            }) : u("recurrence_max_occurrences", void 0, {
-              shouldDirty: !1
-            });
-          }, children: [
-            /* @__PURE__ */ e(S, { id: "recurrence_end_mode", className: "ttw:w-21", "aria-invalid": !!o, children: /* @__PURE__ */ e(C, {}) }),
-            /* @__PURE__ */ c(M, { children: [
-              /* @__PURE__ */ e(l, { value: "after", children: t._("After") }),
-              /* @__PURE__ */ e(l, { value: "on", children: t._("On") })
-            ] })
-          ] }) }) }) }),
-          H === "on" ? /* @__PURE__ */ e(h, { control: s, name: "recurrence_end_date", render: ({
-            field: r,
-            fieldState: {
-              error: o
-            }
-          }) => /* @__PURE__ */ e(_, { className: "ttw:grow-0 ttw:w-44", children: /* @__PURE__ */ e(f, { children: /* @__PURE__ */ e(q, { ...r, selected: r.value ? new Date(r.value) : void 0, onSelect: r.onChange, showOutsideDays: !1, disabled: K, "aria-invalid": !!o, startMonth: y ? new Date(y.getFullYear(), y.getMonth(), 1) : /* @__PURE__ */ new Date(), endMonth: new Date(2050, 11) }) }) }) }) : /* @__PURE__ */ c(p, { children: [
-            /* @__PURE__ */ e(h, { name: "recurrence_max_occurrences", control: s, render: ({
-              field: r,
-              fieldState: {
-                error: o
-              }
-            }) => /* @__PURE__ */ e(_, { className: "ttw:w-fit", children: /* @__PURE__ */ e(f, { className: "ttw:grow-0", children: /* @__PURE__ */ e(A, { ...r, className: "ttw:w-16", value: r.value ?? "", type: "number", min: 0, max: 1e3, onKeyDown: O, "aria-invalid": !!o }) }) }) }),
-            /* @__PURE__ */ e(m, { variant: "body2", color: "muted", className: "ttw:text-nowrap", children: v ? t._("day") : t._("days") })
-          ] })
-        ] });
-      case "month":
-      case "quarter":
-      case "year":
-      case "week":
-        return /* @__PURE__ */ c(p, { children: [
-          /* @__PURE__ */ e(m, { variant: "body2", color: "muted", className: "ttw:text-nowrap", children: t._("and end after") }),
-          /* @__PURE__ */ e(h, { name: "recurrence_max_occurrences", control: s, render: ({
-            field: r,
-            fieldState: {
-              error: o
-            }
-          }) => /* @__PURE__ */ e(_, { className: "ttw:w-fit", children: /* @__PURE__ */ e(f, { className: "ttw:grow-0", children: /* @__PURE__ */ e(A, { ...r, className: "ttw:w-16", value: r.value ?? "", type: "number", min: 0, max: 1e3, onKeyDown: O, "aria-invalid": !!o }) }) }) }),
-          /* @__PURE__ */ c(m, { variant: "body2", color: "muted", className: "ttw:text-nowrap", children: [
-            i === "month" && (v ? t._("month") : t._("months")),
-            i === "quarter" && (v ? t._("quarter") : t._("quarters")),
-            i === "week" && (v ? t._("week") : t._("weeks")),
-            i === "year" && (v ? t._("year") : t._("years"))
-          ] })
-        ] });
-    }
-  };
-  return /* @__PURE__ */ c("section", { className: "ttw:flex ttw:flex-col ttw:gap-2.5", children: [
-    /* @__PURE__ */ c("div", { className: "ttw:flex ttw:items-center ttw:gap-2.5", children: [
-      /* @__PURE__ */ e(m, { variant: "body2", color: "muted", className: "ttw:text-nowrap", children: t._("Repeat this invoice") }),
-      /* @__PURE__ */ e(h, { name: "frequency", control: s, render: ({
-        field: r
-      }) => /* @__PURE__ */ e(_, { className: "ttw:w-fit", children: /* @__PURE__ */ e(f, { className: "ttw:grow-0", children: /* @__PURE__ */ c(
-        k,
-        {
-          value: r.value,
-          disabled: a,
-          onValueChange: (o) => {
-            x(P), P.forEach((n) => {
-              u(n, void 0, {
-                shouldDirty: !1
-              });
-            }), $.includes(o) ? (u("payment_terms_id", J, {
-              shouldDirty: !0
-            }), u("payment_terms_custom_date", null, {
-              shouldDirty: !1
-            }), u("payment_reminder_id", "", {
-              shouldDirty: !0
-            })) : o !== "once" && Y === X && (u("payment_terms_id", "", {
-              shouldDirty: !0
-            }), u("payment_terms_custom_date", null, {
-              shouldDirty: !1
-            })), r.onChange(o);
-          },
-          children: [
-            /* @__PURE__ */ e(S, { id: "frequency", className: "ttw:w-31", children: /* @__PURE__ */ e(C, {}) }),
-            /* @__PURE__ */ c(M, { children: [
-              /* @__PURE__ */ e(l, { value: "once", children: t._("Once") }),
-              /* @__PURE__ */ e(l, { value: "day", children: t._("Daily") }),
-              /* @__PURE__ */ e(l, { value: "week", children: t._("Weekly") }),
-              /* @__PURE__ */ e(l, { value: "month", children: t._("Monthly") }),
-              /* @__PURE__ */ e(l, { value: "quarter", children: t._("Quarterly") }),
-              /* @__PURE__ */ e(l, { value: "year", children: t._("Annually") })
-            ] })
-          ]
-        }
-      ) }) }) }),
-      U()
-    ] }),
-    i !== "once" && /* @__PURE__ */ c("div", { className: "ttw:flex ttw:items-center ttw:gap-2.5", children: [
-      /* @__PURE__ */ e(m, { variant: "body2", color: "muted", className: "ttw:text-nowrap", children: t._("Start on") }),
-      /* @__PURE__ */ e(h, { control: s, name: "recurrence_start_date", render: ({
-        field: r,
-        fieldState: {
-          error: o
-        }
-      }) => /* @__PURE__ */ e(_, { className: "ttw:grow-0 ttw:w-44", children: /* @__PURE__ */ e(f, { children: /* @__PURE__ */ e(
-        q,
-        {
-          ...r,
-          selected: r.value ? new Date(r.value) : void 0,
-          onSelect: r.onChange,
-          showOutsideDays: !1,
-          shouldDisableButton: a || i === "week" && !D,
-          disabled: L,
-          "aria-invalid": !!o,
-          startMonth: /* @__PURE__ */ new Date(),
-          endMonth: b ? new Date(b.getFullYear(), b.getMonth(), 1) : new Date(2050, 11)
-        }
-      ) }) }) }),
-      W()
-    ] }),
-    E.recurrence_max_occurrences && /* @__PURE__ */ e(Q, { errors: [E.recurrence_max_occurrences] }),
-    ["month", "quarter", "year"].includes(i) && /* @__PURE__ */ e(m, { variant: "caption", color: "muted", children: t._("If the issue day doesn't exist in a given month, e.g., the 31st, then the invoice will be sent on the last day of that month.") })
-  ] });
-};
+import { jsx as e } from "@emotion/react/jsx-runtime";
+import { cn as i } from "./index100.js";
+import * as o from "@radix-ui/react-popover";
+function m({
+  ...t
+}) {
+  return /* @__PURE__ */ e(o.Root, { "data-slot": "popover", ...t });
+}
+function d({
+  ref: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e(o.Trigger, { "data-slot": "popover-trigger", ref: t, ...a });
+}
+d.displayName = o.Trigger.displayName;
+function f({
+  className: t,
+  align: a = "center",
+  sideOffset: r = 4,
+  ...n
+}) {
+  return /* @__PURE__ */ e(o.Portal, { children: /* @__PURE__ */ e(o.Content, { "data-slot": "popover-content", align: a, sideOffset: r, className: i("ttw:bg-popover ttw:text-popover-foreground ttw:data-[state=open]:animate-in ttw:data-[state=closed]:animate-out ttw:data-[state=closed]:fade-out-0 ttw:data-[state=open]:fade-in-0 ttw:data-[state=closed]:zoom-out-95 ttw:data-[state=open]:zoom-in-95 ttw:data-[side=bottom]:slide-in-from-top-2 ttw:data-[side=left]:slide-in-from-right-2 ttw:data-[side=right]:slide-in-from-left-2 ttw:data-[side=top]:slide-in-from-bottom-2 ttw:z-1300 ttw:w-72 ttw:origin-(--radix-popover-content-transform-origin) ttw:rounded-md ttw:border ttw:p-4 ttw:shadow-md ttw:outline-hidden", t), ...n }) });
+}
+function l({
+  ...t
+}) {
+  return /* @__PURE__ */ e(o.Anchor, { "data-slot": "popover-anchor", ...t });
+}
 export {
-  he as RecurrenceSection
+  m as Popover,
+  l as PopoverAnchor,
+  f as PopoverContent,
+  d as PopoverTrigger
 };

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

@@ -1,41 +1,98 @@
-import { jsxs as r, jsx as e, Fragment as h } from "@emotion/react/jsx-runtime";
-import { useLingui as y } from "@lingui/react";
-import { Switch as g } from "./index391.js";
-import { useState as v } from "react";
-import { useFormContext as x } from "react-hook-form";
-import { Typography as l } from "./index85.js";
-import { ReminderBeforeDueDate as b } from "./index444.js";
-import { ReminderOverdue as E } from "./index445.js";
-import { RECEIPT_DUE_PAYMENT_TERM as N } from "./index298.js";
-const I = ({
-  disabled: a
-}) => {
+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 "./index92.js";
+import "./index57.js";
+import "@tanstack/react-query";
+import "date-fns";
+import { useLingui as R } from "@lingui/react";
+import { usePaymentIntentById as $ } from "./index80.js";
+import { useCreatePayablePaymentLink as v, usePaymentLinkById as B } from "./index449.js";
+import { Modal as j, Box as x, CircularProgress as D } from "@mui/material";
+const G = (r, d, f, i) => {
   const {
-    i18n: i
-  } = y(), {
-    watch: t,
-    setValue: d
-  } = x(), n = t("payment_terms_id"), c = t("payment_terms_custom_date"), p = t("payment_reminder_id"), u = t("overdue_reminder_id"), o = !!(n || c), w = !!(p || u), f = n !== N, [m, _] = v(o || w);
-  return /* @__PURE__ */ r("section", { className: "ttw:flex ttw:flex-col ttw:gap-6", children: [
-    /* @__PURE__ */ r("div", { className: "ttw:flex ttw:items-center ttw:gap-3", children: [
-      /* @__PURE__ */ e(g, { checked: m, disabled: !o, onCheckedChange: (s) => {
-        s || (d("payment_reminder_id", "", {
-          shouldDirty: !0
-        }), d("overdue_reminder_id", "", {
-          shouldDirty: !0
-        })), _(s);
-      }, "aria-label": i._("Payment reminders") }),
-      /* @__PURE__ */ e(l, { variant: "body2", children: i._("Send reminders when an invoice is approaching its due date or past due.") })
-    ] }),
-    m && /* @__PURE__ */ r(h, { children: [
-      /* @__PURE__ */ r("div", { className: "ttw:flex ttw:flex-col ttw:gap-4 ttw:w-full ttw:xl:flex-row", children: [
-        f && /* @__PURE__ */ e(b, { disabled: a }),
-        /* @__PURE__ */ e(E, { disabled: a })
-      ] }),
-      /* @__PURE__ */ e(l, { variant: "body2", color: "muted", className: "ttw:font-medium", children: i._("New reminders will be saved to your organization's library and can be managed via Invoice settings") })
-    ] })
-  ] });
+    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...") })
+    ] }) }) })
+  };
 };
 export {
-  I as RemindersSection
+  G as usePaymentHandler
 };