@tesouro/embedded-components-react 0.2.1 → 0.2.5

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

@@ -1,34 +1,99 @@
-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 "./index184.js";
-import { Select as x, SelectTrigger as b, SelectValue as C, SelectContent as D, SelectItem as j } from "./index321.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
+import { jsx as e, Fragment as b, jsxs as o } from "@emotion/react/jsx-runtime";
+import { manualPaymentRecordValidationSchema as g } from "./index208.js";
+import { useCurrencies as y } from "./index60.js";
+import { useMemo as _, useEffect as C } from "react";
+import "./index94.js";
+import { useLingui as F } from "@lingui/react";
+import "react-dom";
+import "./index59.js";
+import "@mui/x-data-grid";
+import { safeZodResolver as v } from "./index257.js";
+import { RHFDatePicker as D } from "./index492.js";
+import { RHFTextField as S } from "./index470.js";
+import { RHFTimePicker as T } from "./index493.js";
+import { DialogTitle as R, DialogContent as P, Grid as i, FormHelperText as k, Button as m, DialogActions as E, CircularProgress as H } from "@mui/material";
+import { useForm as V } from "react-hook-form";
+const Z = ({
+  invoice: r,
+  initialValues: n,
+  isLoading: u,
+  onSubmit: s,
+  onCancel: c
 }) => {
-  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)) })
-  ] });
+  const {
+    i18n: t
+  } = F(), {
+    formatCurrencyToDisplay: p,
+    getSymbolFromCurrency: d
+  } = y(), {
+    control: a,
+    handleSubmit: f,
+    reset: l,
+    setValue: x
+  } = V({
+    resolver: v(g(t, r.amount_due)),
+    defaultValues: _(() => n ?? {
+      amount: 0,
+      payment_date: /* @__PURE__ */ new Date(),
+      payment_time: /* @__PURE__ */ new Date()
+    }, [n])
+  });
+  C(() => {
+    l(n);
+  }, [n, l]);
+  const h = d(r.currency);
+  return /* @__PURE__ */ e(b, { children: /* @__PURE__ */ o("form", { onSubmit: f(s), children: [
+    /* @__PURE__ */ e(R, { sx: {
+      px: 4,
+      pt: 4
+    }, variant: "h3", id: "dialog-title", children: t._("Record payment") }),
+    /* @__PURE__ */ e(P, { sx: {
+      p: 4
+    }, children: /* @__PURE__ */ o(i, { container: !0, spacing: 1, children: [
+      /* @__PURE__ */ o(i, { item: !0, xs: 12, children: [
+        /* @__PURE__ */ e(S, { label: t._("Amount"), name: "amount", placeholder: "0", control: a, type: "number", sx: {
+          "::after": {
+            content: `"${h}"`,
+            position: "absolute",
+            right: "16px",
+            bottom: 0,
+            transform: "translateY(-50%)",
+            fontSize: "16px",
+            color: "rgba(0,0,0,0.28)",
+            pointerEvents: "none"
+          }
+        }, fullWidth: !0, required: !0 }),
+        /* @__PURE__ */ o(k, { children: [
+          t._("Enter full amount due of"),
+          " ",
+          /* @__PURE__ */ e(m, { variant: "text", sx: {
+            textDecoration: "underline"
+          }, onClick: () => x("amount", r.amount_due / 100), children: p(r.amount_due, r.currency) })
+        ] })
+      ] }),
+      /* @__PURE__ */ e(i, { item: !0, xs: 6, children: /* @__PURE__ */ e(D, { label: t._("Date"), name: "payment_date", control: a }) }),
+      /* @__PURE__ */ e(i, { item: !0, xs: 6, children: /* @__PURE__ */ e(T, { label: t._("Time"), name: "payment_time", control: a, sx: {
+        "::after": {
+          content: '"UTC"',
+          position: "absolute",
+          right: "16px",
+          bottom: 0,
+          transform: "translateY(-50%)",
+          fontSize: "16px",
+          color: "rgba(0,0,0,0.28)",
+          pointerEvents: "none"
+        }
+      }, fullWidth: !0, required: !0 }) })
+    ] }) }),
+    /* @__PURE__ */ o(E, { sx: {
+      px: 4,
+      pb: 4
+    }, children: [
+      /* @__PURE__ */ e(m, { autoFocus: !0, onClick: c, children: t._("Cancel") }),
+      /* @__PURE__ */ e(m, { variant: "contained", startIcon: u ? /* @__PURE__ */ e(H, { size: 20, color: "warning" }) : null, type: "submit", children: t._("Save") })
+    ] })
+  ] }) });
 };
 export {
-  T as VatRateField
+  Z as PaymentRecordForm
 };

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

