@tesouro/embedded-components-react 0.2.127 → 0.2.129

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

@@ -1,129 +1,51 @@
-import { startOfDay as c, startOfYear as r, subYears as m, endOfYear as s, startOfQuarter as o, subQuarters as b, endOfQuarter as u, subDays as a, startOfMonth as l, subMonths as d, endOfMonth as n, startOfWeek as _, subWeeks as i, endOfWeek as f, endOfDay as y } from "date-fns";
-const v = [{
-  value: "today",
-  label: "Today",
-  group: "Current"
-}, {
-  value: "this_week",
-  label: "This week",
-  group: "Current"
-}, {
-  value: "this_month",
-  label: "This month",
-  group: "Current"
-}, {
-  value: "this_quarter",
-  label: "This quarter",
-  group: "Current"
-}, {
-  value: "this_year",
-  label: "This year",
-  group: "Current"
-}, {
-  value: "yesterday",
-  label: "Yesterday",
-  group: "Past"
-}, {
-  value: "last_week",
-  label: "Last week",
-  group: "Past"
-}, {
-  value: "last_month",
-  label: "Last month",
-  group: "Past"
-}, {
-  value: "last_30_days",
-  label: "Last 30 days",
-  group: "Past"
-}, {
-  value: "last_90_days",
-  label: "Last 90 days",
-  group: "Past"
-}, {
-  value: "last_quarter",
-  label: "Last quarter",
-  group: "Past"
-}, {
-  value: "last_year",
-  label: "Last year",
-  group: "Past"
-}];
-function g(h) {
-  const e = c(/* @__PURE__ */ new Date());
-  switch (h) {
-    case "today":
-      return {
-        from: e,
-        to: y(e)
-      };
-    case "this_week":
-      return {
-        from: _(e),
-        to: f(e)
-      };
-    case "this_month":
-      return {
-        from: l(e),
-        to: n(e)
-      };
-    case "this_quarter":
-      return {
-        from: o(e),
-        to: u(e)
-      };
-    case "this_year":
-      return {
-        from: r(e),
-        to: s(e)
-      };
-    case "yesterday": {
-      const t = a(e, 1);
-      return {
-        from: t,
-        to: y(t)
-      };
+import { useState as S, useRef as W, useCallback as $, useEffect as v } from "react";
+import { useResizeObserver as x } from "./index419.js";
+import { useWindowResize as z } from "./index420.js";
+import "./index57.js";
+import "@lingui/react";
+import "react-hot-toast";
+import "./index92.js";
+import "@emotion/react/jsx-runtime";
+import "react-dom";
+import "@mui/x-data-grid";
+import { useIsMounted as O } from "./index68.js";
+import { useA4Dimensions as T } from "./index421.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;
     }
-    case "last_week": {
-      const t = _(i(e, 1));
-      return {
-        from: t,
-        to: f(t)
-      };
-    }
-    case "last_month": {
-      const t = l(d(e, 1));
-      return {
-        from: t,
-        to: n(t)
-      };
-    }
-    case "last_30_days":
-      return {
-        from: a(e, 30),
-        to: e
-      };
-    case "last_90_days":
-      return {
-        from: a(e, 90),
-        to: e
-      };
-    case "last_quarter": {
-      const t = o(b(e, 1));
-      return {
-        from: t,
-        to: u(t)
-      };
-    }
-    case "last_year": {
-      const t = r(m(e, 1));
-      return {
-        from: t,
-        to: s(t)
-      };
-    }
-  }
-}
+    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();
+    };
+  }, [t, h, m, r, e]), v(() => {
+    e.current && f.current && t(e.current);
+  }, [e, t]), M;
+};
 export {
-  v as DATE_PRESETS,
-  g as resolveDatePreset
+  K as useAdaptiveScale
 };

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

