@tesouro/embedded-components-react 0.2.129 → 0.2.130

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

@@ -1,41 +1,45 @@
-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 "./index385.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 "./index417.js";
-import { ReminderOverdue as E } from "./index418.js";
-import { RECEIPT_DUE_PAYMENT_TERM as N } from "./index200.js";
-const I = ({
-  disabled: a
+import { jsx as a } from "@emotion/react/jsx-runtime";
+import { toast as g } from "react-hot-toast";
+import { useMoniteContext as c } from "./index57.js";
+import { MoniteScopedProviders as p } from "./index83.js";
+import { ConfirmationModal as u } from "./index195.js";
+import { useLingui as f } from "@lingui/react";
+const D = (e) => /* @__PURE__ */ a(p, { children: /* @__PURE__ */ a(C, { ...e }) }), C = ({
+  tag: e,
+  onClose: i,
+  onDelete: m,
+  modalOpened: d
 }) => {
   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: o
+  } = f(), n = e?.id, {
+    api: t,
+    queryClient: s
+  } = c(), r = t.finops.deleteTagsId.useMutation({
+    path: {
+      tag_id: n ?? ""
+    }
+  }, {
+    onSuccess: () => (t.finops.getTagsId.removeQueries({
+      parameters: {
+        path: {
+          tag_id: n
+        }
+      }
+    }, s), t.finops.getTags.invalidateQueries(s))
+  }), l = () => {
+    r.mutate(void 0, {
+      onSuccess: () => {
+        g.success(o._("Tag “{tagName}” was deleted", {
+          tagName: e.name
+        })), i?.(), m?.(e.id);
+      }
+    });
+  };
+  return /* @__PURE__ */ a(u, { open: d, title: o._("Delete “{tagName}” tag?", {
+    tagName: e.name
+  }), message: o._("This action can’t be undone."), confirmLabel: o._("Delete"), cancelLabel: o._("Cancel"), onClose: i, onConfirm: l, isLoading: r.isPending });
 };
 export {
-  I as RemindersSection
+  D as ConfirmDeleteModal
 };

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

@@ -1,13 +1,69 @@
-import { jsx as t } from "@emotion/react/jsx-runtime";
-import { cn as i } from "./index100.js";
-import * as r from "@radix-ui/react-checkbox";
-import { CheckIcon as o } from "lucide-react";
-function c({
-  className: e,
-  ...a
-}) {
-  return /* @__PURE__ */ t(r.Root, { "data-slot": "checkbox", className: i("ttw:peer ttw:border-input ttw:dark:bg-input/30 ttw:data-[state=checked]:bg-primary ttw:data-[state=checked]:text-primary-foreground ttw:dark:data-[state=checked]:bg-primary ttw:data-[state=checked]:border-primary ttw:focus-visible:border-ring ttw:focus-visible:ring-ring/50 ttw:aria-invalid:ring-destructive/20 ttw:dark:aria-invalid:ring-destructive/40 ttw:aria-invalid:border-destructive ttw:size-4 ttw:shrink-0 ttw:rounded-[4px] ttw:border ttw:shadow-xs ttw:transition-shadow ttw:outline-none ttw:focus-visible:ring-[3px] ttw:disabled:cursor-not-allowed ttw:disabled:opacity-50", e), ...a, children: /* @__PURE__ */ t(r.Indicator, { "data-slot": "checkbox-indicator", className: "ttw:flex ttw:items-center ttw:justify-center ttw:text-current ttw:transition-none", children: /* @__PURE__ */ t(o, { className: "ttw:size-3.5" }) }) });
-}
+import { jsxs as r, jsx as e, Fragment as T } from "@emotion/react/jsx-runtime";
+import { MeasureUnitsFormRow as f } from "./index442.js";
+import { ConfirmDeleteMeasureUnitDialog as j } from "./index443.js";
+import { TableActions as z } from "./index444.js";
+import { Table as A, TableHeader as E, TableRow as h, TableHead as l, TableBody as G, TableCell as d } from "./index330.js";
+import { useLingui as I } from "@lingui/react";
+import { Loader2 as b, Search as S } from "lucide-react";
+import { useState as m, useCallback as w } from "react";
+import "./index57.js";
+import "react-hot-toast";
+import { useGetMeasureUnits as _ } from "./index196.js";
+import { useDeleteMeasureUnit as y } from "./index418.js";
+import { InputGroup as F, InputGroupAddon as H, InputGroupInput as k } from "./index101.js";
+import { useDebounceCallback as R } from "./index65.js";
+const at = () => {
+  const {
+    i18n: i
+  } = I(), [g, s] = m(null), [a, c] = m(null), x = !!a, [u, N] = m(""), {
+    data: C,
+    isLoading: M
+  } = _(), n = y(a?.name), $ = R((t) => {
+    N(t);
+  }, 500), D = C?.data?.filter((t) => t.name.toLowerCase().includes(u.toLowerCase()) || t.description && t.description.toLowerCase().includes(u.toLowerCase())) || [], L = w((t) => {
+    c(t);
+  }, []), o = w(() => {
+    c(null);
+  }, []), U = w(() => {
+    a && n.mutate({
+      path: {
+        unit_id: a.id
+      }
+    }, {
+      onSuccess: () => o()
+    });
+  }, [n, a, o]), p = n.isPending, v = () => {
+    s(null);
+  };
+  return /* @__PURE__ */ r("div", { className: "ttw:flex ttw:flex-col ttw:gap-4 ttw:h-full ttw:relative", children: [
+    M ? /* @__PURE__ */ e("div", { className: "ttw:flex ttw:justify-center ttw:items-center ttw:h-full", children: /* @__PURE__ */ e(b, { className: "ttw:size-10 ttw:animate-spin ttw:text-muted-foreground" }) }) : /* @__PURE__ */ r(T, { children: [
+      p && /* @__PURE__ */ e("div", { className: "ttw:absolute ttw:inset-0 ttw:bg-white/70 ttw:flex ttw:justify-center ttw:items-center ttw:z-10", children: /* @__PURE__ */ e(b, { className: "ttw:size-10 ttw:animate-spin ttw:text-muted-foreground" }) }),
+      /* @__PURE__ */ r(F, { children: [
+        /* @__PURE__ */ e(H, { align: "inline-start", children: /* @__PURE__ */ e(S, {}) }),
+        /* @__PURE__ */ e(k, { placeholder: i._("Search"), onChange: (t) => $(t.target.value) })
+      ] }),
+      /* @__PURE__ */ r(A, { className: "ttw:table-fixed ttw:border ttw:border-border ttw:rounded-md", children: [
+        /* @__PURE__ */ e(E, { children: /* @__PURE__ */ r(h, { className: "ttw:hover:bg-transparent ttw:border-border", children: [
+          /* @__PURE__ */ e(l, { className: "ttw:w-[35%]", children: i._("Unit label") }),
+          /* @__PURE__ */ e(l, { className: "ttw:w-[55%]", children: i._("Description (optional)") }),
+          /* @__PURE__ */ e(l, { className: "ttw:w-[10%]" })
+        ] }) }),
+        /* @__PURE__ */ r(G, { children: [
+          /* @__PURE__ */ e(f, { isEditMode: !1 }),
+          D.map((t) => g?.id === t.id ? /* @__PURE__ */ e(f, { isEditMode: !0, initialValues: t, onCancel: v, onEdit: () => s(null), id: t.id }, t.id) : /* @__PURE__ */ r(h, { className: "ttw:border-border", children: [
+            /* @__PURE__ */ e(d, { className: "ttw:w-[35%] ttw:text-sm ttw:truncate", children: t.name }),
+            /* @__PURE__ */ e(d, { className: "ttw:w-[55%] ttw:text-sm ttw:text-muted-foreground ttw:truncate", children: t.description || "—" }),
+            /* @__PURE__ */ e(d, { className: "ttw:w-[10%]", children: /* @__PURE__ */ e(z, { permissions: {
+              isUpdateAllowed: !0,
+              isDeleteAllowed: !0
+            }, onEdit: () => s(t), onDelete: () => L(t) }) })
+          ] }, t.id))
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ e(j, { open: x, id: a?.id, name: a?.name || "", isLoading: p, onClose: o, onDelete: U })
+  ] });
+};
 export {
-  c as Checkbox
+  at as ManageMeasureUnitsForm
 };

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

@@ -1,13 +1,67 @@
-import { useMoniteContext as o } from "./index57.js";
-const r = () => {
+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 "./index348.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
+}) => {
+  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 {
-    api: e
-  } = o();
-  return e.finops.deleteFilesId.useMutation(void 0, {
-    onError: () => {
+    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;
+      }
     }
-  });
+    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)
+  };
 };
 export {
-  r as useDeleteFile
+  q as FormErrorDisplay,
+  C as useFormErrors
 };

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

@@ -1,13 +1,45 @@
-import { useMoniteContext as o } from "./index57.js";
-const n = () => {
-  const {
-    api: t
-  } = o();
-  return t.finops.postFiles.useMutation({}, {
-    onError: () => {
-    }
-  });
-};
+import { jsxs as C, jsx as e } from "@emotion/react/jsx-runtime";
+import { memo as _ } from "react";
+import { Button as b } from "./index84.js";
+import { Checkbox as y } from "./index355.js";
+import { Trash2 as I } from "lucide-react";
+import { ItemSelector as U } from "./index346.js";
+import { PriceField as R } from "./index445.js";
+import { QuantityField as N } from "./index446.js";
+import { MeasureUnitField as V } from "./index447.js";
+const k = ({
+  index: t,
+  control: l,
+  errors: a,
+  defaultCurrency: i = "USD",
+  measureUnitsData: m,
+  container: c,
+  onRequestLineItemValue: n,
+  onLineItemValueChange: o,
+  onUpdateItem: p,
+  onRemoveItem: s,
+  canRemove: u
+}) => {
+  const h = !!a.line_items?.[t]?.product?.name, w = !!a.line_items?.[t]?.quantity, v = !!a.line_items?.[t]?.product?.price?.value, d = n("product.name"), f = !!(d && d.trim()), x = a.line_items?.[t]?.product?.measure_unit_id;
+  return /* @__PURE__ */ C("li", { className: "ttw:flex ttw:items-center ttw:gap-2.5 ttw:h-9", children: [
+    /* @__PURE__ */ e("div", { className: "ttw:flex-1 ttw:min-w-30", children: /* @__PURE__ */ e(U, { onChange: (r, g) => p(t, r, g), fieldName: n("product.name") || "", index: t, error: h, defaultCurrency: i, measureUnits: m, container: c }) }),
+    /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(N, { index: t, control: l, quantityError: w, canRemove: u, hasProduct: f, onLineItemValueChange: o, onRemoveItem: s }) }),
+    /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(V, { value: n("product.measure_unit_id"), onChange: (r) => {
+      o("product.measure_unit_id", r, {
+        shouldValidate: !0
+      });
+    }, availableMeasureUnits: m?.data || [], fieldError: x }) }),
+    /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(R, { error: v, currency: i, value: n("product.price.value"), onChange: (r) => {
+      o("product.price.value", r, {
+        shouldValidate: !0
+      });
+    } }) }),
+    /* @__PURE__ */ e("div", { className: "ttw:w-12 ttw:min-w-12 ttw:flex ttw:items-center ttw:justify-center", children: /* @__PURE__ */ e(y, { checked: n("taxable") ?? !1, onCheckedChange: (r) => {
+      o("taxable", r === !0);
+    } }) }),
+    u && /* @__PURE__ */ e(b, { type: "button", variant: "ghost", size: "sm", className: "ttw:w-10 ttw:text-muted-foreground ttw:hover:bg-transparent ttw:hover:text-destructive ttw:border-l ttw:border-border ttw:pl-4 ttw:rounded-none ttw:has-[>svg]:pr-0", onClick: () => s(t), children: /* @__PURE__ */ e(I, {}) })
+  ] });
+}, S = _(k);
 export {
-  n as useUploadReceivableAttachment
+  S as InvoiceItemRow
 };

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

