@tesouro/embedded-components-react 0.2.110 → 0.2.111

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

@@ -1,40 +1,114 @@
-import { useMoniteContext as u } from "./index57.js";
-import { getAPIErrorMessage as l } from "./index122.js";
-import { useLingui as m } from "@lingui/react";
-import { toast as a } from "react-hot-toast";
-const v = (i, n, s, p) => {
+import { jsxs as s, jsx as a } from "@emotion/react/jsx-runtime";
+import "react-hot-toast";
+import "./index57.js";
+import { useLingui as j } from "@lingui/react";
+import { useState as I, Fragment as O } from "react";
+import { useUserPermissions as G } from "./index130.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 k } from "../../shared/data-access/dist/lib/scopes.js";
+import { format as F } from "date-fns";
+import "clsx";
+import "tailwind-merge";
+import "@radix-ui/react-dropdown-menu";
+import { Plus as U, Loader2 as B } from "lucide-react";
+import { Button as h } from "./index84.js";
+import { useGetOverdueReminders as L } from "./index413.js";
+import { useCreateOverdueReminder as V } from "./index414.js";
+import { useGetPaymentTermById as Y } from "./index415.js";
+import "./index92.js";
+import "react-dom";
+import "@mui/x-data-grid";
+import { useFormContext as z } from "react-hook-form";
+import { calculateDueDate as K } from "./index7.js";
+import { CUSTOM_DATE_PAYMENT_TERM as W, RECEIPT_DUE_PAYMENT_TERM as q } from "./index152.js";
+import { RadioGroup as H, RadioGroupItem as b } from "./index343.js";
+import { Typography as n } from "./index85.js";
+import { Input as J } from "./index121.js";
+const Q = "MMM d, yyyy", N = 3, Et = ({
+  disabled: l
+}) => {
   const {
-    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));
-    }
-  });
+    data: u
+  } = L(), [o, c] = I([""]), {
+    i18n: e
+  } = j(), T = G().has(k.InvoiceWriteOrg), {
+    watch: w,
+    setValue: y
+  } = z(), A = w("overdue_reminder_id"), p = w("payment_terms_id"), C = w("payment_terms_custom_date"), v = p === W, _ = p === q, P = p && !v && !_ ? p : void 0, {
+    data: g
+  } = Y(P), x = v ? C ?? void 0 : _ ? /* @__PURE__ */ new Date() : g && K(g) || void 0, {
+    mutate: E,
+    isPending: d
+  } = V(), M = (t, i) => {
+    c((m) => m.map((r, f) => f === t ? i : r));
+  }, R = () => {
+    c((t) => t.length < N ? [...t, ""] : t);
+  }, D = () => {
+    c([""]);
+  }, S = o.every((t) => Number(t) >= 1), $ = () => {
+    const t = o.map((r) => Number(r)).sort((r, f) => r - f), i = t.map((r) => r === 1 ? e._("{daysAfter} day", {
+      daysAfter: r
+    }) : e._("{daysAfter} days", {
+      daysAfter: r
+    })), m = i.length === 1 ? i[0] : `${i.slice(0, -1).join(", ")} ${e._("and")} ${i[i.length - 1]}`;
+    E({
+      body: {
+        name: m,
+        terms: t.map((r) => ({
+          days_after: r,
+          subject: e._("Payment is overdue"),
+          body: x ? e._("Payment was due on {dueDate}.", {
+            dueDate: F(x, Q)
+          }) : e._("Payment is overdue.")
+        }))
+      }
+    }, {
+      onSuccess: (r) => {
+        c([""]), y("overdue_reminder_id", r.id);
+      }
+    });
+  };
+  return /* @__PURE__ */ s("div", { className: "ttw:border ttw:border-border ttw:rounded-lg ttw:min-h-28 ttw:p-2.5 ttw:flex ttw:w-full ttw:flex-col ttw:gap-4 ttw:xl:w-1/2", children: [
+    /* @__PURE__ */ s(n, { variant: "body2", children: [
+      e._("Number of days"),
+      " ",
+      /* @__PURE__ */ a("span", { className: "ttw:text-destructive ttw:font-bold", children: e._("AFTER") }),
+      " ",
+      e._("due date")
+    ] }),
+    /* @__PURE__ */ a(H, { className: "ttw:contents", value: A ?? "", onValueChange: (t) => y("overdue_reminder_id", t), children: /* @__PURE__ */ s("ul", { className: "ttw:flex ttw:flex-col ttw:gap-3", children: [
+      /* @__PURE__ */ a("li", { className: "ttw:flex ttw:items-center ttw:gap-3 ttw:justify-between", children: /* @__PURE__ */ s("div", { className: "ttw:flex ttw:items-center ttw:gap-2", children: [
+        /* @__PURE__ */ a(b, { value: "", id: "no-overdue-reminder" }),
+        /* @__PURE__ */ a(n, { variant: "body2", className: "ttw:leading-snug", children: e._("No reminder") })
+      ] }) }),
+      u?.map((t) => /* @__PURE__ */ a("li", { className: "ttw:flex ttw:items-center ttw:gap-3 ttw:justify-between", children: /* @__PURE__ */ s("div", { className: "ttw:flex ttw:items-center ttw:gap-2", children: [
+        /* @__PURE__ */ a(b, { value: t.value, id: t.value }),
+        /* @__PURE__ */ a(n, { variant: "body2", className: "ttw:leading-snug", children: t.label })
+      ] }) }, t.value))
+    ] }) }),
+    T && /* @__PURE__ */ s("div", { className: "ttw:flex ttw:flex-col ttw:gap-2.5", children: [
+      /* @__PURE__ */ a(n, { variant: "caption", color: "muted", children: u && u.length > 0 ? e._("Add schedule (Specify up to 3 terms)") : e._("Send up to three reminders") }),
+      /* @__PURE__ */ s("div", { className: "ttw:flex ttw:items-center ttw:gap-2.5", children: [
+        o.map((t, i, m) => /* @__PURE__ */ s(O, { children: [
+          /* @__PURE__ */ a(J, { type: "text", inputMode: "numeric", value: t, onChange: (r) => M(i, r.target.value.replace(/\D/g, "")), disabled: l || d, name: `new_reminders_${i}`, className: "ttw:text-right ttw:w-15 ttw:p-1.5", placeholder: m.length === 1 ? e._("e.g., 3") : void 0 }),
+          /* @__PURE__ */ a(n, { variant: "body2", children: Number(t) === 1 ? e._("day") : e._("days") })
+        ] }, i)),
+        o.length < N && /* @__PURE__ */ s(h, { type: "button", variant: "ghost", className: "ttw:text-xs ttw:text-primary ttw:hover:text-primary", disabled: l || d || !o[o.length - 1], onClick: R, children: [
+          /* @__PURE__ */ a(U, {}),
+          e._("Add")
+        ] })
+      ] }),
+      /* @__PURE__ */ s("div", { className: "ttw:flex ttw:items-center ttw:gap-2.5", children: [
+        /* @__PURE__ */ a(h, { type: "button", variant: "ghost", className: "ttw:text-xs", disabled: l || d, onClick: D, children: e._("Clear") }),
+        /* @__PURE__ */ a(h, { type: "button", variant: "secondary", className: "ttw:hover:brightness-95 ttw:text-secondary-foreground ttw:text-xs", disabled: l || d || !S, onClick: $, children: d ? /* @__PURE__ */ a(B, { className: "ttw:size-4 ttw:animate-spin" }) : e._("Save") })
+      ] })
+    ] })
+  ] });
 };
 export {
-  v as useRejectApprovalRequest
+  Et as ReminderOverdue
 };

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

