@tesouro/embedded-components-react 0.2.90 → 0.2.92

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 "./index154.js";
-import { InvoicePreview as Ee } from "./index155.js";
-import { getCreateInvoiceValidationSchema as qe } from "./index156.js";
-import { buildPaymentTermsPayload as Ae } from "./index157.js";
-import { BankAccountSection as Le } from "./index158.js";
-import { CustomerSection as Ne } from "./index159.js";
-import { InvoiceCreationHeader as Re } from "./index160.js";
-import { useCreateReceivable as Be } from "./index161.js";
-import { useCreateRecurrence as Oe } from "./index162.js";
-import { useCreateCounterpart as Te } from "./index163.js";
-import { LanguageCodeEnum as je } from "./index164.js";
-import { useLineItemSubmitCleanup as ze } from "./index165.js";
-import { useGetInvoiceRequiredFields as Ve } from "./index166.js";
-import { useSelectableBankAccounts as Ge } from "./index167.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 "./index135.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 "./index168.js";
-import { AccessRestriction as Ze } from "./index136.js";
-import { LoadingPage as et } from "./index169.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 "./index170.js";
-import { useGetMeasureUnits as nt } from "./index171.js";
-import { CreateProduct as dt } from "./index44.js";
-import { BillingSection as st } from "./index172.js";
-import { NotesSection as mt } from "./index173.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
 };

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

@@ -1,26 +1,77 @@
-import { toast as o } from "react-hot-toast";
-import { useMoniteContext as n } from "./index57.js";
-import { useLingui as r } from "@lingui/react";
-const p = (i) => {
+import { jsxs as I, jsx as f } from "@emotion/react/jsx-runtime";
+import { useMemo as d, useState as g, useEffect as j } from "react";
+import { useCurrencies as N } from "./index58.js";
+import "./index92.js";
+import { useLingui as G } from "@lingui/react";
+import "react-dom";
+import "./index57.js";
+import "@mui/x-data-grid";
+import { InputGroup as T, InputGroupAddon as $, InputGroupInput as D } from "./index101.js";
+import { formatMinorToMajorCurrency as n, parseMajorToMinorCurrency as P } from "./index278.js";
+const J = ({
+  value: i,
+  error: v = !1,
+  currency: m,
+  disabled: w = !1,
+  onChange: u,
+  locale: x
+}) => {
   const {
-    api: t,
-    queryClient: s
-  } = n(), {
-    i18n: e
-  } = r();
-  return t.finops.deleteEntitiesIdLogo.useMutation({
-    path: {
-      entity_id: i
+    getSymbolFromCurrency: y
+  } = N(), {
+    i18n: M
+  } = G(), e = x ?? M.locale, o = d(() => new Intl.NumberFormat(e, {
+    minimumFractionDigits: 2,
+    maximumFractionDigits: 2
+  }), [e]), {
+    decimalSeparator: F,
+    groupSeparator: S
+  } = d(() => {
+    const r = new Intl.NumberFormat(e).formatToParts(12345.67);
+    return {
+      decimalSeparator: r.find((t) => t.type === "decimal")?.value || ".",
+      groupSeparator: r.find((t) => t.type === "group")?.value || ""
+    };
+  }, [e]), [s, a] = g(n(i, o)), [l, p] = g(!1);
+  j(() => {
+    if (!l) {
+      const r = n(i, o);
+      r !== s && a(r);
     }
-  }, {
-    onSuccess: async () => {
-      await t.finops.getEntityUsersMyEntity.invalidateQueries(s), o.success(e._("Logo was removed."));
-    },
-    onError: () => {
-      o.error(e._("Failed to remove logo."));
+  }, [i, l, e, o, s]);
+  const b = (r) => {
+    const t = r.target.value;
+    a(t);
+  }, h = () => {
+    p(!0);
+  }, C = (r) => {
+    p(!1);
+    const t = r.target.value.trim();
+    if (t === "") {
+      a(n(0, o)), u(0);
+      return;
     }
-  });
+    const c = P(t, F, S);
+    a(n(c, o)), u(c);
+  };
+  return /* @__PURE__ */ I(T, { className: "ttw:max-w-41 ttw:w-full ttw:min-w-29", children: [
+    /* @__PURE__ */ f($, { align: "inline-start", children: y(m) || m }),
+    /* @__PURE__ */ f(
+      D,
+      {
+        type: "text",
+        inputMode: "decimal",
+        className: "ttw:text-right",
+        "aria-invalid": v || void 0,
+        disabled: w,
+        value: s,
+        onChange: b,
+        onFocus: h,
+        onBlur: C
+      }
+    )
+  ] });
 };
 export {
-  p as useDeleteEntityLogo
+  J as PriceField
 };