@tesouro/embedded-components-react 0.2.149 → 0.2.152

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

@@ -1,37 +1,87 @@
-import { useMoniteContext as u } from "./index57.js";
-import { getAPIErrorMessage as m } from "./index123.js";
-import { useLingui as d } from "@lingui/react";
-import { toast as a } from "react-hot-toast";
-const g = (i, p, t, n) => {
+import { jsx as t, jsxs as u } from "@emotion/react/jsx-runtime";
+import { useState as S, useMemo as p } from "react";
+import { useFormContext as $, Controller as E } from "react-hook-form";
+import { getCounterpartEmail as V, getCounterpartName as I } from "./index7.js";
+import { useRootElements as j } from "./index92.js";
+import "./index57.js";
+import { useCounterpartList as k } from "./index71.js";
+import "react-hot-toast";
+import { useLingui as z } from "@lingui/react";
+import { Combobox as D, ComboboxInput as A, ComboboxContent as q, ComboboxList as B, ComboboxEmpty as G, ComboboxItem as K } from "./index90.js";
+import { Field as M, FieldContent as O, FieldLabel as P, FieldDescription as R, FieldError as T } from "./index156.js";
+import { InputGroupAddon as H } from "./index101.js";
+import { Loader2 as J, Search as Q } from "lucide-react";
+const me = ({
+  disabled: _,
+  canCreateCounterpart: i = !0
+}) => {
   const {
-    api: e,
-    queryClient: o
-  } = u(), {
-    i18n: r
-  } = d();
-  return e.finops.postApprovalRequestsIdApprove.useMutation({
-    path: {
-      approval_request_id: i
+    i18n: o
+  } = z(), {
+    root: g
+  } = j(), {
+    control: x,
+    setValue: s,
+    watch: v,
+    clearErrors: f
+  } = $(), {
+    data: d,
+    isLoading: L
+  } = k({
+    query: {
+      is_customer: !0
     }
-  }, {
-    onSuccess: () => (e.finops.getApprovalRequests.invalidateQueries(o), a.success(r._('Payable "{document_id}" has been approved', {
-      document_id: n ?? "document id is unknown"
-    })), p?.(t ?? ""), new Promise((s) => {
-      setTimeout(() => {
-        Promise.all([e.finops.getPayablesId.invalidateQueries({
-          parameters: {
-            path: {
-              payable_id: t ?? ""
-            }
-          }
-        }, o), e.finops.getPayables.invalidateQueries(o)]).then(() => s());
-      }, 500);
-    })),
-    onError: (s) => {
-      a.error(m(r, s));
+  }), [h, C] = S(!1), m = v("counterpart_name") ?? "", c = p(() => d ? d.data.map((e) => ({
+    id: e.id,
+    name: I(e),
+    email: V(e)
+  })) : [], [d]), a = p(() => {
+    const e = m.toLowerCase().trim();
+    return e ? c.filter((n) => n.name.toLowerCase().includes(e) || n.email.toLowerCase().includes(e)) : c;
+  }, [c, m]), y = p(() => a.map((e) => e.id), [a]);
+  return /* @__PURE__ */ t(E, { name: "counterpart_id", control: x, render: ({
+    field: e,
+    fieldState: {
+      error: n
     }
-  });
+  }) => {
+    const w = (r) => {
+      s("counterpart_name", ""), s("counterpart_email", ""), f(["counterpart_id", "counterpart_email"]), e.onChange(r ?? "");
+    }, N = (r, l) => {
+      if (l.reason !== "input-change") {
+        i || s("counterpart_name", "");
+        return;
+      }
+      s("counterpart_name", r), e.value && e.onChange(""), i && r.trim() && f("counterpart_id");
+    };
+    return /* @__PURE__ */ t(M, { children: /* @__PURE__ */ u(O, { children: [
+      /* @__PURE__ */ t(P, { htmlFor: "counterpart_id", children: o._("Name") }),
+      /* @__PURE__ */ u(D, { value: e.value || null, onValueChange: w, inputValue: m, onInputValueChange: N, items: y, filter: () => !0, disabled: _, open: h, onOpenChange: C, children: [
+        /* @__PURE__ */ t(A, { id: "counterpart_id", placeholder: i ? o._("Search or type to add a customer") : o._("Search for a customer"), "aria-invalid": !!n, onKeyDown: (r) => {
+          if (r.key === "Enter") {
+            r.preventDefault();
+            return;
+          }
+          if (r.key === "Tab" && h) {
+            const l = m.toLowerCase().trim();
+            if (!l) return;
+            const b = a.find((F) => F.name.toLowerCase() === l) ?? (a.length === 1 ? a[0] : void 0);
+            b && (w(b.id), C(!1));
+          }
+        }, children: /* @__PURE__ */ t(H, { align: "inline-start", children: L ? /* @__PURE__ */ t(J, { className: "ttw:size-4 ttw:animate-spin ttw:text-muted-foreground" }) : /* @__PURE__ */ t(Q, { className: "ttw:size-4 ttw:text-muted-foreground" }) }) }),
+        /* @__PURE__ */ t(q, { container: g, children: /* @__PURE__ */ u(B, { children: [
+          /* @__PURE__ */ t(G, { children: i ? o._("No customers found - type to add a customer") : o._("No customers found") }),
+          a.map((r) => /* @__PURE__ */ t(K, { value: r.id, children: /* @__PURE__ */ u("div", { className: "ttw:flex ttw:w-full ttw:items-center ttw:justify-between ttw:gap-2", children: [
+            /* @__PURE__ */ t("span", { children: r.name }),
+            /* @__PURE__ */ t("span", { className: "ttw:text-muted-foreground", children: r.email })
+          ] }) }, r.id))
+        ] }) })
+      ] }),
+      /* @__PURE__ */ t(R, { children: i ? o._("Search by customer name or email. New customers will be saved when saving the invoice.") : o._("Search by customer name or email.") }),
+      /* @__PURE__ */ t(T, { errors: n ? [n] : [] })
+    ] }) });
+  } });
 };
 export {
-  g as useApproveApprovalRequest
+  me as CounterpartSelector
 };

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 "./index186.js";
-import { InvoicePreview as He } from "./index187.js";
-import { getCreateInvoiceValidationSchema as We } from "./index188.js";
-import { buildPaymentTermsPayload as Ye } from "./index189.js";
-import { getCounterpartEmail as Je } from "./index7.js";
-import { BankAccountSection as Ke } from "./index190.js";
-import { CustomerSection as Xe } from "./index191.js";
-import { useCreateReceivable as Ze } from "./index192.js";
-import { useCreateRecurrence as et } from "./index193.js";
-import { useCreateCounterpart as tt } from "./index194.js";
-import { useIssueReceivableById as rt } from "./index195.js";
-import { LanguageCodeEnum as at } from "./index196.js";
-import { useLineItemSubmitCleanup as it } from "./index197.js";
-import { useGetInvoiceRequiredFields as nt } from "./index198.js";
-import { useSelectableBankAccounts as ot } from "./index199.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 "./index200.js";
-import { AccessRestriction as ft } from "./index131.js";
-import { LoadingPage as yt } from "./index201.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 "./index202.js";
-import { ConfirmationModal as St } from "./index203.js";
-import { useGetMeasureUnits as Dt } from "./index204.js";
-import { BillingSection as Nt } from "./index205.js";
-import { NotesSection as Pt } from "./index206.js";
-import { Button as w } from "./index84.js";
-import { X as Lt } from "lucide-react";
-import { AttachmentSection as qt } from "./index207.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,34 +1,19 @@
-import { useRef as v, useState as s, useCallback as r, useEffect as M } from "react";
-const D = () => {
-  const t = v(null), [n, a] = s(!1), [u, o] = s(0), [f, c] = s(0), d = r((e) => {
-    a(!0), o(e.pageX - (t.current?.offsetLeft || 0)), c(t.current?.scrollLeft || 0);
-  }, []), h = r(() => {
-    a(!1);
-  }, []), i = r(() => {
-    a(!1);
-  }, []), L = r((e) => {
-    if (!n) return;
-    e.preventDefault();
-    const p = e.pageX - (t.current?.offsetLeft || 0) - u;
-    t.current && (t.current.scrollLeft = f - p);
-  }, [n, u, f]), l = r((e) => {
-    t.current && (e.deltaMode === 0 && Math.abs(e.deltaX) > Math.abs(e.deltaY) ? (e.preventDefault(), t.current.scrollLeft += e.deltaX * 2) : e.preventDefault());
-  }, []);
-  return M(() => {
-    const e = t.current;
-    if (e)
-      return e.addEventListener("wheel", l), () => {
-        e.removeEventListener("wheel", l);
-      };
-  }, [l]), {
-    containerRef: t,
-    handleMouseDown: d,
-    handleMouseLeave: h,
-    handleMouseUp: i,
-    handleMouseMove: L,
-    isDragging: n
-  };
-};
+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 {
-  D as useDragScroll
+  n as Avatar,
+  f as AvatarFallback
 };