@tesouro/embedded-components-react 0.2.198 → 0.2.200

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

@@ -1,271 +1,27 @@
-import { jsxs as c, jsx as e, Fragment as p } from "@emotion/react/jsx-runtime";
-import { useLingui as z } from "@lingui/react";
-import { useFormContext as B, Controller as h } from "react-hook-form";
-import { Field as _, FieldContent as f, FieldError as Q } from "./index159.js";
-import { Select as k, SelectTrigger as S, SelectValue as C, SelectContent as M, SelectItem as l, SelectSeparator as Z } from "./index262.js";
-import { Typography as m } from "./index85.js";
-import { DatePicker as q } from "./index472.js";
-import { Input as A } from "./index122.js";
-import { cn as G } from "./index100.js";
-import { RECEIPT_DUE_PAYMENT_TERM as J, CUSTOM_DATE_PAYMENT_TERM as X } from "./index333.js";
-const $ = ["day", "week", "month"], O = (a) => {
-  (a.key === "." || a.key === ",") && a.preventDefault();
-}, ee = (a) => {
-  const t = ["th", "st", "nd", "rd"], s = a % 100;
-  return `${a}${t[(s - 20) % 10] ?? t[s] ?? t[0]}`;
-}, te = Array.from({
-  length: 31
-}, (a, t) => t + 1), P = ["recurrence_start_date", "recurrence_end_date", "recurrence_issue_mode", "recurrence_days_of_week", "recurrence_end_mode", "recurrence_max_occurrences"], R = {
-  su: 0,
-  mo: 1,
-  tu: 2,
-  we: 3,
-  th: 4,
-  fr: 5,
-  sa: 6
-}, V = () => {
-  const a = /* @__PURE__ */ new Date();
-  return a.setHours(0, 0, 0, 0), a;
-}, re = () => {
-  const a = V();
-  return a.setDate(a.getDate() + 1), a;
-}, ae = (a) => {
-  const t = V(), s = (R[a] - t.getDay() + 7) % 7 || 7, d = new Date(t);
-  return d.setDate(t.getDate() + s), d;
-}, he = ({
-  lockSchedule: a = !1
+import { jsxs as n, jsx as t } from "@emotion/react/jsx-runtime";
+import { useLingui as r } from "@lingui/react";
+import { twMerge as i } from "tailwind-merge";
+const o = ({
+  label: e,
+  value: l,
+  className: a
+}) => /* @__PURE__ */ n("li", { className: i("ttw:flex ttw:justify-between ttw:items-center", a), children: [
+  /* @__PURE__ */ t("span", { children: e }),
+  /* @__PURE__ */ t("span", { children: l?.toString() })
+] }), u = ({
+  subtotalPrice: e,
+  totalTaxes: l,
+  totalPrice: a
 }) => {
   const {
-    i18n: t
-  } = z(), {
-    control: s,
-    watch: d,
-    clearErrors: x,
-    setValue: u,
-    formState: {
-      errors: E
-    }
-  } = B(), i = d("frequency"), Y = d("payment_terms_id"), g = d("recurrence_issue_mode"), H = d("recurrence_end_mode"), D = d("recurrence_days_of_week"), I = d("recurrence_max_occurrences"), v = Number(I) === 1, F = d("recurrence_start_date"), y = F ? new Date(F) : void 0, T = d("recurrence_end_date"), b = T ? new Date(T) : void 0, j = (r) => {
-    if (r < re()) return !0;
-    if (i === "week")
-      return D ? r.getDay() !== R[D] : !1;
-    if (i !== "month" || !g) return !1;
-    const o = r.getDate(), n = new Date(r.getFullYear(), r.getMonth() + 1, 0).getDate();
-    if (g === "first_day") return o !== 1;
-    if (g === "last_day") return o !== n;
-    const w = Number(g);
-    return Number.isNaN(w) ? !1 : o !== Math.min(w, n);
-  }, K = (r) => {
-    if (j(r)) return !0;
-    if (!y) return !1;
-    const o = new Date(y);
-    return o.setHours(0, 0, 0, 0), r < o;
-  }, L = (r) => {
-    if (j(r)) return !0;
-    if (!b) return !1;
-    const o = new Date(b);
-    return o.setHours(0, 0, 0, 0), r > o;
-  }, U = () => {
-    switch (i) {
-      case "once":
-      case "day":
-      case "quarter":
-      case "year":
-      default:
-        return null;
-      case "month":
-        return /* @__PURE__ */ c(p, { children: [
-          /* @__PURE__ */ e(m, { variant: "body2", color: "muted", className: "ttw:text-nowrap", children: t._("on the") }),
-          /* @__PURE__ */ e(h, { name: "recurrence_issue_mode", control: s, render: ({
-            field: r,
-            fieldState: {
-              error: o
-            }
-          }) => /* @__PURE__ */ e(_, { className: "ttw:w-fit", children: /* @__PURE__ */ e(f, { className: "ttw:grow-0", children: /* @__PURE__ */ c(
-            k,
-            {
-              value: r.value,
-              disabled: a,
-              onValueChange: (n) => {
-                r.onChange(n), x("recurrence_issue_mode"), a || u("recurrence_start_date", void 0, {
-                  shouldDirty: !1
-                });
-              },
-              children: [
-                /* @__PURE__ */ e(S, { id: "recurrence_issue_mode", className: "ttw:min-w-21 ttw:w-fit", "aria-invalid": !!o, children: /* @__PURE__ */ e(C, {}) }),
-                /* @__PURE__ */ c(M, { children: [
-                  /* @__PURE__ */ e(l, { value: "first_day", children: t._("First day") }),
-                  /* @__PURE__ */ e(l, { value: "last_day", children: t._("Last day") }),
-                  /* @__PURE__ */ e(Z, {}),
-                  te.map((n) => /* @__PURE__ */ e(l, { value: String(n), children: ee(n) }, n))
-                ] })
-              ]
-            }
-          ) }) }) }),
-          /* @__PURE__ */ e(m, { variant: "body2", color: "muted", className: "ttw:text-nowrap", children: t._("day of every month") })
-        ] });
-      case "week":
-        return /* @__PURE__ */ c(p, { children: [
-          /* @__PURE__ */ e(m, { variant: "body2", color: "muted", children: t._("on") }),
-          /* @__PURE__ */ e(h, { name: "recurrence_days_of_week", control: s, render: ({
-            field: r,
-            fieldState: {
-              error: o
-            }
-          }) => {
-            const n = r.value, w = (N) => {
-              a || n === N || (r.onChange(N), u("recurrence_start_date", ae(N), {
-                shouldDirty: !0
-              }), x("recurrence_start_date"));
-            };
-            return /* @__PURE__ */ e(_, { className: "ttw:w-fit", children: /* @__PURE__ */ e(f, { className: "ttw:grow-0", children: /* @__PURE__ */ c("div", { "aria-invalid": !!o, "aria-disabled": a || void 0, className: G(
-              "ttw:flex ttw:border ttw:border-border ttw:rounded-md ttw:h-8 ttw:w-56 ttw:aria-invalid:border-destructive",
-              // Locked (a scheduled invoice issued): show inert and
-              // swallow clicks so the weekly day can't change.
-              a && "ttw:opacity-50 ttw:pointer-events-none"
-            ), children: [
-              /* @__PURE__ */ e("button", { type: "button", disabled: a, "aria-pressed": n === "mo", "data-active": n === "mo", onClick: () => w("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", disabled: a, "aria-pressed": n === "tu", "data-active": n === "tu", onClick: () => w("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", disabled: a, "aria-pressed": n === "we", "data-active": n === "we", onClick: () => w("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", disabled: a, "aria-pressed": n === "th", "data-active": n === "th", onClick: () => w("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", disabled: a, "aria-pressed": n === "fr", "data-active": n === "fr", onClick: () => w("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", disabled: a, "aria-pressed": n === "sa", "data-active": n === "sa", onClick: () => w("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", disabled: a, "aria-pressed": n === "su", "data-active": n === "su", onClick: () => w("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") })
-            ] }) }) });
-          } })
-        ] });
-    }
-  }, W = () => {
-    switch (i) {
-      case "once":
-      default:
-        return null;
-      case "day":
-        return /* @__PURE__ */ c(p, { children: [
-          /* @__PURE__ */ e(m, { variant: "body2", color: "muted", className: "ttw:text-nowrap", children: t._("and end") }),
-          /* @__PURE__ */ e(h, { name: "recurrence_end_mode", control: s, render: ({
-            field: r,
-            fieldState: {
-              error: o
-            }
-          }) => /* @__PURE__ */ e(_, { className: "ttw:w-fit", children: /* @__PURE__ */ e(f, { className: "ttw:grow-0", children: /* @__PURE__ */ c(k, { value: r.value, onValueChange: (n) => {
-            r.onChange(n), n === "after" ? u("recurrence_end_date", void 0, {
-              shouldDirty: !1
-            }) : u("recurrence_max_occurrences", void 0, {
-              shouldDirty: !1
-            });
-          }, children: [
-            /* @__PURE__ */ e(S, { id: "recurrence_end_mode", className: "ttw:w-21", "aria-invalid": !!o, children: /* @__PURE__ */ e(C, {}) }),
-            /* @__PURE__ */ c(M, { children: [
-              /* @__PURE__ */ e(l, { value: "after", children: t._("After") }),
-              /* @__PURE__ */ e(l, { value: "on", children: t._("On") })
-            ] })
-          ] }) }) }) }),
-          H === "on" ? /* @__PURE__ */ e(h, { control: s, name: "recurrence_end_date", render: ({
-            field: r,
-            fieldState: {
-              error: o
-            }
-          }) => /* @__PURE__ */ e(_, { className: "ttw:grow-0 ttw:w-44", children: /* @__PURE__ */ e(f, { children: /* @__PURE__ */ e(q, { ...r, selected: r.value ? new Date(r.value) : void 0, onSelect: r.onChange, showOutsideDays: !1, disabled: K, "aria-invalid": !!o, startMonth: y ? new Date(y.getFullYear(), y.getMonth(), 1) : /* @__PURE__ */ new Date(), endMonth: new Date(2050, 11) }) }) }) }) : /* @__PURE__ */ c(p, { children: [
-            /* @__PURE__ */ e(h, { name: "recurrence_max_occurrences", control: s, render: ({
-              field: r,
-              fieldState: {
-                error: o
-              }
-            }) => /* @__PURE__ */ e(_, { className: "ttw:w-fit", children: /* @__PURE__ */ e(f, { className: "ttw:grow-0", children: /* @__PURE__ */ e(A, { ...r, className: "ttw:w-16", value: r.value ?? "", type: "number", min: 0, max: 1e3, onKeyDown: O, "aria-invalid": !!o }) }) }) }),
-            /* @__PURE__ */ e(m, { 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(m, { variant: "body2", color: "muted", className: "ttw:text-nowrap", children: t._("and end after") }),
-          /* @__PURE__ */ e(h, { name: "recurrence_max_occurrences", control: s, render: ({
-            field: r,
-            fieldState: {
-              error: o
-            }
-          }) => /* @__PURE__ */ e(_, { className: "ttw:w-fit", children: /* @__PURE__ */ e(f, { className: "ttw:grow-0", children: /* @__PURE__ */ e(A, { ...r, className: "ttw:w-16", value: r.value ?? "", type: "number", min: 0, max: 1e3, onKeyDown: O, "aria-invalid": !!o }) }) }) }),
-          /* @__PURE__ */ c(m, { 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(m, { variant: "body2", color: "muted", className: "ttw:text-nowrap", children: t._("Repeat this invoice") }),
-      /* @__PURE__ */ e(h, { name: "frequency", control: s, render: ({
-        field: r
-      }) => /* @__PURE__ */ e(_, { className: "ttw:w-fit", children: /* @__PURE__ */ e(f, { className: "ttw:grow-0", children: /* @__PURE__ */ c(
-        k,
-        {
-          value: r.value,
-          disabled: a,
-          onValueChange: (o) => {
-            x(P), P.forEach((n) => {
-              u(n, void 0, {
-                shouldDirty: !1
-              });
-            }), $.includes(o) ? (u("payment_terms_id", J, {
-              shouldDirty: !0
-            }), u("payment_terms_custom_date", null, {
-              shouldDirty: !1
-            }), u("payment_reminder_id", "", {
-              shouldDirty: !0
-            })) : o !== "once" && Y === X && (u("payment_terms_id", "", {
-              shouldDirty: !0
-            }), u("payment_terms_custom_date", null, {
-              shouldDirty: !1
-            })), r.onChange(o);
-          },
-          children: [
-            /* @__PURE__ */ e(S, { id: "frequency", className: "ttw:w-31", children: /* @__PURE__ */ e(C, {}) }),
-            /* @__PURE__ */ c(M, { children: [
-              /* @__PURE__ */ e(l, { value: "once", children: t._("Once") }),
-              /* @__PURE__ */ e(l, { value: "day", children: t._("Daily") }),
-              /* @__PURE__ */ e(l, { value: "week", children: t._("Weekly") }),
-              /* @__PURE__ */ e(l, { value: "month", children: t._("Monthly") }),
-              /* @__PURE__ */ e(l, { value: "quarter", children: t._("Quarterly") }),
-              /* @__PURE__ */ e(l, { value: "year", children: t._("Annually") })
-            ] })
-          ]
-        }
-      ) }) }) }),
-      U()
-    ] }),
-    i !== "once" && /* @__PURE__ */ c("div", { className: "ttw:flex ttw:items-center ttw:gap-2.5", children: [
-      /* @__PURE__ */ e(m, { variant: "body2", color: "muted", className: "ttw:text-nowrap", children: t._("Start on") }),
-      /* @__PURE__ */ e(h, { control: s, name: "recurrence_start_date", render: ({
-        field: r,
-        fieldState: {
-          error: o
-        }
-      }) => /* @__PURE__ */ e(_, { className: "ttw:grow-0 ttw:w-44", children: /* @__PURE__ */ e(f, { children: /* @__PURE__ */ e(
-        q,
-        {
-          ...r,
-          selected: r.value ? new Date(r.value) : void 0,
-          onSelect: r.onChange,
-          showOutsideDays: !1,
-          shouldDisableButton: a || i === "week" && !D,
-          disabled: L,
-          "aria-invalid": !!o,
-          startMonth: /* @__PURE__ */ new Date(),
-          endMonth: b ? new Date(b.getFullYear(), b.getMonth(), 1) : new Date(2050, 11)
-        }
-      ) }) }) }),
-      W()
-    ] }),
-    E.recurrence_max_occurrences && /* @__PURE__ */ e(Q, { errors: [E.recurrence_max_occurrences] }),
-    ["month", "quarter", "year"].includes(i) && /* @__PURE__ */ e(m, { 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.") })
+    i18n: s
+  } = r();
+  return /* @__PURE__ */ n("ul", { className: "ttw:w-full ttw:flex ttw:flex-col ttw:gap-1.5 ttw:list-none", children: [
+    /* @__PURE__ */ t(o, { label: s._("Subtotal"), value: e, className: "ttw:text-sm ttw:font-normal" }),
+    /* @__PURE__ */ t(o, { label: s._("Tax"), value: l, className: "ttw:text-sm ttw:font-normal" }),
+    /* @__PURE__ */ t(o, { label: s._("Total"), value: a, className: "ttw:text-lg ttw:font-medium" })
   ] });
 };
 export {
-  he as RecurrenceSection
+  u as InvoiceTotals
 };

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

@@ -1,41 +1,144 @@
-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 "./index366.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 "./index473.js";
-import { ReminderOverdue as E } from "./index474.js";
-import { RECEIPT_DUE_PAYMENT_TERM as N } from "./index333.js";
-const I = ({
-  disabled: a
+import { jsxs as P, jsx as a } from "@emotion/react/jsx-runtime";
+import { useState as x, useCallback as p, useMemo as w, useEffect as J } from "react";
+import { useMoniteContext as R } from "./index57.js";
+import { useCurrencies as X } from "./index58.js";
+import "./index92.js";
+import { useLingui as Y } from "@lingui/react";
+import "react-dom";
+import "@mui/x-data-grid";
+import { useUserPermissions as Z } from "./index135.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 ee } from "../../shared/data-access/dist/lib/scopes.js";
+import { Combobox as te, ComboboxInput as ne, ComboboxContent as ae, ComboboxList as ie, ComboboxEmpty as oe, ComboboxItem as re } from "./index90.js";
+import { InputGroupAddon as se } from "./index101.js";
+import { Loader2 as F } from "lucide-react";
+const le = "custom", Ie = ({
+  fieldName: i,
+  error: M,
+  disabled: T,
+  index: V = 0,
+  defaultCurrency: j,
+  measureUnits: C,
+  container: D,
+  autoFocus: E = !1,
+  onChange: l
 }) => {
   const {
-    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 !== N, [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(E, { 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") })
-    ] })
+    i18n: f
+  } = Y(), I = j, [g, m] = x(""), [b, k] = x(!1), [O, y] = x(null), [_, u] = x(!1), {
+    api: q
+  } = R(), {
+    formatCurrencyToDisplay: z
+  } = X(), c = Z().has(ee.InvoiceWriteOrg), {
+    data: v,
+    isLoading: A,
+    fetchNextPage: $,
+    hasNextPage: S,
+    isFetchingNextPage: N
+  } = q.finops.getProducts.useInfiniteQuery({
+    query: {
+      limit: 20,
+      currency: I
+    }
+  }, {
+    initialPageParam: {
+      query: {
+        pagination_token: void 0
+      }
+    },
+    getNextPageParam: (e) => {
+      if (e.next_pagination_token)
+        return {
+          query: {
+            pagination_token: e.next_pagination_token
+          }
+        };
+    },
+    enabled: !!I
+  }), B = p((e) => {
+    const {
+      scrollTop: t,
+      scrollHeight: r,
+      clientHeight: L
+    } = e.currentTarget;
+    r - t - L < 100 && S && !N && $();
+  }, [$, S, N]), o = w(() => v ? v.pages.flatMap((e) => e.data).sort((e, t) => (e.name ?? "").localeCompare(t.name ?? "")) : [], [v]), d = w(() => !o || o.length === 0 ? [] : o.map((e) => {
+    const t = C ? C.data.find((r) => r.id === e.measure_unit_id) : void 0;
+    return {
+      id: e.id,
+      label: e.name,
+      description: e.description,
+      price: e.price,
+      smallestAmount: e.smallest_amount,
+      measureUnit: t
+    };
+  }), [o, C]);
+  J(() => {
+    !b && i && i.length > 0 && !g.length && (o?.find((e) => e?.name === i) || m(i));
+  }, [i, b, o, g]);
+  let n = o?.find((e) => e?.id === O);
+  if (!b && i && i.length > 0 && !g.length && !n) {
+    const e = o?.find((t) => t?.name === i);
+    e && (n = e);
+  }
+  const H = n ? n.id : null, h = n ? n.name : g, s = w(() => {
+    const e = h.toLowerCase().trim();
+    return !e || n && n.name.toLowerCase() === e ? d : d.filter((t) => t.label.toLowerCase().includes(e));
+  }, [h, d, n]), W = w(() => s.map((e) => e.id), [s]), G = p(() => {
+    k(!0), u(!0);
+  }, []), K = p(() => {
+    k(!1);
+  }, []), U = p((e) => {
+    if (!e) {
+      y(null), m(""), l({
+        id: "",
+        label: ""
+      }, !1);
+      return;
+    }
+    const t = d.find((r) => r.id === e);
+    t && (y(t.id), m(""), l(t, !0));
+  }, [d, l]), Q = p((e, t) => {
+    if (t.reason !== "input-change") {
+      c || m("");
+      return;
+    }
+    m(e), y(null), c && l(e.trim() ? {
+      id: le,
+      label: e
+    } : {
+      id: "",
+      label: ""
+    }, !1);
+  }, [c, l]);
+  return /* @__PURE__ */ P(te, { value: H, onValueChange: U, inputValue: h, onInputValueChange: Q, items: W, filter: () => !0, disabled: T, open: _, onOpenChange: u, children: [
+    /* @__PURE__ */ a(ne, { id: `item-selector-${V}`, placeholder: c ? f._("e.g., Office supplies") : f._("Search for an item"), "aria-invalid": M || void 0, maxLength: 100, autoFocus: E, onFocus: G, onBlur: K, onClick: () => {
+      _ || u(!0);
+    }, onKeyDown: (e) => {
+      if (e.key === "Enter")
+        e.preventDefault(), u(!1);
+      else if (e.key === "Tab" && _) {
+        const t = h.toLowerCase().trim();
+        if (!t) return;
+        const r = s.find((L) => L.label.toLowerCase() === t) ?? (s.length === 1 ? s[0] : void 0);
+        r && (U(r.id), u(!1));
+      }
+    }, className: "ttw:w-full", children: A && /* @__PURE__ */ a(se, { align: "inline-start", children: /* @__PURE__ */ a(F, { className: "ttw:size-4 ttw:animate-spin ttw:text-muted-foreground" }) }) }),
+    /* @__PURE__ */ a(ae, { container: D, className: "ttw:min-w-138", children: /* @__PURE__ */ P(ie, { onScroll: B, children: [
+      /* @__PURE__ */ a(oe, { children: c ? f._("No saved items found - type to add an item") : f._("No saved items found") }),
+      s.map((e) => /* @__PURE__ */ P(re, { value: e.id, children: [
+        /* @__PURE__ */ a("span", { className: "ttw:flex-1 ttw:min-w-0 ttw:truncate", children: e.label }),
+        /* @__PURE__ */ a("span", { className: "ttw:shrink-0 ttw:text-right ttw:text-xs ttw:text-muted-foreground", children: [e.price && z(e.price.value, e.price.currency), e.measureUnit?.name].filter(Boolean).join(" ") })
+      ] }, e.id)),
+      N && /* @__PURE__ */ a("div", { className: "ttw:flex ttw:justify-center ttw:py-1", children: /* @__PURE__ */ a(F, { className: "ttw:size-4 ttw:animate-spin ttw:text-muted-foreground" }) })
+    ] }) })
   ] });
 };
 export {
-  I as RemindersSection
+  le as CUSTOM_ID,
+  Ie as ItemSelector
 };

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

@@ -1,67 +1,98 @@
-import { jsx as a, jsxs as g } from "@emotion/react/jsx-runtime";
-import { useMemo as o, useCallback as x } from "react";
-import { getLineItemErrorMessage as b } from "./index383.js";
-import { useLingui as E } from "@lingui/react";
-import { Collapse as _, Alert as j, List as v, ListItem as L, ListItemText as A } from "@mui/material";
-const q = ({
-  generalError: e,
-  fieldErrors: n
+import { jsxs as n, jsx as e } from "@emotion/react/jsx-runtime";
+import { useForm as y, Controller as i } from "react-hook-form";
+import { prepareBankAccountCreatePayload as k } from "./index457.js";
+import "date-fns";
+import { getCreateBankAccountSchema as x } from "./index191.js";
+import { safeZodResolver as C } from "./index258.js";
+import { useLingui as S } from "@lingui/react";
+import { Field as d, FieldContent as c, FieldLabel as m, FieldError as u } from "./index175.js";
+import { Input as s } from "./index119.js";
+import { Typography as h } from "./index85.js";
+import { useCreateEntityBankAccount as F } from "./index393.js";
+import { Button as p } from "./index84.js";
+const I = ({
+  bankAccountsLength: b,
+  onCreate: _,
+  onCancel: f
 }) => {
-  const t = o(() => {
-    for (const r of Object.values(n))
-      if (r) return !0;
-    return !1;
-  }, [n]);
-  return e || t ? /* @__PURE__ */ a(_, { in: !0, sx: {
-    ":not(.MuiCollapse-hidden)": {
-      marginBottom: 1
-    }
-  }, children: /* @__PURE__ */ g(j, { severity: "error", sx: {
-    "& .MuiAlert-icon": {
-      alignItems: "center"
-    }
-  }, children: [
-    e && /* @__PURE__ */ a("div", { children: e }),
-    t && /* @__PURE__ */ a(v, { dense: !0, disablePadding: !0, sx: {
-      mt: e ? 1 : 0
-    }, children: Object.entries(n).map(([r, s]) => s ? /* @__PURE__ */ a(L, { disablePadding: !0, children: /* @__PURE__ */ a(A, { primary: s, primaryTypographyProps: {
-      sx: {
-        color: "inherit"
-      }
-    } }) }, r) : null) })
-  ] }) }) : null;
-}, C = (e) => {
   const {
-    i18n: n
-  } = E(), t = o(() => Array.isArray(e) ? e : e ? [e] : [], [e]), r = x((i) => {
-    for (let u = 0; u < t.length; u++) {
-      const f = t[u];
-      if (typeof f == "object") {
-        const h = b(f, i);
-        if (h)
-          return h;
-      }
+    i18n: a
+  } = S(), {
+    mutate: v,
+    isPending: o
+  } = F(_), {
+    control: l,
+    handleSubmit: g
+  } = y({
+    mode: "onSubmit",
+    reValidateMode: "onSubmit",
+    resolver: C(x(a)),
+    defaultValues: {
+      display_name: "",
+      account_holder_name: "",
+      account_number: "",
+      routing_number: ""
     }
-    return null;
-  }, [t]), s = o(() => r("product.name") ?? r("name"), [r]), l = o(() => r("quantity"), [r]), m = o(() => r("price") ?? r("product.price.value") ?? r("product.price.currency"), [r]), c = o(() => r("tax_rate_value"), [r]), p = o(() => r("product.measure_unit_id") ?? r("product.measure_unit_name") ?? r("measure_unit"), [r]), d = o(() => r("product.type"), [r]), y = o(() => t.length === 0 || (s || l || m || c || p || d) ? void 0 : t.some((i) => {
-    if (!i || typeof i != "object") return !1;
-    const u = Object.keys(i);
-    return u.length > 0 && u.some((f) => i[f] != null);
-  }) ? n._("Please check the form for errors") : void 0, [t, s, l, m, c, p, d, n]);
-  return {
-    generalError: y,
-    fieldErrors: {
-      name: s,
-      quantity: l,
-      price: m,
-      tax: c,
-      measureUnit: p,
-      productType: d
-    },
-    hasErrors: !!(y || s || l || m || c || p || d)
+  }), w = (t) => {
+    v({
+      body: k(t)
+    });
   };
+  return /* @__PURE__ */ n("div", { className: "ttw:flex ttw:flex-col ttw:p-3 ttw:gap-4 ttw:border ttw:border-border ttw:rounded-xl", children: [
+    /* @__PURE__ */ e("div", { className: "ttw:flex ttw:flex-col ttw:gap-1", children: /* @__PURE__ */ e(h, { variant: "body2", children: a._("Add a bank account") }) }),
+    /* @__PURE__ */ n("div", { className: "ttw:flex ttw:gap-4", children: [
+      /* @__PURE__ */ e(i, { name: "routing_number", control: l, render: ({
+        field: t,
+        fieldState: {
+          error: r
+        }
+      }) => /* @__PURE__ */ e(d, { children: /* @__PURE__ */ n(c, { children: [
+        /* @__PURE__ */ e(m, { htmlFor: "routing_number", children: a._("Routing number") }),
+        /* @__PURE__ */ e(s, { ...t, id: "routing_number", placeholder: a._("e.g. 123456789"), value: t.value ?? "", disabled: o, "aria-invalid": !!r }),
+        /* @__PURE__ */ e(u, { errors: r ? [r] : [] })
+      ] }) }) }),
+      /* @__PURE__ */ e(i, { name: "account_number", control: l, render: ({
+        field: t,
+        fieldState: {
+          error: r
+        }
+      }) => /* @__PURE__ */ e(d, { children: /* @__PURE__ */ n(c, { children: [
+        /* @__PURE__ */ e(m, { htmlFor: "account_number", children: a._("Account number") }),
+        /* @__PURE__ */ e(s, { ...t, id: "account_number", placeholder: a._("e.g. 123456789"), value: t.value ?? "", disabled: o, "aria-invalid": !!r }),
+        /* @__PURE__ */ e(u, { errors: r ? [r] : [] })
+      ] }) }) })
+    ] }),
+    /* @__PURE__ */ n("div", { className: "ttw:flex ttw:gap-4", children: [
+      /* @__PURE__ */ e(i, { name: "account_holder_name", control: l, render: ({
+        field: t,
+        fieldState: {
+          error: r
+        }
+      }) => /* @__PURE__ */ e(d, { children: /* @__PURE__ */ n(c, { children: [
+        /* @__PURE__ */ e(m, { htmlFor: "account_holder_name", children: a._("Account holder name") }),
+        /* @__PURE__ */ e(s, { ...t, id: "account_holder_name", placeholder: a._("e.g. James Smith"), value: t.value ?? "", disabled: o, "aria-invalid": !!r }),
+        /* @__PURE__ */ e(u, { errors: r ? [r] : [] })
+      ] }) }) }),
+      /* @__PURE__ */ e(i, { name: "display_name", control: l, render: ({
+        field: t,
+        fieldState: {
+          error: r
+        }
+      }) => /* @__PURE__ */ e(d, { children: /* @__PURE__ */ n(c, { children: [
+        /* @__PURE__ */ n(m, { htmlFor: "display_name", className: "ttw:gap-1", children: [
+          a._("Account nickname"),
+          /* @__PURE__ */ e(h, { variant: "body2", color: "muted", className: "ttw:leading-snug", children: a._("(optional)") })
+        ] }),
+        /* @__PURE__ */ e(s, { ...t, id: "display_name", placeholder: a._("e.g. Empire Bank Checking"), value: t.value ?? "", disabled: o, "aria-invalid": !!r }),
+        /* @__PURE__ */ e(u, { errors: r ? [r] : [] })
+      ] }) }) })
+    ] }),
+    /* @__PURE__ */ n("div", { className: "ttw:flex ttw:gap-4", children: [
+      b !== 0 && /* @__PURE__ */ e(p, { type: "button", variant: "outline", className: "ttw:border-border", disabled: o, onClick: f, children: a._("Cancel") }),
+      /* @__PURE__ */ e(p, { type: "button", disabled: o, onClick: g(w), children: a._("Save account") })
+    ] })
+  ] });
 };
 export {
-  q as FormErrorDisplay,
-  C as useFormErrors
+  I as BankAccountSectionForm
 };