@tesouro/embedded-components-react 0.2.221 → 0.2.222

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

@@ -1,23 +1,18 @@
-import { useMoniteContext as n } from "./index57.js";
-import { getAPIErrorMessage as i } from "./index120.js";
-import { useLingui as a } from "@lingui/react";
-import { toast as o } from "react-hot-toast";
-const c = () => {
+import { useMoniteContext as e } from "./index57.js";
+const a = () => {
   const {
-    api: e,
-    queryClient: s
-  } = n(), {
-    i18n: r
-  } = a();
-  return e.finops.postPaymentReminders.useMutation(void 0, {
-    onSuccess: async () => {
-      await e.finops.getPaymentReminders.invalidateQueries(s), o.success(r._("Reminder has been added"));
-    },
-    onError: (t) => {
-      o.error(i(r, t));
+    api: t,
+    queryClient: i
+  } = e();
+  return t.finops.putEntitiesIdLogo.useMutation(void 0, {
+    onSuccess: async (s) => {
+      t.finops.getEntityUsersMyEntity.setQueryData({}, (o) => o && {
+        ...o,
+        logo: s
+      }, i), await t.finops.getEntityUsersMyEntity.invalidateQueries(i);
     }
   });
 };
 export {
-  c as useCreatePaymentReminder
+  a as useUploadEntityLogo
 };

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

@@ -1,18 +1,26 @@
-import { useMoniteContext as m } from "./index57.js";
-const a = (e) => e && e.length > 0 ? Math.min(...e.map((t) => t.days_after)) : Number.POSITIVE_INFINITY, i = () => {
+import { toast as o } from "react-hot-toast";
+import { useMoniteContext as n } from "./index57.js";
+import { useLingui as r } from "@lingui/react";
+const p = (i) => {
   const {
-    api: e
-  } = m();
-  return e.finops.getOverdueReminders.useQuery(void 0, {
-    select: (t) => [...t.data].sort((r, s) => a(r.terms) - a(s.terms)).map(({
-      id: r,
-      name: s
-    }) => ({
-      value: r,
-      label: s
-    }))
+    api: t,
+    queryClient: s
+  } = n(), {
+    i18n: e
+  } = r();
+  return t.finops.deleteEntitiesIdLogo.useMutation({
+    path: {
+      entity_id: i
+    }
+  }, {
+    onSuccess: async () => {
+      await t.finops.getEntityUsersMyEntity.invalidateQueries(s), o.success(e._("Logo was removed."));
+    },
+    onError: () => {
+      o.error(e._("Failed to remove logo."));
+    }
   });
 };
 export {
-  i as useGetOverdueReminders
+  p as useDeleteEntityLogo
 };

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

@@ -1,8 +1,8 @@
 import { jsx as t, jsxs as a, Fragment as B } from "@emotion/react/jsx-runtime";
 import { useState as s, useMemo as N, useCallback as G } from "react";
-import { ProductDeleteModal as W } from "./index189.js";
-import { ProductType as q } from "./index190.js";
-import { Filters as H } from "./index191.js";
+import { ProductDeleteModal as W } from "./index163.js";
+import { ProductType as q } from "./index164.js";
+import { Filters as H } from "./index165.js";
 import { useMoniteContext as Y } from "./index57.js";
 import { MoniteScopedProviders as J } from "./index83.js";
 import { useCurrencies as Q } from "./index58.js";
@@ -10,27 +10,27 @@ import "./index92.js";
 import { useLingui as V } from "@lingui/react";
 import "react-dom";
 import "@mui/x-data-grid";
-import { useUserPermissions as X } from "./index136.js";
+import { useUserPermissions as X } 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 { AccessRestriction as Z } from "./index144.js";
+import { AccessRestriction as Z } from "./index131.js";
 import { Button as f } from "./index84.js";
 import "clsx";
 import "tailwind-merge";
 import "@radix-ui/react-dialog";
 import { ArrowUp as ee, ArrowDown as te, ArrowUpDown as oe, Plus as ie } from "lucide-react";
-import { DataTable as re } from "./index172.js";
-import { GetNoRowsOverlay as ae } from "./index171.js";
-import { MeasureUnit as se } from "./index192.js";
-import { hasSelectedText as ne } from "./index173.js";
-import { FILTER_TYPE_SEARCH as S } from "./index193.js";
+import { DataTable as re } from "./index159.js";
+import { GetNoRowsOverlay as ae } from "./index158.js";
+import { MeasureUnit as se } from "./index166.js";
+import { hasSelectedText as ne } from "./index160.js";
+import { FILTER_TYPE_SEARCH as S } from "./index167.js";
 import "react-hot-toast";
-import { useGetProducts as le } from "./index194.js";
-import { ManageMeasureUnits as ce } from "./index195.js";
+import { useGetProducts as le } from "./index168.js";
+import { ManageMeasureUnits as ce } from "./index169.js";
 const Ge = (d) => /* @__PURE__ */ t(J, { children: /* @__PURE__ */ t(de, { ...d }) }), de = ({
   onFilterChanged: d,
   onSortChanged: g,

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

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

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

@@ -1,16 +1,13 @@
-import { useMoniteContext as n } from "./index57.js";
-const m = (e) => {
-  const {
-    api: t
-  } = n();
-  return t.finops.getPaymentTermsId.useQuery({
-    path: {
-      payment_terms_id: e ?? ""
-    }
-  }, {
-    enabled: !!e
-  });
-};
+import { jsx as t } from "@emotion/react/jsx-runtime";
+import { Switch as a } from "radix-ui";
+import { cn as e } from "./index100.js";
+function o({
+  className: s,
+  size: r = "default",
+  ...i
+}) {
+  return /* @__PURE__ */ t(a.Root, { "data-slot": "switch", "data-size": r, className: e("ttw:peer ttw:group/switch ttw:inline-flex ttw:shrink-0 ttw:items-center ttw:rounded-full ttw:border ttw:border-transparent ttw:shadow-xs ttw:transition-all ttw:outline-none ttw:focus-visible:border-ring ttw:focus-visible:ring-[3px] ttw:focus-visible:ring-ring/50 ttw:disabled:cursor-not-allowed ttw:disabled:opacity-50 ttw:data-[size=default]:h-[1.15rem] ttw:data-[size=default]:w-8 ttw:data-[size=sm]:h-3.5 ttw:data-[size=sm]:w-6 ttw:data-[state=checked]:bg-primary ttw:data-[state=unchecked]:bg-input ttw:dark:data-[state=unchecked]:bg-input/80", s), ...i, children: /* @__PURE__ */ t(a.Thumb, { "data-slot": "switch-thumb", className: e("ttw:pointer-events-none ttw:block ttw:rounded-full ttw:bg-background ttw:ring-0 ttw:transition-transform ttw:group-data-[size=default]/switch:size-4 ttw:group-data-[size=sm]/switch:size-3 ttw:data-[state=checked]:translate-x-[calc(100%-2px)] ttw:data-[state=unchecked]:translate-x-0 ttw:dark:data-[state=checked]:bg-primary-foreground ttw:dark:data-[state=unchecked]:bg-foreground") }) });
+}
 export {
-  m as useGetPaymentTermById
+  o as Switch
 };

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

@@ -1,69 +1,30 @@
-import { Price as v } from "./index433.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
-  };
+import { useMoniteContext as u } from "./index57.js";
+import { getAPIErrorMessage as m } from "./index119.js";
+import { useLingui as c } from "@lingui/react";
+import { toast as n } from "react-hot-toast";
+const M = (a, i) => {
+  const {
+    api: t,
+    queryClient: o
+  } = u(), {
+    i18n: r
+  } = c();
+  return t.finops.postMeasureUnits.useMutation({}, {
+    onSuccess: async (e) => {
+      await t.finops.getMeasureUnits.invalidateQueries(o), n.success(r._("Unit {name} was added to the list", {
+        name: e.name
+      })), a?.();
+    },
+    onError: async (e) => {
+      const s = m(r, e);
+      if (s.includes("already exists")) {
+        i?.(s);
+        return;
+      } else
+        n.error(s);
+    }
+  });
 };
 export {
-  w as useCreateInvoiceProductsTable
+  M as useCreateMeasureUnit
 };

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

@@ -1,23 +1,40 @@
-class t {
-  value;
-  currency;
-  formatter;
-  constructor(r) {
-    this.value = r.value, this.currency = r.currency, this.formatter = r.formatter;
-  }
-  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) ?? "";
-  }
-}
+import { useMoniteContext as p } from "./index57.js";
+import { getAPIErrorMessage as m } from "./index119.js";
+import { useLingui as d } from "@lingui/react";
+import { toast as n } from "react-hot-toast";
+const g = (i, o, u) => {
+  const {
+    api: e,
+    queryClient: r
+  } = p(), {
+    i18n: a
+  } = d();
+  return e.finops.patchMeasureUnitsId.useMutation({
+    path: {
+      unit_id: i
+    }
+  }, {
+    onSuccess: async (s) => {
+      await Promise.all([e.finops.getMeasureUnits.invalidateQueries(r), e.finops.getMeasureUnitsId.invalidateQueries({
+        parameters: {
+          path: {
+            unit_id: i
+          }
+        }
+      }, r)]), n.success(a._("Unit {name} was updated", {
+        name: s.name
+      })), o?.();
+    },
+    onError: (s) => {
+      const t = m(a, s);
+      if (t.includes("already exists")) {
+        u?.(t);
+        return;
+      } else
+        n.error(t);
+    }
+  });
+};
 export {
-  t as Price
+  g as useUpdateMeasureUnit
 };

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

@@ -1,4 +1,12 @@
-const t = () => typeof crypto < "u" && typeof crypto.randomUUID == "function" ? crypto.randomUUID() : `${Date.now().toString(36)}-${Math.random().toString(36).substring(2, 9)}`;
+const o = ["draft", "new", "waiting_to_be_paid", "approve_in_progress"], s = (n) => {
+  if (!n.due_date) return 0;
+  const e = /* @__PURE__ */ new Date();
+  e.setUTCHours(0, 0, 0, 0);
+  const t = new Date(n.due_date);
+  if (t.setUTCHours(0, 0, 0, 0), t.getTime() === e.getTime()) return 0;
+  const r = o.includes(n.status), i = t.getTime() < e.getTime();
+  return !r || !i ? 0 : Math.floor((e.getTime() - t.getTime()) / 864e5);
+};
 export {
-  t as generateUniqueId
+  s as getInvoiceOverdueDays
 };

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

@@ -1,22 +1,85 @@
-import { jsx as r } from "@emotion/react/jsx-runtime";
-import { useState as l, useEffect as c } from "react";
-const u = ({
-  shouldStartProgress: e,
-  isError: d,
-  isSuccess: w
+const i = ({
+  variant: t,
+  isError: e = !1,
+  componentType: s,
+  showAvatar: a = !1,
+  showUsersAsEmail: n = !1,
+  className: w = ""
 }) => {
-  const [a, o] = l(0);
-  return c(() => {
-    let s;
-    return e && (s = setInterval(() => {
-      o((t) => t < 98 ? t + 2 : t === 98 ? t + 1 : t);
-    }, 200)), () => {
-      clearInterval(s);
+  if (e) {
+    const r = `ttw:text-muted-foreground ${w}`;
+    return s === "user" && t !== "badge" ? {
+      useBadge: !1,
+      badgeVariant: "outline",
+      className: r,
+      showAvatar: !1,
+      showIcon: !1
+    } : {
+      useBadge: !0,
+      badgeVariant: "outline",
+      className: r,
+      showAvatar: !1,
+      showIcon: !1
     };
-  }, [e]), w ? /* @__PURE__ */ r("div", { className: "ttw:w-65.5 ttw:h-1.5 ttw:bg-success ttw:rounded-md" }) : d ? /* @__PURE__ */ r("div", { className: "ttw:w-65.5 ttw:h-1.5 ttw:bg-danger ttw:rounded-md" }) : /* @__PURE__ */ r("div", { className: "ttw:w-65.5 ttw:h-1.5 ttw:bg-neutral ttw:rounded-md", children: /* @__PURE__ */ r("div", { className: "ttw:bg-primary ttw:h-full ttw:rounded-md", style: {
-    width: `${a}%`
-  } }) });
+  }
+  return s === "user" ? o(t, a, n, w) : l(t, w);
 };
+function o(t, e, s, a) {
+  switch (t) {
+    case "badge":
+      return {
+        useBadge: !0,
+        badgeVariant: "secondary",
+        className: `ttw:gap-1 ttw:px-2 ttw:py-1 ${a}`,
+        showAvatar: e,
+        showIcon: !1
+      };
+    case "cell":
+      return {
+        useBadge: !1,
+        badgeVariant: "secondary",
+        className: `ttw:text-sm ttw:font-medium ttw:text-foreground ttw:overflow-hidden ttw:text-ellipsis ttw:whitespace-nowrap ttw:block ${s ? "ttw:text-blue-600" : ""} ${a}`,
+        showAvatar: !1,
+        showIcon: !1
+      };
+    default:
+      return {
+        useBadge: !1,
+        badgeVariant: "secondary",
+        className: `ttw:text-sm ttw:font-medium ttw:text-foreground ${a}`,
+        showAvatar: !1,
+        showIcon: !1
+      };
+  }
+}
+function l(t, e) {
+  switch (t) {
+    case "filled":
+      return {
+        useBadge: !0,
+        badgeVariant: "secondary",
+        className: `ttw:inline-flex ttw:items-center ttw:justify-center ttw:h-8 ttw:bg-gray-100 ttw:text-gray-800 ttw:text-sm ttw:leading-4 ttw:font-medium ttw:whitespace-nowrap ttw:border-0 ttw:rounded-lg ttw:px-4 ttw:py-1 ${e}`,
+        showAvatar: !1,
+        showIcon: !1
+      };
+    case "outlined":
+      return {
+        useBadge: !0,
+        badgeVariant: "outline",
+        className: `ttw:inline-flex ttw:items-center ttw:justify-center ttw:text-sm ttw:font-medium ttw:whitespace-nowrap ttw:rounded ttw:px-2 ttw:py-1 ttw:gap-1 ${e}`,
+        showAvatar: !1,
+        showIcon: !0
+      };
+    default:
+      return {
+        useBadge: !0,
+        badgeVariant: "secondary",
+        className: `ttw:inline-flex ttw:items-center ttw:justify-center ttw:h-8 ttw:bg-[rgb(248,248,255)] ttw:text-[rgb(55,55,255)] ttw:text-sm ttw:leading-4 ttw:font-medium ttw:whitespace-nowrap ttw:border-0 ttw:rounded-[7.98px] ttw:px-2 ttw:py-[7px] ttw:gap-2 ttw:transition-colors ${e}`,
+        showAvatar: !1,
+        showIcon: !0
+      };
+  }
+}
 export {
-  u as UploadBar
+  i as getVariantProps
 };

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

@@ -1,31 +1,98 @@
-import { jsxs as r, jsx as t } from "@emotion/react/jsx-runtime";
-import { useMemo as d } from "react";
-import { styled as s, TableCell as i, Card as m, Table as c, TableBody as h, TableRow as p } from "@mui/material";
-const b = s(i)(({
-  theme: e,
-  isRequired: l
-}) => ({
-  color: l ? e.palette.error.main : e.palette.text.secondary,
-  minWidth: 120,
-  width: "35%"
-})), u = (e) => {
-  const l = d(() => !e.value && e.withEmptyStateFiller ? "—" : e.value, [e.value, e.withEmptyStateFiller]);
-  return l ? /* @__PURE__ */ r(p, { children: [
-    /* @__PURE__ */ t(b, { component: "th", scope: "row", children: e.label }),
-    /* @__PURE__ */ t(i, { children: l })
-  ] }) : null;
-}, y = ({
-  items: e,
-  children: l,
-  ...a
-}) => /* @__PURE__ */ r(m, { variant: "outlined", sx: {
-  overflow: "visible"
-}, ...a, children: [
-  /* @__PURE__ */ t(c, { children: /* @__PURE__ */ t(h, { children: e.map((o, n) => /* @__PURE__ */ t(u, { ...o }, n)) }) }),
-  l
-] });
+import { jsxs as l, jsx as e } from "@emotion/react/jsx-runtime";
+import { useFormContext as T, useFieldArray as P, Controller as m } from "react-hook-form";
+import { calculateTotalPriceForLineItem as v } from "./index329.js";
+import { GLCodeSelector as W } from "./index484.js";
+import { useCurrencies as F } from "./index58.js";
+import { useLingui as _ } from "@lingui/react";
+import S from "@mui/icons-material/Add";
+import L from "@mui/icons-material/DeleteForever";
+import { Grid as r, TextField as d, IconButton as $, Typography as j, Button as w } from "@mui/material";
+const Q = ({
+  enableGLCodes: f
+}) => {
+  const {
+    i18n: o
+  } = _(), {
+    getSymbolFromCurrency: x,
+    formatCurrencyToDisplay: h,
+    formatToMinorUnits: g
+  } = F(), {
+    control: a,
+    watch: s
+  } = T(), {
+    fields: c,
+    append: y,
+    remove: I
+  } = P({
+    control: a,
+    name: "lineItems"
+  }), u = s("currency"), p = s("lineItems");
+  return /* @__PURE__ */ l(r, { container: !0, direction: "column", spacing: 4, children: [
+    c.map((b, i) => /* @__PURE__ */ l(r, { item: !0, container: !0, gap: 2, className: "Monite-PayableDetailsForm-Item", children: [
+      /* @__PURE__ */ l(r, { item: !0, xs: 12, gap: 2, container: !0, flexWrap: "nowrap", children: [
+        /* @__PURE__ */ e(r, { item: !0, xs: 8, children: /* @__PURE__ */ e(m, { name: `lineItems.${i}.name`, control: a, render: ({
+          field: t,
+          fieldState: {
+            error: n
+          }
+        }) => /* @__PURE__ */ e(d, { ...t, id: t.name, label: o._("Name"), variant: "standard", error: !!n, helperText: n?.message, fullWidth: !0 }) }) }),
+        /* @__PURE__ */ e(r, { item: !0, xs: 3, children: /* @__PURE__ */ e(m, { name: `lineItems.${i}.quantity`, control: a, render: ({
+          field: t,
+          fieldState: {
+            error: n
+          }
+        }) => /* @__PURE__ */ e(d, { ...t, id: t.name, label: o._("Quantity"), variant: "standard", type: "number", inputProps: {
+          min: 1
+        }, error: !!n, helperText: n?.message, fullWidth: !0 }) }) }),
+        /* @__PURE__ */ e(r, { item: !0, xs: 1, container: !0, sx: {
+          justifyContent: "flex-end",
+          alignItems: "center"
+        }, children: /* @__PURE__ */ e($, { "aria-label": "delete", onClick: () => I(i), disabled: c.length === 1, children: /* @__PURE__ */ e(L, {}) }) })
+      ] }),
+      f && /* @__PURE__ */ l(r, { item: !0, xs: 12, gap: 2, container: !0, flexWrap: "nowrap", children: [
+        /* @__PURE__ */ e(r, { item: !0, xs: 11, children: /* @__PURE__ */ e(m, { name: `lineItems.${i}.ledger_account_id`, control: a, render: ({
+          field: t,
+          fieldState: {
+            error: n
+          }
+        }) => /* @__PURE__ */ e(W, { value: t.value ?? void 0, onChange: (C) => t.onChange(C ?? void 0), error: !!n, helperText: n?.message }) }) }),
+        /* @__PURE__ */ e(r, { item: !0, xs: 1 })
+      ] }),
+      /* @__PURE__ */ l(r, { item: !0, xs: 12, gap: 2, container: !0, flexWrap: "nowrap", justifyContent: "flex-end", children: [
+        /* @__PURE__ */ e(r, { item: !0, xs: 8, children: /* @__PURE__ */ e(m, { name: `lineItems.${i}.price`, control: a, render: ({
+          field: t,
+          fieldState: {
+            error: n
+          }
+        }) => /* @__PURE__ */ e(d, { ...t, id: t.name, label: o._("Price"), variant: "standard", type: "number", inputProps: {
+          min: 0
+        }, error: !!n, helperText: n?.message, fullWidth: !0, InputProps: {
+          endAdornment: x(s("currency"))
+        } }) }) }),
+        /* @__PURE__ */ e(r, { item: !0, xs: 3, children: /* @__PURE__ */ e(m, { name: `lineItems.${i}.tax`, control: a, render: ({
+          field: t,
+          fieldState: {
+            error: n
+          }
+        }) => /* @__PURE__ */ e(d, { ...t, id: t.name, label: o._("Tax"), variant: "standard", type: "number", inputProps: {
+          min: 0,
+          max: 100
+        }, error: !!n, helperText: n?.message, fullWidth: !0, InputProps: {
+          endAdornment: "%"
+        } }) }) }),
+        /* @__PURE__ */ e(r, { item: !0, xs: 1 })
+      ] }),
+      p?.[i] && u && /* @__PURE__ */ e(r, { item: !0, xs: 12, gap: 2, className: "Monite-PayableDetailsForm-Item-Total", children: /* @__PURE__ */ e(j, { fontWeight: "bold", align: "right", children: h(g(v(p?.[i]), u) || 0, u) }) })
+    ] }, b.id)),
+    /* @__PURE__ */ e(r, { item: !0, xs: 12, gap: 2, children: /* @__PURE__ */ e(w, { variant: "text", startIcon: /* @__PURE__ */ e(S, {}), onClick: () => y({
+      id: "",
+      name: "",
+      quantity: 1,
+      price: 0,
+      tax: 19
+    }), children: o._("Add item") }) })
+  ] });
+};
 export {
-  y as MoniteCard,
-  u as MoniteCardItem,
-  b as StyledLabelTableCell
+  Q as PayableLineItemsForm
 };