@tesouro/embedded-components-react 0.2.1

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

@@ -0,0 +1,88 @@
+import { AllowedCountries as l } from "./index317.js";
+import { z as i } from "zod";
+import "./index318.js";
+const m = (e, t) => ({
+  line1: i.string().optional().refine((a) => !t || !!a?.trim(), {
+    message: e._("Street address is required")
+  }),
+  line2: i.string().optional(),
+  city: i.string().optional().refine((a) => !t || !!a?.trim(), {
+    message: e._("City is required")
+  }),
+  state: i.string().optional().refine((a) => !t || !!a?.trim(), {
+    message: e._("State is required")
+  }),
+  country: i.enum(l).optional().refine((a) => !t || !!a, {
+    message: e._("Country is required")
+  }),
+  postalCode: i.string().optional().refine((a) => !t || !!a?.trim(), {
+    message: e._("Postal code is required")
+  })
+}), d = (e, t) => e.superRefine((a, s) => {
+  const n = a;
+  (n.line1?.trim() || n.line2?.trim() || n.city?.trim() || n.state?.trim() || n.postalCode?.trim()) && (n.line1?.trim() || s.addIssue({
+    code: "custom",
+    message: t._("Street address is required"),
+    path: ["line1"]
+  }), n.city?.trim() || s.addIssue({
+    code: "custom",
+    message: t._("City is required"),
+    path: ["city"]
+  }), n.state?.trim() || s.addIssue({
+    code: "custom",
+    message: t._("State is required"),
+    path: ["state"]
+  }), n.postalCode?.trim() || s.addIssue({
+    code: "custom",
+    message: t._("Postal code is required"),
+    path: ["postalCode"]
+  }));
+}), _ = (e, t) => {
+  const a = i.object(m(e, t));
+  return t ? a : d(a, e);
+}, b = (e, t, a) => {
+  const s = a === "vendor", n = i.object({
+    tax_id: i.string().optional(),
+    remindersEnabled: i.boolean(),
+    email: i.email(e._("Email must be a valid email")).min(1, e._("Email is required")),
+    phone: i.string().optional(),
+    isVendor: i.boolean(),
+    isCustomer: i.boolean(),
+    ...u(e).shape,
+    ...m(e, s)
+  }), r = n.extend({
+    firstName: i.string().min(1, e._("First name is required")),
+    lastName: i.string().min(1, e._("Last name is required"))
+  }), o = n.extend({
+    companyName: i.string().min(1, e._("Company name is required"))
+  });
+  return s ? t === "individual" ? r : o : d(t === "individual" ? r : o, e);
+}, q = (e, t, a) => {
+  const s = a === "vendor", n = i.object({
+    tax_id: i.string().optional(),
+    remindersEnabled: i.boolean(),
+    email: i.email(e._("Email must be a valid email")).min(1, e._("Email is required")),
+    phone: i.string().optional(),
+    ...m(e, s)
+  }), r = n.extend({
+    firstName: i.string().min(1, e._("First name is required")),
+    lastName: i.string().min(1, e._("Last name is required"))
+  }), o = n.extend({
+    companyName: i.string().min(1, e._("Company name is required"))
+  });
+  return s ? t === "individual" ? r : o : d(t === "individual" ? r : o, e);
+}, u = (e) => i.object({
+  accountHolderName: i.string().optional(),
+  routingNumber: i.string().refine((t) => !t || t.length === 9, {
+    message: e._("Routing number must be 9 digits")
+  }).optional(),
+  accountNumber: i.string().refine((t) => !t || t.length >= 9 && t.length <= 12, {
+    message: e._("Account number must be between 9 and 12 digits")
+  }).optional()
+});
+export {
+  _ as getAddressValidationSchema,
+  u as getCounterpartBankValidationSchema,
+  b as getCreateCounterpartValidationSchema,
+  q as getUpdateCounterpartValidationSchema
+};

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

