@tesouro/embedded-components-react 0.2.106 → 0.2.107

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

@@ -1,114 +1,227 @@
-import { jsxs as a, jsx as e, Fragment as y } from "@emotion/react/jsx-runtime";
-import { USStatesEnum as x } from "./index407.js";
-import { Field as o, FieldContent as s, FieldLabel as c, FieldError as m } from "./index158.js";
-import { Input as f } from "./index123.js";
-import { Select as F, SelectTrigger as _, SelectValue as j, SelectContent as A, SelectItem as E } from "./index325.js";
-import { Typography as b } from "./index85.js";
-import { MoniteCountryShadcn as L } from "./index408.js";
-import { useLingui as T } from "@lingui/react";
-import { useRef as U } from "react";
-import { useFormContext as B, Controller as w } from "react-hook-form";
-import { twMerge as g } from "tailwind-merge";
-const G = ({
-  hasExistingAddress: v,
-  isLoading: n,
-  isStandalone: d,
-  customerType: S
-}) => {
+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 "./index192.js";
+import { Select as D, SelectTrigger as k, SelectValue as C, SelectContent as S, SelectItem as d, SelectSeparator as K } from "./index289.js";
+import { Typography as w } from "./index85.js";
+import { DatePicker as j } from "./index407.js";
+import { Input as E } from "./index127.js";
+import { RECEIPT_DUE_PAYMENT_TERM as z, CUSTOM_DATE_PAYMENT_TERM as B } from "./index152.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: l
-  } = T(), {
-    watch: N,
-    control: h
-  } = B(), u = U(null), i = S === "vendor";
-  return /* @__PURE__ */ a("div", { className: g("ttw:flex ttw:flex-col ttw:gap-4"), ref: u, children: [
-    d ? /* @__PURE__ */ e("div", { className: "ttw:flex ttw:items-center ttw:justify-between ttw:gap-3 ttw:pt-6 ttw:pb-7 ttw:border-b ttw:border-border", children: /* @__PURE__ */ e(b, { variant: "body1", className: "ttw:font-medium", children: v ? l._("Editing address") : l._("Adding address") }) }) : /* @__PURE__ */ e(y, { children: !i && /* @__PURE__ */ e("div", { className: "ttw:flex ttw:items-center ttw:justify-between ttw:gap-3 ttw:pt-6 ttw:pb-7 ttw:border-b ttw:border-border", children: /* @__PURE__ */ a(b, { variant: "body1", className: "ttw:font-medium", children: [
-      l._("Address"),
-      " ",
-      /* @__PURE__ */ e("span", { className: "ttw:text-muted-foreground", children: l._("(optional)") })
-    ] }) }) }),
-    /* @__PURE__ */ a("div", { className: "ttw:flex ttw:gap-4", children: [
-      /* @__PURE__ */ e(w, { name: "line1", control: h, render: ({
-        field: t,
-        fieldState: {
-          error: r
-        }
-      }) => /* @__PURE__ */ e(o, { children: /* @__PURE__ */ a(s, { children: [
-        /* @__PURE__ */ e(c, { htmlFor: t.name, children: l._("Street address") }),
-        /* @__PURE__ */ e(f, { id: t.name, ...t, className: d || i ? "ttw:bg-white" : "", disabled: n, "aria-invalid": !!r || void 0 }),
-        /* @__PURE__ */ e(m, { errors: [r] })
-      ] }) }) }),
-      /* @__PURE__ */ e(w, { name: "line2", control: h, render: ({
-        field: t,
-        fieldState: {
-          error: r
-        }
-      }) => /* @__PURE__ */ e(o, { children: /* @__PURE__ */ a(s, { children: [
-        /* @__PURE__ */ a(c, { htmlFor: t.name, className: "ttw:gap-1", children: [
-          l._("Apt, suite, floor, etc."),
-          i && /* @__PURE__ */ e(b, { variant: "body2", color: "muted", className: "ttw:leading-snug", children: l._("(optional)") })
-        ] }),
-        /* @__PURE__ */ e(f, { id: t.name, ...t, className: d || i ? "ttw:bg-white" : "", disabled: n, "aria-invalid": !!r || void 0 }),
-        /* @__PURE__ */ e(m, { errors: [r] })
-      ] }) }) })
+    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") })
+            ] }) }) });
+          } })
+        ] });
+    }
+  }, 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()
     ] }),
