@tesouro/embedded-components-react 0.2.5 → 0.2.6

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

@@ -1,59 +1,40 @@
-import { jsx as t, Fragment as v, jsxs as i } from "@emotion/react/jsx-runtime";
-import { useLingui as b } from "@lingui/react";
-import { useState as y, useEffect as N } from "react";
-import { useCreateInvoiceEmailPreview as j } from "./index438.js";
-import { LanguageCodeEnum as C } from "./index252.js";
-import { CenteredContentBox as s } from "./index246.js";
-import { Button as _ } from "./index86.js";
-import { CircleAlert as E, RefreshCcw as P } from "lucide-react";
-import { LoadingSpinner as B } from "./index152.js";
-const q = ({
-  invoiceId: l,
-  body: c,
-  subject: m
+import { jsxs as m, jsx as t } from "@emotion/react/jsx-runtime";
+import { useLingui as x } from "@lingui/react";
+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 {
     i18n: e
-  } = b(), [a, d] = y(0), {
-    data: w,
-    mutateAsync: f,
-    isPending: p,
-    error: u
-  } = j(l), x = () => {
-    d(a + 1);
-  }, h = (r) => Object.values(C).includes(r), g = () => {
-    const r = e.locale, o = r.indexOf("-"), n = o >= 0 ? r.substring(0, o) : r;
-    return h(n) ? n : "en";
-  };
-  return N(() => {
-    f({
-      body_text: c,
-      subject_text: m,
-      language: g(),
-      type: "receivable"
-    });
-  }, [a]), /* @__PURE__ */ t("div", { className: "ttw:flex ttw:flex-col ttw:min-h-0 ttw:overflow-hidden ttw:flex-1", children: p ? /* @__PURE__ */ t(s, { children: /* @__PURE__ */ t(B, {}) }) : /* @__PURE__ */ t(v, { children: u ? /* @__PURE__ */ t(s, { children: /* @__PURE__ */ i("div", { className: "ttw:flex ttw:flex-col ttw:items-center ttw:justify-center ttw:gap-4", children: [
-    /* @__PURE__ */ t(E, { className: "ttw:text-red-500" }),
-    /* @__PURE__ */ i("div", { className: "ttw:flex ttw:flex-col ttw:justify-center ttw:text-center ttw:gap-1 ttw:items-center", children: [
-      /* @__PURE__ */ t("h2", { className: "ttw:font-bold ttw:text-base", children: e._("Failed to generate email preview") }),
-      /* @__PURE__ */ i("div", { className: "ttw:items-center", children: [
-        /* @__PURE__ */ t("p", { className: "ttw:text-sm ttw:font-normal ttw:leading-5", children: e._("Please try to reload.") }),
-        /* @__PURE__ */ t("p", { className: "ttw:text-sm ttw:font-normal ttw:leading-5", children: e._("If the error recurs, contact support, please.") })
-      ] }),
-      /* @__PURE__ */ i(_, { variant: "ghost", onClick: x, "data-testid": "reload-preview-button", children: [
-        /* @__PURE__ */ t(P, {}),
-        e._("Reload")
-      ] })
-    ] })
-  ] }) }) : /* @__PURE__ */ t("iframe", { srcDoc: w?.body_preview, style: {
-    width: "100%",
-    height: "100%",
-    marginBottom: "-16px",
-    // Margin is necessary to avoid vertical scrollbar on the iframe container element. It's not clear why, but it helps.
-    border: 0,
-    flex: 1
-  } }) }) });
+  } = 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 PreviewEmail
+  _ as InvoiceTotals
 };

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

@@ -1,22 +1,192 @@
-import { toast as s } from "react-hot-toast";
-import { useMoniteContext as a } from "./index59.js";
-import { useLingui as r } from "@lingui/react";
-const d = (i) => {
+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 "./index94.js";
+import { useLingui as se } from "@lingui/react";
+import "react-dom";
+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
+}) => {
   const {
-    i18n: o
-  } = r(), {
-    api: t,
-    queryClient: n
-  } = a();
-  return t.finops.postReceivablesIdClone.useMutation(void 0, {
-    onSuccess: async (e) => {
-      await t.finops.getReceivables.invalidateQueries(n), i && i(e?.id), s.success(o._("Invoice duplicate has been created."));
+    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
+      }
+    },
+    getNextPageParam: (e) => {
+      if (e.next_pagination_token)
+        return {
+          query: {
+            pagination_token: e.next_pagination_token
+          }
+        };
     },
-    onError: (e) => {
-      s.error(e?.detail?.[0]?.msg || o._("Failed to duplicate invoice."));
+    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
+    };
+  }), [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()
+    };
+  }, [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;
+    }
+    if (e === u) {
+      w.current = !0, o({
+        id: u,
+        label: t
+      }, !1);
+      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);
     }
