@tesouro/embedded-components-react 0.2.183 → 0.2.185

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

@@ -1,17 +1,88 @@
-import { jsx as r } from "@emotion/react/jsx-runtime";
-import { cn as c } from "./index100.js";
-const l = ({
-  ratio: t,
-  children: s,
-  className: a,
-  style: e,
-  ref: i,
-  ...o
-}) => /* @__PURE__ */ r("div", { ref: i, className: c("ttw:w-full", a), style: {
-  ...e,
-  aspectRatio: t.toString()
-}, ...o, children: s });
-l.displayName = "AspectRatio";
+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 "./index468.js";
+import { RECEIPT_DUE_PAYMENT_TERM as u, CUSTOM_DATE_PAYMENT_TERM as l } from "./index336.js";
+import { cn as D } from "./index100.js";
+import { Skeleton as O } from "./index156.js";
+import { Select as R, SelectTrigger as U, SelectValue as V, SelectContent as z, SelectItem as h, SelectSeparator as I } from "./index288.js";
+import { Popover as q, PopoverAnchor as B, PopoverContent as K } from "./index353.js";
+import { Calendar as G } from "./index469.js";
+import { Field as H, FieldContent as J, FieldLabel as Q, FieldDescription as W, FieldError as X } from "./index177.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] : [] })
+  ] }) }) }) }) });
+};
 export {
-  l as AspectRatio
+  ue as PaymentSection
 };

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

@@ -1,71 +1,271 @@
-import { jsx as t, jsxs as a } from "@emotion/react/jsx-runtime";
-import { getMeasureUnitValidationSchema as z } from "./index190.js";
-import { Button as o } from "./index84.js";
-import { Input as p } from "./index117.js";
-import { TableRow as C, TableCell as M } from "./index289.js";
-import { zodResolver as S } from "@hookform/resolvers/zod";
-import { useLingui as U } from "@lingui/react";
-import { Check as $, X as j } from "lucide-react";
-import { useForm as k, Controller as f } from "react-hook-form";
-import { useCreateMeasureUnit as E } from "./index433.js";
-import { useUpdateMeasureUnit as V } from "./index434.js";
-const P = {
-  name: "",
-  description: ""
-}, D = ({
-  id: s,
-  isEditMode: n,
-  initialValues: h = P,
-  onCancel: g,
-  onEdit: v
+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 "./index177.js";
+import { Select as k, SelectTrigger as S, SelectValue as C, SelectContent as M, SelectItem as l, SelectSeparator as Z } from "./index288.js";
+import { Typography as m } from "./index85.js";
+import { DatePicker as q } from "./index470.js";
+import { Input as A } from "./index123.js";
+import { cn as G } from "./index100.js";
+import { RECEIPT_DUE_PAYMENT_TERM as J, CUSTOM_DATE_PAYMENT_TERM as X } from "./index336.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: m
-  } = U(), b = z(m), {
-    handleSubmit: l,
-    control: d,
-    reset: y,
-    setError: c
-  } = k({
-    defaultValues: h,
-    resolver: S(b)
-  }), w = E(() => y(), (e) => c("name", {
-    type: "custom",
-    message: e
-  })), i = V(s ?? "", () => v?.(), (e) => c("name", {
-    type: "custom",
-    message: e
-  })), x = (e) => {
-    if (!n || !s) {
-      console.error("handleEdit called without valid id or edit mode");
-      return;
+    i18n: t
+  } = z(), {
+    control: s,
+    watch: d,
+    clearErrors: x,
+    setValue: u,
+    formState: {
+      errors: E
     }
-    i.mutate(e);
-  }, N = (e) => {
-    w.mutate(e);
-  }, u = w.isPending || i.isPending;
-  return /* @__PURE__ */ t(C, { className: "ttw:border-border ttw:hover:bg-transparent", children: /* @__PURE__ */ t(M, { colSpan: 3, className: "ttw:w-full ttw:whitespace-normal", children: /* @__PURE__ */ a("div", { className: "ttw:flex ttw:gap-2 ttw:justify-between ttw:items-start", children: [
-    /* @__PURE__ */ t(f, { name: "name", control: d, render: ({
-      field: e,
-      fieldState: {
-        error: r
-      }
-    }) => /* @__PURE__ */ a("div", { className: "ttw:w-[35%]", children: [
-      /* @__PURE__ */ t(p, { ...e, disabled: u, "aria-invalid": !!r || void 0, className: "ttw:h-8" }),
-      r && /* @__PURE__ */ t("p", { className: "ttw:text-xs ttw:text-destructive ttw:mt-1", children: r.message })
-    ] }) }),
-    /* @__PURE__ */ t(f, { name: "description", control: d, render: ({
-      field: e,
-      fieldState: {
-        error: r
-      }
-    }) => /* @__PURE__ */ t("div", { className: "ttw:w-[55%]", children: /* @__PURE__ */ t(p, { ...e, id: e.name, disabled: u, "aria-invalid": !!r || void 0, className: "ttw:h-8" }) }) }),
-    n ? /* @__PURE__ */ a("div", { className: "ttw:flex ttw:justify-center ttw:gap-1", children: [
-      /* @__PURE__ */ t(o, { variant: "outline", size: "icon", className: "ttw:size-8 ttw:bg-primary-foreground ttw:text-primary ttw:hover:text-primary ttw:hover:bg-primary-foreground/80 ttw:border-0", disabled: i.isPending, onClick: l(x), children: /* @__PURE__ */ t($, { className: "ttw:size-4" }) }),
-      /* @__PURE__ */ t(o, { variant: "outline", size: "icon", className: "ttw:size-8 ttw:bg-primary-foreground ttw:text-primary ttw:hover:text-primary ttw:hover:bg-primary-foreground/80 ttw:border-0", onClick: g, children: /* @__PURE__ */ t(j, { className: "ttw:size-4" }) })
-    ] }) : /* @__PURE__ */ t(o, { variant: "outline", size: "sm", className: "ttw:h-8 ttw:bg-primary-foreground ttw:text-primary ttw:hover:text-primary ttw:hover:bg-primary-foreground/80 ttw:border-0", onClick: l(N), children: m._("Add") })
-  ] }) }) });
+  } = 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.") })
+  ] });
 };
 export {
-  D as MeasureUnitsFormRow
+  he as RecurrenceSection
 };

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

