@tesouro/embedded-components-react 0.2.18 → 0.2.20

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

@@ -1,129 +1,114 @@
-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)
-      };
-    }
-    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)
-      };
-    }
-  }
-}
+import { jsxs as s, jsx as r } from "@emotion/react/jsx-runtime";
+import "react-hot-toast";
+import "./index59.js";
+import { useLingui as j } from "@lingui/react";
+import { useState as I, Fragment as O } from "react";
+import { format as G } from "date-fns";
+import { useUserPermissions as k } from "./index133.js";
+import "../../shared/data-access/dist/lib/rest/client/utils.gen.js";
+import "../../shared/data-access/dist/lib/EmbedApiContext.js";
+import "../../shared/data-access/dist/lib/rest/client.gen.js";
+import "@tanstack/react-query";
+import "../../shared/data-access/dist/lib/rest/zod.gen.js";
+import { Scope as F } from "../../shared/data-access/dist/lib/scopes.js";
+import "clsx";
+import "tailwind-merge";
+import "@radix-ui/react-dropdown-menu";
+import { Plus as U, Loader2 as B } from "lucide-react";
+import { Button as f } from "./index86.js";
+import { useGetOverdueReminders as L } from "./index435.js";
+import { useCreateOverdueReminder as V } from "./index436.js";
+import { useGetPaymentTermById as Y } from "./index437.js";
+import "./index94.js";
+import "react-dom";
+import "@mui/x-data-grid";
+import { useFormContext as z } from "react-hook-form";
+import { calculateDueDate as K } from "./index7.js";
+import { CUSTOM_DATE_PAYMENT_TERM as W, RECEIPT_DUE_PAYMENT_TERM as q } from "./index202.js";
+import { RadioGroup as H, RadioGroupItem as x } from "./index316.js";
+import { Typography as n } from "./index87.js";
+import { Input as J } from "./index119.js";
+const Q = "MMM d, yyyy", b = 3, Et = ({
+  disabled: l
+}) => {
+  const {
+    data: u
+  } = L(), [o, c] = I([""]), {
+    i18n: e
+  } = j(), N = k().has(F.InvoiceWriteOrg), {
+    watch: w,
+    setValue: h
+  } = z(), T = w("overdue_reminder_id"), p = w("payment_terms_id"), A = w("payment_terms_custom_date"), v = p === W, y = p === q, C = p && !v && !y ? p : void 0, {
+    data: _
+  } = Y(C), g = v ? A ?? void 0 : y ? /* @__PURE__ */ new Date() : _ && K(_) || void 0, {
+    mutate: P,
+    isPending: d
+  } = V(), E = (t, i) => {
+    c((m) => m.map((a, S) => S === t ? i : a));
+  }, M = () => {
+    c((t) => t.length < b ? [...t, ""] : t);
+  }, R = () => {
+    c([""]);
+  }, D = o.every((t) => Number(t) >= 1), $ = () => {
+    const t = o.map((a) => Number(a)), i = t.map((a) => a === 1 ? e._("{daysAfter} day", {
+      daysAfter: a
+    }) : e._("{daysAfter} days", {
+      daysAfter: a
+    })), m = i.length === 1 ? i[0] : `${i.slice(0, -1).join(", ")} ${e._("and")} ${i[i.length - 1]}`;
+    P({
+      body: {
+        name: m,
+        terms: t.map((a) => ({
+          days_after: a,
+          subject: e._("Payment is overdue"),
+          body: g ? e._("Payment was due on {dueDate}.", {
+            dueDate: G(g, Q)
+          }) : e._("Payment is overdue.")
+        }))
+      }
+    }, {
+      onSuccess: (a) => {
+        c([""]), h("overdue_reminder_id", a.id);
+      }
+    });
+  };
+  return /* @__PURE__ */ s("div", { className: "ttw:border ttw:border-border ttw:rounded-lg ttw:min-h-28 ttw:p-2.5 ttw:flex ttw:w-full ttw:flex-col ttw:gap-4 ttw:xl:w-1/2", children: [
+    /* @__PURE__ */ s(n, { variant: "body2", children: [
+      e._("Number of days"),
+      " ",
+      /* @__PURE__ */ r("span", { className: "ttw:text-destructive ttw:font-bold", children: e._("AFTER") }),
+      " ",
+      e._("due date")
+    ] }),
+    /* @__PURE__ */ r(H, { className: "ttw:contents", value: T ?? "", onValueChange: (t) => h("overdue_reminder_id", t), children: /* @__PURE__ */ s("ul", { className: "ttw:flex ttw:flex-col ttw:gap-3", children: [
+      /* @__PURE__ */ r("li", { className: "ttw:flex ttw:items-center ttw:gap-3 ttw:justify-between", children: /* @__PURE__ */ s("div", { className: "ttw:flex ttw:items-center ttw:gap-2", children: [
+        /* @__PURE__ */ r(x, { value: "", id: "no-overdue-reminder" }),
+        /* @__PURE__ */ r(n, { variant: "body2", className: "ttw:leading-snug", children: e._("No reminder") })
+      ] }) }),
+      u?.map((t) => /* @__PURE__ */ r("li", { className: "ttw:flex ttw:items-center ttw:gap-3 ttw:justify-between", children: /* @__PURE__ */ s("div", { className: "ttw:flex ttw:items-center ttw:gap-2", children: [
+        /* @__PURE__ */ r(x, { value: t.value, id: t.value }),
+        /* @__PURE__ */ r(n, { variant: "body2", className: "ttw:leading-snug", children: t.label })
+      ] }) }, t.value))
+    ] }) }),
+    N && /* @__PURE__ */ s("div", { className: "ttw:flex ttw:flex-col ttw:gap-2.5", children: [
+      /* @__PURE__ */ r(n, { variant: "caption", color: "muted", children: u && u.length > 0 ? e._("Add schedule (Specify up to 3 terms)") : e._("Send up to three reminders") }),
+      /* @__PURE__ */ s("div", { className: "ttw:flex ttw:items-center ttw:gap-2.5", children: [
+        o.map((t, i, m) => /* @__PURE__ */ s(O, { children: [
+          /* @__PURE__ */ r(J, { type: "text", inputMode: "numeric", value: t, onChange: (a) => E(i, a.target.value.replace(/\D/g, "")), disabled: l || d, name: `new_reminders_${i}`, className: "ttw:text-right ttw:w-15 ttw:p-1.5", placeholder: m.length === 1 ? e._("e.g., 3") : void 0 }),
+          /* @__PURE__ */ r(n, { variant: "body2", children: Number(t) === 1 ? e._("day") : e._("days") })
+        ] }, i)),
+        o.length < b && /* @__PURE__ */ s(f, { type: "button", variant: "ghost", className: "ttw:text-xs ttw:text-primary ttw:hover:text-primary", disabled: l || d || !o[o.length - 1], onClick: M, children: [
+          /* @__PURE__ */ r(U, {}),
+          e._("Add")
+        ] })
+      ] }),
+      /* @__PURE__ */ s("div", { className: "ttw:flex ttw:items-center ttw:gap-2.5", children: [
+        /* @__PURE__ */ r(f, { type: "button", variant: "ghost", className: "ttw:text-xs", disabled: l || d, onClick: R, children: e._("Clear") }),
+        /* @__PURE__ */ r(f, { type: "button", variant: "secondary", className: "ttw:hover:brightness-95 ttw:text-secondary-foreground ttw:text-xs", disabled: l || d || !D, onClick: $, children: d ? /* @__PURE__ */ r(B, { className: "ttw:size-4 ttw:animate-spin" }) : e._("Save") })
+      ] })
+    ] })
+  ] });
+};
 export {
-  v as DATE_PRESETS,
-  g as resolveDatePreset
+  Et as ReminderOverdue
 };

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

