@tesouro/embedded-components-react 0.2.26 → 0.2.28

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

@@ -1,18 +1,18 @@
 import { jsx as t, jsxs as v, Fragment as Pe } from "@emotion/react/jsx-runtime";
-import { EntitySection as $e } from "./index203.js";
-import { ItemsSection as Fe } from "./index204.js";
-import { InvoicePreview as Me } from "./index205.js";
-import { getCreateInvoiceValidationSchema as Ee } from "./index206.js";
-import { buildPaymentTermsPayload as Be } from "./index207.js";
+import { EntitySection as $e } from "./index198.js";
+import { ItemsSection as Fe } from "./index199.js";
+import { InvoicePreview as Me } from "./index200.js";
+import { getCreateInvoiceValidationSchema as Ee } from "./index201.js";
+import { buildPaymentTermsPayload as Be } from "./index202.js";
 import { BankAccountFormDialog as Le } from "./index43.js";
-import { BankAccountSection as qe } from "./index208.js";
-import { CustomerSection as Te } from "./index209.js";
-import { InvoiceCreationHeader as Ne } from "./index210.js";
-import { useCreateReceivable as Re } from "./index211.js";
-import { useCreateRecurrence as Oe } from "./index212.js";
-import { useLineItemSubmitCleanup as je } from "./index213.js";
-import { useGetEntityBankAccounts as Ve } from "./index214.js";
-import { useGetInvoiceRequiredFields as ze } from "./index215.js";
+import { BankAccountSection as qe } from "./index203.js";
+import { CustomerSection as Te } from "./index204.js";
+import { InvoiceCreationHeader as Ne } from "./index205.js";
+import { useCreateReceivable as Re } from "./index206.js";
+import { useCreateRecurrence as Oe } from "./index207.js";
+import { useLineItemSubmitCleanup as je } from "./index208.js";
+import { useGetEntityBankAccounts as Ve } from "./index209.js";
+import { useGetInvoiceRequiredFields as ze } from "./index210.js";
 import { useMoniteContext as Ke } from "./index59.js";
 import { MoniteScopedProviders as Ge } from "./index85.js";
 import { useCounterpartById as Qe } from "./index72.js";
@@ -23,15 +23,15 @@ import { useMyEntity as He } from "./index80.js";
 import { useRef as Ye, useState as b, useMemo as O, useId as Je, useEffect as j } from "react";
 import { toast as m } from "react-hot-toast";
 import { useLingui as V } from "@lingui/react";
-import { rateMajorToMinor as We } from "./index216.js";
-import { AccessRestriction as Xe } from "./index138.js";
-import { LoadingPage as Ze } from "./index217.js";
+import { rateMajorToMinor as We } from "./index211.js";
+import { AccessRestriction as Xe } from "./index135.js";
+import { LoadingPage as Ze } from "./index212.js";
 import { zodResolver as et } from "@hookform/resolvers/zod";
 import { useForm as tt, FormProvider as rt } from "react-hook-form";
-import { Dialog as at, DialogContent as it } from "./index201.js";
-import { useGetMeasureUnits as nt } from "./index218.js";
+import { Dialog as at, DialogContent as it } from "./index196.js";
+import { useGetMeasureUnits as nt } from "./index213.js";
 import { CreateProduct as ot } from "./index46.js";
