@tesouro/embedded-components-react 0.2.92 → 0.2.94

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

@@ -1,18 +1,71 @@
-import { createElement as l } from "react";
-const a = ({
-  color: o = "currentColor",
-  size: e,
-  ...t
-}) => l("svg", {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: e,
-  height: e,
-  viewBox: "0 0 24 24",
-  fill: o,
-  ...t
-}, l("path", {
-  d: "M21.71,11.29l-5-5A1,1,0,0,0,16,6H5A3,3,0,0,0,2,9v6a3,3,0,0,0,3,3H16a1,1,0,0,0,.71-.29l5-5A1,1,0,0,0,21.71,11.29ZM15.59,16H5a1,1,0,0,1-1-1V9A1,1,0,0,1,5,8H15.59l4,4Z"
-}));
+import { jsx as t, jsxs as a } from "@emotion/react/jsx-runtime";
+import { getMeasureUnitValidationSchema as z } from "./index210.js";
+import { Button as o } from "./index84.js";
+import { Input as p } from "./index122.js";
+import { TableRow as C, TableCell as M } from "./index272.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 "./index408.js";
+import { useUpdateMeasureUnit as V } from "./index409.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") })
+  ] }) }) });
+};
 export {
-  a as ULabel
+  D as MeasureUnitsFormRow
 };

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

@@ -3,14 +3,14 @@ import { useState as c, useCallback as r } from "react";
 import { ProductsTable as g } from "./index43.js";
 import { ProductDetails as v } from "./index45.js";
 import { MoniteScopedProviders as x } from "./index83.js";
-import { useUserPermissions as h } from "./index146.js";
+import { useUserPermissions as h } from "./index141.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 R } from "../../shared/data-access/dist/lib/scopes.js";
-import { AccessRestriction as S } from "./index156.js";
+import { AccessRestriction as S } from "./index151.js";
 import "./index84.js";
 import "clsx";
 import "tailwind-merge";

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

@@ -1,18 +1,49 @@
-import { createElement as o } from "react";
-const l = ({
-  color: t = "currentColor",
-  size: a,
-  ...e
-}) => o("svg", {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: a,
-  height: a,
-  viewBox: "0 0 24 24",
-  fill: t,
-  ...e
-}, o("path", {
-  d: "M6,11a1,1,0,1,0,1,1A1,1,0,0,0,6,11Zm12,0a1,1,0,1,0,1,1A1,1,0,0,0,18,11Zm2-6H4A3,3,0,0,0,1,8v8a3,3,0,0,0,3,3H20a3,3,0,0,0,3-3V8A3,3,0,0,0,20,5Zm1,11a1,1,0,0,1-1,1H4a1,1,0,0,1-1-1V8A1,1,0,0,1,4,7H20a1,1,0,0,1,1,1ZM12,9a3,3,0,1,0,3,3A3,3,0,0,0,12,9Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,12,13Z"
-}));
+import { jsx as e, jsxs as a, Fragment as m } from "@emotion/react/jsx-runtime";
+import { useCurrencies as b } from "./index58.js";
+import "react";
+import "./index92.js";
+import { useLingui as x } from "@lingui/react";
+import "react-dom";
+import "./index57.js";
+import "@mui/x-data-grid";
+import { ConfirmationModal as y } from "./index264.js";
+import { Table as C, TableBody as _, TableRow as D, TableCell as l } from "./index272.js";
+import { Typography as r } from "./index85.js";
+import { Loader2 as L } from "lucide-react";
+import { useGetProducts as T } from "./index207.js";
+const R = ({
+  onClose: c,
+  onDelete: d,
+  name: p,
+  isLoading: u,
+  open: h,
+  id: n
+}) => {
+  const {
+    i18n: t
+  } = x(), {
+    formatCurrencyToDisplay: w
+  } = b(), {
+    data: s,
+    isLoading: o
+  } = T({
+    measure_unit_id: n ?? ""
+  }, !!n), f = s?.data.length === 0, g = () => f ? /* @__PURE__ */ a(m, { children: [
+    /* @__PURE__ */ e(r, { children: t._("There are no items created with this measure unit.") }),
+    /* @__PURE__ */ e(r, { color: "muted", children: t._("Deleting it won't affect your items.") })
+  ] }) : /* @__PURE__ */ a(m, { children: [
+    /* @__PURE__ */ e(r, { children: t._("Any products or services referencing this unit will update to use a blank unit of measure.") }),
+    /* @__PURE__ */ e(r, { color: "muted", children: t._("Previously issued invoices will not be impacted.") }),
+    o && /* @__PURE__ */ e(L, { className: "ttw:mx-auto ttw:size-6 ttw:animate-spin" }),
+    !o && /* @__PURE__ */ e(C, { children: /* @__PURE__ */ e(_, { children: s?.data.map((i) => /* @__PURE__ */ a(D, { className: "ttw:border-border ttw:hover:bg-transparent", children: [
+      /* @__PURE__ */ e(l, { className: "ttw:pl-0 ttw:whitespace-normal ttw:text-text ttw:font-medium", children: i.name }),
+      /* @__PURE__ */ e(l, { className: "ttw:pr-0 ttw:text-right ttw:text-text ttw:font-medium", children: i.price && w(i.price?.value, i.price?.currency) })
+    ] }, i.id)) }) })
+  ] });
+  return /* @__PURE__ */ e(y, { open: h, title: t._('Delete "{name}"?', {
+    name: p
+  }), confirmLabel: t._("Delete"), cancelLabel: t._("Cancel"), onClose: c, onConfirm: d, isLoading: u || o, children: g() });
+};
 export {
-  l as UMoneyBill
+  R as ConfirmDeleteMeasureUnitDialog
 };

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

