@tesouro/embedded-components-react 0.2.1 → 0.2.5

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

@@ -1,192 +1,161 @@
-import { jsxs as c, jsx as i } from "@emotion/react/jsx-runtime";
-import { useState as g, useRef as ne, useCallback as p, useMemo as x, useEffect as ie } from "react";
-import { useMoniteContext as re } from "./index59.js";
-import { useCurrencies as ae } from "./index60.js";
+import { useCreateInvoiceProductsTable as ee } from "./index442.js";
+import { sanitizeLineItems as te } from "./index445.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 { useLingui as se } from "@lingui/react";
+import "@emotion/react/jsx-runtime";
+import "@lingui/react";
 import "react-dom";
+import "./index59.js";
 import "@mui/x-data-grid";
-import { Combobox as oe, ComboboxInput as le, ComboboxContent as me, ComboboxList as ue, ComboboxItem as C, ComboboxSeparator as ce } from "./index92.js";
-import { InputGroupAddon as de } from "./index103.js";
-import { Loader2 as V, Plus as pe } from "lucide-react";
-const b = "__create-new__", u = "custom", Ie = ({
-  fieldName: a,
-  error: E,
-  disabled: F,
-  index: z = 0,
-  actualCurrency: B,
-  defaultCurrency: H,
-  measureUnits: _,
-  container: K,
-  onCreateItem: $,
-  onChange: o
+import { useDebounceCallback as se } from "./index67.js";
+import { useIsMounted as ne } from "./index70.js";
+import { generateUniqueId as oe } from "./index446.js";
+import { useFormContext as ue, useFieldArray as le } from "react-hook-form";
+import { useGetMeasureUnits as me } from "./index223.js";
+const ce = 4, Ae = ({
+  actualCurrency: R,
+  defaultCurrency: x,
+  isNonVatSupported: f,
+  isInclusivePricing: P,
+  maxAllowedEmptyRows: l = ce,
+  highestVatRate: I
 }) => {
   const {
-    i18n: M
-  } = se(), k = B ?? H, [t, f] = g(""), [N, A] = g(!1), [Q, v] = g(null), [D, h] = g(!1), w = ne(!1), {
-    api: W
-  } = re(), {
-    formatCurrencyToDisplay: O
-  } = ae(), {
-    data: y,
-    isLoading: G,
-    fetchNextPage: S,
-    hasNextPage: T,
-    isFetchingNextPage: I
-  } = W.finops.getProducts.useInfiniteQuery({
-    query: {
-      limit: 20,
-      currency: k
-    }
-  }, {
-    initialPageParam: {
-      query: {
-        pagination_token: void 0
-      }
+    control: S,
+    formState: {
+      errors: v
     },
-    getNextPageParam: (e) => {
-      if (e.next_pagination_token)
-        return {
-          query: {
-            pagination_token: e.next_pagination_token
-          }
-        };
-    },
-    enabled: !!k
-  }), J = p((e) => {
-    const {
-      scrollTop: n,
-      scrollHeight: m,
-      clientHeight: P
-    } = e.currentTarget;
-    m - n - P < 100 && T && !I && S();
-  }, [S, T, I]), l = x(() => y ? y.pages.flatMap((e) => e.data) : [], [y]), r = x(() => !l || l.length === 0 ? [] : l.map((e) => {
-    const n = _ ? _.data.find((m) => m.id === e.measure_unit_id) : void 0;
-    return {
-      id: e.id,
-      label: e.name,
-      description: e.description,
-      price: e.price,
-      smallestAmount: e.smallest_amount,
-      measureUnit: n
+    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"
     };
-  }), [l, _, a]);
-  ie(() => {
-    !N && a && a.length > 0 && !t.length && (l?.find((e) => e?.name === a) || f(a));
-  }, [a, N, l, t]);
-  const R = p(() => {
-    A(!0), h(!0);
-  }, []), X = p(() => {
-    A(!1), t && t.trim() !== "" && !r.some((e) => e.label === t) && o({
-      id: u,
-      label: t
-    }, !1);
-  }, [t, r, o]);
-  let s = l?.find((e) => e?.id === Q);
-  if (!N && a && a.length > 0 && !t.length && !s) {
-    const e = l?.find(
-      (n) => n?.name === a
-      // potentially item?.product.name, double check
-    );
-    e && (s = e);
-  }
-  const Y = s ? s.id : t ? u : null, L = s ? s.name : t, {
-    matchingItems: U,
-    nonMatchingItems: j,
-    showCustomOption: q
-  } = x(() => {
-    const e = L.toLowerCase().trim();
-    if (!e || s && s.name.toLowerCase() === e)
-      return {
-        matchingItems: r,
-        nonMatchingItems: [],
-        showCustomOption: !1
-      };
-    const n = [], m = [];
-    for (const d of r)
-      d.label.toLowerCase().includes(e) ? n.push(d) : m.push(d);
-    const P = n.some((d) => d.label.toLowerCase() === e);
     return {
-      matchingItems: n,
-      nonMatchingItems: m,
-      showCustomOption: !P && !!t.trim()
+      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
+      } : {}
     };
-  }, [L, r, s, t]), Z = x(() => [
-    b,
-    ...r.map((e) => e.id),
-    // Always include CUSTOM_ID when there's a custom name so Base UI tracks
-    // it as the selected value and shows the clear button. The visible
-    // ComboboxItem is still gated by showCustomOption.
-    ...t ? [u] : []
-  ], [r, t]), ee = p((e) => {
-    if (!e) {
-      v(null), f(""), o({
-        id: "",
-        label: ""
-      }, !1);
-      return;
-    }
-    if (e === b) {
-      $();
-      return;
+  }, [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]);
     }
-    if (e === u) {
-      w.current = !0, o({
-        id: u,
-        label: t
-      }, !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;
     }
-    const n = r.find((m) => m.id === e);
-    n && (v(n.id), f(""), o(n, !0));
-  }, [t, r, o, $]), te = p((e) => {
-    if (e !== b && e !== u && !r.some((n) => n.id === e)) {
-      if (!e && w.current) {
-        w.current = !1;
-        return;
-      }
-      f(e), v(null), e.trim() && o({
-        id: u,
-        label: e
-      }, !1);
+    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}`);
     }
-  }, [r, o]);
-  return /* @__PURE__ */ c(oe, { value: Y, onValueChange: ee, inputValue: L, onInputValueChange: te, items: Z, filter: () => !0, disabled: F, open: D, onOpenChange: h, children: [
-    /* @__PURE__ */ i(le, { id: `item-selector-${z}`, placeholder: M._("Line item"), "aria-invalid": E || void 0, maxLength: 100, onFocus: R, onBlur: X, onClick: () => {
-      D || h(!0);
-    }, onKeyDown: (e) => {
-      e.key === "Enter" && (e.preventDefault(), t.trim() && (w.current = !0), h(!1));
-    }, showClear: !0, className: "ttw:w-full", children: G && /* @__PURE__ */ i(de, { align: "inline-start", children: /* @__PURE__ */ i(V, { className: "ttw:size-4 ttw:animate-spin ttw:text-muted-foreground" }) }) }),
-    /* @__PURE__ */ i(me, { container: K, className: "ttw:min-w-138", children: /* @__PURE__ */ c(ue, { onScroll: J, children: [
-      /* @__PURE__ */ c(C, { value: b, className: "ttw:text-primary ttw:font-semibold ttw:hover:text-primary ttw:focus:text-primary", children: [
-        /* @__PURE__ */ i(pe, {}),
-        M._("Create new item")
-      ] }),
-      U.map((e) => /* @__PURE__ */ c(C, { value: e.id, children: [
-        /* @__PURE__ */ i("span", { className: "ttw:flex-1 ttw:min-w-0 ttw:truncate", children: e.label }),
-        /* @__PURE__ */ c("span", { className: "ttw:shrink-0 ttw:text-right ttw:text-xs ttw:text-muted-foreground", children: [
-          e.smallestAmount,
-          " ",
-          e.measureUnit?.description,
-          e.price && ` / ${O(e.price.value, e.price.currency)}`
-        ] })
-      ] }, e.id)),
-      q && /* @__PURE__ */ i(C, { value: u, children: /* @__PURE__ */ i("span", { className: "ttw:flex-1 ttw:min-w-0 ttw:truncate", children: t }) }),
-      (U.length > 0 || q) && j.length > 0 && /* @__PURE__ */ i(ce, {}),
-      j.map((e) => /* @__PURE__ */ c(C, { value: e.id, children: [
-        /* @__PURE__ */ i("span", { className: "ttw:flex-1 ttw:min-w-0 ttw:truncate", children: e.label }),
-        /* @__PURE__ */ c("span", { className: "ttw:shrink-0 ttw:text-right ttw:text-xs ttw:text-muted-foreground", children: [
-          e.smallestAmount,
-          " ",
-          e.measureUnit?.description,
-          e.price && ` / ${O(e.price.value, e.price.currency)}`
-        ] })
-      ] }, e.id)),
-      I && /* @__PURE__ */ i("div", { className: "ttw:flex ttw:justify-center ttw:py-1", children: /* @__PURE__ */ i(V, { className: "ttw:size-4 ttw:animate-spin ttw:text-muted-foreground" }) })
-    ] }) })
-  ] });
+  }, [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 {
+    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
+  };
 };
 export {
-  u as CUSTOM_ID,
-  Ie as ItemSelector
+  Ae as useLineItemManagement
 };

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

@@ -1,28 +1,80 @@
-import { jsxs as o, jsx as t } from "@emotion/react/jsx-runtime";
-import { useFormContext as c } from "react-hook-form";
-import { DropdownMenu as d, DropdownMenuTrigger as m, DropdownMenuContent as l, DropdownMenuItem as r } from "./index212.js";
-import { useLingui as u } from "@lingui/react";
-import { ChevronDownIcon as x } from "lucide-react";
-function g({
-  disabled: e
-}) {
+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 "./index448.js";
+import { PaymentTermsSummary as L } from "./index449.js";
+import { dedupePaymentTermsByContent as U } from "./index450.js";
+import { Skeleton as $ } from "./index158.js";
+import { Select as j, SelectTrigger as k, SelectValue as M, SelectContent as q, SelectItem as f } from "./index291.js";
+import { Field as z, FieldContent as B, FieldLabel as A, FieldError as G } from "./index178.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: _
+}) => {
   const {
-    i18n: n
-  } = u(), {
-    setValue: i,
-    watch: a
-  } = c(), s = a("tax_mode") === "inclusive";
-  return /* @__PURE__ */ o(d, { children: [
-    /* @__PURE__ */ t(m, { asChild: !0, disabled: e, children: /* @__PURE__ */ o("button", { type: "button", className: "ttw:text-primary ttw:font-medium ttw:text-sm ttw:flex ttw:items-center ttw:gap-1", disabled: e, children: [
-      n._(s ? "Incl. tax" : "Excl. tax"),
-      !e && /* @__PURE__ */ t(x, { className: "ttw:w-4 ttw:h-4" })
-    ] }) }),
-    /* @__PURE__ */ o(l, { children: [
-      /* @__PURE__ */ t(r, { onClick: () => i("tax_mode", "exclusive"), children: n._("Excluding tax") }),
-      /* @__PURE__ */ t(r, { onClick: () => i("tax_mode", "inclusive"), children: n._("Including tax") })
-    ] })
-  ] });
-}
+    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 })
+  ] }) });
+};
 export {
-  g as TaxModeMenu
+  re as PaymentSection
 };

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

@@ -1,5 +1,5 @@
 import { useMoniteContext as n } from "./index59.js";
-import { getAPIErrorMessage as d } from "./index122.js";
+import { getAPIErrorMessage as d } from "./index121.js";
 import { useLingui as p } from "@lingui/react";
 import { toast as r } from "react-hot-toast";
 const f = (s, i) => {

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

@@ -1,161 +1,24 @@
-import { useCreateInvoiceProductsTable as ee } from "./index411.js";
-import { sanitizeLineItems as te } from "./index408.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 "./index420.js";
-import { useFormContext as ue, useFieldArray as le } from "react-hook-form";
-import { useGetMeasureUnits as me } from "./index187.js";
-const ce = 4, Ae = ({
-  actualCurrency: R,
-  defaultCurrency: x,
-  isNonVatSupported: f,
-  isInclusivePricing: P,
-  maxAllowedEmptyRows: l = ce,
-  highestVatRate: I
-}) => {
-  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]);
-    }
-  }, [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;
-    }
-    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}`);
-    }
-  }, [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 {
-    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
-  };
-};
+import { jsxs as r, jsx as e } from "@emotion/react/jsx-runtime";
+import { Button as i } from "./index86.js";
+import { Calendar as s } from "./index451.js";
+import { Popover as d, PopoverTrigger as m, PopoverContent as c } from "./index405.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);
+    } }) })
+  ] });
+}
 export {
-  Ae as useLineItemManagement
+  C as DatePicker
 };