@@ -0,0 +1,46 @@
+import { jsx as o, jsxs as h, Fragment as T } from "@emotion/react/jsx-runtime";
+import { CounterpartDetails as b } from "./index2.js";
+import { CustomersTable as k } from "./index6.js";
+import { VendorsTable as v } from "./index5.js";
+import { CreateCounterpartDialog as w } from "./index226.js";
+import { MoniteScopedProviders as x } from "./index85.js";
+import { useUserPermissions as M } from "./index133.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 l } from "../../shared/data-access/dist/lib/scopes.js";
+import { useState as u, useCallback as c } from "react";
+import { AccessRestriction as R } from "./index135.js";
+import { Button as y } from "./index86.js";
+import "clsx";
+import "tailwind-merge";
+import "@radix-ui/react-dialog";
+import "lucide-react";
+import { useLingui as O } from "@lingui/react";
+const X = (r) => /* @__PURE__ */ o(x, { children: /* @__PURE__ */ o(S, { ...r }) }), S = ({
+  type: r,
+  pageTitleComponent: C
+}) => {
+  const {
+    i18n: d
+  } = O(), [e, s] = u(void 0), [m, t] = u(!1), p = c((a) => {
+    s(a);
+  }, []), f = c(() => {
+    s(void 0);
+  }, []), n = M(), g = n.has(l.CounterpartWriteOrg), i = n.has(l.CounterpartReadOrg);
+  return /* @__PURE__ */ h(T, { children: [
+    C(/* @__PURE__ */ o(y, { size: "lg", onClick: () => t(!0), className: "Monite-Counterparts-Actions-CreateNew", disabled: !g, children: d._("Create new") })),
+    !i && /* @__PURE__ */ o(R, {}),
+    i && r === "customer" && /* @__PURE__ */ o(k, { onRowClick: p, openModal: t }),
+    i && r === "vendor" && /* @__PURE__ */ o(v, { onRowClick: p, openModal: t }),
+    e && /* @__PURE__ */ o(b, { counterpartId: e, open: !!e, onClose: f, customerType: r }),
+    m && /* @__PURE__ */ o(w, { open: m, onClose: () => t(!1), onCreate: (a) => {
+      t(!1), s(a);
+    }, customerType: r })
+  ] });
+};
+export {
+  X as Counterparts
+};

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

@@ -0,0 +1,70 @@
+import { useMoniteContext as _ } from "./index59.js";
+import { useLingui as l } from "@lingui/react";
+import { getAPIErrorMessage as b } from "./index122.js";
+import { toast as s } from "react-hot-toast";
+import { useUpdatePayable as m } from "./index25.js";
+const A = ({
+  payableId: i,
+  counterpartId: d,
+  isCounterpartAIMatched: u,
+  AISuggestions: a,
+  onSubmitted: p
+}) => {
+  const {
+    api: t,
+    queryClient: r
+  } = _(), {
+    i18n: o
+  } = l(), c = m(), n = t.finops.postPayablesIdSubmitForApproval.useMutation({
+    path: {
+      payable_id: i
+    }
+  }, {
+    onSuccess: (e) => {
+      Promise.all([t.finops.getPayablesId.invalidateQueries({
+        parameters: {
+          path: {
+            payable_id: e.id
+          }
+        }
+      }, r), t.finops.getPayables.invalidateQueries(r), t.finops.getApprovalRequests.invalidateQueries(r)]), s.success(o._('Payable "{document_id}" has been submitted', {
+        document_id: e.document_id
+      }));
+    },
+    onError: (e) => {
+      s.error(b(o, e));
+    }
+  });
+  return {
+    submitForApproval: async () => {
+      if (d && u)
+        try {
+          await c.mutateAsync({
+            path: {
+              payable_id: i
+            },
+            body: {
+              counterpart_id: d,
+              ...a?.bank_account_id && {
+                counterpart_bank_account_id: a?.bank_account_id
+              },
+              ...a?.address_id && {
+                counterpart_address_id: a?.address_id
+              },
+              ...a?.vat_id_id && {
+                counterpart_vat_id_id: a?.vat_id_id
+              }
+            }
+          });
+        } catch (e) {
+          console.error(e), s.error(o._("Failed to submit Payable with AI suggestion. Please try editing the Payable and submit again."));
+          return;
+        }
+      await n.mutateAsync(), p?.(i);
+    },
+    ...n
+  };
+};
+export {
+  A as useSubmitPayableForApproval
+};

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

@@ -0,0 +1,25 @@
+import { useMoniteContext as s } from "./index59.js";
+import { useLingui as n } from "@lingui/react";
+import { toast as r } from "react-hot-toast";
+import { getCounterpartName as i } from "./index7.js";
+const c = () => {
+  const {
+    i18n: t
+  } = n(), {
+    api: e,
+    queryClient: o
+  } = s();
+  return e.finops.postCounterparts.useMutation({}, {
+    onSuccess: async (a) => {
+      await e.finops.getCounterparts.invalidateQueries(o), r.success(t._("{name} has been added to the list.", {
+        name: i(a)
+      }));
+    },
+    onError: () => {
+      r.error(t._("Failed to create Counterpart."));
+    }
+  });
+};
+export {
+  c as useCreateCounterpart
+};

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