@@ -1,18 +1,30 @@
-import { createElement as r } from "react";
-const h = ({
-  color: o = "currentColor",
-  size: e,
-  ...t
-}) => r("svg", {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: e,
-  height: e,
-  viewBox: "0 0 24 24",
-  fill: o,
-  ...t
-}, r("path", {
-  d: "M12,2A10,10,0,0,0,4.65,18.76h0a10,10,0,0,0,14.7,0h0A10,10,0,0,0,12,2Zm0,18a8,8,0,0,1-5.55-2.25,6,6,0,0,1,11.1,0A8,8,0,0,1,12,20ZM10,10a2,2,0,1,1,2,2A2,2,0,0,1,10,10Zm8.91,6A8,8,0,0,0,15,12.62a4,4,0,1,0-6,0A8,8,0,0,0,5.09,16,7.92,7.92,0,0,1,4,12a8,8,0,0,1,16,0A7.92,7.92,0,0,1,18.91,16Z"
-}));
+import { jsxs as i, jsx as e } from "@emotion/react/jsx-runtime";
+import { DropdownMenu as s, DropdownMenuTrigger as a, DropdownMenuContent as d, DropdownMenuItem as r } from "./index133.js";
+import { Button as c } from "./index84.js";
+import { useLingui as u } from "@lingui/react";
+import { MoreVertical as m, Pencil as p, Trash2 as h } from "lucide-react";
+const A = ({
+  onEdit: t,
+  onDelete: l,
+  permissions: o
+}) => {
+  const {
+    i18n: n
+  } = u();
+  return o.isUpdateAllowed || o.isDeleteAllowed ? /* @__PURE__ */ i(s, { children: [
+    /* @__PURE__ */ e(a, { asChild: !0, children: /* @__PURE__ */ e(c, { variant: "ghost", size: "icon", "aria-label": "actions-menu-button", children: /* @__PURE__ */ e(m, {}) }) }),
+    /* @__PURE__ */ i(d, { align: "end", children: [
+      o.isUpdateAllowed && /* @__PURE__ */ i(r, { onClick: t, children: [
+        /* @__PURE__ */ e(p, {}),
+        n._("Edit")
+      ] }),
+      o.isDeleteAllowed && /* @__PURE__ */ i(r, { onClick: l, variant: "destructive", children: [
+        /* @__PURE__ */ e(h, {}),
+        n._("Delete")
+      ] })
+    ] })
+  ] }) : null;
+};
 export {
-  h as UUserCircle
+  A as TableActions
 };

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