-import { BillingSection as dt } from "./index219.js";
+import { BillingSection as dt } from "./index214.js";
 const zt = (s) => {
   const {
     i18n: _

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

@@ -1,40 +1,98 @@
-import { useMoniteContext as c } from "./index59.js";
-import { getAPIErrorMessage as u } from "./index124.js";
-import { useLingui as p } from "@lingui/react";
-import { toast as i } from "react-hot-toast";
-const g = (a, n) => {
+import { jsx as n, jsxs as I } from "@emotion/react/jsx-runtime";
+import { useState as l, useEffect as w } from "react";
+import { toast as c } from "react-hot-toast";
+import { useRootElements as S } from "./index94.js";
+import "./index59.js";
+import "@tanstack/react-query";
+import "date-fns";
+import { useLingui as R } from "@lingui/react";
+import { usePaymentIntentById as $ } from "./index82.js";
+import { useCreatePayablePaymentLink as v, usePaymentLinkById as B } from "./index456.js";
+import { Modal as j, Box as x, CircularProgress as D } from "@mui/material";
+const G = (r, d, f, i) => {
   const {
-    api: e,
-    queryClient: s
-  } = c(), {
     i18n: t
-  } = p();
-  return e.finops.patchRecurrencesId.useMutation({
-    path: {
-      recurrence_id: a
-    }
-  }, {
-    onError(r) {
-      i.error(u(t, r));
-    },
-    async onSuccess(r) {
-      e.finops.getRecurrencesId.setQueryData({
-        path: {
-          recurrence_id: r.id
-        }
-      }, (o) => ({
-        ...o,
-        ...r
-      }), s), await Promise.all([e.finops.getReceivablesId.invalidateQueries({
-        parameters: {
-          path: {
-            receivable_id: n
+  } = R(), {
+    root: k
+  } = S(), b = v(), [L, m] = l(!1), [u, o] = l(null), [g, p] = l(null), [_, P] = l(!1), {
+    data: s,
+    isSuccess: h
+  } = $(i ?? "");
+  w(() => {
+    h && s?.payment_link_id && i && p(s.payment_link_id);
+  }, [h, s, i]);
+  const {
+    data: e,
+    refetch: C,
+    isSuccess: y,
+    isLoading: E
+  } = B(g ?? "");
+  return w(() => {
+    y && e?.payment_intent?.status === "processing" && f?.(r ?? "", e?.payment_intent?.status ?? "");
+  }, [e, y, f, r]), {
+    handlePay: async () => {
+      if (!d) {
+        c.error(t._("Vendor not found. Please create a vendor first."));
+        return;
+      }
+      if (!_)
+        try {
+          if (E) {
+            c.error(t._("Payment link is still loading. Please wait a moment and try again."));
+            return;
           }
+          if (!g || y && e?.payment_intent?.status !== "created") {
+            if (P(!0), !r) throw new Error("Payable ID is undefined");
+            const a = await b(
+              r,
+              d,
+              ["sepa_credit"],
+              60
+              // 60 days from now
+            );
+            if (a.payment_page_url)
+              p(a.id), o(a.payment_page_url);
+            else
+              throw p(null), o(null), new Error("No payment page URL in response");
+          } else if (e?.payment_page_url)
+            o(e.payment_page_url);
+          else
+            throw new Error("No payment page URL in existing payment link");
+          m(!0);
+        } catch (a) {
+          console.error("Payment link creation/retrieval error:", a), c.error(i && s?.status === "created" ? t._("Failed to retrieve payment link. Please try again.") : t._("Failed to create payment link. Please try again.")), m(!1);
+        } finally {
+          P(!1);
         }
-      }, s), e.finops.getReceivables.invalidateQueries(s)]), i.success(t._("Recurrence has been updated"));
-    }
-  });
+    },
+    isCreatingPaymentLink: _,
+    modalComponent: /* @__PURE__ */ n(j, { open: L, onClose: async () => {
+      await C(), m(!1), o(null);
+    }, container: k, children: /* @__PURE__ */ n(x, { sx: {
+      position: "absolute",
+      top: "50%",
+      left: "50%",
+      transform: "translate(-50%, -50%)",
+      width: "80%",
+      maxWidth: 600,
+      bgcolor: "background.paper",
+      boxShadow: 24,
+      p: 4,
+      borderRadius: 2
+    }, children: u ? /* @__PURE__ */ n("iframe", { src: u, title: "Payment Page", width: "100%", height: "400px", style: {
+      border: "none"
+    } }) : /* @__PURE__ */ I(x, { sx: {
+      display: "flex",
+      flexDirection: "column",
+      alignItems: "center",
+      gap: 2,
+      py: 4
+    }, children: [
+      /* @__PURE__ */ n(D, {}),
+      /* @__PURE__ */ n("p", { children: t._("Loading payment page...") })
+    ] }) }) })
+  };
 };
 export {
-  g as useUpdateRecurrenceById
+  G as usePaymentHandler
 };

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

@@ -1,61 +1,40 @@
-import { jsxs as a, jsx as t } from "@emotion/react/jsx-runtime";
-import { DatePicker as D } from "./index419.js";
-import { FormField as c, FormItem as i, FormLabel as u, FormControl as h, FormMessage as m } from "./index367.js";
-import { Select as p, SelectTrigger as F, SelectValue as M, SelectContent as S, SelectItem as g } from "./index316.js";
-import { useLingui as C } from "@lingui/react";
-import { useFormContext as N } from "react-hook-form";
-const $ = ({
-  isUpdate: n = !1
-}) => {
+import { useMoniteContext as u } from "./index59.js";
+import { getAPIErrorMessage as l } from "./index124.js";
+import { useLingui as m } from "@lingui/react";
+import { toast as a } from "react-hot-toast";
+const v = (i, n, s, p) => {
   const {
-    control: s,
-    watch: w,
-    setValue: f
-  } = N(), {
-    i18n: r
-  } = C(), _ = w("recurrence_start_date"), o = w("recurrence_issue_mode"), d = _ ? new Date(_) : void 0, v = (e) => {
-    if (!o) return !1;
-    const l = e.getDate(), x = new Date(e.getFullYear(), e.getMonth() + 1, 0).getDate();
-    return o === "first_day" ? l !== 1 : o === "last_day" ? l !== x : !1;
-  };
-  return /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-col ttw:gap-6", children: [
-    /* @__PURE__ */ t(c, { control: s, name: "recurrence_issue_mode", render: ({
-      field: e
-    }) => /* @__PURE__ */ a(i, { className: "ttw:flex-1", children: [
-      /* @__PURE__ */ t(u, { children: r._("Issue at") }),
-      /* @__PURE__ */ a(p, { disabled: n, onValueChange: (l) => {
-        e.onChange(l), f("recurrence_start_date", void 0), f("recurrence_end_date", void 0);
-      }, value: e.value, children: [
-        /* @__PURE__ */ t(h, { children: /* @__PURE__ */ t(F, { className: "ttw:w-full", children: /* @__PURE__ */ t(M, { className: "ttw:max-w-4/5 ttw:text-ellipsis ttw:whitespace-nowrap" }) }) }),
-        /* @__PURE__ */ a(S, { children: [
-          /* @__PURE__ */ t(g, { value: "first_day", children: r._("Start of the month") }),
-          /* @__PURE__ */ t(g, { value: "last_day", children: r._("End of the month") })
-        ] })
-      ] }),
-      /* @__PURE__ */ t(m, {})
-    ] }) }),
-    /* @__PURE__ */ a("div", { className: "ttw:flex ttw:items-start ttw:gap-4", children: [
-      /* @__PURE__ */ t(c, { control: s, name: "recurrence_start_date", render: ({
-        field: e
-      }) => /* @__PURE__ */ a(i, { className: "ttw:flex-1", children: [
-        /* @__PURE__ */ t(u, { children: r._("Period starts on") }),
-        /* @__PURE__ */ t(h, { children: /* @__PURE__ */ t(D, { ...e, selected: e.value ? new Date(e.value) : void 0, onSelect: e.onChange, showOutsideDays: !1, disabled: v, shouldDisableButton: n, startMonth: /* @__PURE__ */ new Date(), endMonth: new Date(2050, 11), ...n && e.value ? {
-          defaultMonth: new Date(e.value)
-        } : {} }) }),
-        /* @__PURE__ */ t(m, {})
-      ] }) }),
-      /* @__PURE__ */ t(c, { control: s, name: "recurrence_end_date", render: ({
-        field: e
-      }) => /* @__PURE__ */ a(i, { className: "ttw:flex-1", children: [
-        /* @__PURE__ */ t(u, { children: r._("Period ends on") }),
-        /* @__PURE__ */ t(h, { children: /* @__PURE__ */ t(D, { ...e, selected: e.value ? new Date(e.value) : void 0, onSelect: e.onChange, showOutsideDays: !1, disabled: v, startMonth: d ? new Date(d.getFullYear(), d.getMonth() + 2, 0) : /* @__PURE__ */ new Date(), endMonth: new Date(2050, 11), ...n && e.value ? {
-          defaultMonth: new Date(e.value)
-        } : {} }) }),
-        /* @__PURE__ */ t(m, {})
-      ] }) })
-    ] })
-  ] });
+    api: e,
+    queryClient: t
+  } = u(), {
+    i18n: o
+  } = m();
+  return e.finops.postApprovalRequestsIdReject.useMutation({
+    path: {
+      approval_request_id: i
+    }
+  }, {
+    onSuccess: () => {
+      if (e.finops.getApprovalRequests.invalidateQueries(t), a.success(o._("Payable “{document_id}” has been rejected", {
+        document_id: p
+      })), !!s)
+        return n?.(s ?? ""), new Promise((r) => {
+          setTimeout(() => {
+            Promise.all([e.finops.getPayablesId.invalidateQueries({
+              parameters: {
+                path: {
+                  payable_id: s ?? ""
+                }
+              }
+            }, t), e.finops.getPayables.invalidateQueries(t)]).then(() => r());
+          }, 500);
+        });
+    },
+    onError: (r) => {
+      a.error(l(o, r));
+    }
+  });
 };
 export {
-  $ as RecurrenceFormContent
+  v as useRejectApprovalRequest
 };

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

@@ -1,16 +1,37 @@
-import { useMoniteContext as n } from "./index59.js";
-const m = (e) => {
+import { useMoniteContext as u } from "./index59.js";
+import { getAPIErrorMessage as m } from "./index124.js";
+import { useLingui as d } from "@lingui/react";
+import { toast as a } from "react-hot-toast";
+const g = (i, p, t, n) => {
   const {
-    api: t
-  } = n();
-  return t.finops.getPaymentRemindersId.useQuery({
+    api: e,
+    queryClient: o
+  } = u(), {
+    i18n: r
+  } = d();
+  return e.finops.postApprovalRequestsIdApprove.useMutation({
     path: {
-      payment_reminder_id: e ?? ""
+      approval_request_id: i
     }
   }, {
-    enabled: !!e
+    onSuccess: () => (e.finops.getApprovalRequests.invalidateQueries(o), a.success(r._('Payable "{document_id}" has been approved', {
+      document_id: n ?? "document id is unknown"
+    })), p?.(t ?? ""), new Promise((s) => {
+      setTimeout(() => {
+        Promise.all([e.finops.getPayablesId.invalidateQueries({
+          parameters: {
+            path: {
+              payable_id: t ?? ""
+            }
+          }
+        }, o), e.finops.getPayables.invalidateQueries(o)]).then(() => s());
+      }, 500);
+    })),
+    onError: (s) => {
+      a.error(m(r, s));
+    }
   });
 };
 export {
-  m as useGetPaymentReminderById
+  g as useApproveApprovalRequest
 };

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

@@ -1,16 +1,9 @@
-import { useMoniteContext as d } from "./index59.js";
-const n = (e) => {
-  const {
-    api: r
-  } = d();
-  return r.finops.getOverdueRemindersId.useQuery({
-    path: {
-      overdue_reminder_id: e ?? ""
-    }
-  }, {
-    enabled: !!e
-  });
-};
+const t = (e) => ({
+  approved: e._("Approved"),
+  canceled: e._("Canceled"),
+  rejected: e._("Rejected"),
+  waiting: e._("In approval")
+});
 export {
-  n as useGetOverdueReminderById
+  t as getRowToStatusTextMap
 };

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

@@ -1,18 +1,56 @@
-import { useMoniteContext as e } from "./index59.js";
-const a = () => {
+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 "./index59.js";
+import { useRootElements as I } from "./index94.js";
+import { classNames as _ } from "./index186.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 {
-    api: t,
-    queryClient: i
-  } = e();
-  return t.finops.putEntitiesIdLogo.useMutation(void 0, {
-    onSuccess: async (s) => {
-      t.finops.getEntityUsersMyEntity.setQueryData({}, (o) => o && {
-        ...o,
-        logo: s
-      }, i), await t.finops.getEntityUsersMyEntity.invalidateQueries(i);
+    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
+    ] })
+  } }) });
 };
 export {
-  a as useUploadEntityLogo
+  $ as AutocompleteCreatedBy
 };

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

