@tesouro/embedded-components-react 0.2.5 → 0.2.7

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index304.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 "./index296.js";
-import { Trash2 as O } from "lucide-react";
-import { ItemSelector as S } from "./index306.js";
-import { PriceField as j } from "./index457.js";
-import { QuantityField as z } from "./index458.js";
-import { TaxRateField as B } from "./index459.js";
-import { VatRateField as E } from "./index460.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 a } from "@emotion/react/jsx-runtime";
+import { useState as x, useRef as ne, useCallback as f, useMemo as C, useEffect as ae } from "react";
+import { useMoniteContext as re } from "./index59.js";
+import { useCurrencies as ie } 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 b, ComboboxSeparator as ce } from "./index92.js";
+import { InputGroupAddon as de } from "./index103.js";
+import { Loader2 as E, Plus as pe } from "lucide-react";
+const y = "__create-new__", u = "custom", Ie = ({
+  fieldName: i,
+  error: F,
+  disabled: z,
+  index: B = 0,
+  actualCurrency: H,
+  defaultCurrency: K,
+  measureUnits: _,
+  container: Q,
+  onCreateItem: M,
+  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: A
+  } = se(), D = H ?? K, [t, h] = x(""), [N, O] = x(!1), [R, v] = x(null), [I, d] = x(!1), w = ne(!1), {
+    api: W
+  } = re(), {
+    formatCurrencyToDisplay: T
+  } = ie(), {
+    data: P,
+    isLoading: G,
+    fetchNextPage: U,
+    hasNextPage: j,
+    isFetchingNextPage: k
+  } = W.finops.getProducts.useInfiniteQuery({
+    query: {
+      limit: 20,
+      currency: D
+    }
+  }, {
+    initialPageParam: {
+      query: {
+        pagination_token: void 0
+      }
+    },
+    getNextPageParam: (e) => {
+      if (e.next_pagination_token)
+        return {
+          query: {
+            pagination_token: e.next_pagination_token
+          }
+        };
+    },
+    enabled: !!D
+  }), J = f((e) => {
+    const {
+      scrollTop: n,
+      scrollHeight: m,
+      clientHeight: $
+    } = e.currentTarget;
+    m - n - $ < 100 && j && !k && U();
+  }, [U, j, k]), l = C(() => P ? P.pages.flatMap((e) => e.data).sort((e, n) => (e.name ?? "").localeCompare(n.name ?? "")) : [], [P]), r = C(() => !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, _, i]);
+  ae(() => {
+    !N && i && i.length > 0 && !t.length && (l?.find((e) => e?.name === i) || h(i));
+  }, [i, N, l, t]);
+  const X = f(() => {
+    O(!0), d(!0);
+  }, []), Y = f(() => {
+    O(!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 === R);
+  if (!N && i && i.length > 0 && !t.length && !s) {
+    const e = l?.find(
+      (n) => n?.name === i
+      // potentially item?.product.name, double check
+    );
+    e && (s = e);
+  }
+  const Z = s ? s.id : t ? u : null, L = s ? s.name : t, {
+    matchingItems: g,
+    nonMatchingItems: q,
+    showCustomOption: S
+  } = C(() => {
+    const e = L.toLowerCase().trim();
+    if (!e || s && s.name.toLowerCase() === e)
+      return {
+        matchingItems: r,
+        nonMatchingItems: [],
+        showCustomOption: !1
+      };
+    const n = [], m = [];
+    for (const p of r)
+      p.label.toLowerCase().includes(e) ? n.push(p) : m.push(p);
+    const $ = n.some((p) => p.label.toLowerCase() === e);
+    return {
+      matchingItems: n,
+      nonMatchingItems: m,
+      showCustomOption: !$ && !!t.trim()
+    };
+  }, [L, r, s, t]), ee = C(() => [
+    y,
+    ...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]), V = f((e) => {
+    if (!e) {
+      v(null), h(""), o({
+        id: "",
+        label: ""
+      }, !1);
+      return;
+    }
+    if (e === y) {
+      M();
+      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), h(""), o(n, !0));
+  }, [t, r, o, M]), te = f((e) => {
+    if (e !== y && e !== u && !r.some((n) => n.id === e)) {
+      if (!e && w.current) {
+        w.current = !1;
+        return;
+      }
+      h(e), v(null), e.trim() && o({
+        id: u,
+        label: e
+      }, !1);
+    }
+  }, [r, o]);
+  return /* @__PURE__ */ c(oe, { value: Z, onValueChange: V, inputValue: L, onInputValueChange: te, items: ee, filter: () => !0, disabled: z, open: I, onOpenChange: d, children: [
+    /* @__PURE__ */ a(le, { id: `item-selector-${B}`, placeholder: A._("e.g., The machine that goes ping"), "aria-invalid": F || void 0, maxLength: 100, onFocus: X, onBlur: Y, onClick: () => {
+      I || d(!0);
+    }, onKeyDown: (e) => {
+      e.key === "Enter" ? (e.preventDefault(), t.trim() && (w.current = !0), d(!1)) : e.key === "Tab" && I && g.length === 1 && (V(g[0].id), d(!1));
+    }, showClear: !0, className: "ttw:w-full", children: G && /* @__PURE__ */ a(de, { align: "inline-start", children: /* @__PURE__ */ a(E, { className: "ttw:size-4 ttw:animate-spin ttw:text-muted-foreground" }) }) }),
+    /* @__PURE__ */ a(me, { container: Q, className: "ttw:min-w-138", children: /* @__PURE__ */ c(ue, { onScroll: J, children: [
+      /* @__PURE__ */ c(b, { value: y, className: "ttw:text-primary ttw:font-semibold ttw:hover:text-primary ttw:focus:text-primary", children: [
+        /* @__PURE__ */ a(pe, {}),
+        A._("Create new item")
+      ] }),
+      g.map((e) => /* @__PURE__ */ c(b, { value: e.id, children: [
+        /* @__PURE__ */ a("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 && ` / ${T(e.price.value, e.price.currency)}`
+        ] })
+      ] }, e.id)),
+      S && /* @__PURE__ */ a(b, { value: u, children: /* @__PURE__ */ a("span", { className: "ttw:flex-1 ttw:min-w-0 ttw:truncate", children: t }) }),
+      (g.length > 0 || S) && q.length > 0 && /* @__PURE__ */ a(ce, {}),
+      q.map((e) => /* @__PURE__ */ c(b, { value: e.id, children: [
+        /* @__PURE__ */ a("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 && ` / ${T(e.price.value, e.price.currency)}`
+        ] })
+      ] }, e.id)),
+      k && /* @__PURE__ */ a("div", { className: "ttw:flex ttw:justify-center ttw:py-1", children: /* @__PURE__ */ a(E, { 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/index305.js

@@ -1,40 +1,111 @@
-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 { useCreateInvoiceProductsTable as N } from "./index461.js";
+import { sanitizeLineItems as W } from "./index306.js";
+import { useCurrencies as k } from "./index60.js";
+import { useRef as z, useState as J, useCallback as u, useEffect as x, useMemo as O } from "react";
 import "./index94.js";
+import "@emotion/react/jsx-runtime";
+import "@lingui/react";
 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 { useIsMounted as j } from "./index70.js";
+import { generateUniqueId as B } from "./index464.js";
+import { useFormContext as G, useFieldArray as H } from "react-hook-form";
+const oe = ({
+  actualCurrency: f,
+  defaultCurrency: _,
+  isInclusivePricing: C
 }) => {
   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-" })
-  ] });
+    control: P,
+    formState: {
+      errors: o
+    },
+    setValue: l,
+    getValues: r,
+    watch: y,
+    clearErrors: m,
+    trigger: g
+  } = G(), {
+    fields: a,
+    append: c,
+    remove: v
+  } = H({
+    control: P,
+    name: "line_items",
+    shouldUnregister: !1
+  }), d = j(), i = z(!1), [I, b] = J(!1), V = y("line_items"), T = y("tax_rate"), D = W(V), {
+    formatCurrencyToDisplay: L
+  } = k(), {
+    subtotalPrice: R,
+    totalPrice: S,
+    totalTaxes: q
+  } = N({
+    lineItems: D,
+    actualCurrency: f ?? _,
+    isInclusivePricing: C,
+    formatCurrencyToDisplay: L,
+    taxRate: Number(T) || void 0
+  }), n = u((e) => {
+    const t = {
+      name: e?.product?.name || "",
+      price: {
+        currency: f ?? _,
+        value: e?.product?.price?.value || 0
+      },
+      measure_unit_id: e?.product?.measure_unit_id || "",
+      type: e?.product?.type || "product"
+    };
+    return {
+      id: e?.id ?? B(),
+      product_id: e?.product_id || "",
+      product: t,
+      quantity: e?.quantity ?? 1,
+      tax_rate_value: e?.tax_rate_value ? e?.tax_rate_value ?? 0 : void 0,
+      ...e?.measure_unit ? {
+        measure_unit: e.measure_unit
+      } : {},
+      taxable: !0
+    };
+  }, [f, _]), A = u(() => {
+    if (i.current) return;
+    i.current = !0, c(n());
+    const e = r("line_items");
+    e && e.length > 0 && m(`line_items.${e.length - 1}`);
+  }, [c, n, r, m]);
+  x(() => {
+    i.current && Promise.resolve().then(() => {
+      d.current && (i.current = !1);
+    });
+  }, [a.length, d]), x(() => {
+    !d.current || I || !r("line_items")?.length && !i.current && (i.current = !0, c(n()), b(!0));
+  }, [d, I, r, c, n]);
+  const E = u((e) => v(e), [v, r]), F = u(() => {
+    const e = r("line_items");
+    if (!e?.length) return;
+    const t = e.filter((s) => !!s?.product?.name?.trim()), p = e.find((s) => !s?.product?.name?.trim()), h = t.length > 0 ? t : e.length > 0 ? [n(p || void 0)] : [];
+    (h.length !== e.length || !h.every((s, w) => s.id === e[w]?.id)) && (m("line_items"), l("line_items", h, {
+      shouldValidate: !1,
+      shouldDirty: !0
+    }));
+  }, [r, l, m, n]), M = u((e, t, p) => {
+    l(e, t, {
+      shouldDirty: !0,
+      ...p
+    }), p?.shouldValidate && g(e);
+  }, [l, g]), U = JSON.stringify(o.line_items), $ = O(() => Array.isArray(o.line_items) ? a.map((e, t) => o.line_items?.[t] ?? {}) : a.map(() => ({})), [o.line_items, U, a]);
+  return {
+    fields: a,
+    subtotalPrice: R,
+    totalPrice: S,
+    totalTaxes: q,
+    lineItemErrors: $,
+    handleAddRow: A,
+    handleRemoveItem: E,
+    setValueWithValidationLocal: M,
+    cleanUpLineItemsForSubmission: F
+  };
 };
 export {
-  _ as InvoiceTotals
+  oe as useLineItemManagement
 };