@@ -1,49 +1,41 @@
-import { jsx as e, jsxs as a, Fragment as m } from "@emotion/react/jsx-runtime";
-import { useCurrencies as b } from "./index58.js";
-import "react";
-import "./index92.js";
-import { useLingui as x } from "@lingui/react";
-import "react-dom";
-import "./index57.js";
-import "@mui/x-data-grid";
-import { ConfirmationModal as y } from "./index215.js";
-import { Table as C, TableBody as _, TableRow as D, TableCell as l } from "./index289.js";
-import { Typography as r } from "./index85.js";
-import { Loader2 as L } from "lucide-react";
-import { useGetProducts as T } from "./index187.js";
-const R = ({
-  onClose: c,
-  onDelete: d,
-  name: p,
-  isLoading: u,
-  open: h,
-  id: n
+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 "./index351.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 "./index471.js";
+import { ReminderOverdue as E } from "./index472.js";
+import { RECEIPT_DUE_PAYMENT_TERM as N } from "./index336.js";
+const I = ({
+  disabled: a
 }) => {
   const {
-    i18n: t
-  } = x(), {
-    formatCurrencyToDisplay: w
-  } = b(), {
-    data: s,
-    isLoading: o
-  } = T({
-    measure_unit_id: n ?? ""
-  }, !!n), f = s?.data.length === 0, g = () => f ? /* @__PURE__ */ a(m, { children: [
-    /* @__PURE__ */ e(r, { children: t._("There are no items created with this measure unit.") }),
-    /* @__PURE__ */ e(r, { color: "muted", children: t._("Deleting it won't affect your items.") })
-  ] }) : /* @__PURE__ */ a(m, { children: [
-    /* @__PURE__ */ e(r, { children: t._("Any products or services referencing this unit will update to use a blank unit of measure.") }),
-    /* @__PURE__ */ e(r, { color: "muted", children: t._("Previously issued invoices will not be impacted.") }),
-    o && /* @__PURE__ */ e(L, { className: "ttw:mx-auto ttw:size-6 ttw:animate-spin" }),
-    !o && /* @__PURE__ */ e(C, { children: /* @__PURE__ */ e(_, { children: s?.data.map((i) => /* @__PURE__ */ a(D, { className: "ttw:border-border ttw:hover:bg-transparent", children: [
-      /* @__PURE__ */ e(l, { className: "ttw:pl-0 ttw:whitespace-normal ttw:text-text ttw:font-medium", children: i.name }),
-      /* @__PURE__ */ e(l, { className: "ttw:pr-0 ttw:text-right ttw:text-text ttw:font-medium", children: i.price && w(i.price?.value, i.price?.currency) })
-    ] }, i.id)) }) })
+    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") })
+    ] })
   ] });
-  return /* @__PURE__ */ e(y, { open: h, title: t._('Delete "{name}"?', {
-    name: p
-  }), confirmLabel: t._("Delete"), cancelLabel: t._("Cancel"), onClose: c, onConfirm: d, isLoading: u || o, children: g() });
 };
 export {
-  R as ConfirmDeleteMeasureUnitDialog
+  I as RemindersSection
 };

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