@@ -1,26 +1,20 @@
-import { toast as o } from "react-hot-toast";
-import { useMoniteContext as n } from "./index59.js";
-import { useLingui as r } from "@lingui/react";
-const p = (i) => {
+import { jsx as l } from "@emotion/react/jsx-runtime";
+import { useFileById as s } from "./index79.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
+}) => {
   const {
-    api: t,
-    queryClient: s
-  } = n(), {
-    i18n: e
-  } = r();
-  return t.finops.deleteEntitiesIdLogo.useMutation({
-    path: {
-      entity_id: i
-    }
-  }, {
-    onSuccess: async () => {
-      await t.finops.getEntityUsersMyEntity.invalidateQueries(s), o.success(e._("Logo was removed."));
-    },
-    onError: () => {
-      o.error(e._("Failed to remove logo."));
-    }
-  });
+    data: o
+  } = s(a);
+  return /* @__PURE__ */ l(e, { alt: t, src: o?.url, ...r });
 };
 export {
-  p as useDeleteEntityLogo
+  n as UserAvatar
 };

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

@@ -1,52 +1,71 @@
-import { jsx as t, jsxs as e, Fragment as c } from "@emotion/react/jsx-runtime";
-import { useEffect as f } from "react";
-import { useLingui as h } from "@lingui/react";
-import { X as g, CloudUpload as x, AlertCircle as N, CheckCircle2 as b } from "lucide-react";
-import { LoadingSpinner as y } from "./index150.js";
-import { Typography as l } from "./index87.js";
-import { twMerge as v } from "tailwind-merge";
-import { UploadBar as C } from "./index472.js";
-const U = ({
-  isUploading: o,
-  isSuccess: r,
-  isError: i,
-  isDraggingOver: d,
-  resetUpload: a,
-  fileName: m,
-  onClick: u
+import { jsx as t, jsxs as a } from "@emotion/react/jsx-runtime";
+import { getMeasureUnitValidationSchema as z } from "./index172.js";
+import { Button as o } from "./index86.js";
+import { Input as p } from "./index129.js";
+import { TableRow as C, TableCell as M } from "./index315.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 "./index421.js";
+import { useUpdateMeasureUnit as V } from "./index422.js";
+const P = {
+  name: "",
+  description: ""
+}, D = ({
+  id: s,
+  isEditMode: n,
+  initialValues: h = P,
+  onCancel: g,
+  onEdit: v
 }) => {
   const {
-    i18n: s
-  } = h(), w = o || r || i;
-  function p() {
-    return i ? /* @__PURE__ */ t(N, { className: "ttw:size-5 ttw:text-danger" }) : r ? /* @__PURE__ */ t(b, { className: "ttw:size-5 ttw:text-success" }) : /* @__PURE__ */ t(y, { className: "ttw:w-5 ttw:h-5" });
-  }
-  return f(() => {
-    let n;
-    return r && (n = setTimeout(() => a(), 2e3)), () => clearTimeout(n);
-  }, [r, a]), /* @__PURE__ */ t("div", { className: v("ttw:w-full ttw:h-38 ttw:bg-white ttw:box-border ttw:transition-all ttw:flex ttw:flex-col ttw:items-center ttw:justify-center ttw:text-center ttw:gap-2 ttw:rounded-lg ttw:border ttw:px-4 ttw:py-6", d ? "ttw:border-solid ttw:border-primary" : "ttw:border-dashed ttw:border-border"), onClick: () => {
-    w || u();
-  }, children: w ? /* @__PURE__ */ e(c, { children: [
-    /* @__PURE__ */ e("div", { className: "ttw:flex ttw:gap-4 ttw:justify-center ttw:w-full", children: [
-      /* @__PURE__ */ e("div", { className: "ttw:flex ttw:gap-2 ttw:w-1/2 ttw:items-center", children: [
-        p(),
-        /* @__PURE__ */ t("span", { className: "ttw:w-full ttw:text-sm ttw:leading-5 ttw:text-medium ttw:text-neutral ttw:truncate", children: m })
-      ] }),
-      /* @__PURE__ */ e("div", { className: "ttw:flex ttw:gap-2 ttw:items-center", children: [
-        /* @__PURE__ */ t(C, { shouldStartProgress: o, isError: i, isSuccess: r }),
-        i && /* @__PURE__ */ t("button", { type: "button", disabled: o, onClick: a, className: "ttw:border-none ttw:cursor-pointer", children: /* @__PURE__ */ t(g, { className: "ttw:size-4" }) })
-      ] })
-    ] }),
-    i && /* @__PURE__ */ t(l, { variant: "body2", color: "destructive", className: "ttw:font-medium", children: s._("Wrong file format. Please, upload the file in JPEG, PNG or GIF format.") })
-  ] }) : /* @__PURE__ */ e(c, { children: [
-    /* @__PURE__ */ t("div", { className: "ttw:p-3 ttw:bg-primary ttw:rounded-full", children: /* @__PURE__ */ t(x, { className: "ttw:text-white ttw:size-5" }) }),
-    /* @__PURE__ */ e(l, { variant: "body2", className: "ttw:font-medium", children: [
-      s._("Drop your files here, or "),
-      /* @__PURE__ */ t("span", { className: "ttw:text-primary ttw:underline ttw:hover:cursor-pointer", children: s._("click to browse") })
-    ] }),
-    /* @__PURE__ */ t(l, { variant: "caption", color: "muted", children: s._("PNG, JPG or GIF (max. 10MB)") })
-  ] }) });
+    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 {
-  U as DragAndDropBox
+  D as MeasureUnitsFormRow
 };