@tesouro/embedded-components-react 0.2.18 → 0.2.19

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

@@ -1,23 +1,51 @@
-import { isOrganizationCounterpart as e, getCounterpartName as o } from "./index7.js";
-const i = (r, t) => {
-  if (r && r.length)
-    return r.find((n) => n.is_default) ?? r[0];
-  if (!t || !e(t))
-    return;
-  const a = t.organization?.email;
-  if (a)
-    return {
-      id: "organization",
-      counterpart_id: t.id,
-      email: a,
-      is_default: !0,
-      first_name: o(t),
-      last_name: "",
-      is_customer: t.is_customer,
-      is_vendor: t.is_vendor
+import { useState as S, useRef as W, useCallback as $, useEffect as v } from "react";
+import { useResizeObserver as x } from "./index445.js";
+import { useWindowResize as z } from "./index446.js";
+import "./index59.js";
+import "@lingui/react";
+import "react-hot-toast";
+import "./index94.js";
+import "@emotion/react/jsx-runtime";
+import "react-dom";
+import "@mui/x-data-grid";
+import { useIsMounted as O } from "./index70.js";
+import { useA4Dimensions as T } from "./index447.js";
+const K = (e, c, D = {}) => {
+  const {
+    minWidth: b,
+    minHeight: y,
+    containerPadding: n = 96,
+    minScale: o = 1,
+    initialDelay: m = 100,
+    useAdaptiveDimensions: a = !0
+  } = D, [M, p] = S(1), f = W(!1), d = O(), l = T(), s = b ?? (a ? l.width : 794), u = y ?? (a ? l.height : 1123), r = $(() => {
+    if (!e.current || !c.current || typeof window > "u" || !d.current)
+      return;
+    const i = e.current, w = i.clientWidth - n, g = i.clientHeight - n;
+    if (w <= 0 || g <= 0 || s <= 0 || u <= 0) {
+      p(o);
+      return;
+    }
+    const A = w / s, H = g / u, R = Math.max(Math.min(A, H), o);
+    p(R);
+  }, [e, c, d, n, s, u, o]);
+  z(r, 100);
+  const {
+    observe: t,
+    disconnect: h
+  } = x(r, 50);
+  return v(() => {
+    if (typeof window > "u") return;
+    const i = setTimeout(() => {
+      r(), f.current = !0;
+    }, m);
+    return e.current && t(e.current), () => {
+      clearTimeout(i), h();
     };
-}, u = (r, t) => r?.length ? r : t ? [t] : [];
+  }, [t, h, m, r, e]), v(() => {
+    e.current && f.current && t(e.current);
+  }, [e, t]), M;
+};
 export {
-  u as getContactList,
-  i as getDefaultContact
+  K as useAdaptiveScale
 };

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

@@ -1,35 +1,17 @@
-import { toast as r } from "react-hot-toast";
-import { useMoniteContext as o } from "./index59.js";
-import { useLingui as n } from "@lingui/react";
-const l = (s) => {
-  const {
-    i18n: t
-  } = n(), {
-    api: e,
-    queryClient: i
-  } = o();
-  return e.finops.postReceivablesIdIssue.useMutation({
-    path: {
-      receivable_id: s
-    }
-  }, {
-    onSuccess: async (a) => {
-      e.finops.getReceivablesId.setQueryData({
-        path: {
-          receivable_id: s
-        }
-      }, a, i), await Promise.all([e.finops.getReceivables.invalidateQueries(i), e.finops.getReceivablesIdPdfLink.resetQueries({
-        parameters: {
-          path: {
-            receivable_id: s
-          }
-        }
-      }, i)]), r.success(t._("{receivableType} has been issued", {
-        receivableType: a.type
-      }));
-    }
-  });
-};
+import { jsx as r } from "@emotion/react/jsx-runtime";
+import { cn as c } from "./index102.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";
 export {
-  l as useIssueReceivableById
+  l as AspectRatio
 };

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

@@ -1,37 +1,88 @@
-import { useMoniteContext as n } from "./index59.js";
-import { useLingui as o } from "@lingui/react";
-import { toast as r } from "react-hot-toast";
-const l = (i) => {
+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 C } from "date-fns";
+import { Calendar as $ } from "lucide-react";
+import { calculateDueDate as x } from "./index7.js";
+import { useLingui as A } from "@lingui/react";
+import { dedupePaymentTermsByContent as L } from "./index440.js";
+import { RECEIPT_DUE_PAYMENT_TERM as u, CUSTOM_DATE_PAYMENT_TERM as l } from "./index189.js";
+import { cn as N } from "./index102.js";
+import { Skeleton as O } from "./index134.js";
+import { Select as R, SelectTrigger as U, SelectValue as V, SelectContent as z, SelectItem as h, SelectSeparator as I } from "./index287.js";
+import { Popover as q, PopoverAnchor as B, PopoverContent as K } from "./index392.js";
+import { Calendar as G } from "./index441.js";
+import { Field as H, FieldContent as J, FieldLabel as Q, FieldDescription as W, FieldError as X } from "./index155.js";
+const S = "MMM d, yyyy", ue = ({
+  disabled: D,
+  paymentTerms: f,
+  isLoading: E
+}) => {
   const {
     i18n: a
-  } = o(), {
-    api: e,
-    queryClient: t
-  } = n();
-  return e.finops.postReceivablesIdSend.useMutation({
-    path: {
-      receivable_id: i
+  } = A(), {
+    control: M,
+    watch: w,
+    setValue: _
+  } = Y(), [T, m] = k(!1), i = w("payment_terms_id"), P = w("frequency") !== "once", o = w("payment_terms_custom_date") ?? void 0, p = (r) => _("payment_terms_custom_date", r ?? null), {
+    dedupedTerms: y
+  } = b(() => L(f?.data ?? []), [f]), d = y.find((r) => r?.id === i), F = d && x(d), c = () => {
+    window.setTimeout(() => m(!0), 0);
+  }, g = (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: C(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
     }
-  }, {
-    onSuccess: async () => {
-      await Promise.all([e.finops.getReceivables.invalidateQueries(t), e.finops.getReceivablesId.invalidateQueries({
-        parameters: {
-          path: {
-            receivable_id: i
-          }
+  }) => /* @__PURE__ */ e(H, { children: /* @__PURE__ */ n(J, { children: [
+    /* @__PURE__ */ e(Q, { htmlFor: "payment_terms_id", children: a._("Payment terms") }),
+    /* @__PURE__ */ n(q, { open: T, onOpenChange: (t) => {
+      m(t), !t && i === l && !o && r.onChange(void 0);
+    }, children: [
+      /* @__PURE__ */ n(R, { ...r, disabled: D, value: r.value, onValueChange: (t) => {
+        if (t === l) {
+          i !== l && p(void 0), r.onChange(t), c();
+          return;
         }
-      }, t)]);
-      const s = e.finops.getReceivablesId.getQueryData({
-        path: {
-          receivable_id: i
-        }
-      }, t);
-      r.success(a._("This {type} has been sent", {
-        type: s?.type === "credit_note" ? "credit memo" : s?.type
-      }));
-    }
-  });
+        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($, { className: N("ttw:size-4 ttw:shrink-0", !o && "ttw:text-muted-foreground") }),
+              /* @__PURE__ */ e("span", { className: N("ttw:truncate", !o && "ttw:text-muted-foreground"), children: o ? C(o, S) : a._("MM/DD/YYYY") })
+            ] }),
+            /* @__PURE__ */ e("span", { className: "ttw:text-muted-foreground ttw:shrink-0 ttw:text-xs", children: a._("Custom date") })
+          ] }),
+          d && g(d.name, F)
+        ] }) }) }),
+        /* @__PURE__ */ n(z, { children: [
+          /* @__PURE__ */ e(h, { value: u, children: a._("Due on receipt") }),
+          /* @__PURE__ */ e(h, { value: l, onPointerUp: c, onClick: c, onKeyDown: (t) => {
+            (t.key === "Enter" || t.key === " ") && c();
+          }, children: a._("Custom date") }),
+          /* @__PURE__ */ e(I, {}),
+          y.map((t) => /* @__PURE__ */ e(h, { value: t.id, children: g(t.name, x(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);
+      } }) })
+    ] }),
+    P && /* @__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 useSendReceivableById
+  ue as PaymentSection
 };

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

@@ -1,59 +1,223 @@
-import { jsx as t, Fragment as v, jsxs as i } from "@emotion/react/jsx-runtime";
-import { useLingui as b } from "@lingui/react";
-import { useState as y, useEffect as N } from "react";
-import { useCreateInvoiceEmailPreview as j } from "./index414.js";
-import { LanguageCodeEnum as C } from "./index255.js";
-import { CenteredContentBox as s } from "./index232.js";
-import { Button as _ } from "./index86.js";
-import { CircleAlert as E, RefreshCcw as P } from "lucide-react";
-import { LoadingSpinner as B } from "./index140.js";
-const q = ({
-  invoiceId: l,
-  body: c,
-  subject: m
-}) => {
+import { jsxs as c, jsx as e, Fragment as p } from "@emotion/react/jsx-runtime";
+import { useLingui as P } from "@lingui/react";
+import { useFormContext as W, Controller as m } from "react-hook-form";
+import { Field as h, FieldContent as f } from "./index155.js";
+import { Select as D, SelectTrigger as k, SelectValue as S, SelectContent as C, SelectItem as d, SelectSeparator as B } from "./index287.js";
+import { Typography as u } from "./index87.js";
+import { DatePicker as F } from "./index442.js";
+import { Input as $ } from "./index120.js";
+import { RECEIPT_DUE_PAYMENT_TERM as K } from "./index189.js";
+const U = ["day", "week", "month"], E = (t) => {
+  (t.key === "." || t.key === ",") && t.preventDefault();
+}, G = (t) => {
+  const o = ["th", "st", "nd", "rd"], l = t % 100;
+  return `${t}${o[(l - 20) % 10] ?? o[l] ?? o[0]}`;
+}, Q = Array.from({
+  length: 31
+}, (t, o) => o + 1), T = ["recurrence_start_date", "recurrence_end_date", "recurrence_issue_mode", "recurrence_days_of_week", "recurrence_end_mode", "recurrence_max_occurrences"], V = {
+  su: 0,
+  mo: 1,
+  tu: 2,
+  we: 3,
+  th: 4,
+  fr: 5,
+  sa: 6
+}, A = () => {
+  const t = /* @__PURE__ */ new Date();
+  return t.setHours(0, 0, 0, 0), t;
+}, X = (t) => {
+  const o = A(), l = (V[t] - o.getDay() + 7) % 7, _ = new Date(o);
+  return _.setDate(o.getDate() + l), _;
+}, ce = () => {
   const {
-    i18n: e
-  } = b(), [a, d] = y(0), {
-    data: w,
-    mutateAsync: f,
-    isPending: p,
-    error: u
-  } = j(l), x = () => {
-    d(a + 1);
-  }, h = (r) => Object.values(C).includes(r), g = () => {
-    const r = e.locale, o = r.indexOf("-"), n = o >= 0 ? r.substring(0, o) : r;
-    return h(n) ? n : "en";
+    i18n: t
+  } = P(), {
+    control: o,
+    watch: l,
+    clearErrors: _,
+    setValue: w
+  } = W(), s = l("frequency"), g = l("recurrence_issue_mode"), I = l("recurrence_end_mode"), x = l("recurrence_days_of_week"), O = l("recurrence_max_occurrences"), v = Number(O) === 1, M = l("recurrence_start_date"), y = M ? new Date(M) : void 0, j = l("recurrence_end_date"), b = j ? new Date(j) : void 0, q = (r) => {
+    if (r < A()) return !0;
+    if (s === "week")
+      return x ? r.getDay() !== V[x] : !1;
+    if (s !== "month" || !g) return !1;
+    const n = r.getDate(), a = new Date(r.getFullYear(), r.getMonth() + 1, 0).getDate();
+    if (g === "first_day") return n !== 1;
+    if (g === "last_day") return n !== a;
+    const i = Number(g);
+    return Number.isNaN(i) ? !1 : n !== Math.min(i, a);
+  }, R = (r) => {
+    if (q(r)) return !0;
+    if (!y) return !1;
+    const n = new Date(y);
+    return n.setHours(0, 0, 0, 0), r < n;
+  }, Y = (r) => {
+    if (q(r)) return !0;
+    if (!b) return !1;
+    const n = new Date(b);
+    return n.setHours(0, 0, 0, 0), r > n;
+  }, H = () => {
+    switch (s) {
+      case "once":
+      case "day":
+      case "quarter":
+      case "year":
+      default:
+        return null;
+      case "month":
+        return /* @__PURE__ */ c(p, { children: [
+          /* @__PURE__ */ e(u, { variant: "body2", color: "muted", className: "ttw:text-nowrap", children: t._("on the") }),
+          /* @__PURE__ */ e(m, { name: "recurrence_issue_mode", control: o, render: ({
+            field: r,
+            fieldState: {
+              error: n
+            }
+          }) => /* @__PURE__ */ e(h, { className: "ttw:w-fit", children: /* @__PURE__ */ e(f, { className: "ttw:grow-0", children: /* @__PURE__ */ c(D, { value: r.value, onValueChange: (a) => {
+            r.onChange(a), _("recurrence_issue_mode"), w("recurrence_start_date", void 0, {
+              shouldDirty: !1
+            });
+          }, children: [
+            /* @__PURE__ */ e(k, { id: "recurrence_issue_mode", className: "ttw:min-w-21 ttw:w-fit", "aria-invalid": !!n, children: /* @__PURE__ */ e(S, {}) }),
+            /* @__PURE__ */ c(C, { children: [
+              /* @__PURE__ */ e(d, { value: "first_day", children: t._("First day") }),
+              /* @__PURE__ */ e(d, { value: "last_day", children: t._("Last day") }),
+              /* @__PURE__ */ e(B, {}),
+              Q.map((a) => /* @__PURE__ */ e(d, { value: String(a), children: G(a) }, a))
+            ] })
+          ] }) }) }) }),
+          /* @__PURE__ */ e(u, { variant: "body2", color: "muted", className: "ttw:text-nowrap", children: t._("day of every month") })
+        ] });
+      case "week":
+        return /* @__PURE__ */ c(p, { children: [
+          /* @__PURE__ */ e(u, { variant: "body2", color: "muted", children: t._("on") }),
+          /* @__PURE__ */ e(m, { name: "recurrence_days_of_week", control: o, render: ({
+            field: r,
+            fieldState: {
+              error: n
+            }
+          }) => {
+            const a = r.value, i = (N) => {
+              a !== N && (r.onChange(N), w("recurrence_start_date", X(N), {
+                shouldDirty: !0
+              }), _("recurrence_start_date"));
+            };
+            return /* @__PURE__ */ e(h, { className: "ttw:w-fit", children: /* @__PURE__ */ e(f, { className: "ttw:grow-0", children: /* @__PURE__ */ c("div", { "aria-invalid": !!n, className: "ttw:flex ttw:border ttw:border-border ttw:rounded-md ttw:h-8 ttw:w-56 ttw:aria-invalid:border-destructive", children: [
+              /* @__PURE__ */ e("button", { type: "button", "aria-pressed": a === "mo", "data-active": a === "mo", onClick: () => i("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", "aria-pressed": a === "tu", "data-active": a === "tu", onClick: () => i("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", "aria-pressed": a === "we", "data-active": a === "we", onClick: () => i("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", "aria-pressed": a === "th", "data-active": a === "th", onClick: () => i("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", "aria-pressed": a === "fr", "data-active": a === "fr", onClick: () => i("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", "aria-pressed": a === "sa", "data-active": a === "sa", onClick: () => i("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", "aria-pressed": a === "su", "data-active": a === "su", onClick: () => i("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") })
+            ] }) }) });
+          } })
+        ] });
+    }
+  }, L = () => {
+    switch (s) {
+      case "once":
+      default:
+        return null;
+      case "day":
+        return /* @__PURE__ */ c(p, { children: [
+          /* @__PURE__ */ e(u, { variant: "body2", color: "muted", className: "ttw:text-nowrap", children: t._("and end") }),
+          /* @__PURE__ */ e(m, { name: "recurrence_end_mode", control: o, render: ({
+            field: r,
+            fieldState: {
+              error: n
+            }
+          }) => /* @__PURE__ */ e(h, { className: "ttw:w-fit", children: /* @__PURE__ */ e(f, { className: "ttw:grow-0", children: /* @__PURE__ */ c(D, { value: r.value, onValueChange: (a) => {
+            r.onChange(a), a === "after" ? w("recurrence_end_date", void 0, {
+              shouldDirty: !1
+            }) : w("recurrence_max_occurrences", void 0, {
+              shouldDirty: !1
+            });
+          }, children: [
+            /* @__PURE__ */ e(k, { id: "recurrence_end_mode", className: "ttw:w-21", "aria-invalid": !!n, children: /* @__PURE__ */ e(S, {}) }),
+            /* @__PURE__ */ c(C, { children: [
+              /* @__PURE__ */ e(d, { value: "after", children: t._("After") }),
+              /* @__PURE__ */ e(d, { value: "on", children: t._("On") })
+            ] })
+          ] }) }) }) }),
+          I === "on" ? /* @__PURE__ */ e(m, { control: o, name: "recurrence_end_date", render: ({
+            field: r,
+            fieldState: {
+              error: n
+            }
+          }) => /* @__PURE__ */ e(h, { className: "ttw:grow-0 ttw:w-44", children: /* @__PURE__ */ e(f, { children: /* @__PURE__ */ e(F, { ...r, placeholder: t._("Select date"), selected: r.value ? new Date(r.value) : void 0, onSelect: r.onChange, showOutsideDays: !1, disabled: R, "aria-invalid": !!n, startMonth: y ? new Date(y.getFullYear(), y.getMonth(), 1) : /* @__PURE__ */ new Date(), endMonth: new Date(2050, 11) }) }) }) }) : /* @__PURE__ */ c(p, { children: [
+            /* @__PURE__ */ e(m, { name: "recurrence_max_occurrences", control: o, render: ({
+              field: r,
+              fieldState: {
+                error: n
+              }
+            }) => /* @__PURE__ */ e(h, { className: "ttw:w-fit", children: /* @__PURE__ */ e(f, { className: "ttw:grow-0", children: /* @__PURE__ */ e($, { ...r, className: "ttw:w-16", value: r.value ?? "", type: "number", min: 0, max: 1e3, onKeyDown: E, "aria-invalid": !!n }) }) }) }),
+            /* @__PURE__ */ e(u, { 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(u, { variant: "body2", color: "muted", className: "ttw:text-nowrap", children: t._("and end after") }),
+          /* @__PURE__ */ e(m, { name: "recurrence_max_occurrences", control: o, render: ({
+            field: r,
+            fieldState: {
+              error: n
+            }
+          }) => /* @__PURE__ */ e(h, { className: "ttw:w-fit", children: /* @__PURE__ */ e(f, { className: "ttw:grow-0", children: /* @__PURE__ */ e($, { ...r, className: "ttw:w-16", value: r.value ?? "", type: "number", min: 0, max: 1e3, onKeyDown: E, "aria-invalid": !!n }) }) }) }),
+          /* @__PURE__ */ c(u, { variant: "body2", color: "muted", className: "ttw:text-nowrap", children: [
+            s === "month" && (v ? t._("month") : t._("months")),
+            s === "quarter" && (v ? t._("quarter") : t._("quarters")),
+            s === "week" && (v ? t._("week") : t._("weeks")),
+            s === "year" && (v ? t._("year") : t._("years"))
+          ] })
+        ] });
+    }
   };
-  return N(() => {
-    f({
-      body_text: c,
-      subject_text: m,
-      language: g(),
-      type: "receivable"
-    });
-  }, [a]), /* @__PURE__ */ t("div", { className: "ttw:flex ttw:flex-col ttw:min-h-0 ttw:overflow-hidden ttw:flex-1", children: p ? /* @__PURE__ */ t(s, { children: /* @__PURE__ */ t(B, {}) }) : /* @__PURE__ */ t(v, { children: u ? /* @__PURE__ */ t(s, { children: /* @__PURE__ */ i("div", { className: "ttw:flex ttw:flex-col ttw:items-center ttw:justify-center ttw:gap-4", children: [
-    /* @__PURE__ */ t(E, { className: "ttw:text-red-500" }),
-    /* @__PURE__ */ i("div", { className: "ttw:flex ttw:flex-col ttw:justify-center ttw:text-center ttw:gap-1 ttw:items-center", children: [
-      /* @__PURE__ */ t("h2", { className: "ttw:font-bold ttw:text-base", children: e._("Failed to generate email preview") }),
-      /* @__PURE__ */ i("div", { className: "ttw:items-center", children: [
-        /* @__PURE__ */ t("p", { className: "ttw:text-sm ttw:font-normal ttw:leading-5", children: e._("Please try to reload.") }),
-        /* @__PURE__ */ t("p", { className: "ttw:text-sm ttw:font-normal ttw:leading-5", children: e._("If the error recurs, contact support, please.") })
-      ] }),
-      /* @__PURE__ */ i(_, { variant: "ghost", onClick: x, "data-testid": "reload-preview-button", children: [
-        /* @__PURE__ */ t(P, {}),
-        e._("Reload")
-      ] })
-    ] })
-  ] }) }) : /* @__PURE__ */ t("iframe", { srcDoc: w?.body_preview, style: {
-    width: "100%",
-    height: "100%",
-    marginBottom: "-16px",
-    // Margin is necessary to avoid vertical scrollbar on the iframe container element. It's not clear why, but it helps.
-    border: 0,
-    flex: 1
-  } }) }) });
+  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(u, { variant: "body2", color: "muted", className: "ttw:text-nowrap", children: t._("Repeat this invoice") }),
+      /* @__PURE__ */ e(m, { name: "frequency", control: o, render: ({
+        field: r
+      }) => /* @__PURE__ */ e(h, { className: "ttw:w-fit", children: /* @__PURE__ */ e(f, { className: "ttw:grow-0", children: /* @__PURE__ */ c(D, { value: r.value, onValueChange: (n) => {
+        _(T), T.forEach((a) => {
+          w(a, void 0, {
+            shouldDirty: !1
+          });
+        }), U.includes(n) && (w("payment_terms_id", K, {
+          shouldDirty: !0
+        }), w("payment_terms_custom_date", null, {
+          shouldDirty: !1
+        }), w("payment_reminder_id", "", {
+          shouldDirty: !0
+        })), r.onChange(n);
+      }, children: [
+        /* @__PURE__ */ e(k, { id: "frequency", className: "ttw:w-31", children: /* @__PURE__ */ e(S, {}) }),
+        /* @__PURE__ */ c(C, { children: [
+          /* @__PURE__ */ e(d, { value: "once", children: t._("Once") }),
+          /* @__PURE__ */ e(d, { value: "day", children: t._("Daily") }),
+          /* @__PURE__ */ e(d, { value: "week", children: t._("Weekly") }),
+          /* @__PURE__ */ e(d, { value: "month", children: t._("Monthly") }),
+          /* @__PURE__ */ e(d, { value: "quarter", children: t._("Quarterly") }),
+          /* @__PURE__ */ e(d, { value: "year", children: t._("Annually") })
+        ] })
+      ] }) }) }) }),
+      H()
+    ] }),
+    s !== "once" && /* @__PURE__ */ c("div", { className: "ttw:flex ttw:items-center ttw:gap-2.5", children: [
+      /* @__PURE__ */ e(u, { variant: "body2", color: "muted", className: "ttw:text-nowrap", children: t._("Start on") }),
+      /* @__PURE__ */ e(m, { control: o, name: "recurrence_start_date", render: ({
+        field: r,
+        fieldState: {
+          error: n
+        }
+      }) => /* @__PURE__ */ e(h, { className: "ttw:grow-0 ttw:w-44", children: /* @__PURE__ */ e(f, { children: /* @__PURE__ */ e(F, { ...r, placeholder: t._("Select date"), selected: r.value ? new Date(r.value) : void 0, onSelect: r.onChange, showOutsideDays: !1, shouldDisableButton: s === "week" && !x, disabled: Y, "aria-invalid": !!n, startMonth: /* @__PURE__ */ new Date(), endMonth: b ? new Date(b.getFullYear(), b.getMonth(), 1) : new Date(2050, 11) }) }) }) }),
+      L()
+    ] }),
+    s !== "once" && /* @__PURE__ */ e(u, { 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 {
-  q as PreviewEmail
+  ce as RecurrenceSection
 };

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

@@ -1,22 +1,41 @@
-import { toast as s } from "react-hot-toast";
-import { useMoniteContext as a } from "./index59.js";
-import { useLingui as r } from "@lingui/react";
-const d = (i) => {
+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 "./index397.js";
+import { useState as v } from "react";
+import { useFormContext as x } from "react-hook-form";
+import { Typography as l } from "./index87.js";
+import { ReminderBeforeDueDate as b } from "./index443.js";
+import { ReminderOverdue as N } from "./index444.js";
+import { RECEIPT_DUE_PAYMENT_TERM as D } from "./index189.js";
+const I = ({
+  disabled: a
+}) => {
   const {
-    i18n: o
-  } = r(), {
-    api: t,
-    queryClient: n
-  } = a();
-  return t.finops.postReceivablesIdClone.useMutation(void 0, {
-    onSuccess: async (e) => {
-      await t.finops.getReceivables.invalidateQueries(n), i && i(e?.id), s.success(o._("Invoice duplicate has been created."));
-    },
-    onError: (e) => {
-      s.error(e?.detail?.[0]?.msg || o._("Failed to duplicate invoice."));
-    }
-  });
+    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 !== D, [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(N, { 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") })
+    ] })
+  ] });
 };
 export {
-  d as useDuplicateInvoice
+  I as RemindersSection
 };