@tesouro/embedded-components-react 0.2.194 → 0.2.197

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

@@ -1,33 +1,10 @@
-import { format as m } from "date-fns";
-const a = "receipt_due", r = "custom";
-function _({
-  paymentTermId: e,
-  customDueDate: t
-}) {
-  return e === r ? t ? {
-    payment_terms: {
-      term_final: {
-        end_date: m(t, "yyyy-MM-dd")
-      }
-    }
-  } : {
-    payment_terms: {
-      term_final: {
-        number_of_days: 0
-      }
-    }
-  } : e === a ? {
-    payment_terms: {
-      term_final: {
-        number_of_days: 0
-      }
-    }
-  } : e ? {
-    payment_terms_id: e
-  } : {};
-}
+import { useMoniteContext as s } from "./index57.js";
+const n = () => {
+  const {
+    api: e
+  } = s();
+  return e.finops.getMeasureUnits.useQuery();
+};
 export {
-  r as CUSTOM_DATE_PAYMENT_TERM,
-  a as RECEIPT_DUE_PAYMENT_TERM,
-  _ as buildPaymentTermsPayload
+  n as useGetMeasureUnits
 };

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

@@ -1,6 +1,23 @@
-import { toMinorUnits as r, fromMinorUnits as a } from "./index119.js";
-const s = (o) => a(o), t = (o) => r(o);
+import { jsx as i } from "@emotion/react/jsx-runtime";
+import "./index57.js";
+import "@tanstack/react-query";
+import "date-fns";
+import { useEntityUserById as m } from "./index75.js";
+import "react";
+import "react-hot-toast";
+import "@lingui/react";
+import { Skeleton as e } from "@mui/material";
+const u = ({
+  id: r
+}) => {
+  const {
+    data: t,
+    isLoading: o
+  } = m(r);
+  return /* @__PURE__ */ i("span", { children: o ? /* @__PURE__ */ i(e, { animation: "wave", height: 10, width: "100%", sx: {
+    minWidth: "4em"
+  } }) : !!t && `${t?.first_name || ""} ${t?.last_name || ""}` });
+};
 export {
-  t as rateMajorToMinor,
-  s as rateMinorToMajor
+  u as UserCell
 };

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

