@tesouro/embedded-components-react 0.2.51 → 0.2.55

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

@@ -1,136 +1,262 @@
-import { jsx as e, jsxs as o, Fragment as M } from "@emotion/react/jsx-runtime";
-import { EditInvoiceDetails as G } from "./index188.js";
-import { EmailInvoiceDetails as z } from "./index189.js";
-import { useGetRecurrenceById as H } from "./index190.js";
-import { InvoiceDetailsActions as J } from "./index191.js";
-import { InvoiceDetailsTabDetails as K } from "./index192.js";
-import { InvoiceDetailsTabOverview as W } from "./index193.js";
-import { InvoiceDetailsTabPayments as Y } from "./index194.js";
-import { InvoiceDetailsTabScheduledInvoices as q } from "./index195.js";
-import { InvoicePDFViewer as Q } from "./index196.js";
-import { InvoiceRecurrenceStatusChip as X } from "./index178.js";
-import { InvoiceStatusChip as Z } from "./index57.js";
-import { MoniteScopedProviders as ee } from "./index85.js";
-import { useCurrencies as te } from "./index60.js";
-import { useState as d, useMemo as ie } from "react";
-import "./index94.js";
-import { useLingui as oe } from "@lingui/react";
-import "react-dom";
-import "./index59.js";
-import "@mui/x-data-grid";
-import { useComponentSettings as ae } from "./index69.js";
-import { useIsLargeDesktopScreen as se } from "./index71.js";
-import { useGetReceivableById as ne } from "./index84.js";
-import { useUserPermissions as le } from "./index143.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 { jsx as t, jsxs as v, Fragment as Pe } from "@emotion/react/jsx-runtime";
+import { ItemsSection as $e } from "./index174.js";
+import { InvoicePreview as Fe } from "./index175.js";
+import { getCreateInvoiceValidationSchema as Me } from "./index176.js";
+import { buildPaymentTermsPayload as Be } from "./index177.js";
+import { BankAccountFormDialog as Ee } from "./index42.js";
+import { BankAccountSection as Le } from "./index178.js";
+import { CustomerSection as qe } from "./index179.js";
+import { InvoiceCreationHeader as Te } from "./index180.js";
+import { useCreateReceivable as Ne } from "./index181.js";
+import { useCreateRecurrence as Re } from "./index182.js";
+import { useLineItemSubmitCleanup as Oe } from "./index183.js";
+import { useGetEntityBankAccounts as je } from "./index184.js";
+import { useGetInvoiceRequiredFields as Ve } from "./index185.js";
+import { useMoniteContext as ze } from "./index58.js";
+import { MoniteScopedProviders as Ke } from "./index84.js";
+import { useCounterpartById as Ge } from "./index71.js";
 import "@tanstack/react-query";
