@tesouro/embedded-components-react 0.2.91 → 0.2.93

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

@@ -1,23 +1,23 @@
-import { isOrganizationCounterpart as e, getCounterpartName as o } from "./index7.js";
-const i = (a, t) => {
-  if (a && a.length)
-    return a.find((n) => n.is_default) ?? a[0];
-  if (!t || !e(t))
-    return;
-  const r = t.organization?.email;
-  if (r)
-    return {
-      id: "organization",
-      counterpart_id: t.id,
-      email: r,
-      is_default: !0,
-      first_name: o(t),
-      last_name: "",
-      is_customer: t.is_customer,
-      is_vendor: t.is_vendor
-    };
-}, u = (a, t) => a?.length ? a : t ? [t] : [];
+import { useMoniteContext as t } from "./index57.js";
+import { getAPIErrorMessage as n } from "./index118.js";
+import { useLingui as a } from "@lingui/react";
+import { toast as s } from "react-hot-toast";
+const c = () => {
+  const {
+    api: e,
+    queryClient: o
+  } = t(), {
+    i18n: r
+  } = a();
+  return e.finops.postOverdueReminders.useMutation(void 0, {
+    onSuccess: async () => {
+      await e.finops.getOverdueReminders.invalidateQueries(o), s.success(r._("Reminder has been added"));
+    },
+    onError: (i) => {
+      s.error(n(r, i));
+    }
+  });
+};
 export {
-  u as getContactList,
-  i as getDefaultContact
+  c as useCreateOverdueReminder
 };

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