@@ -0,0 +1,185 @@
+const a = {
+  ab: "ab",
+  aa: "aa",
+  af: "af",
+  ak: "ak",
+  sq: "sq",
+  am: "am",
+  ar: "ar",
+  an: "an",
+  hy: "hy",
+  av: "av",
+  ae: "ae",
+  ay: "ay",
+  az: "az",
+  bm: "bm",
+  ba: "ba",
+  eu: "eu",
+  be: "be",
+  bn: "bn",
+  bi: "bi",
+  bs: "bs",
+  br: "br",
+  bg: "bg",
+  my: "my",
+  ca: "ca",
+  ch: "ch",
+  ce: "ce",
+  ny: "ny",
+  zh: "zh",
+  cu: "cu",
+  cv: "cv",
+  kw: "kw",
+  co: "co",
+  cr: "cr",
+  hr: "hr",
+  cs: "cs",
+  da: "da",
+  dv: "dv",
+  nl: "nl",
+  dz: "dz",
+  en: "en",
+  eo: "eo",
+  et: "et",
+  ee: "ee",
+  fo: "fo",
+  fj: "fj",
+  fi: "fi",
+  fr: "fr",
+  fy: "fy",
+  ff: "ff",
+  gd: "gd",
+  gl: "gl",
+  lg: "lg",
+  ka: "ka",
+  de: "de",
+  el: "el",
+  kl: "kl",
+  gn: "gn",
+  gu: "gu",
+  ht: "ht",
+  ha: "ha",
+  he: "he",
+  hz: "hz",
+  hi: "hi",
+  ho: "ho",
+  hu: "hu",
+  io: "io",
+  ig: "ig",
+  id: "id",
+  ia: "ia",
+  ie: "ie",
+  iu: "iu",
+  ik: "ik",
+  ga: "ga",
+  it: "it",
+  ja: "ja",
+  jv: "jv",
+  kn: "kn",
+  kr: "kr",
+  ks: "ks",
+  kk: "kk",
+  km: "km",
+  ki: "ki",
+  rw: "rw",
+  ky: "ky",
+  kv: "kv",
+  kg: "kg",
+  ko: "ko",
+  kj: "kj",
+  ku: "ku",
+  lo: "lo",
+  la: "la",
+  lv: "lv",
+  li: "li",
+  ln: "ln",
+  lt: "lt",
+  lu: "lu",
+  lb: "lb",
+  mk: "mk",
+  mg: "mg",
+  ms: "ms",
+  ml: "ml",
+  mt: "mt",
+  gv: "gv",
+  mi: "mi",
+  mr: "mr",
+  mh: "mh",
+  mn: "mn",
+  na: "na",
+  nv: "nv",
+  nd: "nd",
+  nr: "nr",
+  ng: "ng",
+  ne: "ne",
+  no: "no",
+  nb: "nb",
+  nn: "nn",
+  ii: "ii",
+  oc: "oc",
+  oj: "oj",
+  om: "om",
+  os: "os",
+  pi: "pi",
+  ps: "ps",
+  fa: "fa",
+  pl: "pl",
+  pt: "pt",
+  pa: "pa",
+  qu: "qu",
+  ro: "ro",
+  rm: "rm",
+  rn: "rn",
+  ru: "ru",
+  se: "se",
+  sm: "sm",
+  sg: "sg",
+  sa: "sa",
+  sc: "sc",
+  sr: "sr",
+  sn: "sn",
+  sd: "sd",
+  si: "si",
+  sk: "sk",
+  sl: "sl",
+  so: "so",
+  st: "st",
+  es: "es",
+  su: "su",
+  sw: "sw",
+  ss: "ss",
+  sv: "sv",
+  tl: "tl",
+  ty: "ty",
+  tg: "tg",
+  ta: "ta",
+  tt: "tt",
+  te: "te",
+  th: "th",
+  bo: "bo",
+  ti: "ti",
+  to: "to",
+  ts: "ts",
+  tn: "tn",
+  tr: "tr",
+  tk: "tk",
+  tw: "tw",
+  ug: "ug",
+  uk: "uk",
+  ur: "ur",
+  uz: "uz",
+  ve: "ve",
+  vi: "vi",
+  vo: "vo",
+  wa: "wa",
+  cy: "cy",
+  wo: "wo",
+  xh: "xh",
+  yi: "yi",
+  yo: "yo",
+  za: "za",
+  zu: "zu"
+}, s = Object.values(a);
+export {
+  s as LanguageCodeEnum
+};

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