@@ -1,14 +1,27 @@
-const o = (e) => {
-  const t = e.lastIndexOf(".");
-  return t >= 0 ? e.slice(t + 1).toLowerCase() : "";
-}, l = (e, {
-  acceptedFormats: t,
-  acceptedExtensions: n,
-  maxFileSizeInMB: s
+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 a = t.includes(e.type), c = n.includes(o(e.name));
-  return !a && !c ? "unsupported_type" : e.size > s * 1024 * 1024 ? "too_large" : null;
+  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 {
-  l as validateAttachmentFile
+  u as InvoiceTotals
 };

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

@@ -1,9 +1,143 @@
-const e = (t) => {
-  if (t < 1024)
-    return `${t} B`;
-  const o = t / 1024;
-  return o < 1024 ? `${Math.round(o)} KB` : `${(o / 1024).toFixed(1)} MB`;
+import { jsxs as P, jsx as i } 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 $ } from "../../shared/data-access/dist/lib/scopes.js";
+import { Combobox as ee, ComboboxInput as te, ComboboxContent as ne, ComboboxList as ie, ComboboxEmpty as ae, ComboboxItem as oe } from "./index90.js";
+import { InputGroupAddon as re } from "./index101.js";
+import { Loader2 as M } from "lucide-react";
+const se = "custom", Pe = ({
+  fieldName: a,
+  error: V,
+  disabled: j,
+  index: B = 0,
+  defaultCurrency: D,
+  measureUnits: C,
+  container: E,
+  onChange: l
+}) => {
+  const {
+    i18n: f
+  } = Y(), k = D, [g, m] = x(""), [b, I] = x(!1), [q, y] = x(null), [_, u] = x(!1), {
+    api: z
+  } = R(), {
+    formatCurrencyToDisplay: A
+  } = X(), d = Z().has($.ProductWriteOrg), {
+    data: N,
+    isLoading: F,
+    fetchNextPage: S,
+    hasNextPage: T,
+    isFetchingNextPage: v
+  } = z.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
+  }), H = p((e) => {
+    const {
+      scrollTop: t,
+      scrollHeight: r,
+      clientHeight: L
+    } = e.currentTarget;
+    r - t - L < 100 && T && !v && S();
+  }, [S, T, v]), o = w(() => N ? N.pages.flatMap((e) => e.data).sort((e, t) => (e.name ?? "").localeCompare(t.name ?? "")) : [], [N]), c = 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 && a && a.length > 0 && !g.length && (o?.find((e) => e?.name === a) || m(a));
+  }, [a, b, o, g]);
+  let n = o?.find((e) => e?.id === q);
+  if (!b && a && a.length > 0 && !g.length && !n) {
+    const e = o?.find((t) => t?.name === a);
+    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 ? c : c.filter((t) => t.label.toLowerCase().includes(e));
+  }, [h, c, n]), W = w(() => s.map((e) => e.id), [s]), G = p(() => {
+    I(!0), u(!0);
+  }, []), K = p(() => {
+    I(!1);
+  }, []), U = p((e) => {
+    if (!e) {
+      y(null), m(""), l({
+        id: "",
+        label: ""
+      }, !1);
+      return;
+    }
+    const t = c.find((r) => r.id === e);
+    t && (y(t.id), m(""), l(t, !0));
+  }, [c, l]), Q = p((e, t) => {
+    if (t.reason !== "input-change") {
+      d || m("");
+      return;
+    }
+    m(e), y(null), d && l(e.trim() ? {
+      id: se,
+      label: e
+    } : {
+      id: "",
+      label: ""
+    }, !1);
+  }, [d, l]);
+  return /* @__PURE__ */ P(ee, { value: O, onValueChange: U, inputValue: h, onInputValueChange: Q, items: W, filter: () => !0, disabled: j, open: _, onOpenChange: u, children: [
+    /* @__PURE__ */ i(te, { id: `item-selector-${B}`, placeholder: d ? f._("e.g., The machine that goes ping") : f._("Search for an item"), "aria-invalid": V || void 0, maxLength: 100, 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: F && /* @__PURE__ */ i(re, { align: "inline-start", children: /* @__PURE__ */ i(M, { className: "ttw:size-4 ttw:animate-spin ttw:text-muted-foreground" }) }) }),
+    /* @__PURE__ */ i(ne, { container: E, className: "ttw:min-w-138", children: /* @__PURE__ */ P(ie, { onScroll: H, children: [
+      /* @__PURE__ */ i(ae, { children: d ? f._("No saved items found - type to add an item") : f._("No saved items found") }),
+      s.map((e) => /* @__PURE__ */ P(oe, { value: e.id, children: [
+        /* @__PURE__ */ i("span", { className: "ttw:flex-1 ttw:min-w-0 ttw:truncate", children: e.label }),
+        /* @__PURE__ */ i("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)),
+      v && /* @__PURE__ */ i("div", { className: "ttw:flex ttw:justify-center ttw:py-1", children: /* @__PURE__ */ i(M, { className: "ttw:size-4 ttw:animate-spin ttw:text-muted-foreground" }) })
+    ] }) })
+  ] });
 };
 export {
-  e as formatFileSize
+  se as CUSTOM_ID,
+  Pe as ItemSelector
 };

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

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