@@ -1,30 +1,67 @@
-import { jsxs as i, jsx as e } from "@emotion/react/jsx-runtime";
-import { DropdownMenu as s, DropdownMenuTrigger as a, DropdownMenuContent as d, DropdownMenuItem as r } from "./index135.js";
-import { Button as c } from "./index84.js";
-import { useLingui as u } from "@lingui/react";
-import { MoreVertical as m, Pencil as p, Trash2 as h } from "lucide-react";
-const A = ({
-  onEdit: t,
-  onDelete: l,
-  permissions: o
+import { jsx as a, jsxs as g } from "@emotion/react/jsx-runtime";
+import { useMemo as o, useCallback as x } from "react";
+import { getLineItemErrorMessage as b } from "./index400.js";
+import { useLingui as E } from "@lingui/react";
+import { Collapse as _, Alert as j, List as v, ListItem as L, ListItemText as A } from "@mui/material";
+const q = ({
+  generalError: e,
+  fieldErrors: n
 }) => {
+  const t = o(() => {
+    for (const r of Object.values(n))
+      if (r) return !0;
+    return !1;
+  }, [n]);
+  return e || t ? /* @__PURE__ */ a(_, { in: !0, sx: {
+    ":not(.MuiCollapse-hidden)": {
+      marginBottom: 1
+    }
+  }, children: /* @__PURE__ */ g(j, { severity: "error", sx: {
+    "& .MuiAlert-icon": {
+      alignItems: "center"
+    }
+  }, children: [
+    e && /* @__PURE__ */ a("div", { children: e }),
+    t && /* @__PURE__ */ a(v, { dense: !0, disablePadding: !0, sx: {
+      mt: e ? 1 : 0
+    }, children: Object.entries(n).map(([r, s]) => s ? /* @__PURE__ */ a(L, { disablePadding: !0, children: /* @__PURE__ */ a(A, { primary: s, primaryTypographyProps: {
+      sx: {
+        color: "inherit"
+      }
+    } }) }, r) : null) })
+  ] }) }) : null;
+}, C = (e) => {
   const {
     i18n: n
-  } = u();
-  return o.isUpdateAllowed || o.isDeleteAllowed ? /* @__PURE__ */ i(s, { children: [
-    /* @__PURE__ */ e(a, { asChild: !0, children: /* @__PURE__ */ e(c, { variant: "ghost", size: "icon", "aria-label": "actions-menu-button", children: /* @__PURE__ */ e(m, {}) }) }),
-    /* @__PURE__ */ i(d, { align: "end", children: [
-      o.isUpdateAllowed && /* @__PURE__ */ i(r, { onClick: t, children: [
-        /* @__PURE__ */ e(p, {}),
-        n._("Edit")
-      ] }),
-      o.isDeleteAllowed && /* @__PURE__ */ i(r, { onClick: l, variant: "destructive", children: [
-        /* @__PURE__ */ e(h, {}),
-        n._("Delete")
-      ] })
-    ] })
-  ] }) : null;
+  } = E(), t = o(() => Array.isArray(e) ? e : e ? [e] : [], [e]), r = x((i) => {
+    for (let u = 0; u < t.length; u++) {
+      const f = t[u];
+      if (typeof f == "object") {
+        const h = b(f, i);
+        if (h)
+          return h;
+      }
+    }
+    return null;
+  }, [t]), s = o(() => r("product.name") ?? r("name"), [r]), l = o(() => r("quantity"), [r]), m = o(() => r("price") ?? r("product.price.value") ?? r("product.price.currency"), [r]), c = o(() => r("tax_rate_value"), [r]), p = o(() => r("product.measure_unit_id") ?? r("product.measure_unit_name") ?? r("measure_unit"), [r]), d = o(() => r("product.type"), [r]), y = o(() => t.length === 0 || (s || l || m || c || p || d) ? void 0 : t.some((i) => {
+    if (!i || typeof i != "object") return !1;
+    const u = Object.keys(i);
+    return u.length > 0 && u.some((f) => i[f] != null);
+  }) ? n._("Please check the form for errors") : void 0, [t, s, l, m, c, p, d, n]);
+  return {
+    generalError: y,
+    fieldErrors: {
+      name: s,
+      quantity: l,
+      price: m,
+      tax: c,
+      measureUnit: p,
+      productType: d
+    },
+    hasErrors: !!(y || s || l || m || c || p || d)
+  };
 };
 export {
-  A as TableActions
+  q as FormErrorDisplay,
+  C as useFormErrors
 };