@tesouro/embedded-components-react 0.2.189 → 0.2.190

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

@@ -1,24 +1,13 @@
-import { toast as o } from "react-hot-toast";
-import { useMoniteContext as s } from "./index57.js";
-import { useLingui as r } from "@lingui/react";
-const p = (t) => {
-  const {
-    i18n: n
-  } = r(), {
-    api: a,
-    queryClient: i
-  } = s();
-  return a.finops.postBankDetails.useMutation(void 0, {
-    onSuccess: async (e) => {
-      await a.finops.getBankDetails.invalidateQueries(i), t && t(e?.id), o.success(n._('Bank Account "{name}" has been created.', {
-        name: e.display_name
-      }));
-    },
-    onError: (e) => {
-      o.error(e?.detail?.[0]?.msg || n._("Failed to create Bank Account."));
-    }
-  });
-};
+const e = {
+  singleUser: (s) => s._("Single user"),
+  anyUserFromList: (s) => s._("Any user from the list"),
+  anyUsersFromList: (s, r) => s._("Any {count} users from the list", {
+    count: r.toString()
+  }),
+  anyUserWithRole: (s) => s._("Any user with role"),
+  allUsersFromList: (s) => s._("All users from list, one by one")
+}, t = (s, r = 0) => r === 1 ? e.anyUserFromList(s) : e.anyUsersFromList(s, r);
 export {
-  p as useCreateEntityBankAccount
+  e as getSharedApprovalRuleLabel,
+  t as getUsersFromListLabel
 };

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

@@ -3,14 +3,14 @@ import { useState as c, useCallback as r } from "react";
 import { ProductsTable as g } from "./index43.js";
 import { ProductDetails as v } from "./index45.js";
 import { MoniteScopedProviders as x } from "./index83.js";
-import { useUserPermissions as h } from "./index146.js";
+import { useUserPermissions as h } from "./index149.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 R } from "../../shared/data-access/dist/lib/scopes.js";
-import { AccessRestriction as S } from "./index157.js";
+import { AccessRestriction as S } from "./index150.js";
 import "./index84.js";
 import "clsx";
 import "tailwind-merge";

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

