@tesouro/embedded-components-react 0.2.98 → 0.2.106

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

@@ -1,82 +1,89 @@
-import { jsx as r, jsxs as y, Fragment as Oe } from "@emotion/react/jsx-runtime";
-import { ItemsSection as Te } from "./index186.js";
-import { InvoicePreview as ze } from "./index187.js";
-import { getCreateInvoiceValidationSchema as je } from "./index188.js";
-import { buildPaymentTermsPayload as Ue } from "./index189.js";
-import { BankAccountSection as Ve } from "./index190.js";
-import { CustomerSection as Ge } from "./index191.js";
-import { InvoiceCreationHeader as Qe } from "./index192.js";
-import { useCreateReceivable as We } from "./index193.js";
-import { useCreateRecurrence as He } from "./index194.js";
-import { useCreateCounterpart as Je } from "./index195.js";
-import { LanguageCodeEnum as Ke } from "./index196.js";
-import { useLineItemSubmitCleanup as Xe } from "./index197.js";
-import { useGetInvoiceRequiredFields as Ye } from "./index198.js";
-import { useSelectableBankAccounts as Ze } from "./index199.js";
-import { useMoniteContext as et } from "./index57.js";
-import { MoniteScopedProviders as tt } from "./index83.js";
-import { useCounterpartById as rt } from "./index70.js";
+import { jsx as r, jsxs as c, Fragment as Qe } from "@emotion/react/jsx-runtime";
+import { ItemsSection as Ge } from "./index182.js";
+import { InvoicePreview as He } from "./index183.js";
+import { getCreateInvoiceValidationSchema as We } from "./index184.js";
+import { buildPaymentTermsPayload as Ye } from "./index185.js";
+import { getCounterpartEmail as Je } from "./index7.js";
+import { BankAccountSection as Ke } from "./index186.js";
+import { CustomerSection as Xe } from "./index187.js";
+import { useCreateReceivable as Ze } from "./index188.js";
+import { useCreateRecurrence as et } from "./index189.js";
+import { useCreateCounterpart as tt } from "./index190.js";
+import { useIssueReceivableById as rt } from "./index191.js";
+import { LanguageCodeEnum as at } from "./index192.js";
+import { useLineItemSubmitCleanup as it } from "./index193.js";
+import { useGetInvoiceRequiredFields as nt } from "./index194.js";
+import { useSelectableBankAccounts as ot } from "./index195.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 at } from "./index72.js";
-import { format as z } from "date-fns";
-import { useMyEntity as it } from "./index78.js";
-import { useRef as j, useState as P, useMemo as U, useId as nt, useEffect as V, useCallback as ot } from "react";
-import { toast as d } from "react-hot-toast";
-import { useLingui as Q } from "@lingui/react";
-import { useUserPermissions as dt } from "./index131.js";
+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 "./index135.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 "../../shared/data-access/dist/lib/rest/zod.gen.js";
 import { Scope as G } from "../../shared/data-access/dist/lib/scopes.js";