-import "../../shared/data-access/dist/lib/rest/zod.gen.js";
-import { Scope as re } from "../../shared/data-access/dist/lib/scopes.js";
-import { AccessRestriction as ce } from "./index153.js";
-import { DialogTitle as f } from "./index197.js";
-import { Sheet as T, SheetContent as O, SheetDescription as h, SheetTitle as P, SheetHeader as de } from "./index132.js";
-import { Tabs as me, TabsList as we, TabsTrigger as m, TabsContent as w } from "./index198.js";
-import { LoadingSpinner as pe } from "./index133.js";
-import { NotFound as R } from "./index150.js";
-const x = {
-  Overview: "overview"
-}, Qe = (n) => /* @__PURE__ */ e(ee, { children: /* @__PURE__ */ e(ve, { ...n }) }), ve = ({
-  invoiceId: n,
-  open: V,
-  onCloseInvoiceDetails: p,
-  onDuplicate: g,
-  onMarkAsUncollectible: I,
-  openInvoiceDetails: D
+import { useCounterpartAddresses as Qe } from "./index73.js";
+import { format as R } from "date-fns";
+import { useMyEntity as Ue } from "./index79.js";
+import { useRef as He, useState as b, useMemo as O, useId as Ye, useEffect as j } from "react";
+import { toast as m } from "react-hot-toast";
+import { useLingui as V } from "@lingui/react";
+import { rateMajorToMinor as Je } from "./index186.js";
+import { AccessRestriction as We } from "./index134.js";
+import { LoadingPage as Xe } from "./index187.js";
+import { zodResolver as Ze } from "@hookform/resolvers/zod";
+import { useForm as et, FormProvider as tt } from "react-hook-form";
+import { Dialog as rt, DialogContent as at } from "./index188.js";
+import { useGetMeasureUnits as it } from "./index189.js";
+import { CreateProduct as nt } from "./index45.js";
+import { BillingSection as ot } from "./index190.js";
+import { NotesSection as dt } from "./index191.js";
+const zt = (s) => {
+  const {
+    i18n: _
+  } = V();
+  return /* @__PURE__ */ t(Ke, { children: s.type === "invoice" ? /* @__PURE__ */ t(st, { ...s }) : /* @__PURE__ */ t(We, { description: _._("You can not create receivable with a type other than “invoice”") }) });
+}, S = "USD", st = ({
+  type: s,
+  onCreate: _,
+  open: z,
+  onOpenChange: K
 }) => {
   const {
-    i18n: i
-  } = oe(), {
-    formatCurrencyToDisplay: k
-  } = te(), {
-    receivablesCallbacks: b
-  } = ae(), B = se(), {
-    data: t,
-    isLoading: L
-  } = ne(n, !0), {
-    data: s,
-    isLoading: $
-  } = H(t?.type === "invoice" ? t?.recurrence_id : void 0), [l, v] = d(!1), [r, N] = d(!1), [_, u] = d(!1), [F, y] = d(x.Overview), A = le().has(re.InvoiceReadOrg), E = ie(() => ({
-    onEditButtonClick: () => v(!0),
-    onIssueAndSendButtonClick: () => N(!0),
-    onViewPDFButtonClick: () => u((a) => !a),
-    onDelete: () => p(),
-    onDuplicate: g,
-    onMarkAsUncollectible: I
-  }), [g, I, p]), c = s && t?.status === "recurring", U = V && !l && !r, C = _ && !l && !r, S = (a) => {
-    y(a);
-  }, j = () => L || $ ? /* @__PURE__ */ o("div", { className: "ttw:flex ttw:w-full ttw:items-center ttw:justify-center ttw:h-full", children: [
-    /* @__PURE__ */ e(f, { hidden: !0, children: i._("Loading invoice details") }),
-    /* @__PURE__ */ e(pe, {})
-  ] }) : A ? t ? t.type !== "invoice" ? /* @__PURE__ */ o("div", { className: "ttw:w-3/4 ttw:m-auto", children: [
-    /* @__PURE__ */ e(f, { hidden: !0, children: i._("Receivable type not supported") }),
-    /* @__PURE__ */ e(R, { title: i._("Receivable type not supported"), description: i._("Receivable type {type} is not supported. Only invoice is supported.", {
-      type: t.type
-    }) })
-  ] }) : /* @__PURE__ */ o("div", { className: "ttw:flex ttw:flex-col ttw:overflow-y-auto", children: [
-    /* @__PURE__ */ o(de, { className: "ttw:pl-8 ttw:gap-2 ttw:flex-row", children: [
-      /* @__PURE__ */ o("div", { className: "ttw:flex ttw:items-center ttw:gap-2 ttw:flex-1", children: [
-        /* @__PURE__ */ e(P, { className: "ttw:text-xl ttw:font-semibold ttw:leading-6", children: c ? i._("Recurring invoice") : i._("Invoice") }),
-        c ? /* @__PURE__ */ e(X, { status: s?.status }) : /* @__PURE__ */ e(Z, { status: t?.status })
-      ] }),
-      /* @__PURE__ */ e(h, { hidden: !0, children: i._("Invoice details") })
-    ] }),
-    /* @__PURE__ */ o("div", { className: "ttw:flex ttw:flex-col ttw:gap-8", children: [
-      /* @__PURE__ */ o("section", { className: "ttw:flex ttw:flex-col ttw:gap-5 ttw:px-8", children: [
-        /* @__PURE__ */ o("div", { className: "ttw:flex ttw:flex-col", children: [
-          /* @__PURE__ */ e("h2", { className: "ttw:text-[32px] ttw:font-semibold ttw:leading-10", children: k(t?.total_amount, t?.currency) }),
-          /* @__PURE__ */ e("p", { className: "ttw:text-sm ttw:font-medium ttw:leading-5", children: i._("for {name}", {
-            name: t?.counterpart_name
-          }) })
-        ] }),
-        /* @__PURE__ */ e(J, { invoice: t, recurrence: s, actions: E, isPDFViewerOpen: C })
+    i18n: n
+  } = V(), {
+    api: D,
+    componentSettings: G,
+    queryClient: Q
+  } = ze(), I = He(!1), d = !!G?.receivables?.enableEntityBankAccount, {
+    data: A,
+    isLoading: U
+  } = D.finops.getPaymentTerms.useQuery(), {
+    data: l
+  } = je(void 0, d), {
+    isLoading: H,
+    data: P
+  } = Ue(), [Y, J] = b(!1), [$, g] = b(!1), [F, h] = b(!1), [M, B] = b(""), E = et({
+    // `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: Ze(Me(n, d)),
+    defaultValues: O(() => ({
+      type: s,
+      counterpart_id: "",
+      counterpart_contact: "",
+      payment_terms_id: "",
+      payment_terms_custom_date: null,
+      default_shipping_address_id: "",
+      default_billing_address_id: "",
+      purchase_order: "",
+      line_items: [],
+      bank_account_id: "",
+      overdue_reminder_id: "",
+      payment_reminder_id: "",
+      memo: "",
+      footer: "",
+      tax_mode: "exclusive",
+      frequency: "once",
+      recurrence_start_date: void 0,
+      recurrence_end_date: void 0,
+      recurrence_issue_mode: "first_day",
+      recurrence_days_of_week: void 0,
+      recurrence_end_mode: "after",
+      recurrence_max_occurrences: void 0,
+      tax_rate: void 0
+    }), [s, n])
+  }), W = (e) => {
+    J(e);
+  }, X = () => {
+    g(!0);
+  }, {
+    handleSubmit: Z,
+    watch: i,
+    setValue: o,
+    clearErrors: L,
+    getFieldState: ee
+  } = E, {
+    registerLineItemCleanupFn: te,
+    runLineItemCleanup: re
+  } = Oe(), c = i("counterpart_id"), ae = i("frequency") !== "once", {
+    data: a
+  } = Ge(c), {
+    data: x
+  } = Qe(c), p = i("default_billing_address_id"), f = O(() => x?.data?.find((e) => e.id === p), [p, x?.data]), {
+    mutateAsync: ie,
+    isPending: ne
+  } = Ne(), {
+    mutate: oe,
+    isPending: de
+  } = Re(), u = ne || de, {
+    data: se
+  } = Ve({
+    counterpart_billing_address_id: a?.id === c && p || void 0,
+    counterpart_country: f?.id === p && f?.country || void 0,
+    counterpart_id: c || void 0,
+    counterpart_type: a?.id === c && a?.type || void 0
+  }), ce = se?.entity?.tax_id?.required, q = `Monite-Form-receivablesDetailsForm-${Ye()}`;
+  j(() => {
+    if (d && l && !I.current) {
+      const e = l?.data?.[0];
+      o("bank_account_id", e?.id ?? ""), e && o("bank_account_type", "BANK_DETAILS"), I.current = !0;
+    }
+  }, [o, l, d]);
+  const {
+    data: ue,
+    isLoading: me
+  } = it(), w = i("bank_account_id"), _e = i("bank_account_type"), le = async (e) => {
+    const C = a && a?.reminders_enabled, Ce = a && "organization" in a ? a?.organization?.email : void 0, ke = a && "individual" in a ? a?.individual?.email : void 0, k = Ce || ke;
+    if (e.type !== "invoice") {
+      m.error(n._("`type` except `invoice` is not supported yet"));
+      return;
+    }
+    if (ce && !P?.tax_id) {
+      m.error(n._("Set your organization's Tax ID to issue invoice"));
+      return;
+    }
+    if (!C && k && (e.payment_reminder_id || e.overdue_reminder_id)) {
+      m.error(n._("Payment reminders are disabled for this customer. Please enable them in the customer details or turn them off."));
+      return;
+    }
+    if (!k && C && (e.payment_reminder_id || e.overdue_reminder_id)) {
+      m.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 (!C && !k && (e.payment_reminder_id || e.overdue_reminder_id)) {
+      m.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, De = x?.data?.find((r) => r.id === Se), Ie = {
+      type: e.type,
+      counterpart_id: e.counterpart_id,
+      counterpart_billing_address_id: f?.id,
+      counterpart_shipping_address_id: De?.id,
+      bank_account_id: e.bank_account_id || void 0,
+      bank_account_type: e.bank_account_id ? e.bank_account_type : void 0,
+      ...Be({
+        paymentTermId: e.payment_terms_id,
+        customDueDate: e.payment_terms_custom_date
+      }),
+      line_items: e.line_items.filter((r) => !!r.product?.name?.trim()).map((r) => ({
+        quantity: r.quantity,
+        tax_status: r.taxable ? "taxable" : "non_taxable",
+        product: {
+          name: r.product.name,
+          price: {
+            currency: r.product.price.currency,
+            value: r.product.price.value
+          },
+          measure_unit: r.product.measure_unit_id ? {
+            name: ue?.data?.find((Ae) => Ae.id === r.product.measure_unit_id)?.name || ""
+          } : void 0,
+          type: "product"
+        },
+        tax_rate_value: r.taxable ? Je(Number(e.tax_rate) || 0) : void 0
+      })),
+      memo: e.memo,
+      footer: e.footer,
+      purchase_order: e.purchase_order || void 0,
+      currency: S,
+      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"
+    }, {
+      id: N
+    } = await ie(Ie, {
+      onSuccess: async (r) => {
+        e.frequency === "once" && (await D.finops.getReceivables.invalidateQueries(Q), _?.(r.id));
+      }
+    });
+    e.frequency !== "once" && oe({
+      body: {
+        invoice_id: N,
+        frequency: e.frequency,
+        interval: 1,
+        start_date: e.recurrence_start_date ? R(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 ? R(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: () => {
+        _?.(N);
+      }
+    });
+  }, pe = i("line_items"), fe = i("payment_terms_id"), ye = i("memo"), ve = i("footer"), be = i("tax_mode"), ge = i("purchase_order"), he = i("tax_rate"), T = ee("bank_account_id"), xe = (e) => {
+    o("bank_account_id", e), o("bank_account_type", e ? "BANK_DETAILS" : void 0);
+  }, y = () => {
+    h(!1), M && B("");
+  }, we = (e) => {
+    h(!1), o("bank_account_id", e), o("bank_account_type", "BANK_DETAILS");
+  };
+  return j(() => {
+    w && T?.invalid && L("bank_account_id");
+  }, [w, T, L]), H || me ? /* @__PURE__ */ t(Xe, {}) : /* @__PURE__ */ v(Pe, { children: [
+    /* @__PURE__ */ t(rt, { open: z, onOpenChange: K, modal: !1, children: /* @__PURE__ */ v(at, { showCloseButton: !1, fullScreen: !0, className: "ttw:flex ttw:gap-0 ttw:p-0", onInteractOutside: (e) => e.preventDefault(), children: [
+      /* @__PURE__ */ v("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__ */ t(Te, { formName: q, isDisabled: u, isRecurrenceEnabled: ae }),
+        /* @__PURE__ */ t(tt, { ...E, children: /* @__PURE__ */ t("form", { id: q, noValidate: !0, onSubmit: async (e) => {
+          e.preventDefault(), re(), await Z(le)(e);
+        }, children: /* @__PURE__ */ v("div", { className: "ttw:flex ttw:flex-col ttw:gap-8", children: [
+          /* @__PURE__ */ t(qe, { disabled: u, isEditCustomerOpen: Y, handleOpenEditCustomer: W, counterpart: a }),
+          /* @__PURE__ */ t(ot, { paymentTerms: A, isPaymentTermsLoading: U, disabled: u }),
+          /* @__PURE__ */ t($e, { registerLineItemCleanupFn: te, defaultCurrency: S, handleOpenCreateProductDialog: X }),
+          d && /* @__PURE__ */ t(Le, { disabled: u, handleOpenBankModal: (e) => {
+            h(!0), e && B(e);
+          } }),
+          /* @__PURE__ */ t(dt, { disabled: u })
+        ] }) }) })
       ] }),
-      /* @__PURE__ */ e("section", { className: "ttw:border-t ttw:border-secondary ttw:pt-4 ttw:px-8", children: /* @__PURE__ */ o(me, { defaultValue: x.Overview, className: "ttw:gap-8", value: F, onValueChange: S, children: [
-        /* @__PURE__ */ o(we, { className: "ttw:w-full", children: [
-          /* @__PURE__ */ e(m, { value: "overview", children: i._("Overview") }),
-          /* @__PURE__ */ e(m, { value: "details", children: i._("Details") }),
-          c ? /* @__PURE__ */ e(m, { value: "scheduled-invoices", children: i._("Scheduled invoices") }) : /* @__PURE__ */ e(m, { value: "payments", children: i._("Payments") })
-        ] }),
-        /* @__PURE__ */ e(w, { value: "overview", className: "ttw:flex ttw:flex-col ttw:gap-8", children: /* @__PURE__ */ e(W, { invoice: t, recurrence: s, handleTabChange: S, openInvoiceDetails: D }) }),
-        /* @__PURE__ */ e(w, { value: "details", className: "ttw:flex ttw:flex-col ttw:gap-8", children: /* @__PURE__ */ e(K, { invoice: t }) }),
-        c ? /* @__PURE__ */ e(w, { value: "scheduled-invoices", className: "ttw:flex ttw:flex-col ttw:gap-8", children: /* @__PURE__ */ e(q, { invoice: t, recurrence: s, openInvoiceDetails: (a) => {
-          D?.(a), y(x.Overview);
-        } }) }) : /* @__PURE__ */ e(w, { value: "payments", className: "ttw:flex ttw:flex-col ttw:gap-8", children: /* @__PURE__ */ e(Y, { invoice: t }) })
-      ] }) })
-    ] })
-  ] }) : /* @__PURE__ */ o("div", { className: "ttw:w-3/4 ttw:m-auto", children: [
-    /* @__PURE__ */ e(f, { hidden: !0, children: i._("Invoice not found") }),
-    /* @__PURE__ */ e(R, { title: i._("Invoice not found"), description: i._("There is no invoice for the provided id: {invoiceId}", {
-      invoiceId: n
-    }) })
-  ] }) : /* @__PURE__ */ e("div", { className: "ttw:w-3/4 ttw:m-auto", children: /* @__PURE__ */ e(ce, {}) });
-  return /* @__PURE__ */ o(M, { children: [
-    r && /* @__PURE__ */ e(z, { invoiceId: t?.id ?? "", onClose: () => {
-      N(!1);
-    }, onSendEmail: b?.onInvoiceSent, isOpen: r }),
-    l && t && /* @__PURE__ */ e(G, { isOpen: l, invoice: t, onUpdated: (a) => {
-      v(!1), b?.onUpdate?.(a.id, a);
-    }, onCancel: () => v(!1) }),
-    /* @__PURE__ */ e(T, { open: U, modal: !1, onOpenChange: () => {
-      p(), _ && u(!1);
-    }, children: /* @__PURE__ */ o(O, { className: "ttw:gap-0 ttw:pb-12", children: [
-      /* @__PURE__ */ e(h, { hidden: !0, children: i._("Invoice details") }),
-      j(),
-      /* @__PURE__ */ e(T, { open: C, modal: !1, children: /* @__PURE__ */ o(O, { className: "ttw:w-full ttw:flex-row ttw:xl:max-w-300 ttw:xl:z-1299", showCloseButton: !1, children: [
-        /* @__PURE__ */ e(P, { hidden: !0, children: i._("PDF Viewer") }),
-        /* @__PURE__ */ e(h, { hidden: !0, children: i._("PDF Viewer") }),
-        /* @__PURE__ */ e("div", { className: "ttw:w-full ttw:xl:w-1/2 ttw:bg-white", children: /* @__PURE__ */ e(Q, { receivable_id: t?.id ?? "", showCloseButton: !B, onClose: () => u(!1) }) }),
-        /* @__PURE__ */ e("div", { className: "ttw:w-0 ttw:xl:w-1/2" })
-      ] }) })
-    ] }) })
+      /* @__PURE__ */ t("div", { className: "ttw:w-1/2 ttw:h-screen ttw:overflow-auto", style: {
+        background: "linear-gradient(180deg, #F6F6F6 0%, #E4E4FF 100%)"
+      }, children: /* @__PURE__ */ t(Fe, { invoiceData: {
+        payment_terms_id: fe,
+        line_items: (pe || []).map((e) => ({
+          ...e,
+          id: e.id || `temp-${Math.random().toString(36).substr(2, 9)}`
+        })),
+        memo: ye,
+        footer: ve,
+        bank_account_id: w,
+        bank_account_type: _e,
+        tax_mode: be,
+        purchase_order: ge || void 0,
+        tax_rate: he
+      }, counterpart: a, currency: S, entityData: P, address: f, paymentTerms: A }) })
+    ] }) }),
+    $ && /* @__PURE__ */ t(nt, { open: $, onClose: () => g(!1), onCreated: () => g(!1) }),
+    d && F && /* @__PURE__ */ t(Ee, { isOpen: F, entityBankAccountId: M, bankAccounts: l?.data ?? [], onCancel: y, onCreate: we, onUpdate: y, onDelete: y, handleClose: y, handleSelectBankAfterDeletion: xe })
   ] });
 };
 export {
-  Qe as InvoiceDetails
+  zt as CreateReceivables
 };

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

@@ -1,5 +1,5 @@
 import { toast as a } from "react-hot-toast";
-import { useMoniteContext as n } from "./index59.js";
+import { useMoniteContext as n } from "./index58.js";
 import { useLingui as r } from "@lingui/react";
 const u = (t) => {
   const {

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

@@ -1,27 +1,45 @@
-import { toast as c } from "react-hot-toast";
-import { useMoniteContext as n } from "./index59.js";
-import { useLingui as l } from "@lingui/react";
-const b = (e, t) => {
-  const {
-    api: i,
-    queryClient: s
-  } = n(), {
-    i18n: a
-  } = l();
-  return i.finops.postReceivablesIdMarkAsUncollectible.useMutation({
-    path: {
-      receivable_id: e
-    }
-  }, {
-    onSuccess: async (o) => {
-      t?.(e), i.finops.getReceivablesId.setQueryData({
-        path: {
-          receivable_id: e
-        }
-      }, o, s), await i.finops.getReceivables.invalidateQueries(s), c.success(a._("Marked as uncollectible"));
+import { jsx as i } from "@emotion/react/jsx-runtime";
+import { getCommonRecurrenceIterationStatusLabel as w } from "./index318.js";
+import "date-fns";
+import { Badge as s } from "./index242.js";
+import { cn as g } from "./index101.js";
+import { useLingui as c } from "@lingui/react";
+import { cva as l } from "class-variance-authority";
+const r = l("", {
+  variants: {
+    variant: {
+      pending: "ttw:bg-zinc-100 ttw:text-zinc-700",
+      skipped: "ttw:bg-yellow-100 ttw:text-yellow-700",
+      canceled: "ttw:bg-red-100 ttw:text-red-700",
+      issue_failed: "ttw:bg-red-100 ttw:text-red-700",
+      send_failed: "ttw:bg-red-100 ttw:text-red-700",
+      completed: "ttw:bg-green-100 ttw:text-green-700"
+    },
+    dotVariant: {
+      pending: "ttw:border-zinc-100 ttw:bg-zinc-700",
+      skipped: "ttw:border-yellow-100 ttw:bg-yellow-700",
+      canceled: "ttw:border-red-100 ttw:bg-red-700",
+      issue_failed: "ttw:border-red-100 ttw:bg-red-700",
+      send_failed: "ttw:border-red-100 ttw:bg-red-700",
+      completed: "ttw:border-green-100 ttw:bg-green-700"
     }
-  });
+  }
+}), z = ({
+  status: t,
+  className: o,
+  showBadgeBackground: e = !0,
+  dotSize: d,
+  ref: a
+}) => {
+  const {
+    i18n: n
+  } = c();
+  return /* @__PURE__ */ i(s, { ref: a, className: g("ttw:inline-flex ttw:items-center ttw:gap-1", r({
+    variant: t
+  }), o), dotClassName: r({
+    dotVariant: t
+  }), showBadgeBackground: e, showDotBorder: !e, dotSize: d, showDot: !0, children: w(n, t) });
 };
 export {
-  b as useMarkAsUncollectibleReceivableById
+  z as InvoiceRecurrenceIterationStatusChip
 };

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

@@ -1,76 +1,27 @@
-import { jsxs as a, jsx as e } from "@emotion/react/jsx-runtime";
-import { useMoniteContext as h } from "./index59.js";
-import { useCurrencies as y } from "./index60.js";
-import "react";
-import "./index94.js";
-import { useLingui as f } from "@lingui/react";
-import "react-dom";
-import "@mui/x-data-grid";
-import "@tanstack/react-query";
-import "date-fns";
-import { useEntityUserByAuthToken as x } from "./index77.js";
-import "react-hot-toast";
-import { MoniteCard as g } from "./index459.js";
-import _ from "@mui/icons-material/DriveFileRenameOutline";
-import { Box as o, Typography as r, Skeleton as v, Alert as b } from "@mui/material";
-const L = ({
-  paymentRecords: i,
-  invoice: n
-}) => {
+import { toast as c } from "react-hot-toast";
+import { useMoniteContext as n } from "./index58.js";
+import { useLingui as l } from "@lingui/react";
+const b = (e, t) => {
   const {
-    i18n: t
-  } = f(), {
-    locale: c
-  } = h(), {
-    formatCurrencyToDisplay: s
-  } = y(), d = new Date(i.payment_date ?? "").setHours(i.payment_time?.getHours() ?? 0, i.payment_time?.getMinutes() ?? 0), p = t.date(new Date(d), c.dateTimeFormat), {
-    data: l,
-    isLoading: u
-  } = x(), m = `${l?.first_name ?? ""} ${l?.last_name ?? ""}`;
-  return /* @__PURE__ */ a(o, { sx: {
-    display: "flex",
-    flexDirection: "column",
-    gap: 3
-  }, children: [
-    /* @__PURE__ */ a(o, { sx: {
-      display: "flex",
-      flexDirection: "column",
-      gap: 1,
-      alignItems: "center",
-      textAlign: "center"
-    }, children: [
-      /* @__PURE__ */ e(o, { sx: {
-        borderRadius: "100%",
-        backgroundColor: "#F2F2F2",
-        width: "44px",
-        height: "44px",
-        display: "flex",
-        justifyContent: "center",
-        alignItems: "center"
-      }, children: /* @__PURE__ */ e(_, { sx: {
-        color: "#707070"
-      } }) }),
-      /* @__PURE__ */ e(r, { variant: "body1", children: t._("Manual payment record") }),
-      /* @__PURE__ */ a(o, { children: [
-        /* @__PURE__ */ e(r, { variant: "h2", children: s(i?.amount ?? 0, n.currency) }),
-        /* @__PURE__ */ e(r, { variant: "body1", children: t._("from {invoiceCounterpart_name}", {
-          invoiceCounterpart_name: n.counterpart_name
-        }) })
-      ] })
-    ] }),
-    /* @__PURE__ */ e(g, { items: [{
-      label: t._("Received"),
-      value: i.payment_date ? /* @__PURE__ */ e(r, { fontWeight: 500, children: p }) : "—"
-    }, {
-      label: t._("Reference"),
-      value: n.id ? /* @__PURE__ */ e(r, { fontWeight: 500, children: n.id }) : "—"
-    }, {
-      label: t._("Created by"),
-      value: u ? /* @__PURE__ */ e(v, { variant: "text", width: "50%" }) : m ? /* @__PURE__ */ e(r, { fontWeight: 500, children: m }) : "—"
-    }] }),
-    /* @__PURE__ */ e(b, { severity: "warning", children: /* @__PURE__ */ e(r, { variant: "body2", children: t._("Please, check the details of your payment record. You won't be able to change or delete it after.") }) })
-  ] });
+    api: i,
+    queryClient: s
+  } = n(), {
+    i18n: a
+  } = l();
+  return i.finops.postReceivablesIdMarkAsUncollectible.useMutation({
+    path: {
+      receivable_id: e
+    }
+  }, {
+    onSuccess: async (o) => {
+      t?.(e), i.finops.getReceivablesId.setQueryData({
+        path: {
+          receivable_id: e
+        }
+      }, o, s), await i.finops.getReceivables.invalidateQueries(s), c.success(a._("Marked as uncollectible"));
+    }
+  });
 };
 export {
-  L as ManualPaymentRecordDetails
+  b as useMarkAsUncollectibleReceivableById
 };