@tesouro/embedded-components-react 0.2.170 → 0.2.175

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

@@ -1,19 +1,27 @@
-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 });
-}
+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: 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 {
-  n as Avatar,
-  f as AvatarFallback
+  u as InvoiceTotals
 };

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

@@ -1,88 +1,144 @@
-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 "./index458.js";
-import { RECEIPT_DUE_PAYMENT_TERM as u, CUSTOM_DATE_PAYMENT_TERM as l } from "./index319.js";
-import { cn as D } from "./index100.js";
-import { Skeleton as O } from "./index139.js";
-import { Select as R, SelectTrigger as U, SelectValue as V, SelectContent as z, SelectItem as h, SelectSeparator as I } from "./index316.js";
-import { Popover as q, PopoverAnchor as B, PopoverContent as K } from "./index360.js";
-import { Calendar as G } from "./index459.js";
-import { Field as H, FieldContent as J, FieldLabel as Q, FieldDescription as W, FieldError as X } from "./index159.js";
-const S = "MMM d, yyyy", ue = ({
-  disabled: T,
-  paymentTerms: f,
-  isLoading: E
+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 "./index146.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 U } from "lucide-react";
+const le = "custom", Ie = ({
+  fieldName: i,
+  error: F,
+  disabled: M,
+  index: V = 0,
+  defaultCurrency: j,
+  measureUnits: C,
+  container: D,
+  autoFocus: E = !1,
+  onChange: l
 }) => {
   const {
-    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
+    i18n: f
+  } = Y(), I = j, [g, m] = x(""), [b, k] = x(!1), [q, y] = x(null), [_, u] = x(!1), {
+    api: z
+  } = R(), {
+    formatCurrencyToDisplay: A
+  } = X(), c = Z().has(ee.InvoiceWriteOrg), {
+    data: v,
+    isLoading: B,
+    fetchNextPage: $,
+    hasNextPage: S,
+    isFetchingNextPage: N
+  } = z.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
+  }), H = 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 === q);
+  if (!b && i && i.length > 0 && !g.length && !n) {
+    const e = o?.find((t) => t?.name === i);
+    e && (n = e);
+  }
+  const O = 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);
+  }, []), T = p((e) => {
+    if (!e) {
+      y(null), m(""), l({
+        id: "",
+        label: ""
+      }, !1);
+      return;
     }
-  }) => /* @__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] : [] })
-  ] }) }) }) }) });
+    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: O, onValueChange: T, inputValue: h, onInputValueChange: Q, items: W, filter: () => !0, disabled: M, open: _, onOpenChange: u, children: [
+    /* @__PURE__ */ a(ne, { id: `item-selector-${V}`, placeholder: c ? f._("e.g., The machine that goes ping") : f._("Search for an item"), "aria-invalid": F || 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 && (T(r.id), u(!1));
+      }
+    }, className: "ttw:w-full", children: B && /* @__PURE__ */ a(se, { align: "inline-start", children: /* @__PURE__ */ a(U, { 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: H, 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 && A(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(U, { className: "ttw:size-4 ttw:animate-spin ttw:text-muted-foreground" }) })
+    ] }) })
+  ] });
 };
 export {
-  ue as PaymentSection
+  le as CUSTOM_ID,
+  Ie as ItemSelector
 };