-    /* @__PURE__ */ a("div", { className: "ttw:flex ttw:gap-4", children: [
-      /* @__PURE__ */ e(w, { name: "city", control: h, render: ({
-        field: t,
-        fieldState: {
-          error: r
-        }
-      }) => /* @__PURE__ */ e(o, { children: /* @__PURE__ */ a(s, { children: [
-        /* @__PURE__ */ e(c, { htmlFor: t.name, children: l._("City") }),
-        /* @__PURE__ */ e(f, { id: t.name, ...t, className: d || i ? "ttw:bg-white" : "", disabled: n, "aria-invalid": !!r || void 0 }),
-        /* @__PURE__ */ e(m, { errors: [r] })
-      ] }) }) }),
-      /* @__PURE__ */ e(w, { name: "state", control: h, render: ({
-        field: t,
+    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: r
+          error: n
         }
-      }) => N("country") === "US" ? /* @__PURE__ */ e(o, { children: /* @__PURE__ */ a(s, { children: [
-        /* @__PURE__ */ e(c, { htmlFor: t.name, children: l._("State") }),
-        /* @__PURE__ */ a(F, { value: t.value ?? void 0, onValueChange: t.onChange, disabled: n, children: [
-          /* @__PURE__ */ e(_, { ref: t.ref, onBlur: t.onBlur, "aria-invalid": !!r || void 0, className: g("ttw:w-full", (d || i) && "ttw:bg-white"), disabled: n, children: /* @__PURE__ */ e(j, { placeholder: l._("Select a state") }) }),
-          /* @__PURE__ */ e(A, { children: Object.entries(x).map(([p, C]) => /* @__PURE__ */ a(E, { value: p, children: [
-            C,
-            " — ",
-            p
-          ] }, p)) })
-        ] }),
-        /* @__PURE__ */ e(m, { errors: [r] })
-      ] }) }) : /* @__PURE__ */ e(o, { children: /* @__PURE__ */ a(s, { children: [
-        /* @__PURE__ */ e(c, { htmlFor: t.name, children: l._("State") }),
-        /* @__PURE__ */ e(f, { id: t.name, ...t, className: d || i ? "ttw:bg-white" : "", disabled: n, "aria-invalid": !!r || void 0 }),
-        /* @__PURE__ */ e(m, { errors: [r] })
-      ] }) }) })
+      }) => /* @__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()
     ] }),
-    /* @__PURE__ */ a("div", { className: "ttw:flex ttw:gap-4", children: [
-      /* @__PURE__ */ e(w, { name: "postalCode", control: h, render: ({
-        field: t,
-        fieldState: {
-          error: r
-        }
-      }) => /* @__PURE__ */ e(o, { children: /* @__PURE__ */ a(s, { children: [
-        /* @__PURE__ */ e(c, { htmlFor: t.name, children: l._("Postal code") }),
-        /* @__PURE__ */ e(f, { id: t.name, ...t, className: d || i ? "ttw:bg-white" : "", disabled: n, "aria-invalid": !!r || void 0 }),
-        /* @__PURE__ */ e(m, { errors: [r] })
-      ] }) }) }),
-      /* @__PURE__ */ e(w, { name: "country", control: h, render: ({
-        field: t,
-        fieldState: {
-          error: r
-        }
-      }) => /* @__PURE__ */ e(o, { children: /* @__PURE__ */ a(s, { children: [
-        /* @__PURE__ */ e(c, { children: l._("Country") }),
-        /* @__PURE__ */ e(L, { value: t.value, className: d || i ? "ttw:bg-white" : "", onChange: t.onChange, invalid: !!r, disabled: n, container: u?.current, allowedCountries: ["US"] }),
-        /* @__PURE__ */ e(m, { errors: [r] })
-      ] }) }) })
-    ] })
+    ["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 {
-  G as CounterpartAddressFormContent
+  ie as RecurrenceSection
 };

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