@@ -1,14 +1,87 @@
-import { useMoniteContext as s } from "./index57.js";
-const r = (e, t = !0) => {
+import { jsx as t, jsxs as u } from "@emotion/react/jsx-runtime";
+import { useState as S, useMemo as p } from "react";
+import { useFormContext as $, Controller as E } from "react-hook-form";
+import { getCounterpartEmail as V, getCounterpartName as I } from "./index7.js";
+import { useRootElements as j } from "./index92.js";
+import "./index57.js";
+import { useCounterpartList as k } from "./index71.js";
+import "react-hot-toast";
+import { useLingui as z } from "@lingui/react";
+import { Combobox as D, ComboboxInput as A, ComboboxContent as q, ComboboxList as B, ComboboxEmpty as G, ComboboxItem as K } from "./index90.js";
+import { Field as M, FieldContent as O, FieldLabel as P, FieldDescription as R, FieldError as T } from "./index173.js";
+import { InputGroupAddon as H } from "./index101.js";
+import { Loader2 as J, Search as Q } from "lucide-react";
+const me = ({
+  disabled: _,
+  canCreateCounterpart: i = !0
+}) => {
   const {
-    api: n
-  } = s();
-  return n.finops.getBankDetails.useQuery({
-    query: e
-  }, {
-    enabled: t
-  });
+    i18n: o
+  } = z(), {
+    root: g
+  } = j(), {
+    control: x,
+    setValue: s,
+    watch: v,
+    clearErrors: f
+  } = $(), {
+    data: d,
+    isLoading: L
+  } = k({
+    query: {
+      is_customer: !0
+    }
+  }), [h, C] = S(!1), m = v("counterpart_name") ?? "", c = p(() => d ? d.data.map((e) => ({
+    id: e.id,
+    name: I(e),
+    email: V(e)
+  })) : [], [d]), a = p(() => {
+    const e = m.toLowerCase().trim();
+    return e ? c.filter((n) => n.name.toLowerCase().includes(e) || n.email.toLowerCase().includes(e)) : c;
+  }, [c, m]), y = p(() => a.map((e) => e.id), [a]);
+  return /* @__PURE__ */ t(E, { name: "counterpart_id", control: x, render: ({
+    field: e,
+    fieldState: {
+      error: n
+    }
+  }) => {
+    const w = (r) => {
+      s("counterpart_name", ""), s("counterpart_email", ""), f(["counterpart_id", "counterpart_email"]), e.onChange(r ?? "");
+    }, N = (r, l) => {
+      if (l.reason !== "input-change") {
+        i || s("counterpart_name", "");
+        return;
+      }
+      s("counterpart_name", r), e.value && e.onChange(""), i && r.trim() && f("counterpart_id");
+    };
+    return /* @__PURE__ */ t(M, { children: /* @__PURE__ */ u(O, { children: [
+      /* @__PURE__ */ t(P, { htmlFor: "counterpart_id", children: o._("Name") }),
+      /* @__PURE__ */ u(D, { value: e.value || null, onValueChange: w, inputValue: m, onInputValueChange: N, items: y, filter: () => !0, disabled: _, open: h, onOpenChange: C, children: [
+        /* @__PURE__ */ t(A, { id: "counterpart_id", placeholder: i ? o._("Search or type to add a customer") : o._("Search for a customer"), "aria-invalid": !!n, onKeyDown: (r) => {
+          if (r.key === "Enter") {
+            r.preventDefault();
+            return;
+          }
+          if (r.key === "Tab" && h) {
+            const l = m.toLowerCase().trim();
+            if (!l) return;
+            const b = a.find((F) => F.name.toLowerCase() === l) ?? (a.length === 1 ? a[0] : void 0);
+            b && (w(b.id), C(!1));
+          }
+        }, children: /* @__PURE__ */ t(H, { align: "inline-start", children: L ? /* @__PURE__ */ t(J, { className: "ttw:size-4 ttw:animate-spin ttw:text-muted-foreground" }) : /* @__PURE__ */ t(Q, { className: "ttw:size-4 ttw:text-muted-foreground" }) }) }),
+        /* @__PURE__ */ t(q, { container: g, children: /* @__PURE__ */ u(B, { children: [
+          /* @__PURE__ */ t(G, { children: i ? o._("No customers found - type to add a customer") : o._("No customers found") }),
+          a.map((r) => /* @__PURE__ */ t(K, { value: r.id, children: /* @__PURE__ */ u("div", { className: "ttw:flex ttw:w-full ttw:items-center ttw:justify-between ttw:gap-2", children: [
+            /* @__PURE__ */ t("span", { children: r.name }),
+            /* @__PURE__ */ t("span", { className: "ttw:text-muted-foreground", children: r.email })
+          ] }) }, r.id))
+        ] }) })
+      ] }),
+      /* @__PURE__ */ t(R, { children: i ? o._("Search by customer name or email. New customers will be saved when saving the invoice.") : o._("Search by customer name or email.") }),
+      /* @__PURE__ */ t(T, { errors: n ? [n] : [] })
+    ] }) });
+  } });
 };
 export {
-  r as useGetEntityBankAccounts
+  me as CounterpartSelector
 };

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

