@tesouro/embedded-components-react 0.2.32 → 0.2.33

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

@@ -1,173 +1,51 @@
-import { useGetFinanceOffers as T } from "./index377.js";
-import { useGetFinancingConnectToken as P } from "./index490.js";
-import { useKanmonContext as b } from "./index58.js";
-import { useMoniteContext as h } from "./index59.js";
-import { useLingui as k } from "@lingui/react";
-import { useState as U, useEffect as V } from "react";
+import { useState as S, useRef as W, useCallback as $, useEffect as v } from "react";
+import { useResizeObserver as x } from "./index437.js";
+import { useWindowResize as z } from "./index438.js";
+import "./index59.js";
+import "@lingui/react";
 import "react-hot-toast";
 import "./index94.js";
 import "@emotion/react/jsx-runtime";
 import "react-dom";
 import "@mui/x-data-grid";
-import { useComponentSettings as w } from "./index69.js";
-import "@tanstack/react-query";
-import "date-fns";
-import { useMyEntity as G } from "./index80.js";
-import x from "react-script-hook";
-const W = "https://cdn.sandbox.kanmon.dev/scripts/v2/kanmon-connect.js", L = "https://cdn.kanmon.dev/scripts/v2/kanmon-connect.js", s = {
-  INIT: "init",
-  IN_PROGRESS: "in_progress",
-  PENDING_APPROVAL: "pending_approval",
-  NO_OFFERS_AVAILABLE: "no_offers",
-  SERVICING: "servicing",
-  APPROVED: "approved",
-  OFFER_ACCEPTED: "offer_accepted",
-  OFFERS_EXPIRED: "offers_expired"
-}, ae = () => {
+import { useIsMounted as O } from "./index70.js";
+import { useA4Dimensions as T } from "./index439.js";
+const K = (e, c, D = {}) => {
   const {
-    apiUrl: _,
-    api: i,
-    queryClient: c,
-    entityId: E
-  } = h(), {
-    isKanmonInitialized: d,
-    toggleKanmon: f,
-    handleButtonText: a,
-    buttonText: R
-  } = b(), {
-    onboardingCallbacks: y
-  } = w(), {
-    i18n: o
-  } = k(), l = P(), {
-    data: t
-  } = T(), {
-    isUSEntity: u
-  } = G(), I = (() => {
-    switch (t?.business_status) {
-      case "NEW":
-      default:
-        return s.INIT;
-      case "INPUT_REQUIRED":
-        return s.IN_PROGRESS;
-      case "ONBOARDED":
-        return t?.offers?.length === 0 ? s.PENDING_APPROVAL : t?.offers?.[0]?.status === "NEW" ? s.APPROVED : t?.offers?.[0]?.status === "EXPIRED" ? s.OFFERS_EXPIRED : t?.offers?.[0]?.status === "ACCEPTED" ? s.OFFER_ACCEPTED : s.SERVICING;
+    minWidth: b,
+    minHeight: y,
+    containerPadding: n = 96,
+    minScale: o = 1,
+    initialDelay: m = 100,
+    useAdaptiveDimensions: a = !0
+  } = D, [M, p] = S(1), f = W(!1), d = O(), l = T(), s = b ?? (a ? l.width : 794), u = y ?? (a ? l.height : 1123), r = $(() => {
+    if (!e.current || !c.current || typeof window > "u" || !d.current)
+      return;
+    const i = e.current, w = i.clientWidth - n, g = i.clientHeight - n;
+    if (w <= 0 || g <= 0 || s <= 0 || u <= 0) {
+      p(o);
+      return;
     }
-  })(), F = (() => {
-    try {
-      const e = new URL(_);
-      return !["api.dev.monite.com", "api.sandbox.monite.com"].includes(e.hostname);
-    } catch {
-      return !0;
-    }
-  })() ? L : W, [p] = x({
-    src: F
-  }), [N, m] = U(!1), g = (e) => {
-    const n = {
-      type: "receivable",
-      status: "NEW",
-      invoice_id: e?.platformInvoiceId,
-      document_id: e?.platformInvoiceNumber,
-      due_date: e?.invoiceDueDate,
-      issue_date: e?.invoiceIssuedDate,
-      total_amount: e?.invoiceAmountCents,
-      currency: "USD",
-      payer_type: e?.payorType,
-      payer_business_name: e?.payorBusinessName,
-      payer_first_name: e?.payorFirstName,
-      payer_last_name: e?.payorLastName,
-      requested_amount: e?.amountRequestedForFinancingCents,
-      principal_amount: e?.principalAmountCents,
-      repayment_amount: e?.repaymentAmountCents,
-      advance_amount: e?.invoiceAdvanceAmountCents,
-      advance_rate_percentage: e?.advanceRatePercentage * 100,
-      fee_amount: e?.feeAmountCents,
-      fee_percentage: e?.transactionFeePercentage * 100,
-      repayment_schedule: {
-        repayment_date: e?.repaymentSchedule?.schedule?.[0]?.repaymentDate,
-        repayment_amount: e?.repaymentSchedule?.schedule?.[0]?.repaymentAmountCents,
-        repayment_fee_amount: e?.repaymentSchedule?.schedule?.[0]?.repaymentFeeAmountCents,
-        repayment_principal_amount: e?.repaymentSchedule?.schedule?.[0]?.repaymentPrincipalAmountCents
-      }
+    const A = w / s, H = g / u, R = Math.max(Math.min(A, H), o);
+    p(R);
+  }, [e, c, d, n, s, u, o]);
+  z(r, 100);
+  const {
+    observe: t,
+    disconnect: h
+  } = x(r, 50);
+  return v(() => {
+    if (typeof window > "u") return;
+    const i = setTimeout(() => {
+      r(), f.current = !0;
+    }, m);
+    return e.current && t(e.current), () => {
+      clearTimeout(i), h();
     };
-    i.finops.getFinancingInvoices.setQueryData(i.finops.getFinancingInvoices.getQueryKey({
-      query: {
-        type: "receivable",
-        invoice_id: e?.platformInvoiceId
-      }
-    }), (r) => ({
-      ...r,
-      data: [n]
-    }), c), i.finops.getFinancingInvoices.setQueryData(i.finops.getFinancingInvoices.getQueryKey({
-      query: {}
-    }), (r) => {
-      const S = r?.data ? r.data : [];
-      return {
-        ...r,
-        data: [n, ...S]
-      };
-    }, c);
-  }, C = ({
-    connectToken: e
-  }) => {
-    window?.KANMON_CONNECT?.start({
-      connectToken: e,
-      onEvent: (n) => {
-        if (!(n.eventType !== "USER_STATE_CHANGED" && n.eventType !== "USER_CONFIRMED_INVOICE"))
-          if (n.eventType === "USER_CONFIRMED_INVOICE")
-            g(n.data.invoice);
-          else {
-            switch (n.data.userState) {
-              case "START_FLOW":
-                a(o._("Apply for financing"));
-                break;
-              case "USER_INPUT_REQUIRED":
-                n.data.section === "OFFER" ? a(o._("Review terms and sign")) : a(o._("Resume application"));
-                break;
-              case "WAITING_FOR_OFFERS":
-                a(""), (t?.business_status === "INPUT_REQUIRED" || t?.business_status === "NEW") && y.onWorkingCapitalOnboardingComplete?.(E);
-                break;
-              case "OFFERS_EXPIRED":
-              case "NO_OFFERS_EXTENDED":
-                a("");
-                break;
-              case "SERVICING":
-                a(o._("Financing menu")), t?.business_status === "ONBOARDED" && t?.offers?.[0]?.status === "NEW" && window.localStorage.setItem("isFinanceTabNew", "true");
-                break;
-              case "VIEW_OFFERS":
-              case "OFFER_ACCEPTED":
-                a(o._("Review terms and sign"));
-                break;
-            }
-            i.finops.getFinancingOffers.invalidateQueries(c);
-          }
-      }
-    });
-  };
-  V(() => {
-    !d && !p && u && (async () => {
-      m(!0);
-      try {
-        const e = await l.mutateAsync();
-        C({
-          connectToken: e.connect_token
-        }), f(!0);
-      } catch {
-      } finally {
-        m(!1);
-      }
-    })();
-  }, [p, u]);
-  const O = p || N, v = u, A = t?.business_status === "ONBOARDED" && t?.offers?.[0]?.status === "CURRENT", D = t?.offers?.[0];
-  return {
-    buttonText: R,
-    applicationState: I,
-    offer: D,
-    isLoading: O,
-    isEnabled: v,
-    isServicing: A
-  };
+  }, [t, h, m, r, e]), v(() => {
+    e.current && f.current && t(e.current);
+  }, [e, t]), M;
 };
 export {
-  s as FinancialApplicationState,
-  ae as useFinancing
+  K as useAdaptiveScale
 };

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

@@ -1,12 +1,12 @@
 import { jsx as o, jsxs as $ } from "@emotion/react/jsx-runtime";
 import { ScopedCssBaselineContainerClassName as z } from "./index106.js";
 import { InvoiceStatusChip as D } from "./index57.js";
-import { ReceivableFilters as Q } from "./index170.js";
+import { ReceivableFilters as Q } from "./index194.js";
 import "react-hot-toast";
 import { useMoniteContext as k } from "./index59.js";
 import { useLingui as B } from "@lingui/react";
 import { useState as u, useMemo as G } from "react";
-import { useReceivablesFilters as A } from "./index171.js";
+import { useReceivablesFilters as A } from "./index195.js";
 import "date-fns";
 import { useCurrencies as W } from "./index60.js";
 import "../../shared/data-access/dist/lib/rest/client/utils.gen.js";
@@ -19,19 +19,19 @@ import "tailwind-merge";
 import "@radix-ui/react-dropdown-menu";
 import "lucide-react";
 import "./index86.js";
-import { useGetReceivables as j } from "./index145.js";
+import { useGetReceivables as j } from "./index149.js";
 import "./index94.js";
 import { useAreCounterpartsLoading as q, defaultCounterpartColumnWidth as E, useAutosizeGridColumns as V } from "./index64.js";
 import "react-hook-form";
 import { MoniteScopedProviders as H } from "./index85.js";
-import { ReceivableCursorFields as S } from "./index168.js";
-import { CounterpartNameCellById as Y } from "./index158.js";
-import { DataGridEmptyState as J } from "./index172.js";
-import { GetNoRowsOverlay as K } from "./index159.js";
-import { DueDateCell as U } from "./index169.js";
+import { ReceivableCursorFields as S } from "./index192.js";
+import { CounterpartNameCellById as Y } from "./index163.js";
+import { DataGridEmptyState as J } from "./index196.js";
+import { GetNoRowsOverlay as K } from "./index164.js";
+import { DueDateCell as U } from "./index193.js";
 import { TablePagination as X } from "./index88.js";
-import { classNames as Z } from "./index173.js";
-import { hasSelectedText as ee } from "./index161.js";
+import { classNames as Z } from "./index197.js";
+import { hasSelectedText as ee } from "./index166.js";
 import { Stack as te, Typography as oe, Box as ae } from "@mui/material";
 import { DataGrid as ie } from "@mui/x-data-grid";
 const We = (l) => /* @__PURE__ */ o(H, { children: /* @__PURE__ */ o(re, { ...l }) }), re = ({

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

@@ -1,136 +1,17 @@
-import { jsxs as r, Fragment as R, jsx as t } from "@emotion/react/jsx-runtime";
-import { FinancedInvoiceStatusChip as T } from "./index56.js";
-import { InvoiceStatusChip as N } from "./index57.js";
-import { INVOICE_DOCUMENT_AUTO_ID as w } from "./index259.js";
-import { useKanmonContext as A } from "./index58.js";
-import { useMoniteContext as P } from "./index59.js";
-import { useCurrencies as j } from "./index60.js";
-import "react";
-import "./index94.js";
-import { useLingui as O } from "@lingui/react";
-import "react-dom";
-import "@mui/x-data-grid";
-import { useTheme as U, Box as i, Typography as a, darken as d, Divider as f, Button as $ } from "@mui/material";
-const Q = ({
-  invoice: s,
-  offers: g,
-  financedInvoice: e,
-  enableNavigate: u = !1,
-  handleNavigate: m
-}) => {
-  const {
-    i18n: n
-  } = O(), {
-    locale: x
-  } = P(), {
-    startFinanceSession: b
-  } = A(), {
-    formatCurrencyToDisplay: c
-  } = j(), o = U(), y = x.dateFormat, h = e ? n.date(e.issue_date, y) : "—", v = e ? c(e.total_amount, e.currency) : "-", l = g?.[0]?.pricing_plans?.reduce((_, p, W) => (p?.fee_percentage === e?.fee_percentage && p?.advance_rate_percentage === e?.advance_rate_percentage && (_ = {
-    pricingPlanIndex: W,
-    data: p
-  }), _), null), D = e?.repayment_schedule?.repayment_date ? n.date(e.repayment_schedule.repayment_date, y) : "—", C = e?.advance_amount ? c(e.advance_amount, e.currency) : "-", F = e?.fee_amount ? c(e.fee_amount, e.currency) : "-", I = e?.repayment_amount ? c(e.repayment_amount, e.currency) : "-", E = e?.status === "REJECTED" || e?.status === "NEW", S = e?.status === "FUNDED" || e?.status === "LATE";
-  return /* @__PURE__ */ r(R, { children: [
-    /* @__PURE__ */ r(i, { sx: {
-      p: 4,
-      display: "flex",
-      flexDirection: "column",
-      gap: 4
-    }, children: [
-      /* @__PURE__ */ t(a, { variant: "h3", children: n._("Funding details") }),
-      /* @__PURE__ */ r(i, { children: [
-        /* @__PURE__ */ t(a, { variant: "h2", fontWeight: 600, fontSize: 32, children: v }),
-        /* @__PURE__ */ t(a, { fontWeight: 500, variant: "body1", children: n._("{issueDate}", {
-          issueDate: h
-        }) })
-      ] }),
-      /* @__PURE__ */ r(i, { sx: {
-        display: "flex",
-        gap: 3
-      }, children: [
-        /* @__PURE__ */ r(i, { width: "100%", children: [
-          /* @__PURE__ */ t(a, { variant: "body1", color: d(o.palette.grey[50], 0.4), mb: 0.5, fontWeight: 400, children: n._("Financing plan {value}", {
-            value: (l?.pricingPlanIndex ?? 0) + 1
-          }) }),
-          /* @__PURE__ */ t(a, { variant: "body1", fontWeight: 400, children: n._("{value}% advance rate, Pay in {pricingPlan} days, {value1}% fee", {
-            value: (l?.data?.advance_rate_percentage ?? 0) / 100,
-            pricingPlan: l?.data?.repayment_duration_days,
-            value1: (l?.data?.fee_percentage ?? 0) / 100
-          }) })
-        ] }),
-        /* @__PURE__ */ r(i, { width: "100%", children: [
-          /* @__PURE__ */ t(a, { variant: "body1", color: d(o.palette.grey[50], 0.4), mb: 0.5, fontWeight: 400, children: n._("Repayment on") }),
-          /* @__PURE__ */ t(a, { variant: "body1", fontWeight: 400, children: n._("{repaymentDate}", {
-            repaymentDate: D
-          }) })
-        ] }),
-        /* @__PURE__ */ r(i, { width: "100%", children: [
-          /* @__PURE__ */ t(a, { variant: "body1", color: d(o.palette.grey[50], 0.4), mb: 0.5, fontWeight: 400, children: n._("Status") }),
-          /* @__PURE__ */ t(T, { icon: !0, status: e?.status ?? "DEFAULTED" })
-        ] })
-      ] }),
-      /* @__PURE__ */ t(f, {}),
-      /* @__PURE__ */ r(i, { sx: {
-        display: "grid",
-        gridTemplateColumns: "minmax(140px, auto) 1fr",
-        flexDirection: "column",
-        rowGap: 1,
-        columnGap: 2
-      }, children: [
-        /* @__PURE__ */ t(a, { variant: "body1", color: d(o.palette.grey[50], 0.4), children: n._("{isRequestedSum}", {
-          isRequestedSum: E ? "Requested sum" : "Received sum"
-        }) }),
-        /* @__PURE__ */ t(a, { variant: "body1", children: C }),
-        /* @__PURE__ */ t(a, { variant: "body1", color: d(o.palette.grey[50], 0.4), children: n._("Service Fee") }),
-        /* @__PURE__ */ t(a, { variant: "body1", children: F }),
-        /* @__PURE__ */ t(a, { variant: "body1", color: d(o.palette.grey[50], 0.4), children: n._("Repayment sum") }),
-        /* @__PURE__ */ t(a, { variant: "body1", children: I })
-      ] }),
-      /* @__PURE__ */ t(f, {}),
-      /* @__PURE__ */ r(i, { sx: {
-        borderRadius: "16px",
-        px: 3,
-        py: 2.5,
-        border: `1px solid ${o.palette.divider}`,
-        display: "flex",
-        gap: 2,
-        justifyContent: "space-between",
-        alignItems: "center",
-        cursor: u ? "pointer" : "default"
-      }, ...u && m && {
-        onClick: () => m(s.id)
-      }, children: [
-        /* @__PURE__ */ r(i, { children: [
-          /* @__PURE__ */ t(a, { variant: "body1", fontWeight: 500, children: n._("Invoice {invoiceDocument_id}", {
-            invoiceDocument_id: s.document_id || w
-          }) }),
-          /* @__PURE__ */ t(a, { color: o.palette.text.secondary, variant: "body2", children: n._("For {invoiceAmount} | Issued {issueDate}", {
-            invoiceAmount: v,
-            issueDate: h
-          }) })
-        ] }),
-        /* @__PURE__ */ t(i, { children: /* @__PURE__ */ t(N, { status: s.status }) })
-      ] })
-    ] }),
-    S && /* @__PURE__ */ t(i, { sx: {
-      mt: "auto",
-      borderTop: `1px solid ${o.palette.divider}`,
-      px: 4,
-      py: 2,
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "flex-end"
-    }, children: /* @__PURE__ */ t($, { variant: "contained", color: "primary", onClick: () => b({
-      component: "PAY_NOW"
-    }), sx: {
-      py: 1.25,
-      px: 1.5,
-      height: 32,
-      fontSize: 14,
-      ml: "auto"
-    }, children: n._("Repay now") }) })
-  ] });
-};
+import { jsx as r } from "@emotion/react/jsx-runtime";
+import { cn as c } from "./index102.js";
+const l = ({
+  ratio: t,
+  children: s,
+  className: a,
+  style: e,
+  ref: i,
+  ...o
+}) => /* @__PURE__ */ r("div", { ref: i, className: c("ttw:w-full", a), style: {
+  ...e,
+  aspectRatio: t.toString()
+}, ...o, children: s });
+l.displayName = "AspectRatio";
 export {
-  Q as FinanceDetails
+  l as AspectRatio
 };

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

@@ -1,164 +1,88 @@
-import { jsx as t, jsxs as $ } from "@emotion/react/jsx-runtime";
-import { FinanceDetails as z } from "./index370.js";
-import { ScopedCssBaselineContainerClassName as G } from "./index106.js";
-import { FinancedInvoiceStatusChip as k } from "./index56.js";
-import { useMoniteContext as A } from "./index59.js";
-import "react-hot-toast";
-import { useLingui as E } from "@lingui/react";
-import { useKanmonContext as L } from "./index58.js";
-import { useCurrencies as B } from "./index60.js";
-import { useState as r, useMemo as W } from "react";
-import "./index94.js";
-import { defaultCounterpartColumnWidth as j, useAutosizeGridColumns as U } from "./index64.js";
-import "@tanstack/react-query";
-import "date-fns";
-import { useGetReceivableById as q } from "./index84.js";
-import "react-script-hook";
-import { useGetFinancedInvoices as H } from "./index372.js";
-import { MoniteScopedProviders as K } from "./index85.js";
-import { ReceivableCursorFields as V } from "./index168.js";
-import { GetNoRowsOverlay as Y } from "./index159.js";
-import { Dialog as Z } from "./index52.js";
-import { TablePagination as J } from "./index88.js";
-import { classNames as Q } from "./index173.js";
-import { Typography as c, Button as X, Box as ee } from "@mui/material";
-import { DataGrid as ae } from "@mui/x-data-grid";
-const Re = (s) => /* @__PURE__ */ t(K, { children: /* @__PURE__ */ t(te, { ...s }) }), te = ({
-  onRowClick: s,
-  query: u,
-  offers: x
+import { jsx as e, Fragment as v, jsxs as n } from "@emotion/react/jsx-runtime";
+import { useState as k, useMemo as b } from "react";
+import { useFormContext as Y, Controller as j } from "react-hook-form";
+import { format as x } from "date-fns";
+import { Calendar as A } from "lucide-react";
+import { calculateDueDate as N } from "./index7.js";
+import { useLingui as L } from "@lingui/react";
+import { dedupePaymentTermsByContent as $ } from "./index431.js";
+import { RECEIPT_DUE_PAYMENT_TERM as u, CUSTOM_DATE_PAYMENT_TERM as l } from "./index213.js";
+import { cn as D } from "./index102.js";
+import { Skeleton as O } from "./index139.js";
+import { Select as R, SelectTrigger as U, SelectValue as V, SelectContent as z, SelectItem as h, SelectSeparator as I } from "./index281.js";
+import { Popover as q, PopoverAnchor as B, PopoverContent as K } from "./index402.js";
+import { Calendar as G } from "./index432.js";
+import { Field as H, FieldContent as J, FieldLabel as Q, FieldDescription as W, FieldError as X } from "./index160.js";
+const S = "MMM d, yyyy", ue = ({
+  disabled: T,
+  paymentTerms: f,
+  isLoading: E
 }) => {
   const {
     i18n: a
-  } = E(), {
-    locale: b,
-    componentSettings: f
-  } = A(), {
-    startFinanceSession: h
-  } = L(), [F, g] = r(!1), [n, _] = r(null), {
-    data: v
-  } = q(n?.invoice_id ?? "", !!n?.invoice_id), [y, w] = r(void 0), [C, I] = r(f.receivables.pageSizeOptions?.[0] ?? 10), [R, M] = r({
-    field: u?.sort ?? "created_at",
-    sort: u?.order ?? "desc"
-  }), {
-    formatCurrencyToDisplay: l
-  } = B(), {
-    data: d,
-    isLoading: N,
-    isError: O,
-    refetch: T
-  } = H({
-    order: R?.sort,
-    limit: C,
-    pagination_token: y
-  }), m = d?.data, D = (e) => {
-    M(e[0]), w(void 0);
-  }, p = b.dateFormat, S = W(() => [{
-    field: "document_id",
-    headerName: a._("Number"),
-    sortable: !1,
-    width: 140,
-    renderCell: ({
-      value: e
-    }) => e ? /* @__PURE__ */ t("span", { className: "Monite-TextOverflowContainer", children: e }) : /* @__PURE__ */ t("span", { className: "Monite-TextOverflowContainer", children: /* @__PURE__ */ t(c, { color: "text.secondary", component: "span", fontSize: "inherit", children: a._("INV-auto") }) })
-  }, {
-    field: "payer_type",
-    headerName: a._("Customer"),
-    display: "flex",
-    width: j,
-    renderCell: (e) => /* @__PURE__ */ t(c, { children: e.row.payer_type == "BUSINESS" ? e.row.payer_business_name : `${e.row.payer_first_name} ${e.row.payer_last_name}` })
-  }, {
-    field: "status",
-    headerName: a._("Status"),
-    sortable: V.includes("status"),
-    width: 160,
-    renderCell: ({
-      value: e
-    }) => /* @__PURE__ */ t(k, { icon: !0, status: e })
-  }, {
-    field: "total_amount",
-    headerName: a._("Amount due"),
-    headerAlign: "right",
-    align: "right",
-    width: 120,
-    valueGetter: (e, i) => {
-      const o = i.repayment_schedule?.repayment_amount;
-      return o ? l(o, i.currency) : "-";
-    }
-  }, {
-    field: "repayment_schedule",
-    headerName: a._("Loan sum"),
-    headerAlign: "right",
-    align: "right",
-    width: 120,
-    valueGetter: (e, i) => {
-      const o = i.repayment_schedule?.repayment_principal_amount;
-      return o ? l(o, i.currency) : "-";
-    }
-  }, {
-    field: "issue_date",
-    headerName: a._("Financing date"),
-    sortable: !1,
-    width: 140,
-    valueFormatter: (e) => e ? a.date(e, p) : "—"
-  }, {
-    field: "repayment_date",
-    headerName: a._("Repayment date"),
-    sortable: !1,
-    width: 120,
-    valueGetter: (e, i) => {
-      const o = i.repayment_schedule?.repayment_date;
-      return o ? a.date(o, p) : "-";
-    }
-  }, {
-    field: "",
-    headerName: a._("Payment"),
-    sortable: !1,
-    width: 120,
-    renderCell: (e) => e.row.status === "FUNDED" || e.row.status === "LATE" ? /* @__PURE__ */ t(X, { variant: "contained", color: "primary", onClick: (i) => {
-      i.stopPropagation(), h({
-        component: "PAY_NOW"
-      });
-    }, sx: {
-      py: 1.25,
-      px: 1.5,
-      height: 32,
-      fontSize: 14
-    }, children: a._("Repay now") }) : null
-  }], [l, a, p, h]), P = U(
-    m,
-    S,
-    !1,
-    // eslint-disable-next-line lingui/no-unlocalized-strings
-    "FinancedInvoicesTable"
-  );
-  return /* @__PURE__ */ $(ee, { className: Q(G, "Monite-FinancedInvoicesTable"), sx: {
-    display: "flex",
-    flexDirection: "column",
-    overflow: "hidden",
-    height: "inherit",
-    minHeight: "500px"
-  }, children: [
-    /* @__PURE__ */ t(c, { mb: 2, variant: "subtitle1", children: a._("Financed invoices") }),
-    /* @__PURE__ */ t(ae, { apiRef: P, rowSelection: !1, disableColumnFilter: !0, loading: N, onSortModelChange: D, onRowClick: (e) => {
-      g(!0), _?.(e.row);
-    }, slots: {
-      pagination: () => /* @__PURE__ */ t(J, { pageSizeOptions: f.receivables.pageSizeOptions, nextPage: d?.next_pagination_token, prevPage: d?.prev_pagination_token, paginationModel: {
-        pageSize: C,
-        page: y
-      }, onPaginationModelChange: ({
-        page: e,
-        pageSize: i
-      }) => {
-        I(i), w(e ?? void 0);
-      } }),
-      noRowsOverlay: () => /* @__PURE__ */ t(Y, { isLoading: N, dataLength: m?.length || 0, isFiltering: !1, isSearching: !1, isError: O, refetch: T, entityName: a._("Financed Invoices"), actionOptions: [a._("Invoice")], type: "no-data" })
-    }, columns: S, getRowId: (e) => e.document_id, rows: m ?? [] }),
-    v && n && /* @__PURE__ */ t(Z, { open: F, onClose: () => {
-      g(!1), _(null);
-    }, alignDialog: "right", children: /* @__PURE__ */ t(z, { invoice: v, offers: x ?? [], financedInvoice: n, enableNavigate: !0, handleNavigate: s }) })
+  } = L(), {
+    control: M,
+    watch: w,
+    setValue: _
+  } = Y(), [F, m] = k(!1), i = w("payment_terms_id"), y = w("frequency") !== "once", o = w("payment_terms_custom_date") ?? void 0, p = (r) => _("payment_terms_custom_date", r ?? null), {
+    dedupedTerms: g
+  } = b(() => $(f?.data ?? []), [f]), d = g.find((r) => r?.id === i), P = d && N(d), c = () => {
+    window.setTimeout(() => m(!0), 0);
+  }, C = (r, s) => /* @__PURE__ */ n("span", { className: "ttw:flex ttw:w-full ttw:min-w-0 ttw:items-center ttw:justify-between ttw:gap-2", children: [
+    /* @__PURE__ */ e("span", { className: "ttw:truncate", children: r }),
+    s && /* @__PURE__ */ e("span", { className: "ttw:text-muted-foreground ttw:shrink-0 ttw:text-xs", children: x(s, S) })
   ] });
+  return /* @__PURE__ */ e(v, { children: E ? /* @__PURE__ */ e(O, { className: "ttw:w-full ttw:h-9" }) : /* @__PURE__ */ e(v, { children: /* @__PURE__ */ e(j, { name: "payment_terms_id", control: M, render: ({
+    field: r,
+    fieldState: {
+      error: s
+    }
+  }) => /* @__PURE__ */ e(H, { children: /* @__PURE__ */ n(J, { children: [
+    /* @__PURE__ */ e(Q, { htmlFor: "payment_terms_id", children: a._("Payment terms") }),
+    /* @__PURE__ */ n(q, { open: F, onOpenChange: (t) => {
+      m(t), !t && i === l && !o && r.onChange(void 0);
+    }, children: [
+      /* @__PURE__ */ n(R, { ...r, disabled: T, value: r.value, onValueChange: (t) => {
+        if (t === l) {
+          i !== l && p(void 0), r.onChange(t), c();
+          return;
+        }
+        r.onChange(t), t === u && _("payment_reminder_id", "", {
+          shouldDirty: !0
+        }), p(void 0), m(!1);
+      }, children: [
+        /* @__PURE__ */ e(B, { className: "ttw:w-full", children: /* @__PURE__ */ e(U, { id: "payment_terms_id", className: "ttw:w-full", "aria-invalid": !!s, children: /* @__PURE__ */ n(V, { placeholder: a._("Select payment terms"), children: [
+          i === u && /* @__PURE__ */ e("span", { className: "ttw:truncate", children: a._("Due on receipt") }),
+          i === l && /* @__PURE__ */ n("span", { className: "ttw:flex ttw:w-full ttw:min-w-0 ttw:items-center ttw:justify-between ttw:gap-2", children: [
+            /* @__PURE__ */ n("span", { className: "ttw:flex ttw:min-w-0 ttw:items-center ttw:gap-1.5", children: [
+              /* @__PURE__ */ e(A, { className: D("ttw:size-4 ttw:shrink-0", !o && "ttw:text-muted-foreground") }),
+              /* @__PURE__ */ e("span", { className: D("ttw:truncate", !o && "ttw:text-muted-foreground"), children: o ? x(o, S) : a._("Mon DD, YYYY") })
+            ] }),
+            /* @__PURE__ */ e("span", { className: "ttw:text-muted-foreground ttw:shrink-0 ttw:text-xs", children: a._("Custom date") })
+          ] }),
+          d && C(d.name, P)
+        ] }) }) }),
+        /* @__PURE__ */ n(z, { children: [
+          /* @__PURE__ */ e(h, { value: u, children: a._("Due on receipt") }),
+          !y && /* @__PURE__ */ e(h, { value: l, onPointerUp: c, onClick: c, onKeyDown: (t) => {
+            (t.key === "Enter" || t.key === " ") && c();
+          }, children: a._("Custom date") }),
+          /* @__PURE__ */ e(I, {}),
+          g.map((t) => /* @__PURE__ */ e(h, { value: t.id, children: C(t.name, N(t)) }, t.id))
+        ] })
+      ] }),
+      /* @__PURE__ */ e(K, { className: "ttw:w-auto ttw:overflow-hidden ttw:p-0", align: "start", onFocusOutside: (t) => {
+        t.preventDefault();
+      }, children: /* @__PURE__ */ e(G, { mode: "single", captionLayout: "dropdown", selected: o, disabled: {
+        before: /* @__PURE__ */ new Date()
+      }, onSelect: (t) => {
+        p(t), m(!1);
+      } }) })
+    ] }),
+    y && /* @__PURE__ */ e(W, { children: a._("Each invoice in the series will have the same payment term.") }),
+    /* @__PURE__ */ e(X, { errors: s ? [s] : [] })
+  ] }) }) }) }) });
 };
 export {
-  Re as FinancedInvoicesTable
+  ue as PaymentSection
 };