@tesouro/embedded-components-react 0.2.6 → 0.2.15

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

@@ -1,161 +1,67 @@
-import { useCreateInvoiceProductsTable as ee } from "./index426.js";
-import { sanitizeLineItems as te } from "./index429.js";
-import { useCurrencies as re } from "./index60.js";
-import { useRef as ie, useState as V, useCallback as n, useEffect as E, useMemo as ae } from "react";
-import "./index94.js";
-import "@emotion/react/jsx-runtime";
-import "@lingui/react";
-import "react-dom";
-import "./index59.js";
-import "@mui/x-data-grid";
-import { useDebounceCallback as se } from "./index67.js";
-import { useIsMounted as ne } from "./index70.js";
-import { generateUniqueId as oe } from "./index430.js";
-import { useFormContext as ue, useFieldArray as le } from "react-hook-form";
-import { useGetMeasureUnits as me } from "./index201.js";
-const ce = 4, Ae = ({
-  actualCurrency: R,
-  defaultCurrency: x,
-  isNonVatSupported: f,
-  isInclusivePricing: P,
-  maxAllowedEmptyRows: l = ce,
-  highestVatRate: I
+import { jsx as a, jsxs as g } from "@emotion/react/jsx-runtime";
+import { useMemo as o, useCallback as x } from "react";
+import { getLineItemErrorMessage as b } from "./index352.js";
+import { useLingui as E } from "@lingui/react";
+import { Collapse as _, Alert as j, List as v, ListItem as L, ListItemText as A } from "@mui/material";
+const q = ({
+  generalError: e,
+  fieldErrors: n
 }) => {
-  const {
-    control: S,
-    formState: {
-      errors: v
-    },
-    setValue: y,
-    getValues: a,
-    watch: T,
-    clearErrors: g,
-    trigger: C
-  } = ue(), {
-    data: L
-  } = me(), {
-    fields: _,
-    append: m,
-    remove: b
-  } = le({
-    control: S,
-    name: "line_items",
-    shouldUnregister: !1
-  }), c = ne(), o = ie(!1), [w, M] = V(!1), [q, d] = V([]), [D, h] = V(!1), F = T("line_items"), U = te(F), {
-    formatCurrencyToDisplay: N
-  } = re(), {
-    subtotalPrice: k,
-    totalPrice: B,
-    totalTaxes: W,
-    shouldShowTaxExemptRationale: z,
-    taxesByVatRate: G
-  } = ee({
-    lineItems: U,
-    isNonVatSupported: f,
-    actualCurrency: R ?? x,
-    isInclusivePricing: P,
-    formatCurrencyToDisplay: N
-  }), s = n((e) => {
-    const t = {
-      name: e?.product?.name || "",
-      price: {
-        currency: R ?? x,
-        value: e?.product?.price?.value || 0
-      },
-      measure_unit_id: e?.product?.measure_unit_id || "",
-      type: e?.product?.type || "product"
-    };
-    return {
-      id: e?.id ?? oe(),
-      product_id: e?.product_id || "",
-      product: t,
-      quantity: e?.quantity ?? 1,
-      // Preserve VAT values or set defaults based on region
-      vat_rate_id: f ? void 0 : e?.vat_rate_id ?? I?.id,
-      vat_rate_value: f ? void 0 : e?.vat_rate_value ?? I?.value,
-      tax_rate_value: f ? e?.tax_rate_value ?? 0 : void 0,
-      // Preserve measure_unit for custom units
-      ...e?.measure_unit ? {
-        measure_unit: e.measure_unit
-      } : {}
-    };
-  }, [R, x, f, I]), p = n((e) => e.reduce((t, r) => r.product?.name === "" ? t + 1 : t, 0), []), J = n(() => {
-    if (o.current || !c.current) return;
-    const e = a("line_items") || [], t = p(e);
-    if (t <= l && h(!1), t === 0 && e.length > 0) {
-      o.current = !0;
-      const r = s(), i = e.length;
-      m(r, {
-        shouldFocus: !1
-      }), d((u) => [...u, i]);
+  const t = o(() => {
+    for (const r of Object.values(n))
+      if (r) return !0;
+    return !1;
+  }, [n]);
+  return e || t ? /* @__PURE__ */ a(_, { in: !0, sx: {
+    ":not(.MuiCollapse-hidden)": {
+      marginBottom: 1
     }
-  }, [c, a, p, l, s, L?.data, m]), A = se(J), O = n(() => {
-    const e = a("line_items") || [];
-    if (p(e) > l) {
-      h(!0);
-      return;
+  }, children: /* @__PURE__ */ g(j, { severity: "error", sx: {
+    "& .MuiAlert-icon": {
+      alignItems: "center"
     }
-    if (o.current) return;
-    h(!1), o.current = !0, m(s());
-    const t = a("line_items");
-    if (t && t.length > 0) {
-      const r = t.length - 1;
-      g(`line_items.${r}`);
+  }, children: [
+    e && /* @__PURE__ */ a("div", { children: e }),
+    t && /* @__PURE__ */ a(v, { dense: !0, disablePadding: !0, sx: {
+      mt: e ? 1 : 0
+    }, children: Object.entries(n).map(([r, s]) => s ? /* @__PURE__ */ a(L, { disablePadding: !0, children: /* @__PURE__ */ a(A, { primary: s, primaryTypographyProps: {
+      sx: {
+        color: "inherit"
+      }
+    } }) }, r) : null) })
+  ] }) }) : null;
+}, C = (e) => {
+  const {
+    i18n: n
+  } = E(), t = o(() => Array.isArray(e) ? e : e ? [e] : [], [e]), r = x((i) => {
+    for (let u = 0; u < t.length; u++) {
+      const f = t[u];
+      if (typeof f == "object") {
+        const h = b(f, i);
+        if (h)
+          return h;
+      }
     }
-  }, [m, s, p, a, g, l]), j = n(() => {
-    A();
-  }, [A]);
-  E(() => {
-    o.current && Promise.resolve().then(() => {
-      c.current && (o.current = !1);
-    });
-  }, [_.length, c]);
-  const H = n(() => {
-    const e = a("line_items");
-    if (!e?.length) return;
-    const t = e.filter((u) => !!u?.product?.name?.trim()), r = e.find((u) => !u?.product?.name?.trim());
-    let i = [];
-    t.length > 0 ? i = t : e.length > 0 && (i = [s(r || void 0)]), (i.length !== e.length || !i.every((u, $) => u.id === e[$]?.id)) && (g("line_items"), y("line_items", i, {
-      shouldValidate: !1,
-      shouldDirty: !0
-    }), d([]));
-  }, [a, y, g, s]);
-  E(() => {
-    !c.current || w || !a("line_items")?.length && !o.current && (o.current = !0, m(s()), d([0]), M(!0));
-  }, [c, w, a, m, s]);
-  const K = n((e) => {
-    b(e);
-    const t = (a("line_items") || []).filter((r, i) => i !== e);
-    p(t) <= l && h(!1), d((r) => r.filter((i) => i !== e).map((i) => i > e ? i - 1 : i));
-  }, [b, a, p, d, h, l]), Q = n((e, t, r) => {
-    y(e, t, {
-      shouldDirty: !0,
-      ...r
-    }), r?.shouldValidate && C(e);
-  }, [y, C]), X = n((e, t) => {
-    const r = `line_items.${e}.${t}`;
-    return a(r);
-  }, [a]), Y = JSON.stringify(v.line_items), Z = ae(() => Array.isArray(v.line_items) ? _.map((e, t) => v.line_items?.[t] ?? {}) : _.map(() => ({})), [v.line_items, Y, _]);
+    return null;
+  }, [t]), s = o(() => r("product.name") ?? r("name"), [r]), l = o(() => r("quantity"), [r]), m = o(() => r("price") ?? r("product.price.value") ?? r("product.price.currency"), [r]), c = o(() => 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 || m || c || p || d) ? void 0 : t.some((i) => {
+    if (!i || typeof i != "object") return !1;
+    const u = Object.keys(i);
+    return u.length > 0 && u.some((f) => i[f] != null);
+  }) ? n._("Please check the form for errors") : void 0, [t, s, l, m, c, p, d, n]);
   return {
-    fields: _,
-    autoAddedRows: q,
-    tooManyEmptyRows: D,
-    subtotalPrice: k,
-    totalPrice: B,
-    totalTaxes: W,
-    taxesByVatRate: G,
-    shouldShowTaxExemptRationale: z,
-    lineItemErrors: Z,
-    handleAddRow: O,
-    handleRemoveItem: K,
-    handleAutoAddRow: j,
-    setAutoAddedRows: d,
-    setValueWithValidationLocal: Q,
-    cleanUpLineItemsForSubmission: H,
-    createEmptyRow: s,
-    handleRequestLineItemValue: X
+    generalError: y,
+    fieldErrors: {
+      name: s,
+      quantity: l,
+      price: m,
+      tax: c,
+      measureUnit: p,
+      productType: d
+    },
+    hasErrors: !!(y || s || l || m || c || p || d)
   };
 };
 export {
-  Ae as useLineItemManagement
+  q as FormErrorDisplay,
+  C as useFormErrors
 };

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

@@ -1,80 +1,47 @@
-import { jsx as e, Fragment as y, jsxs as r } from "@emotion/react/jsx-runtime";
-import { useState as F, useMemo as b, useEffect as N } from "react";
-import { useFormContext as D, Controller as V } from "react-hook-form";
-import { useLingui as E } from "@lingui/react";
-import { PaymentTermsDialog as I } from "./index413.js";
-import { PaymentTermsSummary as L } from "./index414.js";
-import { dedupePaymentTermsByContent as U } from "./index415.js";
-import { Skeleton as $ } from "./index153.js";
-import { Select as j, SelectTrigger as k, SelectValue as M, SelectContent as q, SelectItem as f } from "./index279.js";
-import { Field as z, FieldContent as B, FieldLabel as A, FieldError as G } from "./index222.js";
-import { Plus as H } from "lucide-react";
-const a = {
-  Closed: 0,
-  Create: 1,
-  Update: 2
-}, re = ({
-  disabled: w,
-  paymentTerms: c,
-  isLoading: C,
-  selectedPaymentTerm: s,
-  onPaymentTermsChange: _
+import { jsxs as b, jsx as e } from "@emotion/react/jsx-runtime";
+import { memo as y } from "react";
+import { Button as I } from "./index86.js";
+import { Checkbox as R } from "./index377.js";
+import { Trash2 as N } from "lucide-react";
+import { ItemSelector as U } from "./index350.js";
+import { PriceField as V } from "./index447.js";
+import { QuantityField as k } from "./index448.js";
+import { MeasureUnitField as q } from "./index449.js";
+const M = ({
+  index: t,
+  control: c,
+  errors: a,
+  actualCurrency: i,
+  defaultCurrency: u = "USD",
+  measureUnitsData: m,
+  container: p,
+  onRequestLineItemValue: n,
+  onLineItemValueChange: o,
+  onRequestOpenCreateProductDialog: h,
+  onUpdateItem: w,
+  onRemoveItem: s,
+  canRemove: d
 }) => {
-  const {
-    i18n: i
-  } = E(), {
-    control: g,
-    watch: x,
-    setValue: p
-  } = D(), [u, n] = F(a.Closed), {
-    dedupedTerms: S,
-    duplicateIdMap: d
-  } = b(() => U(c?.data ?? []), [c]), l = x("payment_terms_id");
-  N(() => {
-    l && d.has(l) && p("payment_terms_id", d.get(l), {
-      shouldValidate: !0,
-      shouldDirty: !1,
-      shouldTouch: !1
-    });
-  }, [l, d, p]);
-  const T = () => {
-    n(a.Update);
-  }, v = (t, m) => {
-    n(a.Closed), (t || m) && _(t);
-  };
-  return /* @__PURE__ */ e(y, { children: C ? /* @__PURE__ */ e($, { className: "ttw:w-full ttw:h-9" }) : /* @__PURE__ */ r(y, { children: [
-    /* @__PURE__ */ e(V, { name: "payment_terms_id", control: g, render: ({
-      field: t,
-      fieldState: {
-        error: m
-      }
-    }) => /* @__PURE__ */ e(z, { children: /* @__PURE__ */ r(B, { children: [
-      /* @__PURE__ */ e(A, { htmlFor: "payment_terms_id", required: !0, children: i._("Payment terms") }),
-      /* @__PURE__ */ r(j, { ...t, disabled: w, value: t.value, onValueChange: (o) => {
-        o === "create" ? n(a.Create) : t.onChange(o);
-      }, children: [
-        /* @__PURE__ */ e(k, { id: "payment_terms_id", className: "ttw:w-full", "aria-invalid": !!m, children: /* @__PURE__ */ e(M, { placeholder: i._("Select payment terms") }) }),
-        /* @__PURE__ */ r(q, { children: [
-          /* @__PURE__ */ r(f, { value: "create", className: "ttw:text-primary ttw:hover:text-primary ttw:font-semibold ttw:focus:text-primary", children: [
-            /* @__PURE__ */ e(H, { className: "ttw:text-primary ttw:hover:text-primary ttw:font-semibold ttw:focus:text-primary" }),
-            i._("Create payment term")
-          ] }),
-          S.map(({
-            id: o,
-            name: P,
-            description: h
-          }) => /* @__PURE__ */ r(f, { value: o, children: [
-            P,
-            h && ` (${h})`
-          ] }, o))
-        ] })
-      ] }),
-      /* @__PURE__ */ e(G, { errors: m ? [m] : [] })
-    ] }) }) }),
-    s && /* @__PURE__ */ e("div", { className: "ttw:mt-2", children: /* @__PURE__ */ e(L, { paymentTerm: s, openEditDialog: T }) }),
-    /* @__PURE__ */ e(I, { show: u !== a.Closed, closeDialog: v, selectedTerm: u === a.Update ? s : void 0 })
-  ] }) });
-};
+  const v = !!a.line_items?.[t]?.product?.name, f = !!a.line_items?.[t]?.quantity, C = !!a.line_items?.[t]?.product?.price?.value, l = n("product.name"), x = !!(l && l.trim()), g = a.line_items?.[t]?.product?.measure_unit_id;
+  return /* @__PURE__ */ b("li", { className: "ttw:flex ttw:items-center ttw:gap-2.5 ttw:h-9", children: [
+    /* @__PURE__ */ e("div", { className: "ttw:flex-1 ttw:min-w-30", children: /* @__PURE__ */ e(U, { onCreateItem: h, onChange: (r, _) => w(t, r, _), fieldName: n("product.name") || "", index: t, error: v, actualCurrency: i, defaultCurrency: u, measureUnits: m, container: p }) }),
+    /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(k, { index: t, control: c, quantityError: f, canRemove: d, hasProduct: x, onLineItemValueChange: o, onRemoveItem: s }) }),
+    /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(q, { value: n("product.measure_unit_id"), onChange: (r) => {
+      o("product.measure_unit_id", r, {
+        shouldValidate: !0
+      });
+    }, availableMeasureUnits: m?.data || [], fieldError: g }) }),
+    /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(V, { error: C, currency: i ?? u, value: n("product.price.value"), onChange: (r) => {
+      o("product.price.value", r, {
+        shouldValidate: !0
+      });
+    } }) }),
+    /* @__PURE__ */ e("div", { className: "ttw:w-12 ttw:min-w-12 ttw:flex ttw:items-center ttw:justify-center", children: /* @__PURE__ */ e(R, { checked: n("taxable") ?? !1, onCheckedChange: (r) => {
+      o("taxable", r === !0);
+    } }) }),
+    d && /* @__PURE__ */ e(I, { type: "button", variant: "ghost", size: "sm", className: "ttw:w-10 ttw:text-muted-foreground ttw:hover:bg-transparent ttw:hover:text-destructive ttw:border-l ttw:border-border ttw:pl-4 ttw:rounded-none ttw:has-[>svg]:pr-0", onClick: () => s(t), children: /* @__PURE__ */ e(N, {}) })
+  ] });
+}, z = y(M);
 export {
-  re as PaymentSection
+  z as InvoiceItemRow
 };

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

