@tesouro/embedded-components-react 0.2.1 → 0.2.5

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

@@ -1,72 +1,192 @@
-import { jsxs as q, jsx as e } from "@emotion/react/jsx-runtime";
-import { memo as F } from "react";
-import { Button as M } from "./index86.js";
-import { TableRow as T, TableCell as u } from "./index311.js";
-import { Trash2 as O } from "lucide-react";
-import { ItemSelector as S } from "./index308.js";
-import { PriceField as j } from "./index416.js";
-import { QuantityField as z } from "./index417.js";
-import { TaxRateField as B } from "./index418.js";
-import { VatRateField as E } from "./index419.js";
-const P = ({
-  field: v,
-  index: t,
-  control: h,
-  errors: l,
-  actualCurrency: m,
-  defaultCurrency: _ = "USD",
-  measureUnitsData: c,
-  isNonVatSupported: s,
-  vatRates: p,
-  highestVatRate: f,
-  tableRowClassName: x,
-  shouldOverrideVatRateDefaults: V,
-  container: w,
-  onRequestLineItemValue: a,
-  onLineItemValueChange: r,
-  onLineItemManuallyChanged: o,
-  onRequestOpenCreateProductDialog: R,
-  onUpdateItem: C,
-  onRemoveItem: I,
-  onRequestLineItemValidation: g
+import { jsxs as c, jsx as i } from "@emotion/react/jsx-runtime";
+import { useState as g, useRef as ne, useCallback as p, useMemo as x, useEffect as ie } from "react";
+import { useMoniteContext as re } from "./index59.js";
+import { useCurrencies as ae } from "./index60.js";
+import "./index94.js";
+import { useLingui as se } from "@lingui/react";
+import "react-dom";
+import "@mui/x-data-grid";
+import { Combobox as oe, ComboboxInput as le, ComboboxContent as me, ComboboxList as ue, ComboboxItem as C, ComboboxSeparator as ce } from "./index92.js";
+import { InputGroupAddon as de } from "./index103.js";
+import { Loader2 as V, Plus as pe } from "lucide-react";
+const b = "__create-new__", u = "custom", Ie = ({
+  fieldName: a,
+  error: E,
+  disabled: F,
+  index: z = 0,
+  actualCurrency: B,
+  defaultCurrency: H,
+  measureUnits: _,
+  container: K,
+  onCreateItem: $,
+  onChange: o
 }) => {
-  const N = !!l.line_items?.[t]?.product?.name, y = !!l.line_items?.[t]?.quantity, D = !!l.line_items?.[t]?.product?.price?.value, L = l.line_items?.[t]?.product?.measure_unit_id, U = (i, n, d) => {
-    a("vat_rate_id") !== i && r("vat_rate_id", i, {
-      shouldValidate: !1
-    }), a("vat_rate_value") !== n && r("vat_rate_value", n, {
-      shouldValidate: !1
-    }), s && a("tax_rate_value") !== d ? r("tax_rate_value", d, {
-      shouldValidate: !1
-    }) : !s && d === null && a("tax_rate_value") !== void 0 && r("tax_rate_value", void 0, {
-      shouldValidate: !1
-    });
-  }, b = () => {
-    g?.("tax_rate_value");
-  };
-  return /* @__PURE__ */ q(T, { className: x, children: [
-    /* @__PURE__ */ e(u, { className: "ttw:w-[30%] ttw:xl:w-[40%]", children: /* @__PURE__ */ e(S, { onCreateItem: R, onChange: (i, n) => C(t, i, n), fieldName: a("product.name") || "", index: t, error: N, actualCurrency: m, defaultCurrency: _, measureUnits: c, container: w }) }),
-    /* @__PURE__ */ e(u, { className: "ttw:w-[30%] ttw:xl:w-[20%]", children: /* @__PURE__ */ e(z, { index: t, control: h, quantityError: y, measureUnitsData: c, measureUnitFieldError: L, onRequestLineItemValue: a, onLineItemValueChange: r, onLineItemManuallyChanged: o }) }),
-    /* @__PURE__ */ e(u, { className: "ttw:w-[20%] ttw:text-right", children: /* @__PURE__ */ e(j, { error: D, currency: m ?? _, value: a("product.price.value"), onChange: (i) => {
-      r("product.price.value", i, {
-        shouldValidate: !0
-      }), o();
-    } }) }),
-    /* @__PURE__ */ e(u, { className: "ttw:w-fit", children: s ? /* @__PURE__ */ e(B, { value: a("tax_rate_value"), onChange: (i) => {
-      r("tax_rate_value", i, {
-        shouldValidate: !0
-      }), o();
-    }, error: !!l.line_items?.[t]?.tax_rate_value, onModified: o, onBlur: b }) : /* @__PURE__ */ e(E, { value: a("vat_rate_id"), onChange: (i, n) => {
-      r("vat_rate_id", i, {
-        shouldValidate: !0
-      }), r("vat_rate_value", n, {
-        shouldValidate: !0
-      }), r("tax_rate_value", void 0, {
-        shouldValidate: !1
-      }), o();
-    }, availableVatRates: p ?? [], error: !!l.line_items?.[t]?.vat_rate_id, fieldError: l.line_items?.[t]?.vat_rate_id, isNonVatSupported: s, highestVatRate: f, currentTaxRateValue: a("tax_rate_value"), onInitializeDefaults: U, shouldOverrideVatRateDefaults: V, onModified: o }) }),
-    /* @__PURE__ */ e(u, { className: "ttw:p-0 ttw:w-12", children: /* @__PURE__ */ e(M, { type: "button", variant: "ghost", size: "sm", className: "ttw:text-muted-foreground ttw:hover:text-destructive", onClick: () => I(t), children: /* @__PURE__ */ e(O, {}) }) })
-  ] }, v.id);
-}, Y = F(P);
+  const {
+    i18n: M
+  } = se(), k = B ?? H, [t, f] = g(""), [N, A] = g(!1), [Q, v] = g(null), [D, h] = g(!1), w = ne(!1), {
+    api: W
+  } = re(), {
+    formatCurrencyToDisplay: O
+  } = ae(), {
+    data: y,
+    isLoading: G,
+    fetchNextPage: S,
+    hasNextPage: T,
+    isFetchingNextPage: I
+  } = W.finops.getProducts.useInfiniteQuery({
+    query: {
+      limit: 20,
+      currency: k
+    }
+  }, {
+    initialPageParam: {
+      query: {
+        pagination_token: void 0
+      }
+    },
+    getNextPageParam: (e) => {
+      if (e.next_pagination_token)
+        return {
+          query: {
+            pagination_token: e.next_pagination_token
+          }
+        };
+    },
+    enabled: !!k
+  }), J = p((e) => {
+    const {
+      scrollTop: n,
+      scrollHeight: m,
+      clientHeight: P
+    } = e.currentTarget;
+    m - n - P < 100 && T && !I && S();
+  }, [S, T, I]), l = x(() => y ? y.pages.flatMap((e) => e.data) : [], [y]), r = x(() => !l || l.length === 0 ? [] : l.map((e) => {
+    const n = _ ? _.data.find((m) => m.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: n
+    };
+  }), [l, _, a]);
+  ie(() => {
+    !N && a && a.length > 0 && !t.length && (l?.find((e) => e?.name === a) || f(a));
+  }, [a, N, l, t]);
+  const R = p(() => {
+    A(!0), h(!0);
+  }, []), X = p(() => {
+    A(!1), t && t.trim() !== "" && !r.some((e) => e.label === t) && o({
+      id: u,
+      label: t
+    }, !1);
+  }, [t, r, o]);
+  let s = l?.find((e) => e?.id === Q);
+  if (!N && a && a.length > 0 && !t.length && !s) {
+    const e = l?.find(
+      (n) => n?.name === a
+      // potentially item?.product.name, double check
+    );
+    e && (s = e);
+  }
+  const Y = s ? s.id : t ? u : null, L = s ? s.name : t, {
+    matchingItems: U,
+    nonMatchingItems: j,
+    showCustomOption: q
+  } = x(() => {
+    const e = L.toLowerCase().trim();
+    if (!e || s && s.name.toLowerCase() === e)
+      return {
+        matchingItems: r,
+        nonMatchingItems: [],
+        showCustomOption: !1
+      };
+    const n = [], m = [];
+    for (const d of r)
+      d.label.toLowerCase().includes(e) ? n.push(d) : m.push(d);
+    const P = n.some((d) => d.label.toLowerCase() === e);
+    return {
+      matchingItems: n,
+      nonMatchingItems: m,
+      showCustomOption: !P && !!t.trim()
+    };
+  }, [L, r, s, t]), Z = x(() => [
+    b,
+    ...r.map((e) => e.id),
+    // Always include CUSTOM_ID when there's a custom name so Base UI tracks
+    // it as the selected value and shows the clear button. The visible
+    // ComboboxItem is still gated by showCustomOption.
+    ...t ? [u] : []
+  ], [r, t]), ee = p((e) => {
+    if (!e) {
+      v(null), f(""), o({
+        id: "",
+        label: ""
+      }, !1);
+      return;
+    }
+    if (e === b) {
+      $();
+      return;
+    }
+    if (e === u) {
+      w.current = !0, o({
+        id: u,
+        label: t
+      }, !1);
+      return;
+    }
+    const n = r.find((m) => m.id === e);
+    n && (v(n.id), f(""), o(n, !0));
+  }, [t, r, o, $]), te = p((e) => {
+    if (e !== b && e !== u && !r.some((n) => n.id === e)) {
+      if (!e && w.current) {
+        w.current = !1;
+        return;
+      }
+      f(e), v(null), e.trim() && o({
+        id: u,
+        label: e
+      }, !1);
+    }
+  }, [r, o]);
+  return /* @__PURE__ */ c(oe, { value: Y, onValueChange: ee, inputValue: L, onInputValueChange: te, items: Z, filter: () => !0, disabled: F, open: D, onOpenChange: h, children: [
+    /* @__PURE__ */ i(le, { id: `item-selector-${z}`, placeholder: M._("Line item"), "aria-invalid": E || void 0, maxLength: 100, onFocus: R, onBlur: X, onClick: () => {
+      D || h(!0);
+    }, onKeyDown: (e) => {
+      e.key === "Enter" && (e.preventDefault(), t.trim() && (w.current = !0), h(!1));
+    }, showClear: !0, className: "ttw:w-full", children: G && /* @__PURE__ */ i(de, { align: "inline-start", children: /* @__PURE__ */ i(V, { className: "ttw:size-4 ttw:animate-spin ttw:text-muted-foreground" }) }) }),
+    /* @__PURE__ */ i(me, { container: K, className: "ttw:min-w-138", children: /* @__PURE__ */ c(ue, { onScroll: J, children: [
+      /* @__PURE__ */ c(C, { value: b, className: "ttw:text-primary ttw:font-semibold ttw:hover:text-primary ttw:focus:text-primary", children: [
+        /* @__PURE__ */ i(pe, {}),
+        M._("Create new item")
+      ] }),
+      U.map((e) => /* @__PURE__ */ c(C, { value: e.id, children: [
+        /* @__PURE__ */ i("span", { className: "ttw:flex-1 ttw:min-w-0 ttw:truncate", children: e.label }),
+        /* @__PURE__ */ c("span", { className: "ttw:shrink-0 ttw:text-right ttw:text-xs ttw:text-muted-foreground", children: [
+          e.smallestAmount,
+          " ",
+          e.measureUnit?.description,
+          e.price && ` / ${O(e.price.value, e.price.currency)}`
+        ] })
+      ] }, e.id)),
+      q && /* @__PURE__ */ i(C, { value: u, children: /* @__PURE__ */ i("span", { className: "ttw:flex-1 ttw:min-w-0 ttw:truncate", children: t }) }),
+      (U.length > 0 || q) && j.length > 0 && /* @__PURE__ */ i(ce, {}),
+      j.map((e) => /* @__PURE__ */ c(C, { value: e.id, children: [
+        /* @__PURE__ */ i("span", { className: "ttw:flex-1 ttw:min-w-0 ttw:truncate", children: e.label }),
+        /* @__PURE__ */ c("span", { className: "ttw:shrink-0 ttw:text-right ttw:text-xs ttw:text-muted-foreground", children: [
+          e.smallestAmount,
+          " ",
+          e.measureUnit?.description,
+          e.price && ` / ${O(e.price.value, e.price.currency)}`
+        ] })
+      ] }, e.id)),
+      I && /* @__PURE__ */ i("div", { className: "ttw:flex ttw:justify-center ttw:py-1", children: /* @__PURE__ */ i(V, { className: "ttw:size-4 ttw:animate-spin ttw:text-muted-foreground" }) })
+    ] }) })
+  ] });
+};
 export {
-  Y as InvoiceItemRow
+  u as CUSTOM_ID,
+  Ie as ItemSelector
 };

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

@@ -1,40 +1,28 @@
-import { jsxs as m, jsx as t } from "@emotion/react/jsx-runtime";
-import { useLingui as x } from "@lingui/react";
-import { twMerge as f } from "tailwind-merge";
-import { useCurrencies as p } from "./index60.js";
-import "react";
-import "./index94.js";
-import "react-dom";
-import "./index59.js";
-import "@mui/x-data-grid";
-const a = ({
-  label: l,
-  value: r,
-  className: s
-}) => /* @__PURE__ */ m("li", { className: f("ttw:flex ttw:justify-between ttw:items-center", s), children: [
-  /* @__PURE__ */ t("span", { children: l }),
-  /* @__PURE__ */ t("span", { children: r?.toString() })
-] }), _ = ({
-  subtotalPrice: l,
-  totalTaxes: r,
-  totalPrice: s,
-  taxesByVatRate: o = {},
-  actualCurrency: i,
-  defaultCurrency: c
-}) => {
+import { jsxs as o, jsx as t } from "@emotion/react/jsx-runtime";
+import { useFormContext as c } from "react-hook-form";
+import { DropdownMenu as d, DropdownMenuTrigger as m, DropdownMenuContent as l, DropdownMenuItem as r } from "./index157.js";
+import { useLingui as u } from "@lingui/react";
+import { ChevronDownIcon as x } from "lucide-react";
+function g({
+  disabled: e
+}) {
   const {
-    i18n: e
-  } = x(), {
-    formatCurrencyToDisplay: u
-  } = p();
-  return /* @__PURE__ */ m("ul", { className: "ttw:w-full ttw:flex ttw:flex-col ttw:gap-2 ttw:list-none ttw:mt-4", children: [
-    /* @__PURE__ */ t(a, { label: e._("Subtotal"), value: l, className: "ttw:text-sm ttw:font-normal ttw:text-neutral" }),
-    Object.entries(o)?.length > 0 ? Object.entries(o).map(([n, w]) => /* @__PURE__ */ t(a, { label: e._("Total Tax ({taxRate}%)", {
-      taxRate: n
-    }), value: u(w, i || c || "USD", !0)?.toString(), className: "ttw:text-sm ttw:font-normal ttw:text-neutral" }, n)) : /* @__PURE__ */ t(a, { label: e._("Taxes total"), value: r, className: "ttw:text-sm ttw:font-normal ttw:text-neutral" }),
-    /* @__PURE__ */ t(a, { label: e._("Total"), value: s, className: "ttw:text-base ttw:font-medium ttw:text-" })
+    i18n: n
+  } = u(), {
+    setValue: i,
+    watch: a
+  } = c(), s = a("tax_mode") === "inclusive";
+  return /* @__PURE__ */ o(d, { children: [
+    /* @__PURE__ */ t(m, { asChild: !0, disabled: e, children: /* @__PURE__ */ o("button", { type: "button", className: "ttw:text-primary ttw:font-medium ttw:text-sm ttw:flex ttw:items-center ttw:gap-1", disabled: e, children: [
+      n._(s ? "Incl. tax" : "Excl. tax"),
+      !e && /* @__PURE__ */ t(x, { className: "ttw:w-4 ttw:h-4" })
+    ] }) }),
+    /* @__PURE__ */ o(l, { children: [
+      /* @__PURE__ */ t(r, { onClick: () => i("tax_mode", "exclusive"), children: n._("Excluding tax") }),
+      /* @__PURE__ */ t(r, { onClick: () => i("tax_mode", "inclusive"), children: n._("Including tax") })
+    ] })
   ] });
-};
+}
 export {
-  _ as InvoiceTotals
+  g as TaxModeMenu
 };