@tesouro/embedded-components-react 0.2.6 → 0.2.7

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

@@ -1,70 +1,11 @@
-import { jsx as e, jsxs as i } from "@emotion/react/jsx-runtime";
-import { ReminderSelectLayout as v } from "./index495.js";
-import "react-hot-toast";
-import "./index59.js";
-import { useLingui as b } from "@lingui/react";
-import "react";
-import "date-fns";
-import { useUserPermissions as S } from "./index133.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 d } from "../../shared/data-access/dist/lib/scopes.js";
-import "clsx";
-import "tailwind-merge";
-import "@radix-ui/react-dropdown-menu";
-import { Plus as C } from "lucide-react";
-import "./index86.js";
-import { useGetPaymentReminderById as $ } from "./index420.js";
-import { useGetPaymentReminders as R } from "./index423.js";
-import "./index94.js";
-import "react-dom";
-import "@mui/x-data-grid";
-import { useFormContext as _, Controller as L } from "react-hook-form";
-import { Select as N, SelectTrigger as P, SelectValue as I, SelectContent as B, SelectItem as p, SelectSeparator as D } from "./index279.js";
-import { Label as U } from "./index265.js";
-const le = ({
-  handleCreate: c,
-  onUpdatePaymentReminder: u,
-  disabled: l
-}) => {
-  const {
-    data: o
-  } = R(), {
-    i18n: s
-  } = b(), n = S(), f = n.has(d.InvoiceWriteOrg), h = n.has(d.InvoiceWriteOrg), {
-    control: w,
-    watch: x
-  } = _(), y = x("payment_reminder_id"), {
-    data: t,
-    isLoading: g
-  } = $(y), m = o?.some(({
-    value: a
-  }) => a === t?.id) ? o : [...o ?? [], ...t ? [{
-    value: t.id,
-    label: t.name
-  }] : []];
-  return /* @__PURE__ */ e(v, { reminder: t, isReminderLoading: g, updateDisabled: l || !f || !t, onUpdate: u, children: /* @__PURE__ */ i("div", { className: "ttw:flex ttw:flex-col ttw:gap-1", children: [
-    /* @__PURE__ */ e(U, { className: "ttw:text-xs ttw:text-muted-foreground", children: s._("Before due date") }),
-    /* @__PURE__ */ e(L, { control: w, name: "payment_reminder_id", render: ({
-      field: a
-    }) => /* @__PURE__ */ i(N, { value: a.value ?? "", onValueChange: (r) => {
-      r === "create" ? c("payment") : a.onChange(r);
-    }, disabled: l, children: [
-      /* @__PURE__ */ e(P, { className: "ttw:w-full", children: /* @__PURE__ */ e(I, {}) }),
-      /* @__PURE__ */ i(B, { children: [
-        /* @__PURE__ */ i(p, { value: "create", disabled: !h, className: "ttw:text-primary ttw:hover:text-primary ttw:font-semibold ttw:focus:text-primary", children: [
-          /* @__PURE__ */ e(C, { className: "ttw:text-primary ttw:hover:text-primary ttw:font-semibold ttw:focus:text-primary" }),
-          s._("Create a reminder preset")
-        ] }),
-        m && m.length > 0 && /* @__PURE__ */ e(D, {}),
-        m?.map((r) => /* @__PURE__ */ e(p, { value: r.value, children: r.label }, r.value))
-      ] })
-    ] }) })
-  ] }) });
-};
+import { getCountries as e } from "./index95.js";
+import { getCurrencies as o } from "./index96.js";
+const m = (t, n) => {
+  const c = u(t, n);
+  return n.is_default_for_currency ? t._("{bankAccountName} (Default)", {
+    bankAccountName: c
+  }) : c;
+}, u = (t, n) => n.name ? n.name : n.country && n.currency ? `${e(t)[n.country]} (${o(t)[n.currency]})` : n.id;
 export {
-  le as ReminderBeforeDueDate
+  m as getBankAccountName
 };

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