@@ -1,37 +1,14 @@
-import { useMoniteContext as n } from "./index57.js";
-import { useLingui as o } from "@lingui/react";
-import { toast as r } from "react-hot-toast";
-const l = (i) => {
+import { useMoniteContext as i } from "./index57.js";
+const s = (e) => {
   const {
-    i18n: a
-  } = o(), {
-    api: e,
-    queryClient: t
-  } = n();
-  return e.finops.postReceivablesIdSend.useMutation({
+    api: t
+  } = i();
+  return t.finops.postReceivablesIdPreview.useMutation({
     path: {
-      receivable_id: i
-    }
-  }, {
-    onSuccess: async () => {
-      await Promise.all([e.finops.getReceivables.invalidateQueries(t), e.finops.getReceivablesId.invalidateQueries({
-        parameters: {
-          path: {
-            receivable_id: i
-          }
-        }
-      }, t)]);
-      const s = e.finops.getReceivablesId.getQueryData({
-        path: {
-          receivable_id: i
-        }
-      }, t);
-      r.success(a._("This {type} has been sent", {
-        type: s?.type === "credit_note" ? "credit memo" : s?.type
-      }));
+      receivable_id: e
     }
   });
 };
 export {
-  l as useSendReceivableById
+  s as useCreateInvoiceEmailPreview
 };

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

@@ -1,59 +1,16 @@
-import { jsx as t, Fragment as v, jsxs as i } from "@emotion/react/jsx-runtime";
-import { useLingui as b } from "@lingui/react";
-import { useState as y, useEffect as N } from "react";
-import { useCreateInvoiceEmailPreview as j } from "./index387.js";
-import { LanguageCodeEnum as C } from "./index196.js";
-import { CenteredContentBox as s } from "./index230.js";
-import { Button as _ } from "./index84.js";
-import { CircleAlert as E, RefreshCcw as P } from "lucide-react";
-import { LoadingSpinner as B } from "./index124.js";
-const q = ({
-  invoiceId: l,
-  body: c,
-  subject: m
-}) => {
+import { useMoniteContext as n } from "./index57.js";
+const m = (e) => {
   const {
-    i18n: e
-  } = b(), [a, d] = y(0), {
-    data: w,
-    mutateAsync: f,
-    isPending: p,
-    error: u
-  } = j(l), x = () => {
-    d(a + 1);
-  }, h = (r) => Object.values(C).includes(r), g = () => {
-    const r = e.locale, o = r.indexOf("-"), n = o >= 0 ? r.substring(0, o) : r;
-    return h(n) ? n : "en";
-  };
-  return N(() => {
-    f({
-      body_text: c,
-      subject_text: m,
-      language: g(),
-      type: "receivable"
-    });
-  }, [a]), /* @__PURE__ */ t("div", { className: "ttw:flex ttw:flex-col ttw:min-h-0 ttw:overflow-hidden ttw:flex-1", children: p ? /* @__PURE__ */ t(s, { children: /* @__PURE__ */ t(B, {}) }) : /* @__PURE__ */ t(v, { children: u ? /* @__PURE__ */ t(s, { children: /* @__PURE__ */ i("div", { className: "ttw:flex ttw:flex-col ttw:items-center ttw:justify-center ttw:gap-4", children: [
-    /* @__PURE__ */ t(E, { className: "ttw:text-red-500" }),
-    /* @__PURE__ */ i("div", { className: "ttw:flex ttw:flex-col ttw:justify-center ttw:text-center ttw:gap-1 ttw:items-center", children: [
-      /* @__PURE__ */ t("h2", { className: "ttw:font-bold ttw:text-base", children: e._("Failed to generate email preview") }),
-      /* @__PURE__ */ i("div", { className: "ttw:items-center", children: [
-        /* @__PURE__ */ t("p", { className: "ttw:text-sm ttw:font-normal ttw:leading-5", children: e._("Please try to reload.") }),
-        /* @__PURE__ */ t("p", { className: "ttw:text-sm ttw:font-normal ttw:leading-5", children: e._("If the error recurs, contact support, please.") })
-      ] }),
-      /* @__PURE__ */ i(_, { variant: "ghost", onClick: x, "data-testid": "reload-preview-button", children: [
-        /* @__PURE__ */ t(P, {}),
-        e._("Reload")
-      ] })
-    ] })
-  ] }) }) : /* @__PURE__ */ t("iframe", { srcDoc: w?.body_preview, style: {
-    width: "100%",
-    height: "100%",
-    marginBottom: "-16px",
-    // Margin is necessary to avoid vertical scrollbar on the iframe container element. It's not clear why, but it helps.
-    border: 0,
-    flex: 1
-  } }) }) });
+    api: t
+  } = n();
+  return t.finops.getPaymentTermsId.useQuery({
+    path: {
+      payment_terms_id: e ?? ""
+    }
+  }, {
+    enabled: !!e
+  });
 };
 export {
-  q as PreviewEmail
+  m as useGetPaymentTermById
 };

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

@@ -1,37 +1,69 @@
-import { useMoniteContext as c } from "./index57.js";
-import { useLingui as n } from "@lingui/react";
-import { toast as o } from "react-hot-toast";
-const u = (i) => {
-  const {
-    i18n: s
-  } = n(), {
-    api: e,
-    queryClient: a
-  } = c();
-  return e.finops.postReceivablesIdCancel.useMutation({
-    path: {
-      receivable_id: i
-    }
-  }, {
-    onSuccess: async () => {
-      const t = e.finops.getReceivablesId.getQueryData({
-        path: {
-          receivable_id: i
-        }
-      }, a);
-      t?.type === "invoice" && e.finops.getReceivablesId.setQueryData({
-        path: {
-          receivable_id: i
-        }
-      }, {
-        ...t,
-        status: "canceled"
-      }, a), await e.finops.getReceivables.invalidateQueries(a), o.success(s._("This {type} has been canceled", {
-        type: t?.type === "credit_note" ? "credit memo" : t?.type
-      }));
-    }
-  });
+import { Price as v } from "./index408.js";
+import { useMemo as m } from "react";
+const w = ({
+  lineItems: c,
+  isInclusivePricing: o,
+  actualCurrency: p,
+  formatCurrencyToDisplay: i,
+  taxRate: n
+}) => {
+  const b = (e) => {
+    const a = e.product?.price?.value ?? e.price?.value ?? 0, r = e.quantity ?? 1;
+    return {
+      price: a,
+      quantity: r
+    };
+  }, s = m(() => {
+    const e = n !== void 0 ? (n ?? 0) / 100 : void 0, a = c.reduce((t, f) => {
+      const {
+        price: l,
+        quantity: u
+      } = b(f);
+      if (o && e && f.taxable) {
+        const d = l * u / (1 + e);
+        return t + d;
+      }
+      return t + l * u;
+    }, 0), r = p ?? c.find((t) => !!t.product?.price?.currency)?.product?.price?.currency ?? c.find((t) => !!t.price?.currency)?.price?.currency;
+    if (r)
+      return new v({
+        value: a,
+        currency: r,
+        formatter: i
+      });
+  }, [c, i, p, o, n]), y = m(() => {
+    const e = p ?? c.find((r) => !!r.product?.price?.currency)?.product?.price?.currency ?? c.find((r) => !!r.price?.currency)?.price?.currency;
+    if (!e)
+      return;
+    if (!n)
+      return new v({
+        value: 0,
+        currency: e,
+        formatter: i
+      });
+    const a = c.reduce((r, t) => {
+      if (!t.taxable) return r;
+      const {
+        price: f,
+        quantity: l
+      } = b(t), u = n / 100, d = f * l;
+      return o ? r + d * u / (1 + u) : r + d * u;
+    }, 0);
+    return new v({
+      value: a,
+      currency: e,
+      formatter: i
+    });
+  }, [c, i, p, n, o]), x = m(() => {
+    if (!(!s || !y))
+      return s.add(y);
+  }, [s, y]);
+  return {
+    subtotalPrice: s,
+    totalTaxes: y,
+    totalPrice: x
+  };
 };
 export {
-  u as useCancelReceivableById
+  w as useCreateInvoiceProductsTable
 };

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

@@ -1,45 +1,23 @@
-import { jsx as i } from "@emotion/react/jsx-runtime";
-import { getCommonRecurrenceIterationStatusLabel as w } from "./index255.js";
-import "date-fns";
-import { Badge as s } from "./index254.js";
-import { cn as g } from "./index100.js";
-import { useLingui as c } from "@lingui/react";
-import { cva as l } from "class-variance-authority";
-const r = l("", {
-  variants: {
-    variant: {
-      pending: "ttw:bg-zinc-100 ttw:text-zinc-700",
-      skipped: "ttw:bg-yellow-100 ttw:text-yellow-700",
-      canceled: "ttw:bg-red-100 ttw:text-red-700",
-      issue_failed: "ttw:bg-red-100 ttw:text-red-700",
-      send_failed: "ttw:bg-red-100 ttw:text-red-700",
-      completed: "ttw:bg-green-100 ttw:text-green-700"
-    },
-    dotVariant: {
-      pending: "ttw:border-zinc-100 ttw:bg-zinc-700",
-      skipped: "ttw:border-yellow-100 ttw:bg-yellow-700",
-      canceled: "ttw:border-red-100 ttw:bg-red-700",
-      issue_failed: "ttw:border-red-100 ttw:bg-red-700",
-      send_failed: "ttw:border-red-100 ttw:bg-red-700",
-      completed: "ttw:border-green-100 ttw:bg-green-700"
-    }
+class t {
+  value;
+  currency;
+  formatter;
+  constructor(r) {
+    this.value = r.value, this.currency = r.currency, this.formatter = r.formatter;
   }
-}), z = ({
-  status: t,
-  className: o,
-  showBadgeBackground: e = !0,
-  dotSize: d,
-  ref: a
-}) => {
-  const {
-    i18n: n
-  } = c();
-  return /* @__PURE__ */ i(s, { ref: a, className: g("ttw:inline-flex ttw:items-center ttw:gap-1", r({
-    variant: t
-  }), o), dotClassName: r({
-    dotVariant: t
-  }), showBadgeBackground: e, showDotBorder: !e, dotSize: d, showDot: !0, children: w(n, t) });
-};
+  add(r) {
+    if (this.currency !== r.currency)
+      throw new Error("Currencies must match");
+    return new t({
+      value: Number(this.value) + Number(r.value),
+      currency: this.currency,
+      formatter: this.formatter
+    });
+  }
+  toString() {
+    return this.formatter(this.value, this.currency) ?? "";
+  }
+}
 export {
-  z as InvoiceRecurrenceIterationStatusChip
+  t as Price
 };

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

@@ -1,76 +1,4 @@
-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 "./index466.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.") }) })
-  ] });
-};
+const t = () => typeof crypto < "u" && typeof crypto.randomUUID == "function" ? crypto.randomUUID() : `${Date.now().toString(36)}-${Math.random().toString(36).substring(2, 9)}`;
 export {
-  L as ManualPaymentRecordDetails
+  t as generateUniqueId
 };

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