@@ -0,0 +1,28 @@
+import { useMoniteContext as n } from "./index59.js";
+import { useLingui as a } from "@lingui/react";
+import { toast as s } from "react-hot-toast";
+const c = () => {
+  const {
+    i18n: r
+  } = a(), {
+    api: t,
+    queryClient: o
+  } = n();
+  return t.finops.postCounterpartsIdBankAccounts.useMutation(void 0, {
+    onSuccess: async (e) => {
+      await t.finops.getCounterpartsIdBankAccounts.invalidateQueries({
+        parameters: {
+          path: {
+            counterpart_id: e.counterpart_id
+          }
+        }
+      }, o);
+    },
+    onError: () => {
+      s.error(r._("There was an error setting up the bank account"));
+    }
+  });
+};
+export {
+  c as useCreateCounterpartBank
+};

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

@@ -0,0 +1,61 @@
+import { jsxs as a, jsx as t } from "@emotion/react/jsx-runtime";
+import { DatePicker as D } from "./index313.js";
+import { FormField as c, FormItem as i, FormLabel as u, FormControl as h, FormMessage as m } from "./index376.js";
+import { Select as p, SelectTrigger as F, SelectValue as M, SelectContent as S, SelectItem as g } from "./index321.js";
+import { useLingui as C } from "@lingui/react";
+import { useFormContext as N } from "react-hook-form";
+const V = ({
+  isUpdate: n = !1
+}) => {
+  const {
+    control: s,
+    watch: w,
+    setValue: f
+  } = N(), {
+    i18n: r
+  } = C(), _ = w("recurrence_start_date"), o = w("recurrence_issue_mode"), d = _ ? new Date(_) : void 0, v = (e) => {
+    if (!o) return !1;
+    const l = e.getDate(), x = new Date(e.getFullYear(), e.getMonth() + 1, 0).getDate();
+    return o === "first_day" ? l !== 1 : o === "last_day" ? l !== x : !1;
+  };
+  return /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-col ttw:gap-6", children: [
+    /* @__PURE__ */ t(c, { control: s, name: "recurrence_issue_mode", render: ({
+      field: e
+    }) => /* @__PURE__ */ a(i, { className: "ttw:flex-1", children: [
+      /* @__PURE__ */ t(u, { children: r._("Issue at") }),
+      /* @__PURE__ */ a(p, { disabled: n, onValueChange: (l) => {
+        e.onChange(l), f("recurrence_start_date", void 0), f("recurrence_end_date", void 0);
+      }, value: e.value, children: [
+        /* @__PURE__ */ t(h, { children: /* @__PURE__ */ t(F, { className: "ttw:w-full", children: /* @__PURE__ */ t(M, { className: "ttw:max-w-4/5 ttw:text-ellipsis ttw:whitespace-nowrap" }) }) }),
+        /* @__PURE__ */ a(S, { children: [
+          /* @__PURE__ */ t(g, { value: "first_day", children: r._("Start of the month") }),
+          /* @__PURE__ */ t(g, { value: "last_day", children: r._("End of the month") })
+        ] })
+      ] }),
+      /* @__PURE__ */ t(m, {})
+    ] }) }),
+    /* @__PURE__ */ a("div", { className: "ttw:flex ttw:items-start ttw:gap-4", children: [
+      /* @__PURE__ */ t(c, { control: s, name: "recurrence_start_date", render: ({
+        field: e
+      }) => /* @__PURE__ */ a(i, { className: "ttw:flex-1", children: [
+        /* @__PURE__ */ t(u, { children: r._("Period starts on") }),
+        /* @__PURE__ */ t(h, { children: /* @__PURE__ */ t(D, { ...e, selected: e.value ? new Date(e.value) : void 0, onSelect: e.onChange, showOutsideDays: !1, disabled: v, shouldDisableButton: n, startMonth: /* @__PURE__ */ new Date(), endMonth: new Date(2050, 11), ...n && e.value ? {
+          defaultMonth: new Date(e.value)
+        } : {} }) }),
+        /* @__PURE__ */ t(m, {})
+      ] }) }),
+      /* @__PURE__ */ t(c, { control: s, name: "recurrence_end_date", render: ({
+        field: e
+      }) => /* @__PURE__ */ a(i, { className: "ttw:flex-1", children: [
+        /* @__PURE__ */ t(u, { children: r._("Period ends on") }),
+        /* @__PURE__ */ t(h, { children: /* @__PURE__ */ t(D, { ...e, selected: e.value ? new Date(e.value) : void 0, onSelect: e.onChange, showOutsideDays: !1, disabled: v, startMonth: d ? new Date(d.getFullYear(), d.getMonth() + 2, 0) : /* @__PURE__ */ new Date(), endMonth: new Date(2050, 11), ...n && e.value ? {
+          defaultMonth: new Date(e.value)
+        } : {} }) }),
+        /* @__PURE__ */ t(m, {})
+      ] }) })
+    ] })
+  ] });
+};
+export {
+  V as RecurrenceFormContent
+};

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