@@ -1,37 +1,31 @@
-import { useMoniteContext as u } from "./index57.js";
-import { getAPIErrorMessage as m } from "./index122.js";
-import { useLingui as d } from "@lingui/react";
-import { toast as a } from "react-hot-toast";
-const g = (i, p, t, n) => {
-  const {
-    api: e,
-    queryClient: o
-  } = u(), {
-    i18n: r
-  } = d();
-  return e.finops.postApprovalRequestsIdApprove.useMutation({
-    path: {
-      approval_request_id: i
-    }
-  }, {
-    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));
-    }
-  });
+import { useRef as t, useEffect as p } from "react";
+import "./index57.js";
+import "@lingui/react";
+import "react-hot-toast";
+import "./index92.js";
+import "@emotion/react/jsx-runtime";
+import "react-dom";
+import "@mui/x-data-grid";
+import { useIsMounted as d } from "./index68.js";
+const z = (o, s = 50) => {
+  const c = t(o), e = t(void 0), r = t(void 0), i = d();
+  c.current = o;
+  const m = (u) => {
+    !u || typeof window > "u" || (r.current && r.current.disconnect(), r.current = new ResizeObserver(() => {
+      e.current && clearTimeout(e.current), e.current = setTimeout(() => {
+        i.current && c.current();
+      }, s);
+    }), r.current.observe(u));
+  }, n = () => {
+    r.current && r.current.disconnect(), e.current && clearTimeout(e.current);
+  };
+  return p(() => () => {
+    n();
+  }, []), {
+    observe: m,
+    disconnect: n
+  };
 };
 export {
-  g as useApproveApprovalRequest
+  z as useResizeObserver
 };

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