-import { rateMajorToMinor as st } from "./index200.js";
-import { AccessRestriction as mt } from "./index133.js";
-import { LoadingPage as ct } from "./index201.js";
-import { zodResolver as ut } from "@hookform/resolvers/zod";
-import { useForm as _t, FormProvider as pt } from "react-hook-form";
-import { Dialog as lt, DialogContent as ft } from "./index202.js";
-import { useGetMeasureUnits as yt } from "./index203.js";
-import { CreateProduct as vt } from "./index44.js";
-import { BillingSection as gt } from "./index204.js";
-import { NotesSection as bt } from "./index205.js";
-import { AttachmentSection as ht } from "./index206.js";
-import { useDeleteFile as xt } from "./index207.js";
-const _r = (s) => {
+import { rateMajorToMinor as pt } from "./index196.js";
+import { AccessRestriction as ft } from "./index136.js";
+import { LoadingPage as yt } from "./index197.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 "./index198.js";
+import { ConfirmationModal as St } from "./index199.js";
+import { useGetMeasureUnits as Dt } from "./index200.js";
+import { BillingSection as Nt } from "./index201.js";
+import { NotesSection as Pt } from "./index202.js";
+import { Button as w } from "./index84.js";
+import { X as Lt } from "lucide-react";
+import { AttachmentSection as qt } from "./index203.js";
+const Ir = (u) => {
   const {
-    i18n: u
-  } = Q();
-  return /* @__PURE__ */ r(tt, { children: s.type === "invoice" ? /* @__PURE__ */ r(Ct, { ...s }) : /* @__PURE__ */ r(mt, { description: u._("You can not create receivable with a type other than “invoice”") }) });
-}, $ = "USD", Ct = ({
-  type: s,
-  onCreate: u,
-  open: v,
-  onOpenChange: W,
-  embeddedBankName: H
+    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
 }) => {
   const {
-    i18n: n
-  } = Q(), {
-    api: D,
-    componentSettings: J,
-    queryClient: K
-  } = et(), I = dt(), X = I.has(G.BankAccountWriteOrg), F = I.has(G.CounterpartWriteOrg), g = j(!1), _ = !!J?.receivables?.enableEntityBankAccount, {
-    data: M,
-    isLoading: Y
-  } = D.finops.getPaymentTerms.useQuery(), {
-    isLoading: Z,
-    data: E
-  } = it(), [ee, te] = P(!1), [q, b] = P(!1), {
-    bankAccounts: re
-  } = Ze(_), ae = re.length > 0, p = _t({
+    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({
+    // 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: ut(je(n, _, F)),
+    resolver: vt(We(t, f, B)),
     defaultValues: U(() => ({
-      type: s,
-      counterpart_id: "",
+      type: u,
+      counterpart_id: F ?? "",
       counterpart_name: "",
       counterpart_email: "",
       payment_terms_id: "",
@@ -100,76 +107,87 @@ const _r = (s) => {
       recurrence_max_occurrences: void 0,
       tax_rate: void 0,
       attachments: []
-    }), [s, n])
-  }), ie = (e) => {
-    te(e);
-  }, ne = () => {
-    b(!0);
+    }), [u, t, F])
+  }), se = (e) => {
+    ae(e);
   }, {
-    handleSubmit: oe,
-    watch: i,
-    setValue: h,
-    clearErrors: de
-  } = p, {
-    registerLineItemCleanupFn: se,
-    runLineItemCleanup: me
-  } = Xe(), m = i("counterpart_id"), ce = i("frequency") !== "once", {
-    data: a
-  } = rt(m), {
-    data: x
-  } = at(m), l = i("default_billing_address_id"), f = U(() => x?.data?.find((e) => e.id === l), [l, x?.data]), {
-    mutateAsync: ue,
-    isPending: _e
-  } = We(), {
-    mutate: pe,
-    isPending: le
-  } = He(), {
-    mutate: L
-  } = xt(), {
-    mutateAsync: fe,
-    isPending: ye
-  } = Je(), o = _e || le || ye, A = j(!1);
-  A.current = o;
-  const [N, ve] = P(!1), {
-    data: ge
-  } = Ye({
-    counterpart_billing_address_id: a?.id === m && l || void 0,
-    counterpart_country: f?.id === l && f?.country || void 0,
-    counterpart_id: m || void 0,
-    counterpart_type: a?.id === m && a?.type || void 0
-  }), be = ge?.entity?.tax_id?.required, B = `Monite-Form-receivablesDetailsForm-${nt()}`, {
-    data: he,
-    isLoading: xe
-  } = yt(), R = i("bank_account_id"), Ce = i("bank_account_type"), we = async (e) => {
-    const Ee = a && a?.reminders_enabled, qe = a && "organization" in a ? a?.organization?.email : void 0, Le = a && "individual" in a ? a?.individual?.email : void 0, Ae = qe || Le, O = !e.counterpart_id && !!e.counterpart_name?.trim(), w = O ? !0 : Ee, k = O ? e.counterpart_email : Ae;
+    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") {
-      d.error(n._("`type` except `invoice` is not supported yet"));
+      o.error(t._("`type` except `invoice` is not supported yet"));
       return;
     }
-    if (be && !E?.tax_id) {
-      d.error(n._("Set your organization's Tax ID to issue invoice"));
+    if (Se && !R?.tax_id) {
+      o.error(t._("Set your organization's Tax ID to issue invoice"));
       return;
     }
-    if (!w && k && (e.payment_reminder_id || e.overdue_reminder_id)) {
-      d.error(n._("Payment reminders are disabled for this customer. Please enable them in the customer details or turn them off."));
+    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 (!k && w && (e.payment_reminder_id || e.overdue_reminder_id)) {
-      d.error(n._("No email address is added for the selected customer. Please add it to the customer details or turn off the reminders."));
+    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 (!w && !k && (e.payment_reminder_id || e.overdue_reminder_id)) {
-      d.error(n._("Reminders are disabled for this customer, and no email address has been added for it. Please update the details or turn off reminders."));
+    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 Ne = e.default_shipping_address_id, Be = x?.data?.find((t) => t.id === Ne);
-    let c = e.counterpart_id;
-    !c && e.counterpart_name?.trim() && (c = (await fe({
+    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: Ke.find((t) => t === n.locale.split("-")[0]) ?? "en",
+      language: at.find((a) => a === t.locale.split("-")[0]) ?? "en",
       organization: {
         legal_name: e.counterpart_name.trim(),
         ...e.counterpart_email ? {
@@ -177,37 +195,37 @@ const _r = (s) => {
         } : {}
       }
     })).id);
-    const Re = {
+    const Ue = {
       type: e.type,
-      counterpart_id: c ?? "",
-      counterpart_billing_address_id: f?.id,
-      counterpart_shipping_address_id: Be?.id,
+      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,
-      ...Ue({
+      ...Ye({
         paymentTermId: e.payment_terms_id,
         customDueDate: e.payment_terms_custom_date
       }),
-      line_items: e.line_items.filter((t) => !!t.product?.name?.trim()).map((t) => ({
-        quantity: t.quantity,
-        tax_status: t.taxable ? "taxable" : "non_taxable",
+      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: t.product.name,
+          name: a.product.name,
           price: {
-            currency: t.product.price.currency,
-            value: t.product.price.value
+            currency: a.product.price.currency,
+            value: a.product.price.value
           },
-          measure_unit: t.product.measure_unit_id ? {
-            name: he?.data?.find((S) => S.id === t.product.measure_unit_id)?.name || ""
+          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: t.taxable ? st(Number(e.tax_rate) || 0) : void 0
+        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: $,
+      currency: q,
       payment_reminder_id: e.payment_reminder_id || void 0,
       overdue_reminder_id: e.overdue_reminder_id || void 0,
       tag_ids: [],
@@ -217,93 +235,133 @@ const _r = (s) => {
       // 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: t,
-        include_in_email: S
+        id: a,
+        include_in_email: P
       }) => ({
-        id: t,
-        include_in_email: S
+        id: a,
+        include_in_email: P
       })) : void 0
-    }, {
-      id: T
-    } = await ue(Re, {
-      onSuccess: async (t) => {
-        g.current = !0, e.frequency === "once" && (await D.finops.getReceivables.invalidateQueries(K), u?.(t.id));
+    }, 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: () => {
-        c && (h("counterpart_id", c), h("counterpart_name", ""), h("counterpart_email", ""), de(["counterpart_id", "counterpart_email"]));
+        s && (x("counterpart_id", s), x("counterpart_name", ""), x("counterpart_email", ""), ce(["counterpart_id", "counterpart_email"]));
       }
     });
-    e.frequency !== "once" && pe({
-      body: {
-        invoice_id: T,
-        frequency: e.frequency,
-        interval: 1,
-        start_date: e.recurrence_start_date ? z(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 ? z(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: () => {
-        u?.(T);
-      }
-    });
-  }, ke = i("line_items"), Se = i("payment_terms_id"), Pe = i("memo"), $e = i("footer"), De = i("tax_mode"), Ie = i("purchase_order"), Fe = i("tax_rate");
-  V(() => {
-    v && (g.current = !1);
-  }, [v]);
-  const C = ot(() => {
-    g.current || A.current || (p.getValues("attachments") ?? []).forEach((e) => {
-      L({
-        path: {
-          file_id: e.id
+    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
+          });
         }
       });
-    });
-  }, [p, L]), Me = (e) => {
-    e || C(), W(e);
-  };
-  return V(() => C, [C]), Z || xe ? /* @__PURE__ */ r(ct, {}) : /* @__PURE__ */ y(Oe, { children: [
-    /* @__PURE__ */ r(lt, { open: v, onOpenChange: Me, modal: !1, children: /* @__PURE__ */ y(ft, { showCloseButton: !1, fullScreen: !0, className: "ttw:flex ttw:gap-0 ttw:p-0", onInteractOutside: (e) => e.preventDefault(), children: [
-      /* @__PURE__ */ y("div", { className: "ttw:w-1/2 ttw:h-screen ttw:overflow-auto ttw:flex ttw:flex-col ttw:gap-6 ttw:px-8 ttw:pt-6 ttw:pb-10", children: [
-        /* @__PURE__ */ r(Qe, { formName: B, isDisabled: o || N, isRecurrenceEnabled: ce }),
-        /* @__PURE__ */ r(pt, { ...p, children: /* @__PURE__ */ r("form", { id: B, noValidate: !0, onSubmit: async (e) => {
-          if (e.preventDefault(), me(), N) {
-            d.error(n._("Please wait for attachments to finish uploading."));
-            return;
+      return;
+    }
+    if (V === "issue")
+      try {
+        await Ce({
+          path: {
+            receivable_id: p
           }
-          !X && _ && !R && !ae ? d.error(n._("Contact your company admin to set up a bank account before creating an invoice.")) : await oe(we)(e);
-        }, children: /* @__PURE__ */ y("div", { className: "ttw:flex ttw:flex-col ttw:gap-8", children: [
-          /* @__PURE__ */ r(Ge, { disabled: o, canCreateCounterpart: F, isEditCustomerOpen: ee, handleOpenEditCustomer: ie, counterpart: a }),
-          /* @__PURE__ */ r(gt, { paymentTerms: M, isPaymentTermsLoading: Y, disabled: o }),
-          /* @__PURE__ */ r(Te, { registerLineItemCleanupFn: se, defaultCurrency: $, handleOpenCreateProductDialog: ne }),
-          _ && /* @__PURE__ */ r(Ve, { disabled: o, embeddedBankName: H }),
-          /* @__PURE__ */ r(bt, { disabled: o }),
-          /* @__PURE__ */ r(ht, { disabled: o, onUploadingChange: ve })
-        ] }) }) })
+        }), 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__ */ r("div", { className: "ttw:w-1/2 ttw:h-screen ttw:overflow-auto", style: {
-        background: "linear-gradient(180deg, #F6F6F6 0%, #E4E4FF 100%)"
-      }, children: /* @__PURE__ */ r(ze, { invoiceData: {
-        payment_terms_id: Se,
-        line_items: (ke || []).map((e) => ({
-          ...e,
-          id: e.id || `temp-${Math.random().toString(36).substr(2, 9)}`
-        })),
-        memo: Pe,
-        footer: $e,
-        bank_account_id: R,
-        bank_account_type: Ce,
-        tax_mode: De,
-        purchase_order: Ie || void 0,
-        tax_rate: Fe
-      }, counterpart: a, currency: $, entityData: E, address: f, paymentTerms: M }) })
+      /* @__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 }) })
+      ] })
     ] }) }),
-    q && /* @__PURE__ */ r(vt, { open: q, onClose: () => b(!1), onCreated: () => b(!1) })
+    /* @__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 {
-  _r as CreateReceivables
+  Ir as CreateReceivables
 };