@@ -0,0 +1,13 @@
+import { jsx as t } from "@emotion/react/jsx-runtime";
+import { Switch as a } from "radix-ui";
+import { cn as e } from "./index102.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 {
+  o as Switch
+};

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

@@ -0,0 +1,67 @@
+import { jsx as u, jsxs as g } from "@emotion/react/jsx-runtime";
+import { useMemo as o, useCallback as _ } from "react";
+import { getLineItemErrorMessage as v } from "./index408.js";
+import { useLingui as x } from "@lingui/react";
+import { Collapse as b, Alert as E, List as j, ListItem as L, ListItemText as A } from "@mui/material";
+const q = ({
+  generalError: e,
+  fieldErrors: i
+}) => {
+  const t = o(() => {
+    for (const r of Object.values(i))
+      if (r) return !0;
+    return !1;
+  }, [i]);
+  return e || t ? /* @__PURE__ */ u(b, { in: !0, sx: {
+    ":not(.MuiCollapse-hidden)": {
+      marginBottom: 1
+    }
+  }, children: /* @__PURE__ */ g(E, { severity: "error", sx: {
+    "& .MuiAlert-icon": {
+      alignItems: "center"
+    }
+  }, children: [
+    e && /* @__PURE__ */ u("div", { children: e }),
+    t && /* @__PURE__ */ u(j, { dense: !0, disablePadding: !0, sx: {
+      mt: e ? 1 : 0
+    }, children: Object.entries(i).map(([r, s]) => s ? /* @__PURE__ */ u(L, { disablePadding: !0, children: /* @__PURE__ */ u(A, { primary: s, primaryTypographyProps: {
+      sx: {
+        color: "inherit"
+      }
+    } }) }, r) : null) })
+  ] }) }) : null;
+}, C = (e) => {
+  const {
+    i18n: i
+  } = x(), t = o(() => Array.isArray(e) ? e : e ? [e] : [], [e]), r = _((n) => {
+    for (let a = 0; a < t.length; a++) {
+      const f = t[a];
+      if (typeof f == "object") {
+        const h = v(f, n);
+        if (h)
+          return h;
+      }
+    }
+    return null;
+  }, [t]), s = o(() => r("product.name") ?? r("name"), [r]), l = o(() => r("quantity"), [r]), c = o(() => r("price") ?? r("product.price.value") ?? r("product.price.currency"), [r]), m = o(() => r("vat_rate_id") ?? r("vat_rate_value") ?? r("tax_rate_value"), [r]), p = o(() => r("product.measure_unit_id") ?? r("product.measure_unit_name") ?? r("measure_unit"), [r]), d = o(() => r("product.type"), [r]), y = o(() => t.length === 0 || (s || l || c || m || p || d) ? void 0 : t.some((n) => {
+    if (!n || typeof n != "object") return !1;
+    const a = Object.keys(n);
+    return a.length > 0 && a.some((f) => n[f] != null);
+  }) ? i._("Please check the form for errors") : void 0, [t, s, l, c, m, p, d, i]);
+  return {
+    generalError: y,
+    fieldErrors: {
+      name: s,
+      quantity: l,
+      price: c,
+      tax: m,
+      measureUnit: p,
+      productType: d
+    },
+    hasErrors: !!(y || s || l || c || m || p || d)
+  };
+};
+export {
+  q as FormErrorDisplay,
+  C as useFormErrors
+};

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

