@tesouro/embedded-components-react 0.2.1 → 0.2.5

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

@@ -1,185 +1,61 @@
-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);
+import { jsxs as a, jsx as t } from "@emotion/react/jsx-runtime";
+import { DatePicker as D } from "./index310.js";
+import { FormField as c, FormItem as i, FormLabel as u, FormControl as h, FormMessage as m } from "./index289.js";
+import { Select as p, SelectTrigger as F, SelectValue as M, SelectContent as S, SelectItem as g } from "./index291.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 {
-  s as LanguageCodeEnum
+  V as RecurrenceFormContent
 };

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

@@ -1,28 +1,13 @@
-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"));
-    }
-  });
-};
+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 {
-  c as useCreateCounterpartBank
+  o as Switch
 };

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

@@ -1,61 +1,67 @@
-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
+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 "./index445.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 {
-    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;
+    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)
   };
-  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
+  q as FormErrorDisplay,
+  C as useFormErrors
 };

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

@@ -1,13 +1,72 @@
-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") }) });
-}
+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 "./index296.js";
+import { Trash2 as O } from "lucide-react";
+import { ItemSelector as S } from "./index306.js";
+import { PriceField as j } from "./index457.js";
+import { QuantityField as z } from "./index458.js";
+import { TaxRateField as B } from "./index459.js";
+import { VatRateField as E } from "./index460.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 {
-  o as Switch
+  Y as InvoiceItemRow
 };

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

@@ -1,67 +1,40 @@
-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 { jsxs as m, jsx as t } from "@emotion/react/jsx-runtime";
 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
+import { twMerge as f } from "tailwind-merge";
+import { useCurrencies as p } from "./index60.js";
+import "react";
+import "./index94.js";
+import "react-dom";
+import "./index59.js";
+import "@mui/x-data-grid";
+const a = ({
+  label: l,
+  value: r,
+  className: s
+}) => /* @__PURE__ */ m("li", { className: f("ttw:flex ttw:justify-between ttw:items-center", s), children: [
+  /* @__PURE__ */ t("span", { children: l }),
+  /* @__PURE__ */ t("span", { children: r?.toString() })
+] }), _ = ({
+  subtotalPrice: l,
+  totalTaxes: r,
+  totalPrice: s,
+  taxesByVatRate: o = {},
+  actualCurrency: i,
+  defaultCurrency: c
 }) => {
-  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)
-  };
+    i18n: e
+  } = x(), {
+    formatCurrencyToDisplay: u
+  } = p();
+  return /* @__PURE__ */ m("ul", { className: "ttw:w-full ttw:flex ttw:flex-col ttw:gap-2 ttw:list-none ttw:mt-4", children: [
+    /* @__PURE__ */ t(a, { label: e._("Subtotal"), value: l, className: "ttw:text-sm ttw:font-normal ttw:text-neutral" }),
+    Object.entries(o)?.length > 0 ? Object.entries(o).map(([n, w]) => /* @__PURE__ */ t(a, { label: e._("Total Tax ({taxRate}%)", {
+      taxRate: n
+    }), value: u(w, i || c || "USD", !0)?.toString(), className: "ttw:text-sm ttw:font-normal ttw:text-neutral" }, n)) : /* @__PURE__ */ t(a, { label: e._("Taxes total"), value: r, className: "ttw:text-sm ttw:font-normal ttw:text-neutral" }),
+    /* @__PURE__ */ t(a, { label: e._("Total"), value: s, className: "ttw:text-base ttw:font-medium ttw:text-" })
+  ] });
 };
 export {
-  q as FormErrorDisplay,
-  C as useFormErrors
+  _ as InvoiceTotals
 };