@@ -5,7 +5,7 @@ import { InvoicesTable as x } from "./index36.js";
 import { QuotesTable as $ } from "./index37.js";
 import { useMoniteContext as T } from "./index57.js";
 import { MoniteScopedProviders as I } from "./index83.js";
-import { classNames as q } from "./index185.js";
+import { classNames as q } from "./index170.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/index410.js

@@ -1,99 +1,7 @@
-import { jsx as e, Fragment as b, jsxs as o } from "@emotion/react/jsx-runtime";
-import { manualPaymentRecordValidationSchema as y } from "./index188.js";
-import { useCurrencies as g } 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 "./index470.js";
-import { RHFTextField as S } from "./index448.js";
-import { RHFTimePicker as R } from "./index471.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
-  } = g(), {
-    control: a,
-    handleSubmit: f,
-    reset: l,
-    setValue: x
-  } = V({
-    resolver: v(y(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") })
-    ] })
-  ] }) });
-};
+function r(l, e) {
+  if (l !== void 0) return l;
+  if (e !== void 0) return null;
+}
 export {
-  Z as PaymentRecordForm
+  r as resolveNullableUpdate
 };

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

@@ -1,71 +1,34 @@
-import { jsx as t, jsxs as a } from "@emotion/react/jsx-runtime";
-import { getMeasureUnitValidationSchema as z } from "./index168.js";
-import { Button as o } from "./index84.js";
-import { Input as p } from "./index145.js";
-import { TableRow as C, TableCell as M } from "./index244.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: 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") })
-  ] }) }) });
+import { useRef as v, useState as s, useCallback as r, useEffect as M } from "react";
+const D = () => {
+  const t = v(null), [n, a] = s(!1), [u, o] = s(0), [f, c] = s(0), d = r((e) => {
+    a(!0), o(e.pageX - (t.current?.offsetLeft || 0)), c(t.current?.scrollLeft || 0);
+  }, []), h = r(() => {
+    a(!1);
+  }, []), i = r(() => {
+    a(!1);
+  }, []), L = r((e) => {
+    if (!n) return;
+    e.preventDefault();
+    const p = e.pageX - (t.current?.offsetLeft || 0) - u;
+    t.current && (t.current.scrollLeft = f - p);
+  }, [n, u, f]), l = r((e) => {
+    t.current && (e.deltaMode === 0 && Math.abs(e.deltaX) > Math.abs(e.deltaY) ? (e.preventDefault(), t.current.scrollLeft += e.deltaX * 2) : e.preventDefault());
+  }, []);
+  return M(() => {
+    const e = t.current;
+    if (e)
+      return e.addEventListener("wheel", l), () => {
+        e.removeEventListener("wheel", l);
+      };
+  }, [l]), {
+    containerRef: t,
+    handleMouseDown: d,
+    handleMouseLeave: h,
+    handleMouseUp: i,
+    handleMouseMove: L,
+    isDragging: n
+  };
 };
 export {
-  D as MeasureUnitsFormRow
+  D as useDragScroll
 };