@@ -1,90 +1,41 @@
-import { jsx as d, jsxs as m } from "@emotion/react/jsx-runtime";
-import { useForm as N, FormProvider as F } from "react-hook-form";
-import { useLingui as I } from "@lingui/react";
-import { useId as P, useMemo as z, useCallback as L } from "react";
-import { zodResolver as U } from "@hookform/resolvers/zod";
-import { Button as y } from "./index84.js";
-import { getAddressValidationSchema as j } from "./index241.js";
-import "./index57.js";
-import { toast as p } from "react-hot-toast";
-import "date-fns";
-import { getCounterpartName as k } from "./index7.js";
-import { useUpdateCounterpartAddress as D } from "./index304.js";
-import { useCreateCounterpartAddress as T } from "./index409.js";
-import { LoadingSpinner as V } from "./index138.js";
-import { CounterpartAddressFormContent as B } from "./index307.js";
-const tt = ({
-  counterpartId: c,
-  isStandalone: C,
-  address: t,
-  customerType: u,
-  handleClose: h,
-  onUpdate: i,
-  onCreate: 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 "./index408.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 "./index409.js";
+import { ReminderOverdue as N } from "./index410.js";
+import { RECEIPT_DUE_PAYMENT_TERM as D } from "./index152.js";
+const I = ({
+  disabled: a
 }) => {
   const {
-    i18n: r
-  } = I(), S = `counterpart-address-form-${P()}`, g = !!t, {
-    mutate: f,
-    isPending: x
-  } = D({
-    counterpartId: c,
-    addressId: t?.id ?? ""
-  }), {
-    mutate: w,
-    isPending: A
-  } = T(), o = x || A, v = z(() => ({
-    line1: t?.line1 ?? "",
-    line2: t?.line2 ?? "",
-    city: t?.city ?? "",
-    state: t?.state ?? "",
-    country: t?.country ?? "US",
-    postalCode: t?.postal_code ?? ""
-  }), [t]), {
-    resetField: e,
-    ...a
-  } = N({
-    resolver: U(j(r, u === "vendor")),
-    defaultValues: v
-  }), _ = L((l) => {
-    l.preventDefault(), l.stopPropagation(), a.handleSubmit((s) => {
-      const b = {
-        line1: s.line1 ?? "",
-        line2: s.line2,
-        city: s.city ?? "",
-        state: s.state ?? "",
-        country: s.country,
-        postal_code: s.postalCode ?? ""
-      };
-      return t ? f(b, {
-        onSuccess: () => {
-          p.success(r._("Address has been updated.")), i && i();
-        }
-      }) : w({
-        path: {
-          counterpart_id: c
-        },
-        body: b
-      }, {
-        onSuccess: () => {
-          p.success(r._("Address has been added.")), n && n();
-        }
-      });
-    })(l);
-  }, [p, f, w, k, i, n, a.handleSubmit, r]);
-  return /* @__PURE__ */ d(F, { resetField: e, ...a, children: /* @__PURE__ */ m("form", { id: S, onSubmit: _, className: "ttw:flex ttw:flex-col ttw:gap-4 ttw:p-4 ttw:border ttw:border-primary ttw:rounded-[10px] ttw:bg-zinc-100", children: [
-    /* @__PURE__ */ d(B, { hasExistingAddress: g, isLoading: o, isStandalone: C, customerType: u }),
-    /* @__PURE__ */ m("div", { className: "ttw:flex ttw:gap-4 ttw:pt-6", children: [
-      /* @__PURE__ */ d(y, { type: "button", variant: "outline", className: "ttw:border-border ttw:flex-1", disabled: o, onClick: () => {
-        e("line1"), e("line2"), e("city"), e("state"), e("postalCode"), e("country"), h();
-      }, children: r._("Cancel") }),
-      /* @__PURE__ */ m(y, { type: "submit", className: "ttw:flex-1", disabled: o || !a.formState.isDirty, children: [
-        o && /* @__PURE__ */ d(V, { className: "ttw:border-white ttw:border-t-transparent ttw:size-4" }),
-        r._("Save")
-      ] })
+    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 {
-  tt as CounterpartAddressForm
+  I as RemindersSection
 };

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

@@ -1,4 +1,13 @@
-const s = (o) => o.source_of_payable_data === "ocr" && o.ocr_status === "processing";
+import { jsx as t } from "@emotion/react/jsx-runtime";
+import { cn as i } from "./index100.js";
+import * as r from "@radix-ui/react-checkbox";
+import { CheckIcon as o } from "lucide-react";
+function c({
+  className: e,
+  ...a
+}) {
+  return /* @__PURE__ */ t(r.Root, { "data-slot": "checkbox", className: i("ttw:peer ttw:border-input ttw:dark:bg-input/30 ttw:data-[state=checked]:bg-primary ttw:data-[state=checked]:text-primary-foreground ttw:dark:data-[state=checked]:bg-primary ttw:data-[state=checked]:border-primary ttw:focus-visible:border-ring ttw:focus-visible:ring-ring/50 ttw:aria-invalid:ring-destructive/20 ttw:dark:aria-invalid:ring-destructive/40 ttw:aria-invalid:border-destructive ttw:size-4 ttw:shrink-0 ttw:rounded-[4px] ttw:border ttw:shadow-xs ttw:transition-shadow ttw:outline-none ttw:focus-visible:ring-[3px] ttw:disabled:cursor-not-allowed ttw:disabled:opacity-50", e), ...a, children: /* @__PURE__ */ t(r.Indicator, { "data-slot": "checkbox-indicator", className: "ttw:flex ttw:items-center ttw:justify-center ttw:text-current ttw:transition-none", children: /* @__PURE__ */ t(o, { className: "ttw:size-3.5" }) }) });
+}
 export {
-  s as isPayableInOCRProcessing
+  c as Checkbox
 };

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

@@ -1,98 +1,13 @@
-import { jsx as i } from "@emotion/react/jsx-runtime";
-import { useDragScroll as b } from "./index410.js";
-import { PayableStatusChip as C } from "./index150.js";
-import { useMoniteContext as M } from "./index57.js";
-import { useCurrencies as x } from "./index58.js";
-import { Skeleton as A } from "./index139.js";
-import { StatusCard as D } from "./index360.js";
-import { useLingui as j } from "@lingui/react";
-import { useRef as L, useEffect as P } from "react";
-import { getPayablesAnalyticsSnapshot as U } from "./index411.js";
-const c = [{
-  groupStatus: "all",
-  apiStatuses: [],
-  representativeStatus: null
-}, {
-  groupStatus: "draft",
-  apiStatuses: ["draft", "new"],
-  representativeStatus: "draft"
-}, {
-  groupStatus: "pending_approval",
-  apiStatuses: ["approve_in_progress"],
-  representativeStatus: "approve_in_progress"
-}, {
-  groupStatus: "rejected",
-  apiStatuses: ["rejected"],
-  representativeStatus: "rejected"
-}, {
-  groupStatus: "ready_to_pay",
-  apiStatuses: ["waiting_to_be_paid", "partially_paid"],
-  representativeStatus: "waiting_to_be_paid"
-}, {
-  groupStatus: "paid",
-  apiStatuses: ["paid"],
-  representativeStatus: "paid"
-}, {
-  groupStatus: "cancelled",
-  apiStatuses: ["canceled"],
-  representativeStatus: "canceled"
-}], O = ({
-  onChangeFilter: o,
-  selectedStatus: s
-}) => {
+import { useMoniteContext as o } from "./index57.js";
+const r = () => {
   const {
-    i18n: l
-  } = j(), {
-    data: r,
-    isLoading: n
-  } = k(), {
-    formatCurrencyToDisplay: m
-  } = x(), {
-    containerRef: S,
-    handleMouseDown: f,
-    handleMouseLeave: v,
-    handleMouseUp: _,
-    handleMouseMove: g
-  } = b();
-  if (n)
-    return /* @__PURE__ */ i("div", { className: "ttw:flex ttw:gap-2", children: Array.from({
-      length: 6
-    }).map((t, u) => /* @__PURE__ */ i(A, { className: "ttw:h-16.5 ttw:w-42 ttw:rounded-xl ttw:animate-pulse" }, u)) });
-  const d = r?.data ?? [], w = c.map(({
-    groupStatus: t,
-    apiStatuses: u
-  }) => {
-    if (t === "all")
-      return {
-        status: "all",
-        count: d.reduce((e, a) => e + a.count, 0),
-        sum_total_amount: d.reduce((e, a) => e + (a.sum_total_amount ?? 0), 0)
-      };
-    const p = d.filter((e) => u.includes(e.status));
-    return {
-      status: t,
-      count: p.reduce((e, a) => e + a.count, 0),
-      sum_total_amount: p.reduce((e, a) => e + (a.sum_total_amount ?? 0), 0)
-    };
-  }).filter((t) => t.status === "all" || t.count > 0), h = (t) => {
-    o("status", t === "all" ? null : t);
-  }, y = (t) => m(t, "USD") ?? "—";
-  return /* @__PURE__ */ i("div", { ref: S, className: "ttw:flex ttw:gap-2 ttw:mb-6 ttw:overflow-x-auto ttw:[scrollbar-width:none] ttw:[&::-webkit-scrollbar]:hidden ttw:cursor-grab ttw:select-none", onMouseDown: f, onMouseLeave: v, onMouseUp: _, onMouseMove: g, children: w.map((t) => {
-    const u = c.find((p) => p.groupStatus === t.status);
-    return /* @__PURE__ */ i(D, { allItemsText: l._("All bills"), isAllStatus: t.status === "all", data: t.status === "all" ? t.count ?? 0 : t.sum_total_amount ?? 0, amountOfItems: t.status !== "all" ? t.count ?? 0 : void 0, selected: s === t.status, onClick: () => h(t.status), formatAmount: y, statusChip: u?.representativeStatus ? /* @__PURE__ */ i(C, { status: u.representativeStatus }) : void 0 }, t.status);
-  }) });
-}, k = () => {
-  const {
-    api: o,
-    queryClient: s
-  } = M(), l = o.finops.getPayablesAnalytics.useQuery({}, {
-    enabled: !!s,
-    refetchInterval: 3e3
-  }), r = U(l.data?.data), n = L(void 0);
-  return P(() => {
-    r !== void 0 && n.current !== void 0 && r !== n.current && s && o.finops.getPayables.invalidateQueries(s), n.current = r;
-  }, [r, o, s]), l;
+    api: e
+  } = o();
+  return e.finops.deleteFilesId.useMutation(void 0, {
+    onError: () => {
+    }
+  });
 };
 export {
-  O as SummaryCardsFilters
+  r as useDeleteFile
 };