@@ -1,7 +1,19 @@
-function r(l, e) {
-  if (l !== void 0) return l;
-  if (e !== void 0) return null;
-}
+import { jsxs as i, jsx as a } from "@emotion/react/jsx-runtime";
+import { useLingui as s } from "@lingui/react";
+import { Badge as m } from "./index284.js";
+import { Typography as o } from "./index87.js";
+const f = ({
+  email: t,
+  isDefault: e
+}) => {
+  const {
+    i18n: r
+  } = s();
+  return /* @__PURE__ */ i("div", { className: "ttw:flex ttw:items-center ttw:gap-2", children: [
+    /* @__PURE__ */ a(o, { variant: "body2", className: "ttw:max-w-62.5 ttw:truncate", title: t, children: t }),
+    e && /* @__PURE__ */ a(m, { variant: "secondary", children: r._("Default") })
+  ] });
+};
 export {
-  r as resolveNullableUpdate
+  f as DefaultEmail
 };

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

@@ -1,30 +1,14 @@
-import { useMoniteContext as u } from "./index59.js";
-import { getAPIErrorMessage as m } from "./index121.js";
-import { useLingui as c } from "@lingui/react";
-import { toast as n } from "react-hot-toast";
-const M = (a, i) => {
+import { useMoniteContext as i } from "./index59.js";
+const s = (e) => {
   const {
-    api: t,
-    queryClient: o
-  } = u(), {
-    i18n: r
-  } = c();
-  return t.finops.postMeasureUnits.useMutation({}, {
-    onSuccess: async (e) => {
-      await t.finops.getMeasureUnits.invalidateQueries(o), n.success(r._("Unit {name} was added to the list", {
-        name: e.name
-      })), a?.();
-    },
-    onError: async (e) => {
-      const s = m(r, e);
-      if (s.includes("already exists")) {
-        i?.(s);
-        return;
-      } else
-        n.error(s);
+    api: t
+  } = i();
+  return t.finops.postReceivablesIdPreview.useMutation({
+    path: {
+      receivable_id: e
     }
   });
 };
 export {
-  M as useCreateMeasureUnit
+  s as useCreateInvoiceEmailPreview
 };

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

@@ -1,40 +1,40 @@
-import { useMoniteContext as p } from "./index59.js";
-import { getAPIErrorMessage as m } from "./index121.js";
-import { useLingui as d } from "@lingui/react";
-import { toast as n } from "react-hot-toast";
-const g = (i, o, u) => {
+import { useMoniteContext as c } from "./index59.js";
+import { getAPIErrorMessage as u } from "./index123.js";
+import { useLingui as p } from "@lingui/react";
+import { toast as i } from "react-hot-toast";
+const g = (a, n) => {
   const {
     api: e,
-    queryClient: r
-  } = p(), {
-    i18n: a
-  } = d();
-  return e.finops.patchMeasureUnitsId.useMutation({
+    queryClient: s
+  } = c(), {
+    i18n: t
+  } = p();
+  return e.finops.patchRecurrencesId.useMutation({
     path: {
-      unit_id: i
+      recurrence_id: a
     }
   }, {
-    onSuccess: async (s) => {
-      await Promise.all([e.finops.getMeasureUnits.invalidateQueries(r), e.finops.getMeasureUnitsId.invalidateQueries({
+    onError(r) {
+      i.error(u(t, r));
+    },
+    async onSuccess(r) {
+      e.finops.getRecurrencesId.setQueryData({
+        path: {
+          recurrence_id: r.id
+        }
+      }, (o) => ({
+        ...o,
+        ...r
+      }), s), await Promise.all([e.finops.getReceivablesId.invalidateQueries({
         parameters: {
           path: {
-            unit_id: i
+            receivable_id: n
           }
         }
-      }, r)]), n.success(a._("Unit {name} was updated", {
-        name: s.name
-      })), o?.();
-    },
-    onError: (s) => {
-      const t = m(a, s);
-      if (t.includes("already exists")) {
-        u?.(t);
-        return;
-      } else
-        n.error(t);
+      }, s), e.finops.getReceivables.invalidateQueries(s)]), i.success(t._("Recurrence has been updated"));
     }
   });
 };
 export {
-  g as useUpdateMeasureUnit
+  g as useUpdateRecurrenceById
 };

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

@@ -1,69 +1,61 @@
-import { useMemo as g } from "react";
-import { useMoniteContext as k } from "./index59.js";
-const p = (t, u) => {
+import { jsxs as a, jsx as t } from "@emotion/react/jsx-runtime";
+import { DatePicker as D } from "./index452.js";
+import { FormField as c, FormItem as i, FormLabel as u, FormControl as h, FormMessage as m } from "./index311.js";
+import { Select as p, SelectTrigger as F, SelectValue as M, SelectContent as S, SelectItem as g } from "./index313.js";
+import { useLingui as C } from "@lingui/react";
+import { useFormContext as N } from "react-hook-form";
+const $ = ({
+  isUpdate: n = !1
+}) => {
   const {
-    api: r
-  } = k(), i = !!(t && u), o = i && u === "BANK_DETAILS", c = i && u === "INTERNAL", d = i && u === "EXTERNAL", {
-    data: n,
-    isLoading: b
-  } = r.finops.getBankDetailsId.useQuery({
-    path: {
-      bank_account_id: t ?? ""
-    }
-  }, {
-    enabled: o,
-    retry: !1
-  }), {
-    data: e,
-    isLoading: m
-  } = r.embeddedBanking.getBankAccount.useQuery({
-    path: {
-      id: t ?? ""
-    }
-  }, {
-    enabled: c,
-    retry: !1
-  }), {
-    data: a,
-    isLoading: _
-  } = r.embeddedBanking.getExternalBankAccount.useQuery({
-    path: {
-      id: t ?? ""
-    }
-  }, {
-    enabled: d,
-    retry: !1
-  }), s = b || m || _;
-  return {
-    data: g(() => {
-      if (n)
-        return {
-          id: n.id,
-          bank_name: n.bank_name,
-          account_number: n.account_number,
-          routing_number: n.routing_number,
-          bank_account_type: "BANK_DETAILS"
-        };
-      if (e)
-        return {
-          id: e.id,
-          bank_name: null,
-          account_number: e.accountNumber,
-          routing_number: e.routingNumber,
-          bank_account_type: "INTERNAL"
-        };
-      if (a)
-        return {
-          id: a.id,
-          bank_name: null,
-          account_number: a.accountNumber,
-          routing_number: a.routingNumber,
-          bank_account_type: "EXTERNAL"
-        };
-    }, [n, e, a]),
-    isLoading: s
+    control: s,
+    watch: w,
+    setValue: f
+  } = N(), {
+    i18n: r
+  } = C(), _ = w("recurrence_start_date"), o = w("recurrence_issue_mode"), d = _ ? new Date(_) : void 0, v = (e) => {
+    if (!o) return !1;
+    const l = e.getDate(), x = new Date(e.getFullYear(), e.getMonth() + 1, 0).getDate();
+    return o === "first_day" ? l !== 1 : o === "last_day" ? l !== x : !1;
   };
+  return /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-col ttw:gap-6", children: [
+    /* @__PURE__ */ t(c, { control: s, name: "recurrence_issue_mode", render: ({
+      field: e
+    }) => /* @__PURE__ */ a(i, { className: "ttw:flex-1", children: [
+      /* @__PURE__ */ t(u, { children: r._("Issue at") }),
+      /* @__PURE__ */ a(p, { disabled: n, onValueChange: (l) => {
+        e.onChange(l), f("recurrence_start_date", void 0), f("recurrence_end_date", void 0);
+      }, value: e.value, children: [
+        /* @__PURE__ */ t(h, { children: /* @__PURE__ */ t(F, { className: "ttw:w-full", children: /* @__PURE__ */ t(M, { className: "ttw:max-w-4/5 ttw:text-ellipsis ttw:whitespace-nowrap" }) }) }),
+        /* @__PURE__ */ a(S, { children: [
+          /* @__PURE__ */ t(g, { value: "first_day", children: r._("Start of the month") }),
+          /* @__PURE__ */ t(g, { value: "last_day", children: r._("End of the month") })
+        ] })
+      ] }),
+      /* @__PURE__ */ t(m, {})
+    ] }) }),
+    /* @__PURE__ */ a("div", { className: "ttw:flex ttw:items-start ttw:gap-4", children: [
+      /* @__PURE__ */ t(c, { control: s, name: "recurrence_start_date", render: ({
+        field: e
+      }) => /* @__PURE__ */ a(i, { className: "ttw:flex-1", children: [
+        /* @__PURE__ */ t(u, { children: r._("Period starts on") }),
+        /* @__PURE__ */ t(h, { children: /* @__PURE__ */ t(D, { ...e, selected: e.value ? new Date(e.value) : void 0, onSelect: e.onChange, showOutsideDays: !1, disabled: v, shouldDisableButton: n, startMonth: /* @__PURE__ */ new Date(), endMonth: new Date(2050, 11), ...n && e.value ? {
+          defaultMonth: new Date(e.value)
+        } : {} }) }),
+        /* @__PURE__ */ t(m, {})
+      ] }) }),
+      /* @__PURE__ */ t(c, { control: s, name: "recurrence_end_date", render: ({
+        field: e
+      }) => /* @__PURE__ */ a(i, { className: "ttw:flex-1", children: [
+        /* @__PURE__ */ t(u, { children: r._("Period ends on") }),
+        /* @__PURE__ */ t(h, { children: /* @__PURE__ */ t(D, { ...e, selected: e.value ? new Date(e.value) : void 0, onSelect: e.onChange, showOutsideDays: !1, disabled: v, startMonth: d ? new Date(d.getFullYear(), d.getMonth() + 2, 0) : /* @__PURE__ */ new Date(), endMonth: new Date(2050, 11), ...n && e.value ? {
+          defaultMonth: new Date(e.value)
+        } : {} }) }),
+        /* @__PURE__ */ t(m, {})
+      ] }) })
+    ] })
+  ] });
 };
 export {
-  p as useGetBankAccountById
+  $ as RecurrenceFormContent
 };

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

@@ -1,18 +1,16 @@
-import { useMoniteContext as s } from "./index59.js";
-const r = () => {
+import { useMoniteContext as n } from "./index59.js";
+const m = (e) => {
   const {
-    api: e
-  } = s();
-  return e.finops.getPaymentReminders.useQuery(void 0, {
-    select: (t) => t.data.map(({
-      id: a,
-      name: n
-    }) => ({
-      value: a,
-      label: n
-    }))
+    api: t
+  } = n();
+  return t.finops.getPaymentRemindersId.useQuery({
+    path: {
+      payment_reminder_id: e ?? ""
+    }
+  }, {
+    enabled: !!e
   });
 };
 export {
-  r as useGetPaymentReminders
+  m as useGetPaymentReminderById
 };

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

@@ -1,23 +1,16 @@
-import { useMoniteContext as n } from "./index59.js";
-import { getAPIErrorMessage as i } from "./index121.js";
-import { useLingui as a } from "@lingui/react";
-import { toast as o } from "react-hot-toast";
-const c = () => {
+import { useMoniteContext as d } from "./index59.js";
+const n = (e) => {
   const {
-    api: e,
-    queryClient: s
-  } = n(), {
-    i18n: r
-  } = a();
-  return e.finops.postPaymentReminders.useMutation(void 0, {
-    onSuccess: async () => {
-      await e.finops.getPaymentReminders.invalidateQueries(s), o.success(r._("Reminder has been added"));
-    },
-    onError: (t) => {
-      o.error(i(r, t));
+    api: r
+  } = d();
+  return r.finops.getOverdueRemindersId.useQuery({
+    path: {
+      overdue_reminder_id: e ?? ""
     }
+  }, {
+    enabled: !!e
   });
 };
 export {
-  c as useCreatePaymentReminder
+  n as useGetOverdueReminderById
 };