@@ -5,7 +5,7 @@ import { InvoicesTable as x } from "./index36.js";
 import { QuotesTable as $ } from "./index37.js";
 import { useMoniteContext as T } from "./index59.js";
 import { MoniteScopedProviders as I } from "./index85.js";
-import { classNames as q } from "./index150.js";
+import { classNames as q } from "./index191.js";
 import { useLingui as R } from "@lingui/react";
 import { Box as s, Tabs as D } from "@mui/material";
 import { useState as N, useId as S } from "react";

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

@@ -1,4 +1,39 @@
-const t = () => typeof crypto < "u" && typeof crypto.randomUUID == "function" ? crypto.randomUUID() : `${Date.now().toString(36)}-${Math.random().toString(36).substring(2, 9)}`;
+import { useMoniteContext as c } from "./index59.js";
+import { getAPIErrorMessage as o } from "./index121.js";
+import { useLingui as u } from "@lingui/react";
+import { toast as a } from "react-hot-toast";
+const f = (s, t) => {
+  const {
+    i18n: i
+  } = u(), {
+    api: e,
+    queryClient: r
+  } = c();
+  return e.finops.postRecurrencesIdCancel.useMutation({
+    path: {
+      recurrence_id: s
+    }
+  }, {
+    onError: (n) => {
+      a.error(o(i, n));
+    },
+    onSuccess: async () => {
+      await Promise.all([e.finops.getReceivables.invalidateQueries(r), e.finops.getReceivablesId.invalidateQueries({
+        parameters: {
+          path: {
+            receivable_id: t
+          }
+        }
+      }, r), e.finops.getRecurrencesId.invalidateQueries({
+        parameters: {
+          path: {
+            recurrence_id: s
+          }
+        }
+      }, r)]), a.success(i._("Recurrence has been canceled"));
+    }
+  });
+};
 export {
-  t as generateUniqueId
+  f as useCancelRecurrence
 };

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

