@tesouro/embedded-components-react 0.2.23 → 0.2.24

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

@@ -1,24 +1,88 @@
-import e from "@mui/icons-material/Cancel";
-import _ from "@mui/icons-material/DangerousOutlined";
-import r from "@mui/icons-material/HourglassEmpty";
-import a from "@mui/icons-material/PaidOutlined";
-const s = ["waiting", "approved", "rejected", "canceled"], o = {
-  approved: "success",
-  canceled: "secondary",
-  rejected: "error",
-  waiting: "warning"
-}, A = {
-  approved: a,
-  canceled: e,
-  rejected: _,
-  waiting: r
-}, R = "status", d = "created_at", i = "created_by", S = "current_user";
+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 "./index453.js";
+import { RECEIPT_DUE_PAYMENT_TERM as u, CUSTOM_DATE_PAYMENT_TERM as l } from "./index175.js";
+import { cn as N } from "./index102.js";
+import { Skeleton as O } from "./index151.js";
+import { Select as R, SelectTrigger as U, SelectValue as V, SelectContent as z, SelectItem as h, SelectSeparator as I } from "./index289.js";
+import { Popover as q, PopoverAnchor as B, PopoverContent as K } from "./index413.js";
+import { Calendar as G } from "./index454.js";
+import { Field as H, FieldContent as J, FieldLabel as Q, FieldDescription as W, FieldError as X } from "./index211.js";
+const S = "MMM d, yyyy", ue = ({
+  disabled: D,
+  paymentTerms: f,
+  isLoading: E
+}) => {
+  const {
+    i18n: a
+  } = 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
+    }
+  }) => /* @__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;
+        }
+        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 {
-  s as APPROVAL_REQUEST_STATUSES,
-  A as APPROVAL_REQUEST_STATUS_TO_MUI_ICON_MAP,
-  i as FILTER_TYPE_ADDED_BY,
-  d as FILTER_TYPE_CREATED_AT,
-  S as FILTER_TYPE_CURRENT_USER,
-  R as FILTER_TYPE_STATUS,
-  o as ROW_TO_STATUS_MUI_MAP
+  ue as PaymentSection
 };

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

@@ -1,59 +1,223 @@
-import { jsxs as n, jsx as t } from "@emotion/react/jsx-runtime";
-import { useRootElements as s } from "./index94.js";
-import { FilterContainer as p } from "./index331.js";
-import { useLingui as m } from "@lingui/react";
-import { FormControl as u, InputLabel as c, Select as d, MenuItem as E, FormControlLabel as F, Switch as T } from "@mui/material";
-import { DatePicker as _ } from "@mui/x-date-pickers";
-import { APPROVAL_REQUEST_STATUSES as v, FILTER_TYPE_STATUS as R, FILTER_TYPE_ADDED_BY as A, FILTER_TYPE_CREATED_AT as C, FILTER_TYPE_CURRENT_USER as h } from "./index341.js";
-import { getRowToStatusTextMap as S } from "./index443.js";
-import { AutocompleteCreatedBy as M } from "./index444.js";
-const O = ({
-  onChangeFilter: l,
-  sx: i
-}) => {
+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 "./index211.js";
+import { Select as D, SelectTrigger as k, SelectValue as S, SelectContent as C, SelectItem as d, SelectSeparator as B } from "./index289.js";
+import { Typography as u } from "./index87.js";
+import { DatePicker as F } from "./index455.js";
+import { Input as $ } from "./index125.js";
+import { RECEIPT_DUE_PAYMENT_TERM as K } from "./index175.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: a
-  } = m(), {
-    root: r
-  } = s();
-  return /* @__PURE__ */ n(p, { className: "Monite-ApprovalRequestsFilters", sx: i, children: [
-    /* @__PURE__ */ n(u, { variant: "standard", fullWidth: !0, className: "Monite-ApprovalStatusFilter Monite-FilterControl", children: [
-      /* @__PURE__ */ t(c, { id: "status", children: a._("Status") }),
-      /* @__PURE__ */ t(d, { labelId: "status", label: a._("Status"), defaultValue: "all", MenuProps: {
-        container: r
-      }, onChange: (e) => {
-        l(R, e && e.target.value);
-      }, children: [{
-        label: a._("All invoices"),
-        value: "all"
-      }, ...Object.values(v).map((e) => ({
-        label: S(a)[e],
-        value: e
-      }))].map(({
-        label: e,
-        value: o
-      }) => /* @__PURE__ */ t(E, { value: o, children: e }, o)) })
+    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 /* @__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()
     ] }),
-    /* @__PURE__ */ t(M, { onChange: (e) => l(A, e || null) }),
-    /* @__PURE__ */ t(_, { label: a._("Requested on"), className: "Monite-ApprovalRequestedOnFilter Monite-FilterControl Monite-DateFilterControl", onChange: (e, o) => {
-      o.validationError || l(C, e);
-    }, slotProps: {
-      textField: {
-        variant: "standard"
-      },
-      popper: {
-        container: r
-      },
-      dialog: {
-        container: r
-      },
-      actionBar: {
-        actions: ["clear", "today"]
-      }
-    }, views: ["year", "month", "day"] }),
-    /* @__PURE__ */ t(F, { control: /* @__PURE__ */ t(T, {}), className: "Monite-ApprovalOnlyMyFilter Monite-FilterControl", label: a._("Only my approvals"), onChange: (e, o) => l(h, o) })
+    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 {
-  O as ApprovalRequestsFilter
+  ce as RecurrenceSection
 };

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

@@ -1,31 +1,161 @@
-import { jsx as r } from "@emotion/react/jsx-runtime";
-import { useLingui as n } from "@lingui/react";
-import { Chip as u } from "@mui/material";
-import { styled as l, useThemeProps as f } from "@mui/material/styles";
-import { ROW_TO_STATUS_MUI_MAP as A, APPROVAL_REQUEST_STATUS_TO_MUI_ICON_MAP as S } from "./index341.js";
-import { getRowToStatusTextMap as T } from "./index443.js";
-const c = ({
-  ref: s,
-  ...e
-}) => {
+import { isIndividualCounterpart as v, isOrganizationCounterpart as y } from "./index7.js";
+import { fromMinorUnits as b, toMinorUnits as g } from "./index120.js";
+import { getIndividualName as x } from "./index97.js";
+import { format as D } from "date-fns";
+import { resolveNullableUpdate as q } from "./index459.js";
+const B = (t) => t ? t.map((e) => ({
+  value: e.id,
+  label: v(e) ? x(e.individual.first_name, e.individual.last_name) : y(e) ? e.organization.legal_name : ""
+})) : [];
+function p(t) {
+  const [e, a, r] = t.split("-");
+  return new Date(+e, +a - 1, +r);
+}
+const m = (t) => D(t, "yyyy-MM-dd"), M = (t, e, a) => {
+  if (!e)
+    return {
+      invoiceNumber: "",
+      counterpart: "",
+      counterpartBankAccount: "",
+      invoiceDate: void 0,
+      dueDate: void 0,
+      currency: "USD",
+      tags: [],
+      discount: null,
+      lineItems: [{
+        id: "",
+        name: "",
+        quantity: 1,
+        price: 0,
+        tax: 0
+      }]
+    };
   const {
-    status: t,
-    icon: a,
-    size: i,
-    variant: p
-  } = f({
-    props: e,
-    name: "MoniteApprovalRequestStatusChip"
-  }), {
-    i18n: m
-  } = n(), o = S[t];
-  return /* @__PURE__ */ r(_, { ref: s, color: A[t], icon: a && o ? /* @__PURE__ */ r(o, { fontSize: "small" }) : void 0, label: T(m)[t], size: i, status: t, variant: p ?? "filled" });
-}, _ = l(u, {
-  // eslint-disable-next-line lingui/no-unlocalized-strings
-  name: "MoniteApprovalRequestStatusChip",
-  slot: "root",
-  shouldForwardProp: () => !0
-})({});
+    document_id: r,
+    counterpart_id: i,
+    counterpart_bank_account_id: o,
+    issued_at: u,
+    due_date: c,
+    currency: n,
+    tags: l,
+    discount: d
+  } = e;
+  return {
+    invoiceNumber: r ?? "",
+    counterpart: i ?? "",
+    counterpartBankAccount: o ?? "",
+    invoiceDate: u ? p(u) : void 0,
+    dueDate: c ? p(c) : void 0,
+    currency: n ?? "USD",
+    tags: l ?? [],
+    discount: d && n ? t(d, n) : null,
+    lineItems: (a || []).map((s) => ({
+      id: s.id ?? "",
+      name: s.name ?? "",
+      quantity: s.quantity ?? 1,
+      price: s.unit_price && n ? t(s.unit_price, n) ?? 0 : 0,
+      tax: s.tax ? I(s.tax) : 0,
+      ledger_account_id: s.ledger_account_id
+    }))
+  };
+}, T = ({
+  discount: t,
+  invoiceNumber: e,
+  counterpart: a,
+  counterpartBankAccount: r,
+  invoiceDate: i,
+  dueDate: o,
+  currency: u,
+  tags: c,
+  counterpartAddressId: n
+}, l) => ({
+  document_id: e,
+  discount: t && u ? l(t, u) ?? 0 : 0,
+  counterpart_id: a || void 0,
+  counterpart_bank_account_id: r || void 0,
+  issued_at: i instanceof Date ? m(i) : void 0,
+  due_date: o instanceof Date ? m(o) : void 0,
+  currency: u,
+  tag_ids: c.map((d) => d.id),
+  counterpart_address_id: n
+}), _ = (t, e) => {
+  const a = t * e;
+  return parseFloat(a.toFixed(2));
+}, f = (t, e) => {
+  const a = t + e * t / 100;
+  return parseFloat(a.toFixed(2));
+}, w = (t) => {
+  const {
+    price: e,
+    quantity: a,
+    tax: r
+  } = t;
+  if (!e || !a) return 0;
+  const i = _(e, a);
+  return f(i, r || 0);
+}, z = (t, e) => {
+  const {
+    subtotal: a,
+    taxes: r,
+    total: i
+  } = t.reduce((o, u) => {
+    const c = _(u.price, u.quantity), n = f(c, u.tax || 0);
+    return {
+      subtotal: o.subtotal + c,
+      taxes: o.taxes + (n - c),
+      total: o.total + n
+    };
+  }, {
+    subtotal: 0,
+    taxes: 0,
+    total: 0
+  });
+  return {
+    subtotal: a,
+    taxes: r,
+    total: i - (e ?? 0)
+  };
+}, C = (t, e, a, r) => {
+  const {
+    name: i,
+    quantity: o,
+    price: u,
+    tax: c,
+    ledger_account_id: n
+  } = e, l = r?.allowLedgerUpdate ? q(n, r?.previous) : n, d = {
+    name: i,
+    quantity: o,
+    tax: F(c),
+    unit_price: a(u, t) ?? 0
+  };
+  return l !== void 0 && (d.ledger_account_id = l), d;
+};
+function F(t) {
+  return g(t);
+}
+function I(t) {
+  return b(t);
+}
+const L = (t, e, a) => {
+  const r = {
+    invoiceNumber: !0,
+    dueDate: !0,
+    tags: !0,
+    currency: !0
+  };
+  if (a)
+    return !1;
+  const i = r[t] ?? !1, o = e?.[t] ?? !1;
+  return i || o;
+}, O = (t, e) => t.find((a) => a.currency === e && a.is_default_for_currency)?.id || "";
 export {
-  c as ApprovalRequestStatusChip
+  w as calculateTotalPriceForLineItem,
+  z as calculateTotalsForPayable,
+  B as counterpartsToSelect,
+  m as dateToString,
+  O as findDefaultBankAccount,
+  L as isFieldRequired,
+  M as prepareDefaultValues,
+  C as prepareLineItemSubmit,
+  T as prepareSubmit
 };