@@ -1,76 +1,59 @@
-import { jsxs as j, jsx as d } from "@emotion/react/jsx-runtime";
-import { useMemo as f, useState as g, useEffect as G } from "react";
-import { useCurrencies as T } from "./index60.js";
-import "./index94.js";
-import { useLingui as w } from "@lingui/react";
-import "react-dom";
-import "./index59.js";
-import "@mui/x-data-grid";
-import { InputGroup as D, InputGroupAddon as N, InputGroupInput as P } from "./index103.js";
-import { formatMinorToMajorCurrency as n, parseMajorToMinorCurrency as $ } from "./index429.js";
-const H = ({
-  value: i,
-  error: v = !1,
-  currency: m,
-  disabled: y = !1,
-  onChange: s,
-  locale: x
+import { jsx as o, jsxs as b } from "@emotion/react/jsx-runtime";
+import { useMemo as g, Fragment as w } from "react";
+import { getCurrenciesArray as x, sortCurrencyOptionsByGroup as O, filterOptions as v, getGroupTitleForOption as B } from "./index96.js";
+import "date-fns";
+import { RHFAutocomplete as M } from "./index500.js";
+import { ListSubheader as S, Divider as q } from "@mui/material";
+import { useLingui as L } from "@lingui/react";
+import { CurrencyInput as W } from "./index501.js";
+import { CurrencyOption as j } from "./index502.js";
+const R = ({
+  required: s,
+  actualCurrency: y,
+  groups: t,
+  fullWidth: m,
+  showCodeOnly: i,
+  hideLabel: h = !1,
+  showCurrencyCode: p = !1,
+  showCurrencySymbol: u = !0,
+  showClearButton: C = !0,
+  allowedCurrencies: l,
+  ...d
 }) => {
   const {
-    getSymbolFromCurrency: C
-  } = T(), {
-    i18n: F
-  } = w(), o = x ?? F.locale, t = f(() => new Intl.NumberFormat(o, {
-    minimumFractionDigits: 2,
-    maximumFractionDigits: 2
-  }), [o]), {
-    decimalSeparator: M,
-    groupSeparator: S
-  } = f(() => {
-    const r = new Intl.NumberFormat(o).formatToParts(12345.67);
-    return {
-      decimalSeparator: r.find((e) => e.type === "decimal")?.value || ".",
-      groupSeparator: r.find((e) => e.type === "group")?.value || ""
-    };
-  }, [o]), [u, a] = g(n(i, t)), [l, p] = g(!1);
-  G(() => {
-    if (!l) {
-      const r = n(i, t);
-      r !== u && a(r);
-    }
-  }, [i, l, o, t, u]);
-  const I = (r) => {
-    const e = r.target.value;
-    a(e);
-  }, b = () => {
-    p(!0);
-  }, h = (r) => {
-    p(!1);
-    const e = r.target.value.trim();
-    if (e === "") {
-      a(n(0, t)), s(0);
-      return;
-    }
-    const c = $(e, M, S);
-    a(n(c, t)), s(c);
-  };
-  return /* @__PURE__ */ j(D, { children: [
-    /* @__PURE__ */ d(N, { align: "inline-start", children: C(m) || m }),
-    /* @__PURE__ */ d(
-      P,
-      {
-        type: "text",
-        inputMode: "decimal",
-        "aria-invalid": v || void 0,
-        disabled: y,
-        value: u,
-        onChange: I,
-        onFocus: b,
-        onBlur: h
+    i18n: n
+  } = L(), a = n._("Currency"), c = g(() => {
+    const e = x(n);
+    return l ? e.filter((r) => l.includes(r.code)) : e;
+  }, [l, n]), f = O(c, t);
+  return /* @__PURE__ */ o(M, { ...d, required: s, disabled: c?.length === 1 || d.disabled, className: `Monite-Currency ${h && "Monite-Label-Hidden"}`, disableClearable: !C, label: a, options: f, optionKey: "code", labelKey: i ? "code" : "label", fullWidth: m, slotProps: {
+    paper: {
+      sx: {
+        "& .MuiAutocomplete-listbox hr:last-of-type": {
+          display: "none"
+        }
       }
-    )
-  ] });
+    }
+  }, renderInput: (e, r) => /* @__PURE__ */ o(W, { error: r?.error, defaultValue: y, required: r?.required ?? s, label: r?.label ?? a, showCodeOnly: i, showCurrencySymbol: u, showCurrencyCode: p, ...e }), renderOption: (e, r) => /* @__PURE__ */ o(j, { props: e, option: r, showCodeOnly: i, showCurrencyCode: p, showCurrencySymbol: u }, r.code), filterOptions: v, groupBy: t ? (e) => B(e, t)?.title : void 0, renderGroup: (e) => e.group.trim() === "" ? e.children : /* @__PURE__ */ b(w, { children: [
+    /* @__PURE__ */ o(S, { component: "div", title: e.group, sx: {
+      bgcolor: "background.paper",
+      typography: "body2",
+      fontWeight: (r) => r.typography.fontWeightBold,
+      textOverflow: "ellipsis",
+      overflow: "hidden",
+      whiteSpace: "nowrap",
+      py: 1.25,
+      px: 2,
+      top: -12
+      // hack needed to align the group title with the first option (MUI handles custom groups poorly)
+    }, children: e.group }),
+    e.children,
+    /* @__PURE__ */ o(q, { sx: {
+      mx: 1,
+      mt: 1
+    } })
+  ] }, e.key) });
 };
 export {
-  H as PriceField
+  R as MoniteCurrency
 };

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

@@ -1,48 +1,74 @@
-import { jsx as t, jsxs as y } from "@emotion/react/jsx-runtime";
-import { useState as f } from "react";
-import { Controller as I } from "react-hook-form";
-import { parseLocaleNumericString as g } from "./index429.js";
-import { InputGroup as L, InputGroupInput as q, InputGroupAddon as C } from "./index103.js";
+import { jsxs as A, Fragment as F, jsx as i } from "@emotion/react/jsx-runtime";
+import { createElement as j } from "@emotion/react";
+import { useTags as k } from "./index505.js";
+import { TagFormModal as w } from "./index49.js";
+import { useRootElements as y } from "./index94.js";
 import { useLingui as S } from "@lingui/react";
-import { MeasureUnitField as V } from "./index496.js";
-const A = ({
-  index: a,
-  control: h,
-  quantityError: o,
-  measureUnitsData: v,
-  measureUnitFieldError: u,
-  onRequestLineItemValue: r,
-  onLineItemValueChange: i,
-  onLineItemManuallyChanged: l
+import I from "@mui/icons-material/Add";
+import { Autocomplete as L, TextField as M, Button as V } from "@mui/material";
+import { createFilterOptions as W } from "@mui/material/Autocomplete";
+import { useState as B, useMemo as m } from "react";
+const p = (o) => o ? o.map(({
+  id: r,
+  name: n
+}) => ({
+  value: r,
+  label: n
+})) : [], d = "__create-new__";
+function D(o) {
+  return o?.value === d;
+}
+const J = W(), U = ({
+  disabled: o,
+  value: r,
+  onChange: n,
+  label: f,
+  variant: c = "filled",
+  error: v = !1,
+  helperText: h,
+  required: g = !1
 }) => {
   const {
-    i18n: s
-  } = S(), [_, m] = f(null), [d, p] = f("");
-  return /* @__PURE__ */ t(I, { name: `line_items.${a}.quantity`, control: h, render: ({
-    field: e
-  }) => /* @__PURE__ */ y(L, { children: [
-    /* @__PURE__ */ t(q, { type: "text", name: e.name, ref: e.ref, "aria-invalid": o || !!u || void 0, value: a === _ ? d : e.value?.toString() || "", onFocus: () => {
-      m(a), p(e.value?.toString() || "");
-    }, onBlur: () => {
-      const n = g(d, s.locale);
-      i("quantity", n, {
-        shouldValidate: !0
-      }), m(null), e.onBlur();
-    }, onChange: (n) => {
-      const c = n.target.value;
-      p(c), l();
-      const x = g(c, s.locale);
-      i("quantity", x, {
-        shouldValidate: !1
-      });
-    } }),
-    /* @__PURE__ */ t(C, { align: "inline-end", children: /* @__PURE__ */ t(V, { value: r("product.measure_unit_id"), onChange: (n) => {
-      i("product.measure_unit_id", n, {
-        shouldValidate: !0
-      }), l();
-    }, error: o, availableMeasureUnits: v?.data || [], fieldError: u, skipDefaultAssignment: !!r("product.name") || !!(r("product.measure_unit_name") || r("measure_unit.name")) }) })
-  ] }) });
+    i18n: x
+  } = S(), {
+    root: b
+  } = y(), {
+    tagsQuery: s
+  } = k(), [T, u] = B(!1), C = m(() => r ? p(r) : [], [r]), O = m(() => {
+    const t = s.data?.data || [], e = r || [], a = [...t];
+    return e.forEach((l) => {
+      a.find((q) => q.id === l.id) || a.push(l);
+    }), p(a);
+  }, [s.data?.data, r]), _ = (t) => {
+    const e = t.map((l) => l.value), a = s.data?.data?.filter((l) => e.includes(l.id)) || [];
+    n?.(a);
+  }, E = () => {
+    u(!0);
+  };
+  return /* @__PURE__ */ A(F, { children: [
+    /* @__PURE__ */ i(w, { open: T, onClose: () => u(!1), onCreate: (t) => {
+      const e = [...r || [], t];
+      n?.(e);
+    }, isDeleteAllowed: !1 }),
+    /* @__PURE__ */ i(L, { disabled: o, multiple: !0, filterSelectedOptions: !0, getOptionLabel: (t) => t.label, options: O, slotProps: {
+      popper: {
+        container: b
+      }
+    }, isOptionEqualToValue: (t, e) => t.value === e.value, value: C, onChange: (t, e) => {
+      _(e || []);
+    }, filterOptions: (t, e) => {
+      const a = J(t, e);
+      return a.unshift({
+        value: d,
+        label: x._("Create new tag")
+      }), a;
+    }, renderOption: (t, e) => D(e) ? /* @__PURE__ */ i(V, { variant: "text", startIcon: /* @__PURE__ */ i(I, {}), fullWidth: !0, sx: {
+      justifyContent: "flex-start",
+      px: 2
+    }, onClick: E, children: e.label }, e.value) : /* @__PURE__ */ j("li", { ...t, key: e.value }, e.label), renderInput: (t) => /* @__PURE__ */ i(M, { ...t, label: f, variant: c, fullWidth: !0, error: v, helperText: h, required: g }) })
+  ] });
 };
 export {
-  A as QuantityField
+  U as TagsAutocomplete,
+  p as tagsToSelect
 };

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

@@ -1,29 +1,23 @@
-import { jsxs as d, jsx as r } from "@emotion/react/jsx-runtime";
-import { InputGroup as p, InputGroupInput as m, InputGroupAddon as x } from "./index103.js";
-import { formatTaxRate as c, processTaxRateValue as f } from "./index429.js";
-const b = ({
-  value: t,
-  error: s,
-  disabled: i = !1,
-  onModified: n,
-  onChange: e,
-  onBlur: l
-}) => /* @__PURE__ */ d(p, { className: "ttw:w-24", children: [
-  /* @__PURE__ */ r(m, { type: "number", min: 0, max: 100, step: "any", "aria-invalid": s || void 0, disabled: i, value: t ?? "", onChange: (a) => {
-    const o = a.target.value;
-    if (o === "") {
-      e(void 0), n?.();
-      return;
-    }
-    const u = f(o);
-    e(u), n?.();
-  }, onInput: (a) => {
-    c(a.target);
-  }, onBlur: () => {
-    l?.();
-  } }),
-  /* @__PURE__ */ r(x, { align: "inline-end", children: "%" })
-] });
+import { jsx as r } from "@emotion/react/jsx-runtime";
+import { TagsAutocomplete as f } from "./index447.js";
+import { FormControl as p } from "@mui/material";
+import { Controller as u } from "react-hook-form";
+const T = ({
+  control: t,
+  name: i,
+  label: n,
+  variant: o = "filled",
+  disabled: m = !1,
+  required: l = !1,
+  helperText: d
+}) => /* @__PURE__ */ r(u, { name: i, control: t, render: ({
+  field: a,
+  fieldState: {
+    error: e
+  }
+}) => /* @__PURE__ */ r(p, { variant: o, fullWidth: !0, required: l, error: !!e, children: /* @__PURE__ */ r(f, { disabled: m, value: a.value || [], onChange: (s) => {
+  a.onChange(s);
+}, label: n, variant: o, error: !!e, helperText: e?.message || d, required: l }) }) });
 export {
-  b as TaxRateField
+  T as TagsAutocompleteInput
 };

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

@@ -1,34 +1,21 @@
-import { jsxs as V, jsx as s } from "@emotion/react/jsx-runtime";
-import { useState as S, useEffect as g } from "react";
-import { formatVatRateForDisplay as R } from "./index198.js";
-import { Select as x, SelectTrigger as b, SelectValue as C, SelectContent as D, SelectItem as j } from "./index279.js";
-const T = ({
-  availableVatRates: n,
-  value: o,
-  isNonVatSupported: l,
-  currentTaxRateValue: i,
-  highestVatRate: r,
-  error: f,
-  disabled: v = !1,
-  onChange: h,
-  onInitializeDefaults: u,
-  onModified: m,
-  shouldOverrideVatRateDefaults: d
-}) => {
-  const [c, p] = S(!1);
-  return g(() => {
-    if (c || !u || d)
-      return;
-    let e = null, t = null, a = null;
-    !l && r ? (e = r.id, t = r.value, a = null) : l && (e = null, t = null, a = i === void 0 ? 0 : i), (e !== o || l && a !== i) && u(e, t, a), p(!0);
-  }, [c, l, r, u, o, i, d]), l ? null : /* @__PURE__ */ V(x, { value: o ?? "", onValueChange: (e) => {
-    const t = n?.find((a) => a.id === e);
-    h(e, t?.value), m?.();
-  }, disabled: v, children: [
-    /* @__PURE__ */ s(b, { className: "ttw:w-full", "aria-invalid": f || void 0, children: /* @__PURE__ */ s(C, {}) }),
-    /* @__PURE__ */ s(D, { children: n?.map((e) => /* @__PURE__ */ s(j, { value: e.id, children: R(e.value) }, e.id)) })
-  ] });
-};
+import { useMoniteContext as s } from "./index59.js";
+import { useCounterpartsBankAccountsList as o } from "./index158.js";
+function p({
+  currentCounterpartId: e,
+  payableId: t
+}) {
+  const {
+    api: a
+  } = s(), n = o(e), r = a.finops.getPayablesIdLineItems.useQuery({
+    path: {
+      payable_id: t
+    }
+  });
+  return {
+    counterpartBankAccountQuery: n,
+    lineItemsQuery: r
+  };
+}
 export {
-  T as VatRateField
+  p as usePayableDetailsInfo
 };

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

@@ -1,8 +1,8 @@
 import { jsx as t, jsxs as a, Fragment as B } from "@emotion/react/jsx-runtime";
 import { useState as s, useMemo as N, useCallback as G } from "react";
-import { ProductDeleteModal as W } from "./index136.js";
-import { ProductType as q } from "./index137.js";
-import { Filters as H } from "./index138.js";
+import { ProductDeleteModal as W } from "./index219.js";
+import { ProductType as q } from "./index220.js";
+import { Filters as H } from "./index221.js";
 import { useMoniteContext as Y } from "./index59.js";
 import { MoniteScopedProviders as J } from "./index85.js";
 import { useCurrencies as Q } from "./index60.js";
@@ -10,27 +10,27 @@ import "./index94.js";
 import { useLingui as V } from "@lingui/react";
 import "react-dom";
 import "@mui/x-data-grid";
-import { useUserPermissions as X } from "./index133.js";
+import { useUserPermissions as X } from "./index138.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 k } from "../../shared/data-access/dist/lib/scopes.js";
-import { AccessRestriction as Z } from "./index135.js";
+import { AccessRestriction as Z } from "./index140.js";
 import { Button as f } from "./index86.js";
 import "clsx";
 import "tailwind-merge";
 import "@radix-ui/react-dialog";
 import { ArrowUp as ee, ArrowDown as te, ArrowUpDown as oe, Plus as ie } from "lucide-react";
-import { DataTable as re } from "./index139.js";
-import { GetNoRowsOverlay as ae } from "./index140.js";
-import { MeasureUnit as se } from "./index141.js";
-import { hasSelectedText as ne } from "./index142.js";
-import { FILTER_TYPE_SEARCH as S } from "./index143.js";
+import { DataTable as re } from "./index169.js";
+import { GetNoRowsOverlay as ae } from "./index168.js";
+import { MeasureUnit as se } from "./index222.js";
+import { hasSelectedText as ne } from "./index170.js";
+import { FILTER_TYPE_SEARCH as S } from "./index223.js";
 import "react-hot-toast";
-import { useGetProducts as le } from "./index144.js";
-import { ManageMeasureUnits as ce } from "./index145.js";
+import { useGetProducts as le } from "./index224.js";
+import { ManageMeasureUnits as ce } from "./index225.js";
 const Ge = (d) => /* @__PURE__ */ t(J, { children: /* @__PURE__ */ t(de, { ...d }) }), de = ({
   onFilterChanged: d,
   onSortChanged: g,