@tesouro/embedded-components-react 0.2.1 → 0.2.6

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

@@ -1,70 +1,192 @@
-import { jsxs as n, jsx as o } from "@emotion/react/jsx-runtime";
-import { useMoniteContext as d } from "./index59.js";
-import { useLingui as p } from "@lingui/react";
-import { Box as s, Typography as e, List as h, ListItem as m } from "@mui/material";
-const g = () => {
+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: i
-  } = p(), {
-    componentSettings: l
-  } = d(), r = [{
-    id: 1,
-    title: i._("Create an invoice:"),
-    description: i._("If you applied for accounts receivable financing, issue an invoice and deliver it to your customer via email or any other channel."),
-    description2: i._("Or if you applied for accounts payable financing, upload/select the uploaded invoice you've received from your vendor."),
-    list: {
-      listTitle: i._("Invoices cannot be financed if:"),
-      listItems: [{
-        id: "listItem-1",
-        text: i._("- they are due within 7 days.")
-      }, {
-        id: "listItem-2",
-        text: i._("- they are already overdue.")
-      }, {
-        id: "listItem-3",
-        text: i._("- the loan sum exceeds your remaining limit.")
-      }]
+    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
     }
   }, {
-    id: 2,
-    title: i._("Select 'Get Paid Now':"),
-    description: i._("Access funding through the invoice list, within the invoice details, or the 'My Financing' tab. If approved, you will receive the invoice amount instantly, minus the fee associated with the payment offer chosen.")
-  }, {
-    id: 3,
-    title: i._("Pay out the financed sum:"),
-    description: i._("The full sum will be withdrawn from your bank account automatically on the date specified in the selected offer. You can also pay out the sum earlier via the 'Pay out' button.")
-  }], c = l?.financing?.financeSteps ?? r;
-  return /* @__PURE__ */ n(s, { px: 4, py: 5, children: [
-    /* @__PURE__ */ o(s, { children: /* @__PURE__ */ o(e, { variant: "h3", children: i._("How does invoice financing work?") }) }),
-    /* @__PURE__ */ o(h, { sx: {
-      mt: 4,
-      display: "flex",
-      flexDirection: "column",
-      gap: 3,
-      p: 0,
-      pl: 2
-    }, component: "ul", children: c.map((t) => /* @__PURE__ */ n(m, { component: "li", sx: {
-      p: 0,
-      display: "list-item",
-      listStyleType: "disc",
-      maxWidth: 472,
-      mx: "auto"
-    }, children: [
-      /* @__PURE__ */ n(e, { variant: "body1", fontWeight: 400, mb: t.list || t.description2 ? 3 : 0, children: [
-        /* @__PURE__ */ n(e, { component: "span", variant: "body1", fontWeight: 600, children: [
-          t.title,
-          " "
-        ] }),
-        t.description
+    initialPageParam: {
+      query: {
+        pagination_token: void 0
+      }
+    },
+    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
+    };
+  }), [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")
       ] }),
-      t.description2 && /* @__PURE__ */ o(e, { variant: "body1", fontWeight: 400, mb: t.list ? 3 : 0, children: t.description2 }),
-      t.list && /* @__PURE__ */ n(e, { variant: "body1", fontWeight: 600, children: [
-        t.list.listTitle,
-        t.list.listItems.map((a) => /* @__PURE__ */ o(e, { variant: "body1", component: "span", display: "block", fontWeight: 400, children: a.text }, a.id))
-      ] })
-    ] }, t.id)) })
+      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 {
-  g as FinanceHowItWorks
+  u as CUSTOM_ID,
+  Ie as ItemSelector
 };

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

@@ -1,62 +1,28 @@
-import { jsx as e, jsxs as n, Fragment as x } from "@emotion/react/jsx-runtime";
-import { FinanceDetails as _ } from "./index340.js";
-import { FinancedInvoiceStatusChip as C } from "./index56.js";
-import { useMoniteContext as D } from "./index59.js";
-import "react-hot-toast";
-import { useLingui as F } from "@lingui/react";
-import "./index58.js";
-import { useCurrencies as b } from "./index60.js";
-import { useState as I } from "react";
-import "./index94.js";
-import "react-dom";
-import "@mui/x-data-grid";
-import "@tanstack/react-query";
-import "date-fns";
-import "react-script-hook";
-import { useGetFinancedInvoices as T } from "./index342.js";
-import { Dialog as j } from "./index52.js";
-import { useTheme as A, Skeleton as E, Box as o, Typography as m } from "@mui/material";
-const K = ({
-  invoice: r,
-  offers: s
-}) => {
+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 {
-    i18n: i
-  } = F(), p = A(), {
-    locale: c
-  } = D(), [d, a] = I(!1), {
-    formatCurrencyToDisplay: l
-  } = b(), {
-    isLoading: u,
-    data: f
-  } = T({
-    invoice_id: r.id,
-    type: "receivable"
-  }), t = f?.data?.[0] ?? null, y = c.dateFormat, h = t ? l(t.repayment_schedule?.repayment_amount ?? 0, r.currency) : "—", v = t?.repayment_schedule?.repayment_date ? i.date(t?.repayment_schedule?.repayment_date, y) : "—", g = t?.status;
-  return u ? /* @__PURE__ */ e(E, { variant: "rounded", height: 80 }) : /* @__PURE__ */ n(x, { children: [
-    /* @__PURE__ */ n(o, { onClick: () => a(!0), sx: {
-      borderRadius: "16px",
-      px: 3,
-      py: 2.5,
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "space-between",
-      border: `1px solid ${p.palette.divider}`,
-      cursor: "pointer"
-    }, children: [
-      /* @__PURE__ */ n(o, { children: [
-        /* @__PURE__ */ e(m, { variant: "subtitle2", children: i._("Funding for {repaymentAmount}", {
-          repaymentAmount: h
-        }) }),
-        /* @__PURE__ */ e(m, { variant: "body1", children: i._("Repayment on {repaymentDate}", {
-          repaymentDate: v
-        }) })
-      ] }),
-      /* @__PURE__ */ e(o, { children: /* @__PURE__ */ e(C, { icon: !0, status: g ?? "DEFAULTED" }) })
-    ] }),
-    /* @__PURE__ */ e(j, { open: d, onClose: () => a(!1), alignDialog: "right", children: /* @__PURE__ */ e(_, { invoice: r, offers: s?.offers, financedInvoice: 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 {
-  K as FinanceOverviewCard
+  g as TaxModeMenu
 };

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

@@ -1,10 +1,161 @@
-import { useMoniteContext as n } from "./index59.js";
-const t = () => {
+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 {
-    api: e
-  } = n();
-  return e.finops.getFinancingOffers.useQuery();
+    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
+  };
 };
 export {
-  t as useGetFinanceOffers
+  Ae as useLineItemManagement
 };

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

@@ -1,13 +1,80 @@
-import { useMoniteContext as o } from "./index59.js";
-const t = () => {
+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 {
-    api: n
-  } = o();
-  return n.finops.postFinancingInvoices.useMutation({}, {
-    onError: () => {
-    }
-  });
+    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 {
-  t as useFinanceAnInvoice
+  re as PaymentSection
 };