@@ -1,143 +1,24 @@
-import { jsxs as l, Fragment as h, jsx as e } from "@emotion/react/jsx-runtime";
-import { useFormContext as y, Controller as F } from "react-hook-form";
-import { getCountries as b } from "./index95.js";
-import "date-fns";
-import { FormField as d, FormItem as c, FormLabel as o, FormControl as a, FormMessage as s, FormDescription as S } from "./index376.js";
-import { Input as i } from "./index128.js";
-import { useLingui as N } from "@lingui/react";
-import { Field as f, FieldContent as w, FieldLabel as u } from "./index227.js";
-import { Select as C, SelectTrigger as v, SelectValue as j, SelectContent as I, SelectItem as L } from "./index321.js";
-import { USStatesEnum as T } from "./index459.js";
-const k = ({
-  entityType: p
-}) => {
+import { useMoniteContext as n } from "./index59.js";
+import { useLingui as a } from "@lingui/react";
+import { toast as s } from "react-hot-toast";
+const m = (e) => {
   const {
-    i18n: r
-  } = N(), {
-    control: n,
-    watch: x
-  } = y(), _ = b(r);
-  return /* @__PURE__ */ l(h, { children: [
-    p === "individual" ? /* @__PURE__ */ l(h, { children: [
-      /* @__PURE__ */ e(d, { name: "title", control: n, render: ({
-        field: t
-      }) => /* @__PURE__ */ l(c, { children: [
-        /* @__PURE__ */ e(o, { children: r._("Title") }),
-        /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(i, { ...t }) }),
-        /* @__PURE__ */ e(s, {})
-      ] }) }),
-      /* @__PURE__ */ l("div", { className: "ttw:flex ttw:justify-between ttw:gap-4", children: [
-        /* @__PURE__ */ e(d, { name: "name", control: n, render: ({
-          field: t
-        }) => /* @__PURE__ */ l(c, { className: "ttw:flex ttw:flex-col ttw:flex-1", children: [
-          /* @__PURE__ */ e(o, { children: r._("Name") }),
-          /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(i, { ...t }) }),
-          /* @__PURE__ */ e(s, {})
-        ] }) }),
-        /* @__PURE__ */ e(d, { name: "surname", control: n, render: ({
-          field: t
-        }) => /* @__PURE__ */ l(c, { className: "ttw:flex ttw:flex-col ttw:flex-1", children: [
-          /* @__PURE__ */ e(o, { children: r._("Surname") }),
-          /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(i, { ...t }) }),
-          /* @__PURE__ */ e(s, {})
-        ] }) })
-      ] })
-    ] }) : /* @__PURE__ */ e(d, { name: "name", control: n, render: ({
-      field: t
-    }) => /* @__PURE__ */ l(c, { children: [
-      /* @__PURE__ */ e(o, { children: r._("Legal name") }),
-      /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(i, { ...t }) }),
-      /* @__PURE__ */ e(s, {})
-    ] }) }),
-    /* @__PURE__ */ e(d, { name: "tax_id", control: n, render: ({
-      field: t
-    }) => /* @__PURE__ */ l(c, { children: [
-      /* @__PURE__ */ e(o, { children: r._("Tax ID") }),
-      /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(i, { ...t }) }),
-      /* @__PURE__ */ e(s, {})
-    ] }) }),
-    /* @__PURE__ */ e(d, { name: "email", control: n, render: ({
-      field: t
-    }) => /* @__PURE__ */ l(c, { children: [
-      /* @__PURE__ */ e(o, { children: r._("Email") }),
-      /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(i, { ...t, type: "email" }) }),
-      /* @__PURE__ */ e(s, {})
-    ] }) }),
-    /* @__PURE__ */ e(d, { name: "phone", control: n, render: ({
-      field: t
-    }) => /* @__PURE__ */ l(c, { children: [
-      /* @__PURE__ */ e(o, { children: r._("Contact phone number") }),
-      /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(i, { ...t, type: "tel" }) }),
-      /* @__PURE__ */ e(s, {})
-    ] }) }),
-    /* @__PURE__ */ e(d, { name: "website", control: n, render: ({
-      field: t
-    }) => /* @__PURE__ */ l(c, { children: [
-      /* @__PURE__ */ e(o, { children: r._("Website") }),
-      /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(i, { ...t, type: "url" }) }),
-      /* @__PURE__ */ e(s, {})
-    ] }) }),
-    /* @__PURE__ */ l("section", { className: "ttw:flex ttw:flex-col ttw:gap-2", children: [
-      /* @__PURE__ */ e("h3", { className: "ttw:text-lg ttw:font-semibold", children: r._("Address") }),
-      /* @__PURE__ */ l("div", { className: "ttw:flex ttw:flex-col ttw:gap-4 ttw:p-6 ttw:border ttw:border-border ttw:rounded-xl", children: [
-        /* @__PURE__ */ e(d, { name: "address_line_1", control: n, render: ({
-          field: t
-        }) => /* @__PURE__ */ l(c, { children: [
-          /* @__PURE__ */ e(o, { children: r._("Street address") }),
-          /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(i, { ...t }) }),
-          /* @__PURE__ */ e(s, {})
-        ] }) }),
-        /* @__PURE__ */ e(d, { name: "address_line_2", control: n, render: ({
-          field: t
-        }) => /* @__PURE__ */ l(c, { children: [
-          /* @__PURE__ */ e(o, { children: r._("Apt, suite, floor, etc.") }),
-          /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(i, { ...t }) }),
-          /* @__PURE__ */ e(s, {})
-        ] }) }),
-        /* @__PURE__ */ l("div", { className: "ttw:flex ttw:justify-between ttw:gap-4", children: [
-          /* @__PURE__ */ e(d, { name: "city", control: n, render: ({
-            field: t
-          }) => /* @__PURE__ */ l(c, { className: "ttw:flex ttw:flex-col ttw:flex-1", children: [
-            /* @__PURE__ */ e(o, { children: r._("City") }),
-            /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(i, { ...t }) }),
-            /* @__PURE__ */ e(s, {})
-          ] }) }),
-          /* @__PURE__ */ e(d, { name: "postal_code", control: n, render: ({
-            field: t
-          }) => /* @__PURE__ */ l(c, { className: "ttw:flex ttw:flex-col ttw:flex-1", children: [
-            /* @__PURE__ */ e(o, { children: r._("Postal code") }),
-            /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(i, { ...t }) }),
-            /* @__PURE__ */ e(s, {})
-          ] }) })
-        ] }),
-        /* @__PURE__ */ e(F, { name: "state", control: n, render: ({
-          field: t
-        }) => x("country") === "US" ? /* @__PURE__ */ e(f, { children: /* @__PURE__ */ l(w, { children: [
-          /* @__PURE__ */ e(u, { htmlFor: t.name, children: r._("State") }),
-          /* @__PURE__ */ l(C, { value: t.value ?? void 0, onValueChange: t.onChange, children: [
-            /* @__PURE__ */ e(v, { ref: t.ref, onBlur: t.onBlur, className: "ttw:w-full", children: /* @__PURE__ */ e(j, { placeholder: r._("Select a state") }) }),
-            /* @__PURE__ */ e(I, { children: Object.entries(T).map(([m, g]) => /* @__PURE__ */ l(L, { value: m, children: [
-              g,
-              " — ",
-              m
-            ] }, m)) })
-          ] })
-        ] }) }) : /* @__PURE__ */ e(f, { children: /* @__PURE__ */ l(w, { children: [
-          /* @__PURE__ */ e(u, { htmlFor: t.name, children: r._("State") }),
-          /* @__PURE__ */ e(i, { id: t.name, ...t })
-        ] }) }) }),
-        /* @__PURE__ */ e(d, { name: "country", control: n, render: ({
-          field: t
-        }) => /* @__PURE__ */ l(c, { children: [
-          /* @__PURE__ */ e(o, { children: r._("Country") }),
-          /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(i, { ...t, disabled: !0, value: _[t.value ?? ""] }) }),
-          /* @__PURE__ */ e(S, { children: r._("You can't change the country the organization is registered in") }),
-          /* @__PURE__ */ e(s, {})
-        ] }) })
-      ] })
-    ] })
-  ] });
+    api: t,
+    queryClient: i
+  } = n(), {
+    i18n: o
+  } = a();
+  return t.finops.deleteMeasureUnitsId.useMutation(void 0, {
+    onSuccess: async () => {
+      e && (await t.finops.getMeasureUnits.invalidateQueries(i), s.success(o._("Unit {name} was deleted from the list.", {
+        name: e
+      })));
+    },
+    onError: (r) => {
+      console.error(r), s.error(o._("Failed to delete Unit."));
+    }
+  });
 };
 export {
-  k as EntityProfileFormContent
+  m as useDeleteMeasureUnit
 };

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