@@ -0,0 +1,72 @@
+import { jsxs as q, jsx as e } from "@emotion/react/jsx-runtime";
+import { memo as F } from "react";
+import { Button as M } from "./index86.js";
+import { TableRow as T, TableCell as u } from "./index311.js";
+import { Trash2 as O } from "lucide-react";
+import { ItemSelector as S } from "./index308.js";
+import { PriceField as j } from "./index416.js";
+import { QuantityField as z } from "./index417.js";
+import { TaxRateField as B } from "./index418.js";
+import { VatRateField as E } from "./index419.js";
+const P = ({
+  field: v,
+  index: t,
+  control: h,
+  errors: l,
+  actualCurrency: m,
+  defaultCurrency: _ = "USD",
+  measureUnitsData: c,
+  isNonVatSupported: s,
+  vatRates: p,
+  highestVatRate: f,
+  tableRowClassName: x,
+  shouldOverrideVatRateDefaults: V,
+  container: w,
+  onRequestLineItemValue: a,
+  onLineItemValueChange: r,
+  onLineItemManuallyChanged: o,
+  onRequestOpenCreateProductDialog: R,
+  onUpdateItem: C,
+  onRemoveItem: I,
+  onRequestLineItemValidation: g
+}) => {
+  const N = !!l.line_items?.[t]?.product?.name, y = !!l.line_items?.[t]?.quantity, D = !!l.line_items?.[t]?.product?.price?.value, L = l.line_items?.[t]?.product?.measure_unit_id, U = (i, n, d) => {
+    a("vat_rate_id") !== i && r("vat_rate_id", i, {
+      shouldValidate: !1
+    }), a("vat_rate_value") !== n && r("vat_rate_value", n, {
+      shouldValidate: !1
+    }), s && a("tax_rate_value") !== d ? r("tax_rate_value", d, {
+      shouldValidate: !1
+    }) : !s && d === null && a("tax_rate_value") !== void 0 && r("tax_rate_value", void 0, {
+      shouldValidate: !1
+    });
+  }, b = () => {
+    g?.("tax_rate_value");
+  };
+  return /* @__PURE__ */ q(T, { className: x, children: [
+    /* @__PURE__ */ e(u, { className: "ttw:w-[30%] ttw:xl:w-[40%]", children: /* @__PURE__ */ e(S, { onCreateItem: R, onChange: (i, n) => C(t, i, n), fieldName: a("product.name") || "", index: t, error: N, actualCurrency: m, defaultCurrency: _, measureUnits: c, container: w }) }),
+    /* @__PURE__ */ e(u, { className: "ttw:w-[30%] ttw:xl:w-[20%]", children: /* @__PURE__ */ e(z, { index: t, control: h, quantityError: y, measureUnitsData: c, measureUnitFieldError: L, onRequestLineItemValue: a, onLineItemValueChange: r, onLineItemManuallyChanged: o }) }),
+    /* @__PURE__ */ e(u, { className: "ttw:w-[20%] ttw:text-right", children: /* @__PURE__ */ e(j, { error: D, currency: m ?? _, value: a("product.price.value"), onChange: (i) => {
+      r("product.price.value", i, {
+        shouldValidate: !0
+      }), o();
+    } }) }),
+    /* @__PURE__ */ e(u, { className: "ttw:w-fit", children: s ? /* @__PURE__ */ e(B, { value: a("tax_rate_value"), onChange: (i) => {
+      r("tax_rate_value", i, {
+        shouldValidate: !0
+      }), o();
+    }, error: !!l.line_items?.[t]?.tax_rate_value, onModified: o, onBlur: b }) : /* @__PURE__ */ e(E, { value: a("vat_rate_id"), onChange: (i, n) => {
+      r("vat_rate_id", i, {
+        shouldValidate: !0
+      }), r("vat_rate_value", n, {
+        shouldValidate: !0
+      }), r("tax_rate_value", void 0, {
+        shouldValidate: !1
+      }), o();
+    }, availableVatRates: p ?? [], error: !!l.line_items?.[t]?.vat_rate_id, fieldError: l.line_items?.[t]?.vat_rate_id, isNonVatSupported: s, highestVatRate: f, currentTaxRateValue: a("tax_rate_value"), onInitializeDefaults: U, shouldOverrideVatRateDefaults: V, onModified: o }) }),
+    /* @__PURE__ */ e(u, { className: "ttw:p-0 ttw:w-12", children: /* @__PURE__ */ e(M, { type: "button", variant: "ghost", size: "sm", className: "ttw:text-muted-foreground ttw:hover:text-destructive", onClick: () => I(t), children: /* @__PURE__ */ e(O, {}) }) })
+  ] }, v.id);
+}, Y = F(P);
+export {
+  Y as InvoiceItemRow
+};