@@ -1,10 +1,31 @@
-const e = (a) => ({
-  bank_name: a?.bank_name || void 0,
-  display_name: a?.display_name || void 0,
-  account_holder_name: a?.account_holder_name || void 0,
-  account_number: a?.account_number || void 0,
-  routing_number: a?.routing_number || void 0
-});
+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 {
-  e as prepareBankAccountCreatePayload
+  z as useResizeObserver
 };

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

@@ -1,75 +1,26 @@
-import { useLingui as S } from "@lingui/react";
-import { getRuleLabel as g, getRuleName as L, APPROVAL_REQUEST_CALLS as n } from "./index464.js";
-const b = ({
-  approvalPolicy: t
-}) => {
-  const {
-    i18n: o
-  } = S(), s = (r) => {
-    if (typeof r != "object" || r === null || !("call" in r) || typeof r.call != "string" || ![n.REQUEST_APPROVAL_BY_USERS, n.REQUEST_APPROVAL_BY_ROLES].includes(r.call) || !("params" in r) || typeof r.params != "object" || r.params === null) return !1;
-    const e = r.params;
-    return !("user_ids" in e && !Array.isArray(e.user_ids) || "role_ids" in e && !Array.isArray(e.role_ids) || !("required_approval_count" in e) || typeof e.required_approval_count != "number");
-  }, i = (r) => typeof r != "object" || r === null || !("run_concurrently" in r) || typeof r.run_concurrently != "boolean" || !("all" in r) || !Array.isArray(r.all) ? !1 : r.all.every((e) => s(e) || i(e)), f = (r) => {
-    if (!Array.isArray(r) || r.length !== 1) return !1;
-    const [e] = r;
-    if (typeof e != "object" || e === null || !("if" in e) || !("then" in e) || !("else" in e)) return !1;
-    const {
-      if: a,
-      then: l,
-      else: R
-    } = e;
-    if (typeof a != "object" || a === null || !("run_concurrently" in a) || !("all" in a)) return !1;
-    const {
-      run_concurrently: E,
-      all: c
-    } = a;
-    return typeof E != "boolean" || !Array.isArray(c) || !Array.isArray(l) || !Array.isArray(R) ? !1 : c.every((y) => s(y) || i(y));
-  }, u = (r) => r.call === n.REQUEST_APPROVAL_BY_USERS && Array.isArray(r.params.user_ids) && r.params.user_ids.length === 1 && r.params.required_approval_count === 1, A = (r) => r.call === n.REQUEST_APPROVAL_BY_USERS && Array.isArray(r.params.user_ids) && r.params.user_ids.length > 1 && r.params.required_approval_count > 0, d = (r) => r.call === n.REQUEST_APPROVAL_BY_ROLES && Array.isArray(r.params.role_ids) && r.params.role_ids.length >= 1 && r.params.required_approval_count > 0, m = (r) => !r.run_concurrently && r.all.length > 1 && r.all.every((e) => s(e) && u(e)), _ = (r) => L(r, o), p = (r, e) => g(r, o, e);
-  return f(t?.script) ? {
-    rules: t?.script[0].if.all.reduce((r, e) => {
-      if (i(e)) {
-        if (m(e))
-          return {
-            ...r,
-            approval_chain: {
-              chainUserIds: e.all.reduce((a, l) => s(l) && u(l) && l.params.user_ids[0] && l.params.user_ids[0] ? [...a, l.params.user_ids[0]] : a, [])
-            }
-          };
-      } else if (s(e)) {
-        if (u(e))
-          return {
-            ...r,
-            single_user: {
-              userId: e.params.user_ids[0]
-            }
-          };
-        if (A(e))
-          return {
-            ...r,
-            users_from_list: {
-              userIds: e.params.user_ids,
-              count: e.params.required_approval_count
-            }
-          };
-        if (d(e))
-          return {
-            ...r,
-            roles_from_list: {
-              roleIds: e.params.role_ids,
-              count: e.params.required_approval_count
-            }
-          };
-      }
-      return r;
-    }, {}),
-    getRuleName: _,
-    getRuleLabel: p
-  } : {
-    rules: void 0,
-    getRuleName: _,
-    getRuleLabel: p
-  };
+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 {
-  b as useApprovalPolicyScript
+  E as useWindowResize
 };

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

@@ -1,18 +1,41 @@
-import { createElement as t } from "react";
-const e = ({
-  color: h = "currentColor",
-  size: a,
-  ...o
-}) => t("svg", {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: a,
-  height: a,
-  viewBox: "0 0 24 24",
-  fill: h,
-  ...o
-}, t("path", {
-  d: "M3.5,6a1,1,0,1,0,1,1A1,1,0,0,0,3.5,6Zm4,2h14a1,1,0,0,0,0-2H7.5a1,1,0,0,0,0,2Zm0,3a1,1,0,1,0,1,1A1,1,0,0,0,7.5,11Zm4,5a1,1,0,1,0,1,1A1,1,0,0,0,11.5,16Zm10-5h-10a1,1,0,0,0,0,2h10a1,1,0,0,0,0-2Zm0,5h-6a1,1,0,0,0,0,2h6a1,1,0,0,0,0-2Z"
-}));
+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 {
-  e as UListUiAlt
+  y as useA4Dimensions
 };

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

@@ -1,18 +1,77 @@
-import { createElement as e } from "react";
-const a = ({
-  color: o = "currentColor",
-  size: t,
-  ...r
-}) => e("svg", {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: t,
-  height: t,
-  viewBox: "0 0 24 24",
-  fill: o,
-  ...r
-}, e("path", {
-  d: "M12.3,12.22A4.92,4.92,0,0,0,14,8.5a5,5,0,0,0-10,0,4.92,4.92,0,0,0,1.7,3.72A8,8,0,0,0,1,19.5a1,1,0,0,0,2,0,6,6,0,0,1,12,0,1,1,0,0,0,2,0A8,8,0,0,0,12.3,12.22ZM9,11.5a3,3,0,1,1,3-3A3,3,0,0,1,9,11.5Zm9.74.32A5,5,0,0,0,15,3.5a1,1,0,0,0,0,2,3,3,0,0,1,3,3,3,3,0,0,1-1.5,2.59,1,1,0,0,0-.5.84,1,1,0,0,0,.45.86l.39.26.13.07a7,7,0,0,1,4,6.38,1,1,0,0,0,2,0A9,9,0,0,0,18.74,11.82Z"
-}));
+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 "./index347.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);
+    }
+  }, [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;
+    }
+    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 {
-  a as UUsersAlt
+  J as PriceField
 };

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