@@ -1,34 +1,26 @@
-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
-  };
+import { useRef as u, useEffect as s } from "react";
+import "./index57.js";
+import "@lingui/react";
+import "react-hot-toast";
+import "./index92.js";
+import "@emotion/react/jsx-runtime";
+import "react-dom";
+import "@mui/x-data-grid";
+import { useIsMounted as m } from "./index68.js";
+const E = (r, t = 100) => {
+  const o = u(r), e = u(void 0), i = m();
+  o.current = r, s(() => {
+    if (typeof window > "u") return;
+    const n = () => {
+      e.current && clearTimeout(e.current), e.current = setTimeout(() => {
+        i.current && o.current();
+      }, t);
+    };
+    return window.addEventListener("resize", n), () => {
+      window.removeEventListener("resize", n), e.current && clearTimeout(e.current);
+    };
+  }, [t, i]);
 };
 export {
-  D as useDragScroll
+  E as useWindowResize
 };

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

@@ -1,5 +1,5 @@
 import { jsx as t, jsxs as s } from "@emotion/react/jsx-runtime";
-import { CreateCounterpartDialog as ye } from "./index168.js";
+import { CreateCounterpartDialog as ye } from "./index192.js";
 import { getCounterpartName as x } from "./index7.js";
 import "./index57.js";
 import { useLingui as ge } from "@lingui/react";
@@ -10,13 +10,13 @@ import "react-dom";
 import "@mui/x-data-grid";
 import { useIsMounted as Ne } from "./index68.js";
 import { useCounterpartList as _e } from "./index71.js";
-import { Alert as ee, AlertTitle as Ae, AlertDescription as te } from "./index169.js";
+import { Alert as ee, AlertTitle as Ae, AlertDescription as te } from "./index193.js";
 import { Button as _ } from "./index84.js";
 import { useComboboxAnchor as Te, Combobox as re, ComboboxChips as Ve, ComboboxChip as ke, ComboboxChipsInput as De, ComboboxContent as oe, ComboboxList as ae, ComboboxItem as z, ComboboxInput as Ie, ComboboxEmpty as Le } from "./index90.js";
-import { Field as ie, FieldContent as le, FieldLabel as ne, FieldError as Ee } from "./index170.js";
-import { Input as Se } from "./index117.js";
+import { Field as ie, FieldContent as le, FieldLabel as ne, FieldError as Ee } from "./index194.js";
+import { Input as Se } from "./index121.js";
 import { Typography as se } from "./index85.js";