@@ -1,52 +1,19 @@
-import { useEffect as m, useMemo as f } from "react";
-import { useMoniteContext as k } from "./index57.js";
-const p = 100, h = (s, g = !0) => {
-  const {
-    api: u
-  } = k(), e = u.embeddedBanking.getBankAccounts.useInfiniteQuery({
-    query: {
-      ...s,
-      limit: p
-    }
-  }, {
-    initialPageParam: {
-      query: {
-        pagination_token: void 0
-      }
-    },
-    getNextPageParam: (a, P, x, d) => {
-      const t = a.nextPaginationToken ?? void 0;
-      if (!(!t || d.some((c) => c?.query?.pagination_token === t)))
-        return {
-          query: {
-            pagination_token: t
-          }
-        };
-    },
-    enabled: g
-  }), {
-    hasNextPage: n,
-    isFetchingNextPage: i,
-    isError: o,
-    fetchNextPage: r
-  } = e;
-  return m(() => {
-    n && !i && !o && r();
-  }, [n, i, o, r]), {
-    data: f(() => {
-      if (e.data)
-        return {
-          data: e.data.pages.flatMap((a) => a.data ?? []),
-          nextPaginationToken: null,
-          prevPaginationToken: null
-        };
-    }, [e.data]),
-    isLoading: e.isLoading,
-    isFetching: e.isFetching,
-    isError: e.isError,
-    error: e.error
-  };
-};
+import { jsx as e } from "@emotion/react/jsx-runtime";
+import { cn as l } from "./index100.js";
+import * as r from "@radix-ui/react-avatar";
+function n({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e(r.Root, { "data-slot": "avatar", className: l("ttw:relative ttw:flex ttw:size-8 ttw:shrink-0 ttw:overflow-hidden ttw:rounded-full", t), ...a });
+}
+function f({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e(r.Fallback, { "data-slot": "avatar-fallback", className: l("ttw:bg-muted ttw:flex ttw:size-full ttw:items-center ttw:justify-center ttw:rounded-full", t), ...a });
+}
 export {
-  h as useGetEmbeddedBankAccounts
+  n as Avatar,
+  f as AvatarFallback
 };

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

@@ -1,52 +1,88 @@
-import { useEffect as m, useMemo as p } from "react";
-import { useMoniteContext as k } from "./index57.js";
-const l = 100, h = (s, g = !0) => {
+import { jsx as e, Fragment as v, jsxs as n } from "@emotion/react/jsx-runtime";
+import { useState as k, useMemo as b } from "react";
+import { useFormContext as Y, Controller as j } from "react-hook-form";
+import { format as x } from "date-fns";
+import { Calendar as A } from "lucide-react";
+import { calculateDueDate as N } from "./index7.js";
+import { useLingui as L } from "@lingui/react";
+import { dedupePaymentTermsByContent as $ } from "./index469.js";
+import { RECEIPT_DUE_PAYMENT_TERM as u, CUSTOM_DATE_PAYMENT_TERM as l } from "./index342.js";
+import { cn as D } from "./index100.js";
+import { Skeleton as O } from "./index140.js";
+import { Select as R, SelectTrigger as U, SelectValue as V, SelectContent as z, SelectItem as h, SelectSeparator as I } from "./index269.js";
+import { Popover as q, PopoverAnchor as B, PopoverContent as K } from "./index382.js";
+import { Calendar as G } from "./index470.js";
+import { Field as H, FieldContent as J, FieldLabel as Q, FieldDescription as W, FieldError as X } from "./index173.js";
+const S = "MMM d, yyyy", ue = ({
+  disabled: T,
+  paymentTerms: f,
+  isLoading: E
+}) => {
   const {
-    api: u
-  } = k(), e = u.embeddedBanking.getExternalBankAccounts.useInfiniteQuery({
-    query: {
-      ...s,
-      limit: l
+    i18n: a
+  } = L(), {
+    control: M,
+    watch: w,
+    setValue: _
+  } = Y(), [F, m] = k(!1), i = w("payment_terms_id"), y = w("frequency") !== "once", o = w("payment_terms_custom_date") ?? void 0, p = (r) => _("payment_terms_custom_date", r ?? null), {
+    dedupedTerms: g
+  } = b(() => $(f?.data ?? []), [f]), d = g.find((r) => r?.id === i), P = d && N(d), c = () => {
+    window.setTimeout(() => m(!0), 0);
+  }, C = (r, s) => /* @__PURE__ */ n("span", { className: "ttw:flex ttw:w-full ttw:min-w-0 ttw:items-center ttw:justify-between ttw:gap-2", children: [
+    /* @__PURE__ */ e("span", { className: "ttw:truncate", children: r }),
+    s && /* @__PURE__ */ e("span", { className: "ttw:text-muted-foreground ttw:shrink-0 ttw:text-xs", children: x(s, S) })
+  ] });
+  return /* @__PURE__ */ e(v, { children: E ? /* @__PURE__ */ e(O, { className: "ttw:w-full ttw:h-9" }) : /* @__PURE__ */ e(v, { children: /* @__PURE__ */ e(j, { name: "payment_terms_id", control: M, render: ({
+    field: r,
+    fieldState: {
+      error: s
     }
-  }, {
-    initialPageParam: {
-      query: {
-        pagination_token: void 0
-      }
-    },
-    getNextPageParam: (a, x, P, d) => {
-      const t = a.nextPaginationToken ?? void 0;
-      if (!(!t || d.some((c) => c?.query?.pagination_token === t)))
-        return {
-          query: {
-            pagination_token: t
-          }
-        };
-    },
-    enabled: g
-  }), {
-    hasNextPage: n,
-    isFetchingNextPage: i,
-    isError: r,
-    fetchNextPage: o
-  } = e;
-  return m(() => {
-    n && !i && !r && o();
-  }, [n, i, r, o]), {
-    data: p(() => {
-      if (e.data)
-        return {
-          data: e.data.pages.flatMap((a) => a.data ?? []),
-          nextPaginationToken: null,
-          prevPaginationToken: null
-        };
-    }, [e.data]),
-    isLoading: e.isLoading,
-    isFetching: e.isFetching,
-    isError: e.isError,
-    error: e.error
-  };
+  }) => /* @__PURE__ */ e(H, { children: /* @__PURE__ */ n(J, { children: [
+    /* @__PURE__ */ e(Q, { htmlFor: "payment_terms_id", children: a._("Payment terms") }),
+    /* @__PURE__ */ n(q, { open: F, onOpenChange: (t) => {
+      m(t), !t && i === l && !o && r.onChange(void 0);
+    }, children: [
+      /* @__PURE__ */ n(R, { ...r, disabled: T, value: r.value, onValueChange: (t) => {
+        if (t === l) {
+          i !== l && p(void 0), r.onChange(t), c();
+          return;
+        }
+        r.onChange(t), t === u && _("payment_reminder_id", "", {
+          shouldDirty: !0
+        }), p(void 0), m(!1);
+      }, children: [
+        /* @__PURE__ */ e(B, { className: "ttw:w-full", children: /* @__PURE__ */ e(U, { id: "payment_terms_id", className: "ttw:w-full", "aria-invalid": !!s, children: /* @__PURE__ */ n(V, { placeholder: a._("Select payment terms"), children: [
+          i === u && /* @__PURE__ */ e("span", { className: "ttw:truncate", children: a._("Due on receipt") }),
+          i === l && /* @__PURE__ */ n("span", { className: "ttw:flex ttw:w-full ttw:min-w-0 ttw:items-center ttw:justify-between ttw:gap-2", children: [
+            /* @__PURE__ */ n("span", { className: "ttw:flex ttw:min-w-0 ttw:items-center ttw:gap-1.5", children: [
+              /* @__PURE__ */ e(A, { className: D("ttw:size-4 ttw:shrink-0", !o && "ttw:text-muted-foreground") }),
+              /* @__PURE__ */ e("span", { className: D("ttw:truncate", !o && "ttw:text-muted-foreground"), children: o ? x(o, S) : a._("Mon DD, YYYY") })
+            ] }),
+            /* @__PURE__ */ e("span", { className: "ttw:text-muted-foreground ttw:shrink-0 ttw:text-xs", children: a._("Custom date") })
+          ] }),
+          d && C(d.name, P)
+        ] }) }) }),
+        /* @__PURE__ */ n(z, { children: [
+          /* @__PURE__ */ e(h, { value: u, children: a._("Due on receipt") }),
+          !y && /* @__PURE__ */ e(h, { value: l, onPointerUp: c, onClick: c, onKeyDown: (t) => {
+            (t.key === "Enter" || t.key === " ") && c();
+          }, children: a._("Custom date") }),
+          /* @__PURE__ */ e(I, {}),
+          g.map((t) => /* @__PURE__ */ e(h, { value: t.id, children: C(t.name, N(t)) }, t.id))
+        ] })
+      ] }),
+      /* @__PURE__ */ e(K, { className: "ttw:w-auto ttw:overflow-hidden ttw:p-0", align: "start", onFocusOutside: (t) => {
+        t.preventDefault();
+      }, children: /* @__PURE__ */ e(G, { mode: "single", captionLayout: "dropdown", selected: o, disabled: {
+        before: /* @__PURE__ */ new Date()
+      }, onSelect: (t) => {
+        p(t), m(!1);
+      } }) })
+    ] }),
+    y && /* @__PURE__ */ e(W, { children: a._("Each invoice in the series will have the same payment term.") }),
+    /* @__PURE__ */ e(X, { errors: s ? [s] : [] })
+  ] }) }) }) }) });
 };
 export {
-  h as useGetExternalBankAccounts
+  ue as PaymentSection
 };