@@ -1,22 +1,17 @@
-import { useMoniteContext as n } from "./index57.js";
-import { useLingui as s } from "@lingui/react";
-import { toast as r } from "react-hot-toast";
-const p = () => {
-  const {
-    i18n: e
-  } = s(), {
-    api: t,
-    queryClient: o
-  } = n();
-  return t.finops.deleteCounterpartsId.useMutation(void 0, {
-    onSuccess: async () => {
-      await t.finops.getCounterparts.invalidateQueries(o), r.success(e._("Counterpart has been deleted."));
-    },
-    onError: () => {
-      r.error(e._("Failed to delete Counterpart."));
-    }
-  });
-};
+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";
 export {
-  p as useDeleteCounterpart
+  l as AspectRatio
 };

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

@@ -1,32 +1,88 @@
-import { useMoniteContext as s } from "./index57.js";
-import { useLingui as i } from "@lingui/react";
-import { toast as a } from "react-hot-toast";
-import { getCounterpartName as p } from "./index7.js";
-const f = () => {
+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 "./index414.js";
+import { RECEIPT_DUE_PAYMENT_TERM as u, CUSTOM_DATE_PAYMENT_TERM as l } from "./index200.js";
+import { cn as D } from "./index100.js";
+import { Skeleton as O } from "./index160.js";
+import { Select as R, SelectTrigger as U, SelectValue as V, SelectContent as z, SelectItem as h, SelectSeparator as I } from "./index295.js";
+import { Popover as q, PopoverAnchor as B, PopoverContent as K } from "./index386.js";
+import { Calendar as G } from "./index415.js";
+import { Field as H, FieldContent as J, FieldLabel as Q, FieldDescription as W, FieldError as X } from "./index182.js";
+const S = "MMM d, yyyy", ue = ({
+  disabled: T,
+  paymentTerms: f,
+  isLoading: E
+}) => {
   const {
-    i18n: r
-  } = i(), {
-    api: t,
-    queryClient: o
-  } = s();
-  return t.finops.patchCounterpartsId.useMutation(void 0, {
-    onSuccess: async (e) => {
-      t.finops.getCounterpartsId.setQueryData({
-        path: {
-          counterpart_id: e.id
-        }
-      }, (n) => ({
-        ...n,
-        ...e
-      }), o), await t.finops.getCounterparts.invalidateQueries(o), a.success(r._("{name} has been updated.", {
-        name: p(e)
-      }));
-    },
-    onError: () => {
-      a.error(r._("Failed to update counterpart."));
+    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 {
-  f as useUpdateCounterpart
+  ue as PaymentSection
 };

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

@@ -1,5 +1,5 @@
 import { useMoniteContext as i } from "./index57.js";
-import { getAPIErrorMessage as n } from "./index118.js";
+import { getAPIErrorMessage as n } from "./index121.js";
 import { useLingui as l } from "@lingui/react";
 import { toast as p } from "react-hot-toast";
 const y = (e, r) => {

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

@@ -1,44 +1,227 @@
-import { useMoniteContext as n } from "./index57.js";
-import { useLingui as i } from "@lingui/react";
-import { toast as p } from "react-hot-toast";
-const m = ({
-  counterpartId: e,
-  addressId: t
-}) => {
+import { jsxs as c, jsx as e, Fragment as p } from "@emotion/react/jsx-runtime";
+import { useLingui as U } from "@lingui/react";
+import { useFormContext as W, Controller as m } from "react-hook-form";
+import { Field as h, FieldContent as _ } from "./index182.js";
+import { Select as D, SelectTrigger as k, SelectValue as C, SelectContent as S, SelectItem as d, SelectSeparator as K } from "./index295.js";
+import { Typography as w } from "./index85.js";
+import { DatePicker as j } from "./index416.js";
+import { Input as E } from "./index118.js";
+import { RECEIPT_DUE_PAYMENT_TERM as z, CUSTOM_DATE_PAYMENT_TERM as B } from "./index200.js";
+const G = ["day", "week", "month"], $ = (t) => {
+  (t.key === "." || t.key === ",") && t.preventDefault();
+}, J = (t) => {
+  const o = ["th", "st", "nd", "rd"], s = t % 100;
+  return `${t}${o[(s - 20) % 10] ?? o[s] ?? o[0]}`;
+}, Q = Array.from({
+  length: 31
+}, (t, o) => o + 1), F = ["recurrence_start_date", "recurrence_end_date", "recurrence_issue_mode", "recurrence_days_of_week", "recurrence_end_mode", "recurrence_max_occurrences"], A = {
+  su: 0,
+  mo: 1,
+  tu: 2,
+  we: 3,
+  th: 4,
+  fr: 5,
+  sa: 6
+}, P = () => {
+  const t = /* @__PURE__ */ new Date();
+  return t.setHours(0, 0, 0, 0), t;
+}, X = (t) => {
+  const o = P(), s = (A[t] - o.getDay() + 7) % 7, f = new Date(o);
+  return f.setDate(o.getDate() + s), f;
+}, ie = () => {
   const {
-    i18n: a
-  } = i(), {
-    api: r,
-    queryClient: s
-  } = n();
-  return r.finops.patchCounterpartsIdAddressesId.useMutation({
-    path: {
-      counterpart_id: e,
-      address_id: t
+    i18n: t
+  } = U(), {
+    control: o,
+    watch: s,
+    clearErrors: f,
+    setValue: l
+  } = W(), i = s("frequency"), R = s("payment_terms_id"), g = s("recurrence_issue_mode"), V = s("recurrence_end_mode"), x = s("recurrence_days_of_week"), Y = s("recurrence_max_occurrences"), v = Number(Y) === 1, M = s("recurrence_start_date"), y = M ? new Date(M) : void 0, T = s("recurrence_end_date"), b = T ? new Date(T) : void 0, q = (r) => {
+    if (r < P()) return !0;
+    if (i === "week")
+      return x ? r.getDay() !== A[x] : !1;
+    if (i !== "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 u = Number(g);
+    return Number.isNaN(u) ? !1 : n !== Math.min(u, a);
+  }, I = (r) => {
+    if (q(r)) return !0;
+    if (!y) return !1;
+    const n = new Date(y);
+    return n.setHours(0, 0, 0, 0), r < n;
+  }, O = (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 (i) {
+      case "once":
+      case "day":
+      case "quarter":
+      case "year":
+      default:
+        return null;
+      case "month":
+        return /* @__PURE__ */ c(p, { children: [
+          /* @__PURE__ */ e(w, { 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(_, { className: "ttw:grow-0", children: /* @__PURE__ */ c(D, { value: r.value, onValueChange: (a) => {
+            r.onChange(a), f("recurrence_issue_mode"), l("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(C, {}) }),
+            /* @__PURE__ */ c(S, { children: [
+              /* @__PURE__ */ e(d, { value: "first_day", children: t._("First day") }),
+              /* @__PURE__ */ e(d, { value: "last_day", children: t._("Last day") }),
+              /* @__PURE__ */ e(K, {}),
+              Q.map((a) => /* @__PURE__ */ e(d, { value: String(a), children: J(a) }, a))
+            ] })
+          ] }) }) }) }),
+          /* @__PURE__ */ e(w, { variant: "body2", color: "muted", className: "ttw:text-nowrap", children: t._("day of every month") })
+        ] });
+      case "week":
+        return /* @__PURE__ */ c(p, { children: [
+          /* @__PURE__ */ e(w, { 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, u = (N) => {
+              a !== N && (r.onChange(N), l("recurrence_start_date", X(N), {
+                shouldDirty: !0
+              }), f("recurrence_start_date"));
+            };
+            return /* @__PURE__ */ e(h, { className: "ttw:w-fit", children: /* @__PURE__ */ e(_, { 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: () => u("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: () => u("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: () => u("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: () => u("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: () => u("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: () => u("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: () => u("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") })
+            ] }) }) });
+          } })
+        ] });
     }
-  }, {
-    onSuccess: async (d) => {
-      r.finops.getCounterpartsIdAddressesId.setQueryData({
-        path: {
-          counterpart_id: e,
-          address_id: t
-        }
-      }, (o) => ({
-        ...o,
-        ...d
-      }), s), await r.finops.getCounterpartsIdAddresses.invalidateQueries({
-        parameters: {
-          path: {
-            counterpart_id: e
-          }
-        }
-      }, s);
-    },
-    onError: () => {
-      p.error(a._("Failed to update address."));
+  }, L = () => {
+    switch (i) {
+      case "once":
+      default:
+        return null;
+      case "day":
+        return /* @__PURE__ */ c(p, { children: [
+          /* @__PURE__ */ e(w, { 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(_, { className: "ttw:grow-0", children: /* @__PURE__ */ c(D, { value: r.value, onValueChange: (a) => {
+            r.onChange(a), a === "after" ? l("recurrence_end_date", void 0, {
+              shouldDirty: !1
+            }) : l("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(C, {}) }),
+            /* @__PURE__ */ c(S, { children: [
+              /* @__PURE__ */ e(d, { value: "after", children: t._("After") }),
+              /* @__PURE__ */ e(d, { value: "on", children: t._("On") })
+            ] })
+          ] }) }) }) }),
+          V === "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(_, { children: /* @__PURE__ */ e(j, { ...r, selected: r.value ? new Date(r.value) : void 0, onSelect: r.onChange, showOutsideDays: !1, disabled: I, "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(_, { className: "ttw:grow-0", children: /* @__PURE__ */ e(E, { ...r, className: "ttw:w-16", value: r.value ?? "", type: "number", min: 0, max: 1e3, onKeyDown: $, "aria-invalid": !!n }) }) }) }),
+            /* @__PURE__ */ e(w, { 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(w, { 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(_, { className: "ttw:grow-0", children: /* @__PURE__ */ e(E, { ...r, className: "ttw:w-16", value: r.value ?? "", type: "number", min: 0, max: 1e3, onKeyDown: $, "aria-invalid": !!n }) }) }) }),
+          /* @__PURE__ */ c(w, { 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(w, { 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(_, { className: "ttw:grow-0", children: /* @__PURE__ */ c(D, { value: r.value, onValueChange: (n) => {
+        f(F), F.forEach((a) => {
+          l(a, void 0, {
+            shouldDirty: !1
+          });
+        }), G.includes(n) ? (l("payment_terms_id", z, {
+          shouldDirty: !0
+        }), l("payment_terms_custom_date", null, {
+          shouldDirty: !1
+        }), l("payment_reminder_id", "", {
+          shouldDirty: !0
+        })) : n !== "once" && R === B && (l("payment_terms_id", "", {
+          shouldDirty: !0
+        }), l("payment_terms_custom_date", null, {
+          shouldDirty: !1
+        })), r.onChange(n);
+      }, children: [
+        /* @__PURE__ */ e(k, { id: "frequency", className: "ttw:w-31", children: /* @__PURE__ */ e(C, {}) }),
+        /* @__PURE__ */ c(S, { 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()
+    ] }),
+    i !== "once" && /* @__PURE__ */ c("div", { className: "ttw:flex ttw:items-center ttw:gap-2.5", children: [
+      /* @__PURE__ */ e(w, { 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(_, { children: /* @__PURE__ */ e(j, { ...r, selected: r.value ? new Date(r.value) : void 0, onSelect: r.onChange, showOutsideDays: !1, shouldDisableButton: i === "week" && !x, disabled: O, "aria-invalid": !!n, startMonth: /* @__PURE__ */ new Date(), endMonth: b ? new Date(b.getFullYear(), b.getMonth(), 1) : new Date(2050, 11) }) }) }) }),
+      L()
+    ] }),
+    ["month", "quarter", "year"].includes(i) && /* @__PURE__ */ e(w, { 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 {
-  m as useUpdateCounterpartAddress
+  ie as RecurrenceSection
 };