-import { LoadingSpinner as je } from "./index144.js";
+import { LoadingSpinner as je } from "./index176.js";
 import { Plus as de, Sparkles as Pe } from "lucide-react";
 import { useFormContext as qe, Controller as ze } from "react-hook-form";
 const B = "__create-new__", Be = 50, lt = ({

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

@@ -1,7 +1,7 @@
 import { jsx as i, jsxs as w, Fragment as L } from "@emotion/react/jsx-runtime";
-import { InvoiceDetailsPanel as A } from "./index208.js";
+import { InvoiceDetailsPanel as A } from "./index171.js";
 import { CreateReceivables as E } from "./index39.js";
-import { ActionsModal as M } from "./index209.js";
+import { ActionsModal as M } from "./index172.js";
 import { ReceivablesTableTabEnum as k, ReceivablesTable as U } from "./index41.js";
 import { MoniteScopedProviders as y } from "./index83.js";
 import "./index57.js";
@@ -12,8 +12,8 @@ import "./index92.js";
 import "react-dom";
 import "@mui/x-data-grid";
 import { useComponentSettings as W } from "./index67.js";
-import { useUserPermissions as _ } from "./index131.js";
-import { AccessRestriction as q } from "./index132.js";
+import { useUserPermissions as _ } from "./index130.js";
+import { AccessRestriction as q } from "./index131.js";
 import { Button as G } from "./index84.js";
 import "clsx";
 import "tailwind-merge";

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

@@ -1,7 +1,41 @@
-const o = (e) => JSON.stringify(Object.entries(e).sort(([t], [a]) => t.localeCompare(a))), r = (e) => {
-  if (e)
-    return JSON.stringify(e.map(o).sort((t, a) => t.localeCompare(a)));
+import { useState as p, useEffect as f } from "react";
+const s = {
+  inches: {
+    width: 8.27,
+    height: 11.69
+  }
+}, y = () => {
+  const [h, r] = p({
+    width: 794,
+    height: 1123,
+    dpi: 96
+  });
+  return f(() => {
+    if (typeof window > "u") return;
+    const t = () => {
+      const c = [72, 96, 120, 144, 192, 240, 288, 384];
+      let n = 96;
+      for (const d of c)
+        if (window.matchMedia(`(resolution: ${d}dpi)`).matches) {
+          n = d;
+          break;
+        }
+      const u = window.devicePixelRatio || 1, w = n * u, e = document.createElement("div");
+      e.style.width = "1in", e.style.height = "1in", e.style.position = "absolute", e.style.left = "-9999px", document.body.appendChild(e);
+      const a = e.getBoundingClientRect(), o = Math.round(a.width);
+      document.body.removeChild(e);
+      const i = o > 0 ? o : w, l = Math.round(s.inches.width * i), m = Math.round(s.inches.height * i);
+      r({
+        width: l,
+        height: m,
+        dpi: i
+      });
+    };
+    return t(), window.addEventListener("resize", t), () => {
+      window.removeEventListener("resize", t);
+    };
+  }, []), h;
 };
 export {
-  r as getPayablesAnalyticsSnapshot
+  y as useA4Dimensions
 };

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

@@ -1,129 +1,77 @@
-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 { jsxs as I, jsx as f } from "@emotion/react/jsx-runtime";
+import { useMemo as d, useState as g, useEffect as j } from "react";
+import { useCurrencies as N } from "./index58.js";
+import "./index92.js";
+import { useLingui as G } from "@lingui/react";
+import "react-dom";
+import "./index57.js";
+import "@mui/x-data-grid";
+import { InputGroup as T, InputGroupAddon as $, InputGroupInput as D } from "./index101.js";
+import { formatMinorToMajorCurrency as n, parseMajorToMinorCurrency as P } from "./index297.js";
+const J = ({
+  value: i,
+  error: v = !1,
+  currency: m,
+  disabled: w = !1,
+  onChange: u,
+  locale: x
+}) => {
+  const {
+    getSymbolFromCurrency: y
+  } = N(), {
+    i18n: M
+  } = G(), e = x ?? M.locale, o = d(() => new Intl.NumberFormat(e, {
+    minimumFractionDigits: 2,
+    maximumFractionDigits: 2
+  }), [e]), {
+    decimalSeparator: F,
+    groupSeparator: S
+  } = d(() => {
+    const r = new Intl.NumberFormat(e).formatToParts(12345.67);
+    return {
+      decimalSeparator: r.find((t) => t.type === "decimal")?.value || ".",
+      groupSeparator: r.find((t) => t.type === "group")?.value || ""
+    };
+  }, [e]), [s, a] = g(n(i, o)), [l, p] = g(!1);
+  j(() => {
+    if (!l) {
+      const r = n(i, o);
+      r !== s && a(r);
     }
-    case "last_week": {
-      const t = _(i(e, 1));
-      return {
-        from: t,
-        to: f(t)
-      };
+  }, [i, l, e, o, s]);
+  const b = (r) => {
+    const t = r.target.value;
+    a(t);
+  }, h = () => {
+    p(!0);
+  }, C = (r) => {
+    p(!1);
+    const t = r.target.value.trim();
+    if (t === "") {
+      a(n(0, o)), u(0);
+      return;
     }
-    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)
-      };
-    }
-  }
-}
+    const c = P(t, F, S);
+    a(n(c, o)), u(c);
+  };
+  return /* @__PURE__ */ I(T, { className: "ttw:max-w-41 ttw:w-full ttw:min-w-29", children: [
+    /* @__PURE__ */ f($, { align: "inline-start", children: y(m) || m }),
+    /* @__PURE__ */ f(
+      D,
+      {
+        type: "text",
+        inputMode: "decimal",
+        className: "ttw:text-right",
+        "aria-invalid": v || void 0,
+        disabled: w,
+        value: s,
+        onChange: b,
+        onFocus: h,
+        onBlur: C
+      }
+    )
+  ] });
+};
 export {
-  v as DATE_PRESETS,
-  g as resolveDatePreset
+  J as PriceField
 };

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

