@tesouro/embedded-components-react 0.2.91 → 0.2.92

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

@@ -1,14 +1,31 @@
-import { useMoniteContext as i } from "./index57.js";
-const s = (e) => {
-  const {
-    api: t
-  } = i();
-  return t.finops.postReceivablesIdPreview.useMutation({
-    path: {
-      receivable_id: e
-    }
-  });
+import { useRef as t, useEffect as p } from "react";
+import "./index57.js";
+import "@lingui/react";
+import "react-hot-toast";
+import "./index92.js";
+import "@emotion/react/jsx-runtime";
+import "react-dom";
+import "@mui/x-data-grid";
+import { useIsMounted as d } from "./index68.js";
+const z = (o, s = 50) => {
+  const c = t(o), e = t(void 0), r = t(void 0), i = d();
+  c.current = o;
+  const m = (u) => {
+    !u || typeof window > "u" || (r.current && r.current.disconnect(), r.current = new ResizeObserver(() => {
+      e.current && clearTimeout(e.current), e.current = setTimeout(() => {
+        i.current && c.current();
+      }, s);
+    }), r.current.observe(u));
+  }, n = () => {
+    r.current && r.current.disconnect(), e.current && clearTimeout(e.current);
+  };
+  return p(() => () => {
+    n();
+  }, []), {
+    observe: m,
+    disconnect: n
+  };
 };
 export {
-  s as useCreateInvoiceEmailPreview
+  z as useResizeObserver
 };

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

@@ -1,39 +1,26 @@
-import { useMoniteContext as c } from "./index57.js";
-import { getAPIErrorMessage as o } from "./index120.js";
-import { useLingui as u } from "@lingui/react";
-import { toast as a } from "react-hot-toast";
-const f = (s, t) => {
-  const {
-    i18n: i
-  } = u(), {
-    api: e,
-    queryClient: r
-  } = c();
-  return e.finops.postRecurrencesIdCancel.useMutation({
-    path: {
-      recurrence_id: s
-    }
-  }, {
-    onError: (n) => {
-      a.error(o(i, n));
-    },
-    onSuccess: async () => {
-      await Promise.all([e.finops.getReceivables.invalidateQueries(r), e.finops.getReceivablesId.invalidateQueries({
-        parameters: {
-          path: {
-            receivable_id: t
-          }
-        }
-      }, r), e.finops.getRecurrencesId.invalidateQueries({
-        parameters: {
-          path: {
-            recurrence_id: s
-          }
-        }
-      }, r)]), a.success(i._("Recurrence has been canceled"));
-    }
-  });
+import { useRef as u, useEffect as s } from "react";
+import "./index57.js";
+import "@lingui/react";
+import "react-hot-toast";
+import "./index92.js";
+import "@emotion/react/jsx-runtime";
+import "react-dom";
+import "@mui/x-data-grid";
+import { useIsMounted as m } from "./index68.js";
+const E = (r, t = 100) => {
+  const o = u(r), e = u(void 0), i = m();
+  o.current = r, s(() => {
+    if (typeof window > "u") return;
+    const n = () => {
+      e.current && clearTimeout(e.current), e.current = setTimeout(() => {
+        i.current && o.current();
+      }, t);
+    };
+    return window.addEventListener("resize", n), () => {
+      window.removeEventListener("resize", n), e.current && clearTimeout(e.current);
+    };
+  }, [t, i]);
 };
 export {
-  f as useCancelRecurrence
+  E as useWindowResize
 };

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

@@ -1,10 +1,41 @@
-import { useMoniteContext as t } from "./index57.js";
-const o = () => {
-  const {
-    api: e
-  } = t();
-  return e.finops.getPaymentTerms.useQuery();
+import { useState as p, useEffect as f } from "react";
+const s = {
+  inches: {
+    width: 8.27,
+    height: 11.69
+  }
+}, y = () => {
+  const [h, r] = p({
+    width: 794,
+    height: 1123,
+    dpi: 96
+  });
+  return f(() => {
+    if (typeof window > "u") return;
+    const t = () => {
+      const c = [72, 96, 120, 144, 192, 240, 288, 384];
+      let n = 96;
+      for (const d of c)
+        if (window.matchMedia(`(resolution: ${d}dpi)`).matches) {
+          n = d;
+          break;
+        }
+      const u = window.devicePixelRatio || 1, w = n * u, e = document.createElement("div");
+      e.style.width = "1in", e.style.height = "1in", e.style.position = "absolute", e.style.left = "-9999px", document.body.appendChild(e);
+      const a = e.getBoundingClientRect(), o = Math.round(a.width);
+      document.body.removeChild(e);
+      const i = o > 0 ? o : w, l = Math.round(s.inches.width * i), m = Math.round(s.inches.height * i);
+      r({
+        width: l,
+        height: m,
+        dpi: i
+      });
+    };
+    return t(), window.addEventListener("resize", t), () => {
+      window.removeEventListener("resize", t);
+    };
+  }, []), h;
 };
 export {
-  o as useGetPaymentTerms
+  y as useA4Dimensions
 };

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

@@ -1,79 +1,81 @@
-import { jsx as r, jsxs as f, Fragment as Me } from "@emotion/react/jsx-runtime";
-import { ItemsSection as Fe } from "./index186.js";
-import { InvoicePreview as Ee } from "./index187.js";
-import { getCreateInvoiceValidationSchema as qe } from "./index188.js";
-import { buildPaymentTermsPayload as Ae } from "./index189.js";
-import { BankAccountSection as Le } from "./index190.js";
-import { CustomerSection as Ne } from "./index191.js";
-import { InvoiceCreationHeader as Re } from "./index192.js";
-import { useCreateReceivable as Be } from "./index193.js";
-import { useCreateRecurrence as Oe } from "./index194.js";
-import { useCreateCounterpart as Te } from "./index195.js";
-import { LanguageCodeEnum as je } from "./index196.js";
-import { useLineItemSubmitCleanup as ze } from "./index197.js";
-import { useGetInvoiceRequiredFields as Ve } from "./index198.js";
-import { useSelectableBankAccounts as Ge } from "./index199.js";
-import { useMoniteContext as Qe } from "./index57.js";
-import { MoniteScopedProviders as Ue } from "./index83.js";
-import { useCounterpartById as We } from "./index70.js";
+import { jsx as r, jsxs as y, Fragment as Oe } from "@emotion/react/jsx-runtime";
+import { ItemsSection as Te } from "./index176.js";
+import { InvoicePreview as ze } from "./index177.js";
+import { getCreateInvoiceValidationSchema as je } from "./index178.js";
+import { buildPaymentTermsPayload as Ue } from "./index179.js";
+import { BankAccountSection as Ve } from "./index180.js";
+import { CustomerSection as Ge } from "./index181.js";
+import { InvoiceCreationHeader as Qe } from "./index182.js";
+import { useCreateReceivable as We } from "./index183.js";
+import { useCreateRecurrence as He } from "./index184.js";
+import { useCreateCounterpart as Je } from "./index185.js";
+import { LanguageCodeEnum as Ke } from "./index186.js";
+import { useLineItemSubmitCleanup as Xe } from "./index187.js";
+import { useGetInvoiceRequiredFields as Ye } from "./index188.js";
+import { useSelectableBankAccounts as Ze } from "./index189.js";
+import { useMoniteContext as et } from "./index57.js";
+import { MoniteScopedProviders as tt } from "./index83.js";
+import { useCounterpartById as rt } from "./index70.js";
 import "@tanstack/react-query";
-import { useCounterpartAddresses as Ye } from "./index72.js";
-import { format as q } from "date-fns";
-import { useMyEntity as He } from "./index78.js";
-import { useState as A, useMemo as L, useId as Je } from "react";
-import { toast as n } from "react-hot-toast";
-import { useLingui as R } from "@lingui/react";
-import { useUserPermissions as Ke } from "./index121.js";
+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 "./index146.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 N } from "../../shared/data-access/dist/lib/scopes.js";
-import { rateMajorToMinor as Xe } from "./index200.js";
-import { AccessRestriction as Ze } from "./index122.js";
-import { LoadingPage as et } from "./index201.js";
-import { zodResolver as tt } from "@hookform/resolvers/zod";
-import { useForm as rt, FormProvider as at } from "react-hook-form";
-import { Dialog as it, DialogContent as ot } from "./index202.js";
-import { useGetMeasureUnits as nt } from "./index203.js";
-import { CreateProduct as dt } from "./index44.js";
-import { BillingSection as st } from "./index204.js";
-import { NotesSection as mt } from "./index205.js";
-const Xt = (d) => {
+import { Scope as G } from "../../shared/data-access/dist/lib/scopes.js";
+import { rateMajorToMinor as st } from "./index190.js";
+import { AccessRestriction as mt } from "./index156.js";
+import { LoadingPage as ct } from "./index191.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 "./index192.js";
+import { useGetMeasureUnits as yt } from "./index193.js";
+import { CreateProduct as vt } from "./index44.js";
+import { BillingSection as gt } from "./index194.js";
+import { NotesSection as bt } from "./index195.js";
+import { AttachmentSection as ht } from "./index196.js";
+import { useDeleteFile as xt } from "./index197.js";
+const _r = (s) => {
   const {
     i18n: u
-  } = R();
-  return /* @__PURE__ */ r(Ue, { children: d.type === "invoice" ? /* @__PURE__ */ r(ct, { ...d }) : /* @__PURE__ */ r(Ze, { description: u._("You can not create receivable with a type other than “invoice”") }) });
-}, x = "USD", ct = ({
-  type: d,
+  } = 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: B,
-  onOpenChange: O,
-  embeddedBankName: T
+  open: v,
+  onOpenChange: W,
+  embeddedBankName: H
 }) => {
   const {
-    i18n: o
-  } = R(), {
-    api: C,
-    componentSettings: j,
-    queryClient: z
-  } = Qe(), w = Ke(), V = w.has(N.BankAccountWriteOrg), k = w.has(N.CounterpartWriteOrg), _ = !!j?.receivables?.enableEntityBankAccount, {
-    data: P,
-    isLoading: G
-  } = C.finops.getPaymentTerms.useQuery(), {
-    isLoading: Q,
-    data: S
-  } = He(), [U, W] = A(!1), [$, y] = A(!1), {
-    bankAccounts: Y
-  } = Ge(_), H = Y.length > 0, I = rt({
+    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({
     // `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: tt(qe(o, _, k)),
-    defaultValues: L(() => ({
-      type: d,
+    resolver: ut(je(n, _, F)),
+    defaultValues: U(() => ({
+      type: s,
       counterpart_id: "",
       counterpart_name: "",
       counterpart_email: "",
@@ -96,73 +98,78 @@ const Xt = (d) => {
       recurrence_days_of_week: void 0,
       recurrence_end_mode: "after",
       recurrence_max_occurrences: void 0,
-      tax_rate: void 0
-    }), [d, o])
-  }), J = (e) => {
-    W(e);
-  }, K = () => {
-    y(!0);
+      tax_rate: void 0,
+      attachments: []
+    }), [s, n])
+  }), ie = (e) => {
+    te(e);
+  }, ne = () => {
+    b(!0);
   }, {
-    handleSubmit: X,
+    handleSubmit: oe,
     watch: i,
-    setValue: v,
-    clearErrors: Z
-  } = I, {
-    registerLineItemCleanupFn: ee,
-    runLineItemCleanup: te
-  } = ze(), s = i("counterpart_id"), re = i("frequency") !== "once", {
+    setValue: h,
+    clearErrors: de
+  } = p, {
+    registerLineItemCleanupFn: se,
+    runLineItemCleanup: me
+  } = Xe(), m = i("counterpart_id"), ce = i("frequency") !== "once", {
     data: a
-  } = We(s), {
-    data: b
-  } = Ye(s), p = i("default_billing_address_id"), l = L(() => b?.data?.find((e) => e.id === p), [p, b?.data]), {
-    mutateAsync: ae,
-    isPending: ie
-  } = Be(), {
-    mutate: oe,
-    isPending: ne
-  } = Oe(), {
-    mutateAsync: de,
-    isPending: se
-  } = Te(), m = ie || ne || se, {
-    data: me
-  } = Ve({
-    counterpart_billing_address_id: a?.id === s && p || void 0,
-    counterpart_country: l?.id === p && l?.country || void 0,
-    counterpart_id: s || void 0,
-    counterpart_type: a?.id === s && a?.type || void 0
-  }), ce = me?.entity?.tax_id?.required, D = `Monite-Form-receivablesDetailsForm-${Je()}`, {
-    data: ue,
-    isLoading: _e
-  } = nt(), M = i("bank_account_id"), pe = i("bank_account_type"), le = async (e) => {
-    const Ce = a && a?.reminders_enabled, we = a && "organization" in a ? a?.organization?.email : void 0, ke = a && "individual" in a ? a?.individual?.email : void 0, Pe = we || ke, F = !e.counterpart_id && !!e.counterpart_name?.trim(), g = F ? !0 : Ce, h = F ? e.counterpart_email : Pe;
+  } = 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;
     if (e.type !== "invoice") {
-      n.error(o._("`type` except `invoice` is not supported yet"));
+      d.error(n._("`type` except `invoice` is not supported yet"));
       return;
     }
-    if (ce && !S?.tax_id) {
-      n.error(o._("Set your organization's Tax ID to issue invoice"));
+    if (be && !E?.tax_id) {
+      d.error(n._("Set your organization's Tax ID to issue invoice"));
       return;
     }
-    if (!g && h && (e.payment_reminder_id || e.overdue_reminder_id)) {
-      n.error(o._("Payment reminders are disabled for this customer. Please enable them in the customer details or turn them off."));
+    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."));
       return;
     }
-    if (!h && g && (e.payment_reminder_id || e.overdue_reminder_id)) {
-      n.error(o._("No email address is added for the selected customer. Please add it to the customer details or turn off the reminders."));
+    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."));
       return;
     }
-    if (!g && !h && (e.payment_reminder_id || e.overdue_reminder_id)) {
-      n.error(o._("Reminders are disabled for this customer, and no email address has been added for it. Please update the details or turn off reminders."));
+    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."));
       return;
     }
-    const Se = e.default_shipping_address_id, $e = b?.data?.find((t) => t.id === Se);
+    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 de({
+    !c && e.counterpart_name?.trim() && (c = (await fe({
       type: "organization",
       is_customer: !0,
       is_vendor: !1,
       reminders_enabled: !0,
-      language: je.find((t) => t === o.locale.split("-")[0]) ?? "en",
+      language: Ke.find((t) => t === n.locale.split("-")[0]) ?? "en",
       organization: {
         legal_name: e.counterpart_name.trim(),
         ...e.counterpart_email ? {
@@ -170,14 +177,14 @@ const Xt = (d) => {
         } : {}
       }
     })).id);
-    const Ie = {
+    const Re = {
       type: e.type,
       counterpart_id: c ?? "",
-      counterpart_billing_address_id: l?.id,
-      counterpart_shipping_address_id: $e?.id,
+      counterpart_billing_address_id: f?.id,
+      counterpart_shipping_address_id: Be?.id,
       bank_account_id: e.bank_account_id || void 0,
       bank_account_type: e.bank_account_id ? e.bank_account_type : void 0,
-      ...Ae({
+      ...Ue({
         paymentTermId: e.payment_terms_id,
         customDueDate: e.payment_terms_custom_date
       }),
@@ -191,83 +198,112 @@ const Xt = (d) => {
             value: t.product.price.value
           },
           measure_unit: t.product.measure_unit_id ? {
-            name: ue?.data?.find((De) => De.id === t.product.measure_unit_id)?.name || ""
+            name: he?.data?.find((S) => S.id === t.product.measure_unit_id)?.name || ""
           } : void 0,
           type: "product"
         },
-        tax_rate_value: t.taxable ? Xe(Number(e.tax_rate) || 0) : void 0
+        tax_rate_value: t.taxable ? st(Number(e.tax_rate) || 0) : void 0
       })),
       memo: e.memo,
       footer: e.footer,
       purchase_order: e.purchase_order || void 0,
-      currency: x,
+      currency: $,
       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"
+      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: t,
+        include_in_email: S
+      }) => ({
+        id: t,
+        include_in_email: S
+      })) : void 0
     }, {
-      id: E
-    } = await ae(Ie, {
+      id: T
+    } = await ue(Re, {
       onSuccess: async (t) => {
-        e.frequency === "once" && (await C.finops.getReceivables.invalidateQueries(z), u?.(t.id));
+        g.current = !0, e.frequency === "once" && (await D.finops.getReceivables.invalidateQueries(K), u?.(t.id));
       },
       onError: () => {
-        c && (v("counterpart_id", c), v("counterpart_name", ""), v("counterpart_email", ""), Z(["counterpart_id", "counterpart_email"]));
+        c && (h("counterpart_id", c), h("counterpart_name", ""), h("counterpart_email", ""), de(["counterpart_id", "counterpart_email"]));
       }
     });
-    e.frequency !== "once" && oe({
+    e.frequency !== "once" && pe({
       body: {
-        invoice_id: E,
+        invoice_id: T,
         frequency: e.frequency,
         interval: 1,
-        start_date: e.recurrence_start_date ? q(new Date(e.recurrence_start_date), "yyyy-MM-dd") : void 0,
+        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 ? q(new Date(e.recurrence_end_date), "yyyy-MM-dd") : 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?.(E);
+        u?.(T);
       }
     });
-  }, fe = i("line_items"), ye = i("payment_terms_id"), ve = i("memo"), be = i("footer"), ge = i("tax_mode"), he = i("purchase_order"), xe = i("tax_rate");
-  return Q || _e ? /* @__PURE__ */ r(et, {}) : /* @__PURE__ */ f(Me, { children: [
-    /* @__PURE__ */ r(it, { open: B, onOpenChange: O, modal: !1, children: /* @__PURE__ */ f(ot, { showCloseButton: !1, fullScreen: !0, className: "ttw:flex ttw:gap-0 ttw:p-0", onInteractOutside: (e) => e.preventDefault(), children: [
-      /* @__PURE__ */ f("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(Re, { formName: D, isDisabled: m, isRecurrenceEnabled: re }),
-        /* @__PURE__ */ r(at, { ...I, children: /* @__PURE__ */ r("form", { id: D, noValidate: !0, onSubmit: async (e) => {
-          e.preventDefault(), te(), !V && _ && !M && !H ? n.error(o._("Contact your company admin to set up a bank account before creating an invoice.")) : await X(le)(e);
-        }, children: /* @__PURE__ */ f("div", { className: "ttw:flex ttw:flex-col ttw:gap-8", children: [
-          /* @__PURE__ */ r(Ne, { disabled: m, canCreateCounterpart: k, isEditCustomerOpen: U, handleOpenEditCustomer: J, counterpart: a }),
-          /* @__PURE__ */ r(st, { paymentTerms: P, isPaymentTermsLoading: G, disabled: m }),
-          /* @__PURE__ */ r(Fe, { registerLineItemCleanupFn: ee, defaultCurrency: x, handleOpenCreateProductDialog: K }),
-          _ && /* @__PURE__ */ r(Le, { disabled: m, embeddedBankName: T }),
-          /* @__PURE__ */ r(mt, { disabled: m })
+  }, 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
+        }
+      });
+    });
+  }, [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;
+          }
+          !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 })
         ] }) }) })
       ] }),
       /* @__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(Ee, { invoiceData: {
-        payment_terms_id: ye,
-        line_items: (fe || []).map((e) => ({
+      }, 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: ve,
-        footer: be,
-        bank_account_id: M,
-        bank_account_type: pe,
-        tax_mode: ge,
-        purchase_order: he || void 0,
-        tax_rate: xe
-      }, counterpart: a, currency: x, entityData: S, address: l, paymentTerms: P }) })
+        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__ */ r(dt, { open: $, onClose: () => y(!1), onCreated: () => y(!1) })
+    q && /* @__PURE__ */ r(vt, { open: q, onClose: () => b(!1), onCreated: () => b(!1) })
   ] });
 };
 export {
-  Xt as CreateReceivables
+  _r as CreateReceivables
 };