@@ -1,15 +1,30 @@
-import { useMoniteContext as s } from "./index59.js";
-const i = () => {
+import { useMoniteContext as u } from "./index59.js";
+import { getAPIErrorMessage as m } from "./index121.js";
+import { useLingui as c } from "@lingui/react";
+import { toast as n } from "react-hot-toast";
+const M = (a, i) => {
   const {
     api: t,
-    queryClient: e
-  } = s();
-  return t.finops.patchEntityUsersMyEntity.useMutation({}, {
-    onSuccess: () => {
-      t.finops.getEntityUsersMyEntity.invalidateQueries(e);
+    queryClient: o
+  } = u(), {
+    i18n: r
+  } = c();
+  return t.finops.postMeasureUnits.useMutation({}, {
+    onSuccess: async (e) => {
+      await t.finops.getMeasureUnits.invalidateQueries(o), n.success(r._("Unit {name} was added to the list", {
+        name: e.name
+      })), a?.();
+    },
+    onError: async (e) => {
+      const s = m(r, e);
+      if (s.includes("already exists")) {
+        i?.(s);
+        return;
+      } else
+        n.error(s);
     }
   });
 };
 export {
-  i as usePatchEntityById
+  M as useCreateMeasureUnit
 };

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

@@ -1,24 +1,40 @@
-import { useMemo as s } from "react";
-import { useLingui as t } from "@lingui/react";
-import { useExistingCurrenciesFromProducts as u } from "./index496.js";
-const d = () => {
+import { useMoniteContext as p } from "./index59.js";
+import { getAPIErrorMessage as m } from "./index121.js";
+import { useLingui as d } from "@lingui/react";
+import { toast as n } from "react-hot-toast";
+const g = (i, o, u) => {
   const {
-    i18n: r
-  } = t(), {
-    existingCurrencies: e,
-    isLoadingProducts: o
-  } = u();
-  return {
-    currencyGroups: s(() => [{
-      title: r._("You have items in"),
-      predicate: (i) => e.has(i.code)
-    }, {
-      title: r._("No items created in"),
-      predicate: (i) => !e.has(i.code)
-    }], [e, r]),
-    isLoadingCurrencyGroups: o
-  };
+    api: e,
+    queryClient: r
+  } = p(), {
+    i18n: a
+  } = d();
+  return e.finops.patchMeasureUnitsId.useMutation({
+    path: {
+      unit_id: i
+    }
+  }, {
+    onSuccess: async (s) => {
+      await Promise.all([e.finops.getMeasureUnits.invalidateQueries(r), e.finops.getMeasureUnitsId.invalidateQueries({
+        parameters: {
+          path: {
+            unit_id: i
+          }
+        }
+      }, r)]), n.success(a._("Unit {name} was updated", {
+        name: s.name
+      })), o?.();
+    },
+    onError: (s) => {
+      const t = m(a, s);
+      if (t.includes("already exists")) {
+        u?.(t);
+        return;
+      } else
+        n.error(t);
+    }
+  });
 };
 export {
-  d as useProductCurrencyGroups
+  g as useUpdateMeasureUnit
 };

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

@@ -1,82 +1,71 @@
-import { jsxs as s, jsx as r } from "@emotion/react/jsx-runtime";
-import { useMemo as m, Fragment as N } from "react";
-import { useCurrencies as A } from "./index60.js";
-import "./index94.js";
-import { useLingui as B } from "@lingui/react";
-import "react-dom";
-import "./index59.js";
-import "@mui/x-data-grid";
-import { getCurrenciesArray as M, sortCurrencyOptionsByGroup as O, getGroupTitleForOption as j } from "./index96.js";
-import "date-fns";
-import { Combobox as E, ComboboxInput as P, ComboboxContent as V, ComboboxList as z, ComboboxEmpty as W, ComboboxCollection as u, ComboboxGroup as k, ComboboxLabel as q, ComboboxItem as D } from "./index92.js";
-import { InputGroupAddon as H, InputGroupText as J } from "./index103.js";
-const ne = ({
-  value: d,
-  onChange: w,
-  disabled: y,
-  invalid: L,
-  allowedCurrencies: p,
-  groups: n,
-  showCodeOnly: l = !1,
-  showCurrencyCode: h = !1,
-  showCurrencySymbol: v = !0,
-  showClearButton: S = !0,
-  className: G,
-  container: T
+import { jsx as t, jsxs as a } from "@emotion/react/jsx-runtime";
+import { getMeasureUnitValidationSchema as z } from "./index154.js";
+import { Button as o } from "./index86.js";
+import { Input as p } from "./index124.js";
+import { TableRow as C, TableCell as M } from "./index296.js";
+import { zodResolver as S } from "@hookform/resolvers/zod";
+import { useLingui as U } from "@lingui/react";
+import { Check as $, X as j } from "lucide-react";
+import { useForm as k, Controller as f } from "react-hook-form";
+import { useCreateMeasureUnit as E } from "./index422.js";
+import { useUpdateMeasureUnit as V } from "./index423.js";
+const P = {
+  name: "",
+  description: ""
+}, D = ({
+  id: s,
+  isEditMode: n,
+  initialValues: h = P,
+  onCancel: g,
+  onEdit: v
 }) => {
   const {
-    i18n: a
-  } = B(), {
-    getSymbolFromCurrency: _
-  } = A(), i = m(() => {
-    const e = M(a);
-    return p ? e.filter((o) => p.includes(o.code)) : e;
-  }, [p, a]), C = m(() => O(i, n), [i, n]), f = m(() => new Map(i.map((e) => [e.code, e])), [i]), x = y || i.length === 1, g = d ? _(d) : "", F = (e) => {
-    const o = f.get(e);
-    return o ? l ? o.code : h ? `${o.label} (${o.code})` : o.label : e;
-  }, I = m(() => {
-    if (!n)
-      return C.map((o) => o.code);
-    const e = [];
-    for (const o of C) {
-      const {
-        title: c
-      } = j(o, n), t = e[e.length - 1];
-      t && t.title === c ? t.items.push(o.code) : e.push({
-        title: c,
-        items: [o.code]
-      });
+    i18n: m
+  } = U(), b = z(m), {
+    handleSubmit: l,
+    control: d,
+    reset: y,
+    setError: c
+  } = k({
+    defaultValues: h,
+    resolver: S(b)
+  }), w = E(() => y(), (e) => c("name", {
+    type: "custom",
+    message: e
+  })), i = V(s ?? "", () => v?.(), (e) => c("name", {
+    type: "custom",
+    message: e
+  })), x = (e) => {
+    if (!n || !s) {
+      console.error("handleEdit called without valid id or edit mode");
+      return;
     }
-    return e;
-  }, [C, n]), b = (e) => {
-    const o = f.get(e);
-    return /* @__PURE__ */ s(D, { value: e, children: [
-      /* @__PURE__ */ s("span", { children: [
-        l ? e : o?.label ?? e,
-        !l && h && ` (${e})`
-      ] }),
-      !l && !h && /* @__PURE__ */ r("span", { className: "ttw:ml-auto ttw:text-xs ttw:text-muted-foreground", children: e })
-    ] }, e);
-  };
-  return /* @__PURE__ */ s(E, { value: d ?? null, onValueChange: (e) => w?.(e ?? void 0), items: I, itemToStringLabel: F, filter: (e, o, c) => {
-    const t = o.toLowerCase().trim();
-    return t ? e.toLowerCase().includes(t) || (c?.(e) ?? "").toLowerCase().includes(t) : !0;
-  }, disabled: x, children: [
-    /* @__PURE__ */ r(P, { showClear: S, disabled: x, className: G, placeholder: a._("Currency"), "aria-invalid": L || void 0, children: v && g && /* @__PURE__ */ r(H, { align: "inline-start", children: /* @__PURE__ */ r(J, { children: g }) }) }),
-    /* @__PURE__ */ r(V, { container: T, children: /* @__PURE__ */ s(z, { children: [
-      /* @__PURE__ */ r(W, { children: a._("No currencies found") }),
-      n ? (
-        // Grouped: outer Collection maps over filtered { title, items } objects;
-        // each ComboboxGroup provides its items via GroupCollectionContext so the
-        // inner Collection can render only that group's filtered codes.
-        /* @__PURE__ */ r(u, { children: (e) => /* @__PURE__ */ r(N, { children: e.title ? /* @__PURE__ */ s(k, { items: e.items, children: [
-          /* @__PURE__ */ r(q, { children: e.title }),
-          /* @__PURE__ */ r(u, { children: (o) => b(o) })
-        ] }) : /* @__PURE__ */ r(u, { children: (o) => b(o) }) }, e.title || "__ungrouped") })
-      ) : /* @__PURE__ */ r(u, { children: (e) => b(e) })
-    ] }) })
-  ] });
+    i.mutate(e);
+  }, N = (e) => {
+    w.mutate(e);
+  }, u = w.isPending || i.isPending;
+  return /* @__PURE__ */ t(C, { className: "ttw:border-border ttw:hover:bg-transparent", children: /* @__PURE__ */ t(M, { colSpan: 3, className: "ttw:w-full ttw:whitespace-normal", children: /* @__PURE__ */ a("div", { className: "ttw:flex ttw:gap-2 ttw:justify-between ttw:items-start", children: [
+    /* @__PURE__ */ t(f, { name: "name", control: d, render: ({
+      field: e,
+      fieldState: {
+        error: r
+      }
+    }) => /* @__PURE__ */ a("div", { className: "ttw:w-[35%]", children: [
+      /* @__PURE__ */ t(p, { ...e, disabled: u, "aria-invalid": !!r || void 0, className: "ttw:h-8" }),
+      r && /* @__PURE__ */ t("p", { className: "ttw:text-xs ttw:text-destructive ttw:mt-1", children: r.message })
+    ] }) }),
+    /* @__PURE__ */ t(f, { name: "description", control: d, render: ({
+      field: e,
+      fieldState: {
+        error: r
+      }
+    }) => /* @__PURE__ */ t("div", { className: "ttw:w-[55%]", children: /* @__PURE__ */ t(p, { ...e, id: e.name, disabled: u, "aria-invalid": !!r || void 0, className: "ttw:h-8" }) }) }),
+    n ? /* @__PURE__ */ a("div", { className: "ttw:flex ttw:justify-center ttw:gap-1", children: [
+      /* @__PURE__ */ t(o, { variant: "outline", size: "icon", className: "ttw:size-8 ttw:bg-primary-foreground ttw:text-primary ttw:hover:text-primary ttw:hover:bg-primary-foreground/80 ttw:border-0", disabled: i.isPending, onClick: l(x), children: /* @__PURE__ */ t($, { className: "ttw:size-4" }) }),
+      /* @__PURE__ */ t(o, { variant: "outline", size: "icon", className: "ttw:size-8 ttw:bg-primary-foreground ttw:text-primary ttw:hover:text-primary ttw:hover:bg-primary-foreground/80 ttw:border-0", onClick: g, children: /* @__PURE__ */ t(j, { className: "ttw:size-4" }) })
+    ] }) : /* @__PURE__ */ t(o, { variant: "outline", size: "sm", className: "ttw:h-8 ttw:bg-primary-foreground ttw:text-primary ttw:hover:text-primary ttw:hover:bg-primary-foreground/80 ttw:border-0", onClick: l(N), children: m._("Add") })
+  ] }) }) });
 };
 export {
-  ne as MoniteCurrencyShadcn
+  D as MeasureUnitsFormRow
 };