-  });
+  }, [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" }) })
+    ] }) })
+  ] });
 };
 export {
-  d as useDuplicateInvoice
+  u as CUSTOM_ID,
+  Ie as ItemSelector
 };

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

@@ -1,16 +1,28 @@
-import { useMoniteContext as i } from "./index59.js";
-const a = (e, t) => {
+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 "./index152.js";
+import { useLingui as u } from "@lingui/react";
+import { ChevronDownIcon as x } from "lucide-react";
+function g({
+  disabled: e
+}) {
   const {
-    api: s
-  } = i();
-  return s.finops.getReceivablesIdPdfLink.useQuery({
-    path: {
-      receivable_id: e
-    }
-  }, {
-    enabled: t
-  });
-};
+    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") })
+    ] })
+  ] });
+}
 export {
-  a as useGetReceivablePDFById
+  g as TaxModeMenu
 };

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

@@ -1,28 +1,161 @@
-import { jsx as s } from "@emotion/react/jsx-runtime";
-import { useGetReceivableById as r } from "./index84.js";
-import { useCancelReceivableById as m } from "./index415.js";
-import { ConfirmationModal as d } from "./index254.js";
-import { useLingui as u } from "@lingui/react";
-const v = ({
-  invoiceId: o,
-  open: c,
-  onClose: i
+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
 }) => {
   const {
-    i18n: e
-  } = u(), {
-    data: n,
-    isLoading: t
-  } = r(o), a = m(o);
-  if (!n)
-    return null;
-  const l = n.document_id ? e._("Cancel receivable") + ` "${n?.document_id}"?` : e._("Cancel receivable?");
-  return /* @__PURE__ */ s(d, { open: c && !!o, title: l, message: e._("This action can't be undone."), confirmLabel: e._("Cancel"), cancelLabel: e._("Close"), onClose: i, onConfirm: () => {
-    a.mutate(void 0, {
-      onSuccess: i
+    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);
     });
-  }, isLoading: a.isPending || t });
+  }, [_.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 {
-  v as InvoiceCancelModal
+  Ae as useLineItemManagement
 };

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

@@ -1,42 +1,80 @@
-import { jsx as d } from "@emotion/react/jsx-runtime";
-import { useDeleteReceivableById as u } from "./index416.js";
-import { useComponentSettings as f } from "./index69.js";
-import { useUserPermissions as v } from "./index137.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 b } from "../../shared/data-access/dist/lib/scopes.js";
-import "react";
-import { ConfirmationModal as C } from "./index254.js";
-import { useLingui as D } from "@lingui/react";
-import { toast as I } from "react-hot-toast";
-const H = ({
-  open: r,
-  onClose: o,
-  invoiceId: t,
-  onDelete: n,
-  documentId: i
+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: _
 }) => {
   const {
-    i18n: e
-  } = D(), {
-    receivablesCallbacks: s
-  } = f(), {
-    mutate: m,
-    isPending: a
-  } = u(t), l = v().has(b.InvoiceWriteOrg), c = () => {
-    l ? m(void 0, {
-      onSuccess: () => {
-        s?.onDelete?.(t), n?.(), o();
+    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
       }
-    }) : I.error(e._("You don't have permission to delete this document. Please, contact your system administrator for details."));
-  }, p = i ? e._("Delete receivable “{documentId}”?", {
-    documentId: i
-  }) : e._("Delete receivable?");
-  return /* @__PURE__ */ d(C, { open: r, title: p, message: e._("This action can't be undone."), confirmLabel: e._("Delete"), cancelLabel: e._("Cancel"), onClose: o, onConfirm: c, isLoading: a });
+    }) => /* @__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 {
-  H as InvoiceDeleteModal
+  re as PaymentSection
 };