@@ -1,22 +1,45 @@
-import { useMoniteContext as s } from "./index57.js";
-import { getAPIErrorMessage as i } from "./index120.js";
-import { useLingui as a } from "@lingui/react";
-import { toast as n } from "react-hot-toast";
-const f = () => {
+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 "./index220.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: e
-  } = a(), {
-    api: r
-  } = s();
-  return r.finops.postReceivables.useMutation({}, {
-    onError: (o) => {
-      const t = i(e, o);
-      n.error(e._("Failed to create invoice: {errorMessage}", {
-        errorMessage: t
-      }));
+    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 {
-  f as useCreateReceivable
+  D as ConfirmDeleteModal
 };

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

@@ -1,40 +1,16 @@
-import { useMoniteContext as o } from "./index57.js";
-import { getAPIErrorMessage as n } from "./index120.js";
-import { useLingui as p } from "@lingui/react";
-import { toast as c } from "react-hot-toast";
-const v = (r) => {
-  const {
-    i18n: s
-  } = p(), {
-    api: e,
-    queryClient: a
-  } = o();
-  return e.finops.patchReceivablesId.useMutation({
-    path: {
-      receivable_id: r
-    }
-  }, {
-    onSuccess: async (i) => {
-      e.finops.getReceivablesId.setQueryData({
-        path: {
-          receivable_id: r
-        }
-      }, i, a), await Promise.all([e.finops.getReceivablesIdPdfLink.resetQueries({
-        parameters: {
-          path: {
-            receivable_id: r
-          }
-        }
-      }, a), e.finops.getReceivables.invalidateQueries(a)]);
-    },
-    onError: (i) => {
-      const t = n(s, i);
-      c.error(s._("Failed to update receivable: {errorMessage}", {
-        errorMessage: t
-      }));
-    }
-  });
-};
+const a = ["document_type", "department", "project", "cost_center", "vendor_type", "payment_method", "approval_status"], o = (e) => ({
+  document_type: e._("Document Type"),
+  department: e._("Department"),
+  project: e._("Project"),
+  cost_center: e._("Cost Center"),
+  vendor_type: e._("Vendor Type"),
+  payment_method: e._("Payment Method"),
+  approval_status: e._("Approval Status")
+});
+function r(e, t) {
+  return e ? o(t)[e] : "";
+}
 export {
-  v as useUpdateReceivable
+  r as getTagCategoryLabel,
+  a as tagCategories
 };

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

@@ -1,33 +1,82 @@
-import { useMoniteContext as i } from "./index57.js";
-import { getAPIErrorMessage as a } from "./index120.js";
-import { useLingui as n } from "@lingui/react";
-import { toast as m } from "react-hot-toast";
-const l = (r) => {
+import { useMoniteContext as h } from "./index57.js";
+import "@tanstack/react-query";
+import "date-fns";
+import "react";
+import { toast as u } from "react-hot-toast";
+import { getAPIErrorMessage as d } from "./index121.js";
+import { useLingui as v } from "@lingui/react";
+import { useEntitySettings as T, usePatchEntitiesIdSettings as w } from "./index81.js";
+const I = ({
+  setNameError: l,
+  onTagCreated: c,
+  onTagUpdated: m
+}) => {
   const {
-    api: t
-  } = i(), {
-    i18n: e
-  } = n();
-  return t.finops.putReceivablesIdLineItems.useMutation({
-    path: {
-      receivable_id: r
+    i18n: n
+  } = v(), {
+    api: i,
+    queryClient: o
+  } = h(), {
+    data: a
+  } = T(), {
+    mutateAsync: f
+  } = w(), r = a?.payables_ocr_auto_tagging || [], g = i.finops.postTags.useMutation({}, {
+    onSuccess: () => i.finops.getTags.invalidateQueries(o),
+    onError: (e) => {
+      const t = d(n, e);
+      t === "This tag already exists." ? l?.(t) : u.error(t);
     }
-  }, {
-    // No cache invalidation here on purpose. This endpoint is only ever called
-    // from the invoice edit submit, immediately followed by a PATCH
-    // /receivables/{id} whose response (the full invoice, including these line
-    // items) refreshes the invoice-details cache. Self-invalidating the
-    // details query here raced that PATCH — its refetch could read the
-    // pre-PATCH invoice and overwrite a just-saved field (e.g. a newly added
-    // bank account). See `useReceivableSubmit`.
-    onError: (o) => {
-      const s = a(e, o);
-      m.error(e._("Failed to update receivable line items: {errorMessage}", {
-        errorMessage: s
-      }));
+  }), _ = i.finops.patchTagsId.useMutation(void 0, {
+    onSuccess: (e) => {
+      Promise.all([i.finops.getTags.invalidateQueries(o), i.finops.getTagsId.invalidateQueries({
+        parameters: {
+          path: {
+            tag_id: e.id
+          }
+        }
+      }, o)]), m?.(e);
+    },
+    onError: (e) => {
+      u.error(d(n, e));
     }
   });
+  return {
+    tagsWithKeywords: Object.fromEntries(r.map((e) => [e.tag_id, e.keywords])),
+    inProgress: g.isPending || _.isPending,
+    createTag: (e) => g.mutateAsync({
+      ...e
+    }, {
+      onSuccess: (t) => c?.(t)
+    }),
+    updateTag: (e, t) => _.mutateAsync({
+      path: {
+        tag_id: e
+      },
+      body: t
+    }),
+    updateOcrAutoTagging: (e, t = []) => {
+      const s = r.filter((y) => y.tag_id !== e);
+      if (s.length === r.length && !t.length)
+        return;
+      const p = t.length ? [...s, {
+        tag_id: e,
+        keywords: [...new Set(t)],
+        enabled: !0
+      }] : s;
+      p.length && f({
+        tax_mode: a.tax_mode,
+        payment_priority: a.payment_priority,
+        quote_signature_required: a.quote_signature_required,
+        receivable_edit_flow: a.receivable_edit_flow,
+        allow_purchase_order_autolinking: a.allow_purchase_order_autolinking,
+        generate_paid_invoice_pdf: a.generate_paid_invoice_pdf,
+        payables_ocr_auto_tagging: p,
+        payables_skip_approval_flow: a.payables_skip_approval_flow,
+        tax_inclusive_discount_mode: a.tax_inclusive_discount_mode
+      });
+    }
+  };
 };
 export {
-  l as useUpdateReceivableLineItems
+  I as useTags
 };

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

@@ -1,5 +1,5 @@
 import { useMoniteContext as n } from "./index57.js";
-import { getAPIErrorMessage as d } from "./index120.js";
+import { getAPIErrorMessage as d } from "./index121.js";
 import { useLingui as p } from "@lingui/react";
 import { toast as r } from "react-hot-toast";
 const f = (s, i) => {

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

@@ -1,36 +1,79 @@
-import { useMoniteContext as a } from "./index57.js";
-import { getAPIErrorMessage as n } from "./index120.js";
-import { useLingui as c } from "@lingui/react";
-import { toast as t } from "react-hot-toast";
-const d = () => {
+import { jsx as m } from "@emotion/react/jsx-runtime";
+import * as a from "react";
+import { FormProvider as f, Controller as u, useFormContext as F, useFormState as I } from "react-hook-form";
+import { Label as p } from "./index283.js";
+import { cn as i } from "./index100.js";
+import { Slot as g } from "@radix-ui/react-slot";
+const b = f, l = a.createContext({}), C = ({
+  ...r
+}) => /* @__PURE__ */ m(l.Provider, { value: {
+  name: r.name
+}, children: /* @__PURE__ */ m(u, { ...r }) }), d = () => {
+  const r = a.useContext(l), e = a.useContext(c), {
+    getFieldState: t
+  } = F(), o = I({
+    name: r.name
+  }), s = t(r.name, o);
+  if (!r)
+    throw new Error("useFormField should be used within <FormField>");
   const {
-    api: e,
-    queryClient: i
-  } = a(), {
-    i18n: r
-  } = c();
-  return e.finops.postRecurrences.useMutation(void 0, {
-    onError(s) {
-      t.error(n(r, s));
-    },
-    async onSuccess(s, o) {
-      await Promise.all([
-        e.finops.getReceivables.invalidateQueries(i),
-        // Refresh the invoice's details so the newly-created recurrence (its
-        // `recurrence_id` and schedule) shows immediately. This lives on the
-        // POST /recurrences success, not the PATCH /receivables one, since the
-        // recurrence is what the details view needs to re-read.
-        e.finops.getReceivablesId.invalidateQueries({
-          parameters: {
-            path: {
-              receivable_id: o.body.invoice_id
-            }
-          }
-        }, i)
-      ]), t.success(r._("Recurring billing activated"));
-    }
-  });
-};
+    id: n
+  } = e;
+  return {
+    id: n,
+    name: r.name,
+    formItemId: `${n}-form-item`,
+    formDescriptionId: `${n}-form-item-description`,
+    formMessageId: `${n}-form-item-message`,
+    ...s
+  };
+}, c = a.createContext({});
+function N({
+  className: r,
+  ...e
+}) {
+  const t = a.useId();
+  return /* @__PURE__ */ m(c.Provider, { value: {
+    id: t
+  }, children: /* @__PURE__ */ m("div", { "data-slot": "form-item", className: i("ttw:grid ttw:gap-2", r), ...e }) });
+}
+function M({
+  className: r,
+  ...e
+}) {
+  const {
+    error: t,
+    formItemId: o
+  } = d();
+  return /* @__PURE__ */ m(p, { "data-slot": "form-label", "data-error": !!t, className: i("ttw:data-[error=true]:text-destructive", r), htmlFor: o, ...e });
+}
+function S({
+  ...r
+}) {
+  const {
+    error: e,
+    formItemId: t,
+    formDescriptionId: o,
+    formMessageId: s
+  } = d();
+  return /* @__PURE__ */ m(g, { "data-slot": "form-control", id: t, "aria-describedby": e ? `${o} ${s}` : `${o}`, "aria-invalid": !!e, ...r });
+}
+function P({
+  className: r,
+  ...e
+}) {
+  const {
+    error: t,
+    formMessageId: o
+  } = d(), s = t ? String(t?.message ?? "") : e.children;
+  return s ? /* @__PURE__ */ m("p", { "data-slot": "form-message", id: o, className: i("ttw:text-destructive ttw:text-sm", r), ...e, children: s }) : null;
+}
 export {
-  d as useCreateRecurrence
+  b as Form,
+  S as FormControl,
+  C as FormField,
+  N as FormItem,
+  M as FormLabel,
+  P as FormMessage,
+  d as useFormField
 };

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

@@ -1,34 +1,46 @@
-import { useMoniteContext as o } from "./index57.js";
-import { getAPIErrorMessage as a } from "./index120.js";
-import { useLingui as c } from "@lingui/react";
-import { toast as s } from "react-hot-toast";
-const l = () => {
-  const {
-    api: e,
-    queryClient: r
-  } = o(), {
-    i18n: i
-  } = c();
-  return e.finops.patchRecurrencesId.useMutation(void 0, {
-    onError(t) {
-      s.error(a(i, t));
-    },
-    async onSuccess(t, n) {
-      await Promise.all([
-        e.finops.getReceivables.invalidateQueries(r),
-        // Refresh the recurrence itself so the details view shows the updated
-        // schedule (the invoice didn't change, only its recurrence did).
-        e.finops.getRecurrencesId.invalidateQueries({
-          parameters: {
-            path: {
-              recurrence_id: n.path.recurrence_id
-            }
-          }
-        }, r)
-      ]), s.success(i._("Recurring billing updated"));
+import { jsxs as l, jsx as o } from "@emotion/react/jsx-runtime";
+import * as w from "react";
+import { Badge as d } from "./index237.js";
+import { Button as m } from "./index84.js";
+import { cn as p } from "./index100.js";
+import { XIcon as h } from "lucide-react";
+const g = ({
+  className: i,
+  value: e,
+  onChange: a,
+  ref: u,
+  ...c
+}) => {
+  const [r, n] = w.useState("");
+  w.useEffect(() => {
+    if (r.includes(",")) {
+      const t = /* @__PURE__ */ new Set([...e, ...r.split(",").map((s) => s.trim())]);
+      a(Array.from(t)), n("");
     }
-  });
+  }, [r, a, e]);
+  const f = () => {
+    if (r) {
+      const t = /* @__PURE__ */ new Set([...e, r]);
+      a(Array.from(t)), n("");
+    }
+  };
+  return /* @__PURE__ */ l("div", { className: p(
+    // caveat: :has() variant requires tailwind v3.4 or above: https://tailwindcss.com/blog/tailwindcss-v3-4#new-has-variant
+    "ttw:has-[:focus-visible]:ttw:outline-none ttw:has-[:focus-visible]:ttw:ring-2 ttw:has-[:focus-visible]:ttw:ring-neutral-950 ttw:has-[:focus-visible]:ttw:ring-offset-2 dark:ttw:has-[:focus-visible]:ttw:ring-neutral-300 ttw:min-h-10 ttw:flex ttw:w-full ttw:flex-wrap ttw:gap-2 ttw:rounded-md ttw:border ttw:border-neutral-200 ttw:bg-white ttw:px-3 ttw:py-2 ttw:text-sm ttw:ring-offset-white ttw:disabled:ttw:cursor-not-allowed ttw:disabled:ttw:opacity-50 dark:ttw:border-neutral-800 dark:ttw:bg-neutral-950 dark:ttw:ring-offset-neutral-950",
+    i
+  ), children: [
+    e.map((t) => /* @__PURE__ */ l(d, { variant: "secondary", children: [
+      t,
+      /* @__PURE__ */ o(m, { variant: "ghost", size: "icon", className: "ttw:ml-2 ttw:h-3 ttw:w-3", onClick: () => {
+        a(e.filter((s) => s !== t));
+      }, children: /* @__PURE__ */ o(h, { className: "ttw:w-3" }) })
+    ] }, t)),
+    /* @__PURE__ */ o("input", { className: "ttw:flex-1 ttw:outline-none ttw:placeholder:ttw:text-neutral-500 dark:ttw:placeholder:ttw:text-neutral-400", value: r, onChange: (t) => n(t.target.value), onKeyDown: (t) => {
+      t.key === "Enter" || t.key === "," ? (t.preventDefault(), f()) : t.key === "Backspace" && r.length === 0 && e.length > 0 && (t.preventDefault(), a(e.slice(0, -1)));
+    }, ...c, ref: u })
+  ] });
 };
+g.displayName = "InputTags";
 export {
-  l as useUpdateRecurrence
+  g as InputTags
 };

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

@@ -1,52 +1,69 @@
-import { useMemo as A } from "react";
-import { useLingui as E } from "@lingui/react";
-import { useUserPermissions as k } from "./index146.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 i } from "../../shared/data-access/dist/lib/scopes.js";
-import { getLineLabel as u } from "./index396.js";
-import { useGetEmbeddedBankAccounts as f } from "./index394.js";
-import { useGetEntityBankAccounts as L } from "./index393.js";
-import { useGetExternalBankAccounts as g } from "./index395.js";
-const V = (t = !0) => {
+import { jsxs as r, jsx as e, Fragment as T } from "@emotion/react/jsx-runtime";
+import { MeasureUnitsFormRow as f } from "./index413.js";
+import { ConfirmDeleteMeasureUnitDialog as j } from "./index414.js";
+import { TableActions as z } from "./index415.js";
+import { Table as A, TableHeader as E, TableRow as h, TableHead as l, TableBody as G, TableCell as d } from "./index282.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 "./index305.js";
+import { useDeleteMeasureUnit as y } from "./index416.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: o
-  } = E(), n = k(), m = t && n.has(i.BankAccountReadOrg), s = t && n.has(i.ExternalBankAccountReadOrg), {
-    data: e,
-    isLoading: d
-  } = L(void 0, t), {
-    data: c,
-    isLoading: p
-  } = f(void 0, m), {
-    data: r,
-    isLoading: _
-  } = g(void 0, s), l = d || p || _;
-  return {
-    bankAccounts: A(() => [...(e?.data ?? []).map((a) => ({
-      id: a.id,
-      display_name: a.display_name,
-      account_number: a.account_number,
-      account_number_last4: a.account_number_last4,
-      bank_account_type: "BANK_DETAILS"
-    })), ...(c?.data ?? []).filter((a) => a.status === "ACTIVE").map((a) => ({
-      id: a.id,
-      display_name: a.nickname,
-      account_number: a.accountNumber,
-      account_number_last4: null,
-      bank_account_type: "INTERNAL"
-    })), ...(r?.data ?? []).filter((a) => a.accountStatus === "ACTIVE" && a.verificationStatus === "VERIFIED").map((a) => ({
-      id: a.id,
-      display_name: a.nickname || a.nameOnAccount,
-      account_number: a.accountNumber,
-      account_number_last4: null,
-      bank_account_type: "EXTERNAL"
-    }))].sort((a, b) => u(a, o).localeCompare(u(b, o))), [e, c, r, o]),
-    isLoading: l
+    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 {
-  V as useSelectableBankAccounts
+  at as ManageMeasureUnitsForm
 };