@@ -1,18 +1,70 @@
-import { createElement as e } from "react";
-const A = ({
-  color: r = "currentColor",
-  size: a,
-  ...t
-}) => e("svg", {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: a,
-  height: a,
-  viewBox: "0 0 24 24",
-  fill: r,
-  ...t
-}, e("path", {
-  d: "M14.81,12.28a3.73,3.73,0,0,0,1-2.5,3.78,3.78,0,0,0-7.56,0,3.73,3.73,0,0,0,1,2.5A5.94,5.94,0,0,0,6,16.89a1,1,0,0,0,2,.22,4,4,0,0,1,7.94,0A1,1,0,0,0,17,18h.11a1,1,0,0,0,.88-1.1A5.94,5.94,0,0,0,14.81,12.28ZM12,11.56a1.78,1.78,0,1,1,1.78-1.78A1.78,1.78,0,0,1,12,11.56ZM19,2H5A3,3,0,0,0,2,5V19a3,3,0,0,0,3,3H19a3,3,0,0,0,3-3V5A3,3,0,0,0,19,2Zm1,17a1,1,0,0,1-1,1H5a1,1,0,0,1-1-1V5A1,1,0,0,1,5,4H19a1,1,0,0,1,1,1Z"
-}));
+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 {
-  A as UUserSquare
+  z as QuantityField
 };