@@ -1,24 +1,27 @@
-import { jsxs as r, jsx as e } from "@emotion/react/jsx-runtime";
-import { Button as i } from "./index86.js";
-import { Calendar as s } from "./index418.js";
-import { Popover as d, PopoverTrigger as m, PopoverContent as c } from "./index393.js";
-import { useLingui as p } from "@lingui/react";
-import { Calendar as u } from "lucide-react";
-import * as f from "react";
-function C(t) {
-  const [a, o] = f.useState(!1), {
-    i18n: n
-  } = p();
-  return /* @__PURE__ */ r(d, { open: a, onOpenChange: o, children: [
-    /* @__PURE__ */ e(m, { asChild: !0, children: /* @__PURE__ */ r(i, { variant: "outline", id: "date", disabled: !!t.shouldDisableButton, className: "ttw:w-full ttw:justify-between ttw:font-normal ttw:border-border", children: [
-      t.selected ? t.selected.toLocaleDateString() : t.placeholder ?? n._("Select month"),
-      /* @__PURE__ */ e(u, {})
-    ] }) }),
-    /* @__PURE__ */ e(c, { className: "ttw:w-auto ttw:overflow-hidden ttw:p-0", align: "start", children: /* @__PURE__ */ e(s, { ...t, mode: "single", captionLayout: "dropdown", onSelect: (l) => {
-      t.onSelect(l), o(!1);
-    } }) })
+import { jsxs as n, jsx as t } from "@emotion/react/jsx-runtime";
+import { useLingui as r } from "@lingui/react";
+import { twMerge as i } from "tailwind-merge";
+const o = ({
+  label: e,
+  value: l,
+  className: a
+}) => /* @__PURE__ */ n("li", { className: i("ttw:flex ttw:justify-between ttw:items-center", a), children: [
+  /* @__PURE__ */ t("span", { children: e }),
+  /* @__PURE__ */ t("span", { children: l?.toString() })
+] }), u = ({
+  subtotalPrice: e,
+  totalTaxes: l,
+  totalPrice: a
+}) => {
+  const {
+    i18n: s
+  } = r();
+  return /* @__PURE__ */ n("ul", { className: "ttw:w-full ttw:flex ttw:flex-col ttw:gap-1.5 ttw:list-none", children: [
+    /* @__PURE__ */ t(o, { label: s._("Subtotal"), value: e, className: "ttw:text-sm ttw:font-normal" }),
+    /* @__PURE__ */ t(o, { label: s._("Tax"), value: l, className: "ttw:text-sm ttw:font-normal" }),
+    /* @__PURE__ */ t(o, { label: s._("Total"), value: a, className: "ttw:text-lg ttw:font-medium" })
   ] });
-}
+};
 export {
-  C as DatePicker
+  u as InvoiceTotals
 };