@tesouro/embedded-components-react 0.2.197 → 0.2.200

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

@@ -1,129 +1,27 @@
-import { startOfDay as c, startOfYear as r, subYears as m, endOfYear as s, startOfQuarter as o, subQuarters as b, endOfQuarter as u, subDays as a, startOfMonth as l, subMonths as d, endOfMonth as n, startOfWeek as _, subWeeks as i, endOfWeek as f, endOfDay as y } from "date-fns";
-const v = [{
-  value: "today",
-  label: "Today",
-  group: "Current"
-}, {
-  value: "this_week",
-  label: "This week",
-  group: "Current"
-}, {
-  value: "this_month",
-  label: "This month",
-  group: "Current"
-}, {
-  value: "this_quarter",
-  label: "This quarter",
-  group: "Current"
-}, {
-  value: "this_year",
-  label: "This year",
-  group: "Current"
-}, {
-  value: "yesterday",
-  label: "Yesterday",
-  group: "Past"
-}, {
-  value: "last_week",
-  label: "Last week",
-  group: "Past"
-}, {
-  value: "last_month",
-  label: "Last month",
-  group: "Past"
-}, {
-  value: "last_30_days",
-  label: "Last 30 days",
-  group: "Past"
-}, {
-  value: "last_90_days",
-  label: "Last 90 days",
-  group: "Past"
-}, {
-  value: "last_quarter",
-  label: "Last quarter",
-  group: "Past"
-}, {
-  value: "last_year",
-  label: "Last year",
-  group: "Past"
-}];
-function g(h) {
-  const e = c(/* @__PURE__ */ new Date());
-  switch (h) {
-    case "today":
-      return {
-        from: e,
-        to: y(e)
-      };
-    case "this_week":
-      return {
-        from: _(e),
-        to: f(e)
-      };
-    case "this_month":
-      return {
-        from: l(e),
-        to: n(e)
-      };
-    case "this_quarter":
-      return {
-        from: o(e),
-        to: u(e)
-      };
-    case "this_year":
-      return {
-        from: r(e),
-        to: s(e)
-      };
-    case "yesterday": {
-      const t = a(e, 1);
-      return {
-        from: t,
-        to: y(t)
-      };
+import { toast as c } from "react-hot-toast";
+import { useMoniteContext as n } from "./index57.js";
+import { useLingui as l } from "@lingui/react";
+const b = (e, t) => {
+  const {
+    api: i,
+    queryClient: s
+  } = n(), {
+    i18n: a
+  } = l();
+  return i.finops.postReceivablesIdMarkAsUncollectible.useMutation({
+    path: {
+      receivable_id: e
     }
-    case "last_week": {
-      const t = _(i(e, 1));
-      return {
-        from: t,
-        to: f(t)
-      };
+  }, {
+    onSuccess: async (o) => {
+      t?.(e), i.finops.getReceivablesId.setQueryData({
+        path: {
+          receivable_id: e
+        }
+      }, o, s), await i.finops.getReceivables.invalidateQueries(s), c.success(a._("Marked as uncollectible"));
     }
-    case "last_month": {
-      const t = l(d(e, 1));
-      return {
-        from: t,
-        to: n(t)
-      };
-    }
-    case "last_30_days":
-      return {
-        from: a(e, 30),
-        to: e
-      };
-    case "last_90_days":
-      return {
-        from: a(e, 90),
-        to: e
-      };
-    case "last_quarter": {
-      const t = o(b(e, 1));
-      return {
-        from: t,
-        to: u(t)
-      };
-    }
-    case "last_year": {
-      const t = r(m(e, 1));
-      return {
-        from: t,
-        to: s(t)
-      };
-    }
-  }
-}
+  });
+};
 export {
-  v as DATE_PRESETS,
-  g as resolveDatePreset
+  b as useMarkAsUncollectibleReceivableById
 };

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

@@ -1,12 +1,76 @@
-const g = (r, t = /* @__PURE__ */ new Date()) => {
-  if (!r)
-    return 0;
-  const e = new Date(r);
-  if (Number.isNaN(e.getTime()))
-    return 0;
-  const n = 1e3 * 60 * 60 * 24, T = Date.UTC(t.getUTCFullYear(), t.getUTCMonth(), t.getUTCDate()), o = Date.UTC(e.getUTCFullYear(), e.getUTCMonth(), e.getUTCDate()), a = Math.floor((T - o) / n);
-  return a > 0 ? a : 0;
+import { jsxs as a, jsx as e } from "@emotion/react/jsx-runtime";
+import { useMoniteContext as h } from "./index57.js";
+import { useCurrencies as y } from "./index58.js";
+import "react";
+import "./index92.js";
+import { useLingui as f } from "@lingui/react";
+import "react-dom";
+import "@mui/x-data-grid";
+import "@tanstack/react-query";
+import "date-fns";
+import { useEntityUserByAuthToken as x } from "./index75.js";
+import "react-hot-toast";
+import { MoniteCard as g } from "./index436.js";
+import _ from "@mui/icons-material/DriveFileRenameOutline";
+import { Box as o, Typography as r, Skeleton as v, Alert as b } from "@mui/material";
+const L = ({
+  paymentRecords: i,
+  invoice: n
+}) => {
+  const {
+    i18n: t
+  } = f(), {
+    locale: c
+  } = h(), {
+    formatCurrencyToDisplay: s
+  } = y(), d = new Date(i.payment_date ?? "").setHours(i.payment_time?.getHours() ?? 0, i.payment_time?.getMinutes() ?? 0), p = t.date(new Date(d), c.dateTimeFormat), {
+    data: l,
+    isLoading: u
+  } = x(), m = `${l?.first_name ?? ""} ${l?.last_name ?? ""}`;
+  return /* @__PURE__ */ a(o, { sx: {
+    display: "flex",
+    flexDirection: "column",
+    gap: 3
+  }, children: [
+    /* @__PURE__ */ a(o, { sx: {
+      display: "flex",
+      flexDirection: "column",
+      gap: 1,
+      alignItems: "center",
+      textAlign: "center"
+    }, children: [
+      /* @__PURE__ */ e(o, { sx: {
+        borderRadius: "100%",
+        backgroundColor: "#F2F2F2",
+        width: "44px",
+        height: "44px",
+        display: "flex",
+        justifyContent: "center",
+        alignItems: "center"
+      }, children: /* @__PURE__ */ e(_, { sx: {
+        color: "#707070"
+      } }) }),
+      /* @__PURE__ */ e(r, { variant: "body1", children: t._("Manual payment record") }),
+      /* @__PURE__ */ a(o, { children: [
+        /* @__PURE__ */ e(r, { variant: "h2", children: s(i?.amount ?? 0, n.currency) }),
+        /* @__PURE__ */ e(r, { variant: "body1", children: t._("from {invoiceCounterpart_name}", {
+          invoiceCounterpart_name: n.counterpart_name
+        }) })
+      ] })
+    ] }),
+    /* @__PURE__ */ e(g, { items: [{
+      label: t._("Received"),
+      value: i.payment_date ? /* @__PURE__ */ e(r, { fontWeight: 500, children: p }) : "—"
+    }, {
+      label: t._("Reference"),
+      value: n.id ? /* @__PURE__ */ e(r, { fontWeight: 500, children: n.id }) : "—"
+    }, {
+      label: t._("Created by"),
+      value: u ? /* @__PURE__ */ e(v, { variant: "text", width: "50%" }) : m ? /* @__PURE__ */ e(r, { fontWeight: 500, children: m }) : "—"
+    }] }),
+    /* @__PURE__ */ e(b, { severity: "warning", children: /* @__PURE__ */ e(r, { variant: "body2", children: t._("Please, check the details of your payment record. You won't be able to change or delete it after.") }) })
+  ] });
 };
 export {
-  g as getDaysOverdue
+  L as ManualPaymentRecordDetails
 };

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

@@ -1,13 +1,99 @@
-const f = (n, r) => `${n} ${n === 1 ? r._("day") : r._("days")}`, s = (n, r) => {
-  const e = n.map((_) => f(_, r));
-  if (e.length <= 1) return e[0] ?? "";
-  const t = r._("and");
-  return e.length === 2 ? `${e[0]} ${t} ${e[1]}` : `${e.slice(0, -1).join(", ")}, ${t} ${e[e.length - 1]}`;
-}, d = (n) => [n?.term_1_reminder?.days_before, n?.term_2_reminder?.days_before, n?.term_final_reminder?.days_before].filter((r) => typeof r == "number"), l = (n) => (n?.terms ?? []).map((r) => r.days_after).filter((r) => typeof r == "number"), m = (n, r, e, t = !1) => {
-  const _ = d(n), o = l(r), a = [];
-  return _.length > 0 && a.push(`${s(_, e)} ${e._("before")}`), o.length > 0 && a.push(`${s(o, e)} ${e._("after")}`), a.length > 0 ? a.join(`
-`) : t ? "-" : e._("None");
+import { jsx as e, Fragment as b, jsxs as o } from "@emotion/react/jsx-runtime";
+import { manualPaymentRecordValidationSchema as g } from "./index191.js";
+import { useCurrencies as y } from "./index58.js";
+import { useMemo as _, useEffect as C } from "react";
+import "./index92.js";
+import { useLingui as F } from "@lingui/react";
+import "react-dom";
+import "./index57.js";
+import "@mui/x-data-grid";
+import { safeZodResolver as v } from "./index258.js";
+import { RHFDatePicker as D } from "./index437.js";
+import { RHFTextField as S } from "./index438.js";
+import { RHFTimePicker as R } from "./index439.js";
+import { DialogTitle as T, 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 {
+    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(T, { 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(R, { 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 {
-  m as formatReminderSchedule
+  Z as PaymentRecordForm
 };

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

@@ -1,7 +1,7 @@
 import { jsx as o, jsxs as $ } from "@emotion/react/jsx-runtime";
 import { ScopedCssBaselineContainerClassName as z } from "./index104.js";
 import { InvoiceStatusChip as D } from "./index55.js";
-import { ReceivableFilters as Q } from "./index188.js";
+import { ReceivableFilters as Q } from "./index187.js";
 import "react-hot-toast";
 import { useMoniteContext as k } from "./index57.js";
 import { useLingui as G } from "@lingui/react";
@@ -11,7 +11,7 @@ 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 { useReceivablesFilters as B } from "./index189.js";
+import { useReceivablesFilters as B } from "./index188.js";
 import "date-fns";
 import { useCurrencies as W } from "./index58.js";
 import "clsx";
@@ -19,19 +19,19 @@ import "tailwind-merge";
 import "@radix-ui/react-dropdown-menu";
 import "lucide-react";
 import "./index84.js";
-import { useGetReceivables as j } from "./index143.js";
+import { useGetReceivables as j } from "./index166.js";
 import "./index92.js";
 import { useAreCounterpartsLoading as q, defaultCounterpartColumnWidth as E, useAutosizeGridColumns as V } from "./index62.js";
 import "react-hook-form";
 import { MoniteScopedProviders as H } from "./index83.js";
-import { ReceivableCursorFields as S } from "./index186.js";
-import { CounterpartNameCellById as Y } from "./index157.js";
-import { DataGridEmptyState as J } from "./index190.js";
-import { GetNoRowsOverlay as K } from "./index158.js";
-import { DueDateCell as U } from "./index187.js";
+import { ReceivableCursorFields as S } from "./index185.js";
+import { CounterpartNameCellById as Y } from "./index178.js";
+import { DataGridEmptyState as J } from "./index189.js";
+import { GetNoRowsOverlay as K } from "./index141.js";
+import { DueDateCell as U } from "./index186.js";
 import { TablePagination as X } from "./index86.js";
-import { classNames as Z } from "./index191.js";
-import { hasSelectedText as ee } from "./index160.js";
+import { classNames as Z } from "./index190.js";
+import { hasSelectedText as ee } from "./index143.js";
 import { Stack as te, Typography as oe, Box as ae } from "@mui/material";
 import { DataGrid as ie } from "@mui/x-data-grid";
 const We = (l) => /* @__PURE__ */ o(H, { children: /* @__PURE__ */ o(re, { ...l }) }), re = ({

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

@@ -1,9 +1,39 @@
-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 { useMoniteContext as c } from "./index57.js";
+import { getAPIErrorMessage as o } from "./index123.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 {
-  e as formatFileSize
+  f as useCancelRecurrence
 };

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

@@ -1,9 +1,12 @@
-const t = (e) => ({
-  approved: e._("Approved"),
-  canceled: e._("Canceled"),
-  rejected: e._("Rejected"),
-  waiting: e._("In approval")
-});
+const g = (r, t = /* @__PURE__ */ new Date()) => {
+  if (!r)
+    return 0;
+  const e = new Date(r);
+  if (Number.isNaN(e.getTime()))
+    return 0;
+  const n = 1e3 * 60 * 60 * 24, T = Date.UTC(t.getUTCFullYear(), t.getUTCMonth(), t.getUTCDate()), o = Date.UTC(e.getUTCFullYear(), e.getUTCMonth(), e.getUTCDate()), a = Math.floor((T - o) / n);
+  return a > 0 ? a : 0;
+};
 export {
-  t as getRowToStatusTextMap
+  g as getDaysOverdue
 };

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

@@ -1,56 +1,13 @@
-import { jsx as o, jsxs as h, Fragment as x } from "@emotion/react/jsx-runtime";
-import { useState as n } from "react";
-import { useMoniteContext as y } from "./index57.js";
-import { useRootElements as I } from "./index92.js";
-import { classNames as _ } from "./index191.js";
-import { useLingui as F } from "@lingui/react";
-import { Autocomplete as M, TextField as O, CircularProgress as v } from "@mui/material";
-const $ = ({
-  onChange: l,
-  className: p
-}) => {
-  const {
-    i18n: r
-  } = F(), {
-    api: d
-  } = y(), {
-    root: u
-  } = I(), [i, s] = n(!1), [m, c] = n(null), [f, g] = n(""), {
-    data: C,
-    isLoading: a,
-    refetch: A
-  } = d.finops.getEntityUsers.useQuery({
-    query: {
-      name__istartswith: f || void 0
-    }
-  }, {
-    enabled: i
-  });
-  return /* @__PURE__ */ o(M, { autoComplete: !0, includeInputInList: !0, filterSelectedOptions: !0, value: m, noOptionsText: r._("No users found"), slotProps: {
-    popper: {
-      container: u
-    }
-  }, open: i, onOpen: () => {
-    s(!0);
-  }, onClose: () => {
-    s(!1);
-  }, loading: a, options: C?.data || [], getOptionLabel: (e) => `${e.first_name ?? ""} ${e.last_name ?? ""}`.trim(), isOptionEqualToValue: (e, t) => e.id === t.id, filterOptions: (e) => e, onInputChange: (e, t) => {
-    g(t);
-  }, onChange: (e, t) => {
-    c(t), l(t?.id), A();
-  }, className: _("Monite-ApprovalAddedByFilter-Container", "Monite-FilterControl", p), sx: {
-    "&.MuiAutocomplete-root": {
-      display: "flex",
-      alignItems: "center"
-    }
-  }, renderInput: (e) => /* @__PURE__ */ o(O, { ...e, variant: "standard", placeholder: r._("Added by"), className: "Monite-ApprovalAddedByFilter Monite-FilterControl", InputProps: {
-    ...e.InputProps,
-    endAdornment: /* @__PURE__ */ h(x, { children: [
-      a ? /* @__PURE__ */ o(v, { color: "inherit", size: 20 }) : null,
-      e.InputProps.endAdornment
-    ] })
-  } }) });
+const f = (n, r) => `${n} ${n === 1 ? r._("day") : r._("days")}`, s = (n, r) => {
+  const e = n.map((_) => f(_, r));
+  if (e.length <= 1) return e[0] ?? "";
+  const t = r._("and");
+  return e.length === 2 ? `${e[0]} ${t} ${e[1]}` : `${e.slice(0, -1).join(", ")}, ${t} ${e[e.length - 1]}`;
+}, d = (n) => [n?.term_1_reminder?.days_before, n?.term_2_reminder?.days_before, n?.term_final_reminder?.days_before].filter((r) => typeof r == "number"), l = (n) => (n?.terms ?? []).map((r) => r.days_after).filter((r) => typeof r == "number"), m = (n, r, e, t = !1) => {
+  const _ = d(n), o = l(r), a = [];
+  return _.length > 0 && a.push(`${s(_, e)} ${e._("before")}`), o.length > 0 && a.push(`${s(o, e)} ${e._("after")}`), a.length > 0 ? a.join(`
+`) : t ? "-" : e._("None");
 };
 export {
-  $ as AutocompleteCreatedBy
+  m as formatReminderSchedule
 };

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

@@ -1,20 +1,71 @@
-import { jsx as l } from "@emotion/react/jsx-runtime";
-import { useFileById as s } from "./index77.js";
-import { Avatar as e } from "@mui/material";
-const n = ({
-  alt: t,
-  fileId: a,
-  ...r
-}) => a ? /* @__PURE__ */ l(i, { fileId: a, alt: t, ...r }) : /* @__PURE__ */ l(e, { alt: t, ...r }), i = ({
-  alt: t,
-  fileId: a,
-  ...r
+import { jsx as t, jsxs as a } from "@emotion/react/jsx-runtime";
+import { getMeasureUnitValidationSchema as z } from "./index150.js";
+import { Button as o } from "./index84.js";
+import { Input as p } from "./index119.js";
+import { TableRow as C, TableCell as M } from "./index268.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 "./index391.js";
+import { useUpdateMeasureUnit as V } from "./index392.js";
+const P = {
+  name: "",
+  description: ""
+}, D = ({
+  id: s,
+  isEditMode: n,
+  initialValues: h = P,
+  onCancel: g,
+  onEdit: v
 }) => {
   const {
-    data: o
-  } = s(a);
-  return /* @__PURE__ */ l(e, { alt: t, src: o?.url, ...r });
+    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;
+    }
+    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 {
-  n as UserAvatar
+  D as MeasureUnitsFormRow
 };