@tesouro/embedded-components-react 0.2.151 → 0.2.152

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

@@ -1,89 +1,48 @@
-import { jsx as r, jsxs as c, Fragment as Qe } from "@emotion/react/jsx-runtime";
-import { ItemsSection as Ge } from "./index192.js";
-import { InvoicePreview as He } from "./index193.js";
-import { getCreateInvoiceValidationSchema as We } from "./index194.js";
-import { buildPaymentTermsPayload as Ye } from "./index195.js";
-import { getCounterpartEmail as Je } from "./index7.js";
-import { BankAccountSection as Ke } from "./index196.js";
-import { CustomerSection as Xe } from "./index197.js";
-import { useCreateReceivable as Ze } from "./index198.js";
-import { useCreateRecurrence as et } from "./index199.js";
-import { useCreateCounterpart as tt } from "./index200.js";
-import { useIssueReceivableById as rt } from "./index201.js";
-import { LanguageCodeEnum as at } from "./index202.js";
-import { useLineItemSubmitCleanup as it } from "./index203.js";
-import { useGetInvoiceRequiredFields as nt } from "./index204.js";
-import { useSelectableBankAccounts as ot } from "./index205.js";
-import { useMoniteContext as st } from "./index57.js";
-import { MoniteScopedProviders as dt } from "./index83.js";
-import { useCounterpartById as ct } from "./index70.js";
-import "@tanstack/react-query";
-import { useCounterpartAddresses as mt } from "./index72.js";
-import { useMyEntity as ut } from "./index78.js";
-import { useState as L, useMemo as U, useRef as Q, useId as lt } from "react";
-import { toast as o } from "react-hot-toast";
-import { useLingui as W } from "@lingui/react";
-import { useUserPermissions as _t } from "./index130.js";
+import { jsx as o, jsxs as L, Fragment as k } from "@emotion/react/jsx-runtime";
+import { getDraftInvoiceValidationSchema as x, getInvoiceValidationSchema as E } from "./index192.js";
+import { useReceivableSubmit as M } from "./index193.js";
+import { useMoniteContext as N } from "./index57.js";
+import { MoniteScopedProviders as U } from "./index83.js";
+import { useUserPermissions as q } from "./index131.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 G } from "../../shared/data-access/dist/lib/scopes.js";
-import { rateMajorToMinor as pt } from "./index206.js";
-import { AccessRestriction as ft } from "./index131.js";
-import { LoadingPage as yt } from "./index207.js";
-import { zodResolver as vt } from "@hookform/resolvers/zod";
-import { format as H } from "date-fns";
-import { useForm as bt, FormProvider as ht } from "react-hook-form";
-import { Dialog as wt, DialogContent as gt, DialogHeader as xt, DialogTitle as Ct, DialogDescription as It, DialogFooter as kt } from "./index208.js";
-import { ConfirmationModal as St } from "./index209.js";
-import { useGetMeasureUnits as Dt } from "./index210.js";
-import { BillingSection as Nt } from "./index211.js";
-import { NotesSection as Pt } from "./index212.js";
-import { Button as w } from "./index84.js";
-import { X as Lt } from "lucide-react";
-import { AttachmentSection as qt } from "./index213.js";
-const Ir = (u) => {
+import { Scope as A } from "../../shared/data-access/dist/lib/scopes.js";
+import { useRef as B, useMemo as s, useCallback as F } from "react";
+import { AccessRestriction as w } from "./index133.js";
+import { Button as m } from "./index84.js";
+import { zodResolver as f } from "@hookform/resolvers/zod";
+import { useLingui as h } from "@lingui/react";
+import { useForm as P } from "react-hook-form";
+import { ReceivableFormLayout as V } from "./index194.js";
+const ae = (i) => {
   const {
-    i18n: m
-  } = W();
-  return /* @__PURE__ */ r(dt, { children: u.type === "invoice" ? /* @__PURE__ */ r(At, { ...u }) : /* @__PURE__ */ r(ft, { description: m._("You can not create receivable with a type other than “invoice”") }) });
-}, q = "USD", At = ({
-  type: u,
-  onCreate: m,
-  open: Y,
-  onOpenChange: A,
-  embeddedBankName: J,
-  initialCounterpartId: F
+    i18n: n
+  } = h();
+  return /* @__PURE__ */ o(U, { children: i.type === "invoice" ? /* @__PURE__ */ o($, { ...i }) : /* @__PURE__ */ o(w, { description: n._("You can not create receivable with a type other than “invoice”") }) });
+}, b = "USD", $ = ({
+  type: i,
+  onCreate: n,
+  open: v,
+  onOpenChange: g,
+  embeddedBankName: C,
+  initialCounterpartId: d
 }) => {
   const {
-    i18n: t
-  } = W(), {
-    api: M,
-    componentSettings: K,
-    queryClient: X
-  } = st(), $ = _t(), Z = $.has(G.BankAccountWriteOrg), B = $.has(G.CounterpartWriteOrg), f = !!K?.receivables?.enableEntityBankAccount, {
-    data: E,
-    isLoading: ee
-  } = M.finops.getPaymentTerms.useQuery(), {
-    isLoading: te,
-    data: R
-  } = ut(), [re, ae] = L(!1), [ie, g] = L(!1), {
-    bankAccounts: ne
-  } = ot(f), oe = ne.length > 0, T = bt({
+    i18n: r
+  } = h(), {
+    componentSettings: y
+  } = N(), a = q().has(A.CounterpartWriteOrg), c = !!y?.receivables?.enableEntityBankAccount, u = B("draft"), l = s(() => f(x(r, a)), [r, a]), p = s(() => f(E(r, c, a)), [r, c, a]), R = F((t, S, I) => (u.current === "issue" || t.frequency !== "once" ? p : l)(t, S, I), [p, l]), _ = P({
     // Validate each field as it's blurred (in addition to the full validation
     // on submit). After a failed submit, the default `reValidateMode: 'onChange'`
     // takes over so field errors clear as the user corrects them.
     mode: "onBlur",
-    // `zodResolver`'s inferred `Resolver` generic and react-hook-form's own
-    // `Resolver` type end up structurally "unrelated" to `tsc --build` for
-    // this schema's shape (deeply nested `line_items` + large currency
-    // union), so the cast pins it to the same `Resolver` identity `useForm`
-    // expects instead of relying on that cross-package inference.
-    resolver: vt(We(t, f, B)),
-    defaultValues: U(() => ({
-      type: u,
-      counterpart_id: F ?? "",
+    resolver: R,
+    defaultValues: s(() => ({
+      type: i,
+      counterpart_id: d ?? "",
       counterpart_name: "",
       counterpart_email: "",
       payment_terms_id: "",
@@ -107,261 +66,52 @@ const Ir = (u) => {
       recurrence_max_occurrences: void 0,
       tax_rate: void 0,
       attachments: []
-    }), [u, t, F])
-  }), se = (e) => {
-    ae(e);
-  }, {
-    handleSubmit: de,
-    watch: n,
-    setValue: x,
-    clearErrors: ce,
-    formState: me
-  } = T, ue = me.isDirty, [l, le] = L(!1), C = () => {
-    if (l) {
-      o.error(t._("Please wait for attachments to finish uploading."));
-      return;
-    }
-    ue ? g(!0) : A(!1);
-  }, {
-    registerLineItemCleanupFn: _e,
-    runLineItemCleanup: pe
-  } = it(), z = Q(null), fe = () => {
-    requestAnimationFrame(() => {
-      z.current?.querySelector('[aria-invalid="true"]')?.scrollIntoView({
-        behavior: "smooth",
-        block: "center"
-      });
-    });
-  }, _ = n("counterpart_id"), y = n("frequency") !== "once", {
-    data: i
-  } = ct(_), {
-    data: I
-  } = mt(_), ye = !!(n("counterpart_email")?.trim() || Je(i)), v = n("default_billing_address_id"), b = U(() => I?.data?.find((e) => e.id === v), [v, I?.data]), {
-    mutateAsync: ve,
-    isPending: be
-  } = Ze(), {
-    mutate: he,
-    isPending: we
-  } = et(), {
-    mutateAsync: ge,
-    isPending: xe
-  } = tt(), {
-    mutateAsync: Ce,
-    isPending: Ie
-  } = rt(), d = be || we || xe || Ie, k = Q("draft"), {
-    data: ke
-  } = nt({
-    counterpart_billing_address_id: i?.id === _ && v || void 0,
-    counterpart_country: b?.id === v && b?.country || void 0,
-    counterpart_id: _ || void 0,
-    counterpart_type: i?.id === _ && i?.type || void 0
-  }), Se = ke?.entity?.tax_id?.required, S = `Monite-Form-receivablesDetailsForm-${lt()}`, {
-    data: De,
-    isLoading: Ne
-  } = Dt(), j = n("bank_account_id"), Pe = n("bank_account_type"), Le = async (e) => {
-    const Re = i && i?.reminders_enabled, Te = i && "organization" in i ? i?.organization?.email : void 0, ze = i && "individual" in i ? i?.individual?.email : void 0, je = Te || ze, O = !e.counterpart_id && !!e.counterpart_name?.trim(), D = O ? !0 : Re, N = O ? e.counterpart_email : je;
-    if (e.type !== "invoice") {
-      o.error(t._("`type` except `invoice` is not supported yet"));
-      return;
-    }
-    if (Se && !R?.tax_id) {
-      o.error(t._("Set your organization's Tax ID to issue invoice"));
-      return;
-    }
-    if (!D && N && (e.payment_reminder_id || e.overdue_reminder_id)) {
-      o.error(t._("Payment reminders are disabled for this customer. Please enable them in the customer details or turn them off."));
-      return;
-    }
-    if (!N && D && (e.payment_reminder_id || e.overdue_reminder_id)) {
-      o.error(t._("No email address is added for the selected customer. Please add it to the customer details or turn off the reminders."));
-      return;
-    }
-    if (!D && !N && (e.payment_reminder_id || e.overdue_reminder_id)) {
-      o.error(t._("Reminders are disabled for this customer, and no email address has been added for it. Please update the details or turn off reminders."));
-      return;
-    }
-    const Oe = e.default_shipping_address_id, Ve = I?.data?.find((a) => a.id === Oe);
-    let s = e.counterpart_id;
-    !s && e.counterpart_name?.trim() && (s = (await ge({
-      type: "organization",
-      is_customer: !0,
-      is_vendor: !1,
-      reminders_enabled: !0,
-      language: at.find((a) => a === t.locale.split("-")[0]) ?? "en",
-      organization: {
-        legal_name: e.counterpart_name.trim(),
-        ...e.counterpart_email ? {
-          email: e.counterpart_email
-        } : {}
-      }
-    })).id);
-    const Ue = {
-      type: e.type,
-      counterpart_id: s ?? "",
-      counterpart_billing_address_id: b?.id,
-      counterpart_shipping_address_id: Ve?.id,
-      bank_account_id: e.bank_account_id || void 0,
-      bank_account_type: e.bank_account_id ? e.bank_account_type : void 0,
-      ...Ye({
-        paymentTermId: e.payment_terms_id,
-        customDueDate: e.payment_terms_custom_date
-      }),
-      line_items: e.line_items.filter((a) => !!a.product?.name?.trim()).map((a) => ({
-        quantity: a.quantity,
-        tax_status: a.taxable ? "taxable" : "non_taxable",
-        product: {
-          name: a.product.name,
-          price: {
-            currency: a.product.price.currency,
-            value: a.product.price.value
-          },
-          measure_unit: a.product.measure_unit_id ? {
-            name: De?.data?.find((P) => P.id === a.product.measure_unit_id)?.name || ""
-          } : void 0,
-          type: "product"
-        },
-        tax_rate_value: a.taxable ? pt(Number(e.tax_rate) || 0) : void 0
-      })),
-      memo: e.memo,
-      footer: e.footer,
-      purchase_order: e.purchase_order || void 0,
-      currency: q,
-      payment_reminder_id: e.payment_reminder_id || void 0,
-      overdue_reminder_id: e.overdue_reminder_id || void 0,
-      tag_ids: [],
-      // TODO: add support for tags, ideally should be values.tags?.map((tag) => tag.id),
-      tax_mode: e.tax_mode || "exclusive",
-      // `attachments` is `minItems: 1` on the payload, so omit it entirely when
-      // empty rather than sending `[]` (which 422s). Only `id`/`include_in_email`
-      // ride the request; the buffered `name`/`size` are display-only (EMBD-3617).
-      attachments: e.attachments.length ? e.attachments.map(({
-        id: a,
-        include_in_email: P
-      }) => ({
-        id: a,
-        include_in_email: P
-      })) : void 0
-    }, V = k.current, h = e.line_items.filter((a) => !a.product_id && !!a.product?.name?.trim()), {
-      id: p
-    } = await ve(Ue, {
-      onSuccess: async (a) => {
-        e.frequency === "once" && (await M.finops.getReceivables.invalidateQueries(X), V === "draft" && (m?.(a.id, {
-          mode: "draft",
-          counterpartId: s ?? "",
-          inlineLineItems: h
-        }), o.success(t._("Invoice to {counterpartName} was created", {
-          counterpartName: a.counterpart_name
-        }))));
-      },
-      onError: () => {
-        s && (x("counterpart_id", s), x("counterpart_name", ""), x("counterpart_email", ""), ce(["counterpart_id", "counterpart_email"]));
-      }
-    });
-    if (e.frequency !== "once") {
-      he({
-        body: {
-          invoice_id: p,
-          frequency: e.frequency,
-          interval: 1,
-          start_date: e.recurrence_start_date ? H(new Date(e.recurrence_start_date), "yyyy-MM-dd") : void 0,
-          max_occurrences: e.recurrence_max_occurrences || void 0,
-          end_date: e.recurrence_end_date ? H(new Date(e.recurrence_end_date), "yyyy-MM-dd") : void 0,
-          automation_level: "issue",
-          subject_text: e.recurrence_subject_text || void 0,
-          body_text: e.recurrence_body_text || void 0
-        }
-      }, {
-        onSuccess: () => {
-          m?.(p, {
-            mode: "recurrence",
-            counterpartId: s ?? "",
-            inlineLineItems: h
-          });
-        }
-      });
-      return;
-    }
-    if (V === "issue")
-      try {
-        await Ce({
-          path: {
-            receivable_id: p
-          }
-        }), m?.(p, {
-          mode: "issue",
-          counterpartId: s ?? "",
-          inlineLineItems: h
-        });
-      } catch {
-        o.error(t._("Invoice was saved as a draft but could not be issued.")), m?.(p, {
-          mode: "draft",
-          counterpartId: s ?? "",
-          inlineLineItems: h
-        });
-      }
-  }, qe = n("line_items"), Ae = n("payment_terms_id"), Fe = n("memo"), Me = n("footer"), $e = n("tax_mode"), Be = n("purchase_order"), Ee = n("tax_rate");
-  return te || Ne ? /* @__PURE__ */ r(yt, {}) : /* @__PURE__ */ c(Qe, { children: [
-    /* @__PURE__ */ r(wt, { open: Y, onOpenChange: (e) => {
-      e || C();
-    }, modal: !1, children: /* @__PURE__ */ c(gt, { showCloseButton: !1, fullScreen: !0, className: "ttw:flex ttw:flex-col ttw:overflow-hidden ttw:p-0 ttw:gap-0", onInteractOutside: (e) => e.preventDefault(), children: [
-      /* @__PURE__ */ c(xt, { className: "ttw:w-full ttw:max-w-screen ttw:flex-row ttw:justify-between ttw:border-b ttw:border-border ttw:items-center ttw:px-6 ttw:pt-6 ttw:pb-7", children: [
-        /* @__PURE__ */ c("div", { className: "ttw:flex ttw:flex-col ttw:gap-1.5", children: [
-          /* @__PURE__ */ r(Ct, { className: "ttw:text-3xl", children: t._("Create invoice") }),
-          /* @__PURE__ */ r(It, { children: t._("Create and issue an invoice to your customers ") })
-        ] }),
-        /* @__PURE__ */ r(w, { variant: "ghost", type: "button", className: "ttw:p-2 ttw:has-[>svg]:px-2", onClick: C, children: /* @__PURE__ */ r(Lt, { className: "ttw:size-6.5" }) })
-      ] }),
-      /* @__PURE__ */ c("div", { className: "ttw:flex ttw:flex-1 ttw:min-h-0", children: [
-        /* @__PURE__ */ c("div", { ref: z, className: "ttw:w-1/2 ttw:h-full ttw:min-h-0 ttw:overflow-auto ttw:px-8 ttw:pt-6", children: [
-          /* @__PURE__ */ r(ht, { ...T, children: /* @__PURE__ */ r("form", { id: S, noValidate: !0, className: "ttw:pb-10", onSubmit: async (e) => {
-            if (e.preventDefault(), pe(), l) {
-              o.error(t._("Please wait for attachments to finish uploading."));
-              return;
-            }
-            !Z && f && !j && !oe ? o.error(t._("Contact your company admin to set up a bank account before creating an invoice.")) : await de(Le, fe)(e);
-          }, children: /* @__PURE__ */ c("div", { className: "ttw:flex ttw:flex-col ttw:gap-8", children: [
-            /* @__PURE__ */ r(Xe, { disabled: d, canCreateCounterpart: B, isEditCustomerOpen: re, handleOpenEditCustomer: se, counterpart: i }),
-            /* @__PURE__ */ r(Nt, { paymentTerms: E, isPaymentTermsLoading: ee, disabled: d }),
-            /* @__PURE__ */ r(Ge, { registerLineItemCleanupFn: _e, defaultCurrency: q }),
-            f && /* @__PURE__ */ r(Ke, { disabled: d, embeddedBankName: J }),
-            /* @__PURE__ */ r(Pt, { disabled: d }),
-            /* @__PURE__ */ r(qt, { disabled: d, onUploadingChange: le })
-          ] }) }) }),
-          /* @__PURE__ */ c(kt, { className: "ttw:sticky ttw:bottom-0 ttw:z-10 ttw:flex ttw:items-center ttw:justify-end ttw:gap-4 ttw:bg-background ttw:pt-3 ttw:px-6 ttw:pb-6", children: [
-            /* @__PURE__ */ r(w, { variant: "outline", className: "ttw:border-border", onClick: C, disabled: d || l, children: t._("Cancel") }),
-            !y && /* @__PURE__ */ r(w, { variant: "secondary", type: "submit", form: S, disabled: d || l, onClick: () => {
-              k.current = "draft";
-            }, children: t._("Save as draft") }),
-            /* @__PURE__ */ r(w, { type: "submit", form: S, disabled: d || // Issuing needs a customer email to send the copy to;
-            // recurrence handles its own sending, so it isn't gated here.
-            !y && !ye || l, onClick: () => {
-              y || (k.current = "issue");
-            }, children: y ? t._("Activate recurring billing schedule") : t._("Issue invoice") }, "next")
-          ] })
-        ] }),
-        /* @__PURE__ */ r("div", { className: "ttw:w-1/2 ttw:h-full ttw:min-h-0 ttw:overflow-auto", style: {
-          background: "linear-gradient(180deg, #F6F6F6 0%, #E4E4FF 100%)"
-        }, children: /* @__PURE__ */ r(He, { invoiceData: {
-          payment_terms_id: Ae,
-          line_items: (qe || []).map((e) => ({
-            ...e,
-            id: e.id || `temp-${Math.random().toString(36).substr(2, 9)}`
-          })),
-          memo: Fe,
-          footer: Me,
-          bank_account_id: j,
-          bank_account_type: Pe,
-          tax_mode: $e,
-          purchase_order: Be || void 0,
-          tax_rate: Ee
-        }, counterpart: i, currency: q, entityData: R, address: b, paymentTerms: E }) })
+    }), [i, d])
+  }), e = M({
+    mode: "create",
+    methods: _,
+    currency: b,
+    submitModeRef: u,
+    onComplete: (t) => n?.(t.receivableId, {
+      // The create flow never reports `update`.
+      mode: t.mode,
+      counterpartId: t.counterpartId,
+      inlineLineItems: t.inlineLineItems,
+      hasCustomerEmail: t.hasCustomerEmail
+    }),
+    onClose: () => g(!1)
+  });
+  return /* @__PURE__ */ o(
+    V,
+    {
+      open: v,
+      onRequestClose: e.requestClose,
+      methods: _,
+      title: r._("Create invoice"),
+      description: r._("Create and issue an invoice to your customers "),
+      currency: b,
+      embeddedBankName: C,
+      showPurchaseOrder: !0,
+      formName: e.formName,
+      onSubmit: e.onSubmit,
+      formScrollRef: e.formScrollRef,
+      registerLineItemCleanupFn: e.registerLineItemCleanupFn,
+      onAttachmentsUploadingChange: e.onAttachmentsUploadingChange,
+      disabled: e.isLoading,
+      closeDisabled: e.isSaving,
+      discardModal: e.discardModal,
+      footer: /* @__PURE__ */ L(k, { children: [
+        /* @__PURE__ */ o(m, { variant: "outline", className: "ttw:border-border", onClick: e.requestClose, disabled: e.isSaving || e.attachmentsUploading, children: r._("Cancel") }),
+        !e.isRecurrenceEnabled && /* @__PURE__ */ o(m, { variant: "secondary", type: "submit", form: e.formName, disabled: e.isLoading || e.attachmentsUploading, onClick: () => {
+          e.submitModeRef.current = "draft";
+        }, children: r._("Save as draft") }),
+        /* @__PURE__ */ o(m, { type: "submit", form: e.formName, disabled: e.isLoading || e.attachmentsUploading || e.isIssuePreflightLoading || !e.isRecurrenceEnabled && e.isCustomerEmailLoading, onClick: () => {
+          e.submitModeRef.current = e.isRecurrenceEnabled ? "draft" : "issue";
+        }, children: e.isRecurrenceEnabled ? r._("Activate recurring billing schedule") : r._("Issue invoice") }, "next")
       ] })
-    ] }) }),
-    /* @__PURE__ */ r(St, { open: ie, title: t._("You have unsaved changes"), message: t._("Any unsaved changes will be lost. Are you sure you want to quit without saving?"), confirmLabel: t._("Quit without saving"), cancelLabel: t._("Cancel"), onClose: () => g(!1), onConfirm: () => {
-      g(!1), A(!1);
-    } })
-  ] });
+    }
+  );
 };
 export {
-  Ir as CreateReceivables
+  ae as CreateReceivables
 };

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

@@ -1,9 +1,19 @@
-const t = (e) => ({
-  approved: e._("Approved"),
-  canceled: e._("Canceled"),
-  rejected: e._("Rejected"),
-  waiting: e._("In approval")
-});
+import { jsx as e } from "@emotion/react/jsx-runtime";
+import { cn as l } from "./index100.js";
+import * as r from "@radix-ui/react-avatar";
+function n({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e(r.Root, { "data-slot": "avatar", className: l("ttw:relative ttw:flex ttw:size-8 ttw:shrink-0 ttw:overflow-hidden ttw:rounded-full", t), ...a });
+}
+function f({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e(r.Fallback, { "data-slot": "avatar-fallback", className: l("ttw:bg-muted ttw:flex ttw:size-full ttw:items-center ttw:justify-center ttw:rounded-full", t), ...a });
+}
 export {
-  t as getRowToStatusTextMap
+  n as Avatar,
+  f as AvatarFallback
 };

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

@@ -1,56 +1,88 @@
-import { jsx as o, jsxs as h, Fragment as x } from "@emotion/react/jsx-runtime";
-import { useState as n } from "react";
-import { useMoniteContext as y } from "./index57.js";
-import { useRootElements as I } from "./index92.js";
-import { classNames as _ } from "./index191.js";
-import { useLingui as F } from "@lingui/react";
-import { Autocomplete as M, TextField as O, CircularProgress as v } from "@mui/material";
-const $ = ({
-  onChange: l,
-  className: p
+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 "./index462.js";
+import { RECEIPT_DUE_PAYMENT_TERM as u, CUSTOM_DATE_PAYMENT_TERM as l } from "./index338.js";
+import { cn as D } from "./index100.js";
+import { Skeleton as O } from "./index136.js";
+import { Select as R, SelectTrigger as U, SelectValue as V, SelectContent as z, SelectItem as h, SelectSeparator as I } from "./index286.js";
+import { Popover as q, PopoverAnchor as B, PopoverContent as K } from "./index363.js";
+import { Calendar as G } from "./index463.js";
+import { Field as H, FieldContent as J, FieldLabel as Q, FieldDescription as W, FieldError as X } from "./index156.js";
+const S = "MMM d, yyyy", ue = ({
+  disabled: T,
+  paymentTerms: f,
+  isLoading: E
 }) => {
   const {
-    i18n: r
-  } = F(), {
-    api: d
-  } = y(), {
-    root: u
-  } = I(), [i, s] = n(!1), [m, c] = n(null), [f, g] = n(""), {
-    data: C,
-    isLoading: a,
-    refetch: A
-  } = d.finops.getEntityUsers.useQuery({
-    query: {
-      name__istartswith: f || void 0
+    i18n: a
+  } = 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
     }
-  }, {
-    enabled: i
-  });
-  return /* @__PURE__ */ o(M, { autoComplete: !0, includeInputInList: !0, filterSelectedOptions: !0, value: m, noOptionsText: r._("No users found"), slotProps: {
-    popper: {
-      container: u
-    }
-  }, open: i, onOpen: () => {
-    s(!0);
-  }, onClose: () => {
-    s(!1);
-  }, loading: a, options: C?.data || [], getOptionLabel: (e) => `${e.first_name ?? ""} ${e.last_name ?? ""}`.trim(), isOptionEqualToValue: (e, t) => e.id === t.id, filterOptions: (e) => e, onInputChange: (e, t) => {
-    g(t);
-  }, onChange: (e, t) => {
-    c(t), l(t?.id), A();
-  }, className: _("Monite-ApprovalAddedByFilter-Container", "Monite-FilterControl", p), sx: {
-    "&.MuiAutocomplete-root": {
-      display: "flex",
-      alignItems: "center"
-    }
-  }, renderInput: (e) => /* @__PURE__ */ o(O, { ...e, variant: "standard", placeholder: r._("Added by"), className: "Monite-ApprovalAddedByFilter Monite-FilterControl", InputProps: {
-    ...e.InputProps,
-    endAdornment: /* @__PURE__ */ h(x, { children: [
-      a ? /* @__PURE__ */ o(v, { color: "inherit", size: 20 }) : null,
-      e.InputProps.endAdornment
-    ] })
-  } }) });
+  }) => /* @__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 {
-  $ as AutocompleteCreatedBy
+  ue as PaymentSection
 };