@@ -1,9 +1,70 @@
-const t = (e) => ({
-  approved: e._("Approved"),
-  canceled: e._("Canceled"),
-  rejected: e._("Rejected"),
-  waiting: e._("In approval")
-});
+import { jsx as o, jsxs as V } from "@emotion/react/jsx-runtime";
+import { useState as x, useEffect as q } from "react";
+import { Controller as C } from "react-hook-form";
+import { Minus as R, Plus as M } from "lucide-react";
+import { InputGroup as N, InputGroupAddon as v, InputGroupButton as y, InputGroupInput as B } from "./index101.js";
+const I = (e) => Math.round(e * 100) / 100, b = (e) => {
+  let t = e.replace(/[^0-9.]/g, "");
+  const n = t.indexOf(".");
+  return n !== -1 && (t = t.slice(0, n + 1) + t.slice(n + 1).replace(/\./g, ""), t = t.slice(0, n + 3)), t;
+}, E = ({
+  field: e,
+  index: t,
+  canRemove: n,
+  hasProduct: s,
+  hasQuantityError: m,
+  onLineItemValueChange: l,
+  onRemoveItem: d
+}) => {
+  const i = Math.max(0, Number(e.value) || 0), w = n ? 0 : 1, [p, c] = x(i === 0 ? "" : String(i)), [h, f] = x(!1);
+  q(() => {
+    if (!h) {
+      const r = i === 0 ? "" : String(i);
+      r !== p && c(r);
+    }
+  }, [i, h, p]);
+  const g = (r) => {
+    const a = I(r);
+    if (a <= 0 && n) {
+      d(t);
+      return;
+    }
+    const u = Math.max(w, a);
+    l("quantity", u, {
+      shouldValidate: !0
+    });
+  };
+  return /* @__PURE__ */ V(N, { className: "ttw:w-26 ttw:min-w-26 ttw:has-[>[data-align=inline-start]]:[&>input]:pl-0 ttw:has-[>[data-align=inline-end]]:[&>input]:pr-0", children: [
+    /* @__PURE__ */ o(v, { align: "inline-start", children: /* @__PURE__ */ o(y, { type: "button", size: "icon-xs", disabled: !s || !n && i <= 1, onClick: () => g(i - 1), children: /* @__PURE__ */ o(R, {}) }) }),
+    /* @__PURE__ */ o(B, { ref: e.ref, name: e.name, type: "text", inputMode: "decimal", "aria-invalid": m || void 0, value: p, className: "ttw:text-center ttw:px-0", onFocus: () => f(!0), onChange: (r) => {
+      const a = b(r.target.value);
+      c(a);
+      const u = a === "" || a === "." ? 0 : Number(a);
+      l("quantity", u, {
+        shouldValidate: !1
+      });
+    }, onBlur: (r) => {
+      f(!1);
+      const a = b(r.target.value), u = a === "" || a === "." ? 0 : I(Number(a));
+      u <= 0 ? n ? d(t) : (c("1"), l("quantity", 1, {
+        shouldValidate: !0
+      })) : (c(String(u)), l("quantity", u, {
+        shouldValidate: !0
+      })), e.onBlur();
+    } }),
+    /* @__PURE__ */ o(v, { align: "inline-end", children: /* @__PURE__ */ o(y, { type: "button", size: "icon-xs", disabled: !s, onClick: () => g(i + 1), children: /* @__PURE__ */ o(M, {}) }) })
+  ] });
+}, z = ({
+  index: e,
+  control: t,
+  quantityError: n,
+  canRemove: s,
+  hasProduct: m,
+  onLineItemValueChange: l,
+  onRemoveItem: d
+}) => /* @__PURE__ */ o(C, { name: `line_items.${e}.quantity`, control: t, render: ({
+  field: i
+}) => /* @__PURE__ */ o(E, { field: i, index: e, canRemove: s, hasProduct: m, hasQuantityError: n, onLineItemValueChange: l, onRemoveItem: d }) });
 export {
-  t as getRowToStatusTextMap
+  z as QuantityField
 };