@tesouro/embedded-components-react 0.2.97 → 0.2.106

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

@@ -1,25 +1,39 @@
-import { jsx as t, Fragment as o, jsxs as i } from "@emotion/react/jsx-runtime";
-import { Button as a } from "./index84.js";
-import { DialogHeader as l, DialogClose as c, DialogTitle as m, DialogDescription as d } from "./index209.js";
-import { useLingui as w } from "@lingui/react";
-import { X as p } from "lucide-react";
-const x = ({
-  formName: s,
-  isDisabled: r,
-  isRecurrenceEnabled: n
+import { jsx as o, jsxs as n } from "@emotion/react/jsx-runtime";
+import { LoadingSpinner as f } from "./index138.js";
+import { Button as t } from "./index84.js";
+import { Dialog as C, DialogContent as u, DialogHeader as D, DialogTitle as b, DialogDescription as w, DialogFooter as L } from "./index198.js";
+import { useLingui as x } from "@lingui/react";
+const N = ({
+  open: e,
+  title: l,
+  message: s,
+  children: c,
+  confirmLabel: d,
+  cancelLabel: m,
+  onClose: a,
+  onConfirm: p,
+  container: g,
+  isLoading: r = !1
 }) => {
   const {
-    i18n: e
-  } = w();
-  return /* @__PURE__ */ t(o, { children: /* @__PURE__ */ i(l, { className: "ttw:flex-row ttw:justify-between ttw:items-center", children: [
-    /* @__PURE__ */ i("div", { className: "ttw:flex ttw:items-center ttw:gap-4", children: [
-      /* @__PURE__ */ t(c, { asChild: !0, children: /* @__PURE__ */ t(a, { variant: "ghost", type: "button", className: "ttw:p-2 ttw:has-[>svg]:px-2", children: /* @__PURE__ */ t(p, { className: "ttw:size-6.5" }) }) }),
-      /* @__PURE__ */ t(m, { className: "ttw:text-2xl", children: e._("Create invoice") }),
-      /* @__PURE__ */ t(d, { className: "ttw:sr-only", children: e._("Modal for invoice creation") })
-    ] }),
-    /* @__PURE__ */ t("div", { className: "ttw:flex ttw:items-center ttw:gap-4", children: /* @__PURE__ */ t(a, { type: "submit", form: s, disabled: r, children: n ? e._("Activate") : e._("Save and continue") }, "next") })
+    i18n: h
+  } = x();
+  return /* @__PURE__ */ o(C, { open: e, onOpenChange: a, "aria-label": h._("Confirmation dialog"), children: /* @__PURE__ */ n(u, { container: g, showCloseButton: !1, children: [
+    /* @__PURE__ */ o(D, { children: /* @__PURE__ */ o(b, { children: l }) }),
+    /* @__PURE__ */ o(w, { children: s || c }),
+    /* @__PURE__ */ n(L, { children: [
+      /* @__PURE__ */ o(t, { onClick: (i) => {
+        i.stopPropagation(), a();
+      }, variant: "outline", children: m }),
+      /* @__PURE__ */ n(t, { onClick: (i) => {
+        i.stopPropagation(), p();
+      }, disabled: r, variant: "destructive", children: [
+        r && /* @__PURE__ */ o(f, { className: "ttw:w-5 ttw:h-5 ttw:border-inherit ttw:border-t-transparent" }),
+        d
+      ] })
+    ] })
   ] }) });
 };
 export {
-  x as InvoiceCreationHeader
+  N as ConfirmationModal
 };

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

@@ -1,272 +1,273 @@
-import { jsx as t, jsxs as a, Fragment as h } from "@emotion/react/jsx-runtime";
-import { useCounterpartById as Ct } from "./index70.js";
-import { Sheet as G, SheetContent as q, SheetHeader as St, SheetTitle as Dt, SheetDescription as Tt, SheetClose as $t } from "./index137.js";
-import { LoadingSpinner as At } from "./index138.js";
-import { useLingui as Lt } from "@lingui/react";
-import { getCounterpartName as D } from "./index7.js";
+import { jsx as t, jsxs as r, Fragment as h } from "@emotion/react/jsx-runtime";
+import { useCounterpartById as Dt } from "./index70.js";
+import { Sheet as H, SheetContent as q, SheetHeader as Tt, SheetTitle as At, SheetDescription as It, SheetClose as Lt } from "./index137.js";
+import { LoadingSpinner as $t } from "./index138.js";
+import { useLingui as kt } from "@lingui/react";
+import { getCounterpartName as T } from "./index7.js";
 import { Skeleton as c } from "./index139.js";
-import { useMoniteContext as It } from "./index57.js";
-import { DropdownMenu as kt, DropdownMenuTrigger as Bt, DropdownMenuContent as jt, DropdownMenuItem as Mt } from "./index140.js";
+import { useMoniteContext as Bt } from "./index57.js";
+import { DropdownMenu as jt, DropdownMenuTrigger as Mt, DropdownMenuContent as Ot, DropdownMenuItem as Ut } from "./index140.js";
 import { Button as f } from "./index84.js";
-import { MoreVerticalIcon as Ut, Trash2 as Et, X as Ot, EyeOff as Pt, Eye as Rt } from "lucide-react";
-import { DeleteCounterpartModal as Ft } from "./index141.js";
-import { useState as T, useCallback as Vt, Fragment as zt } from "react";
+import { MoreVerticalIcon as Et, Trash2 as Pt, X as Ft, EyeOff as Rt, Eye as Vt } from "lucide-react";
+import { DeleteCounterpartModal as Wt } from "./index141.js";
+import { useState as A, useCallback as zt, Fragment as Gt } from "react";
 import { Typography as i } from "./index85.js";
-import { useCurrencies as Wt } from "./index58.js";
-import { Separator as Gt } from "./index142.js";
+import { useCurrencies as Ht } from "./index58.js";
+import { Separator as qt } from "./index142.js";
 import { CounterpartContactDetailLine as m } from "./index143.js";
 import "react-hot-toast";
 import "date-fns";
-import { useDeleteCounterpartBank as qt } from "./index144.js";
-import { useCounterpartAddressesById as Ht } from "./index145.js";
-import { useGetCounterpartPayables as Kt } from "./index146.js";
-import { EditCounterpart as Qt } from "./index147.js";
-import { useUserPermissions as Xt } from "./index148.js";
+import { useDeleteCounterpartBank as Yt } from "./index144.js";
+import { useCounterpartAddressesById as Qt } from "./index145.js";
+import { useGetCounterpartPayables as Xt } from "./index146.js";
+import { EditCounterpart as Zt } from "./index147.js";
+import { useUserPermissions as Jt } 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 "@tanstack/react-query";
 import "../../shared/data-access/dist/lib/rest/zod.gen.js";
-import { Scope as $ } from "../../shared/data-access/dist/lib/scopes.js";
-import { useGetPayablesAnalytics as A } from "./index35.js";
-import { useGetReceivables as Yt } from "./index149.js";
-import { useGetReceivablesAnalytics as H } from "./index150.js";
+import { Scope as y } from "../../shared/data-access/dist/lib/scopes.js";
+import { useGetPayablesAnalytics as I } from "./index35.js";
+import { useGetReceivables as Kt } from "./index148.js";
+import { useGetReceivablesAnalytics as Y } from "./index149.js";
 import "./index92.js";
 import "react-dom";
 import "@mui/x-data-grid";
 import "react-hook-form";
-import { PayableStatusChip as K } from "./index151.js";
-import { CounterpartBankSection as Zt } from "./index152.js";
-import { useCounterpartsBankAccountsList as Jt } from "./index153.js";
-import { MoniteScopedProviders as te } from "./index83.js";
-import { InvoiceStatusChip as ee } from "./index55.js";
-import { CounterpartAddressSection as ae } from "./index154.js";
-import { NotFound as re } from "./index155.js";
-import { isBillOverdue as ie } from "./index156.js";
-const Ye = (n) => /* @__PURE__ */ t(te, { children: /* @__PURE__ */ t(oe, { ...n }) }), oe = ({
+import { PayableStatusChip as Q } from "./index150.js";
+import { CounterpartBankSection as te } from "./index151.js";
+import { useCounterpartsBankAccountsList as ee } from "./index152.js";
+import { MoniteScopedProviders as ae } from "./index83.js";
+import { InvoiceStatusChip as re } from "./index55.js";
+import { CounterpartAddressSection as ie } from "./index153.js";
+import { NotFound as oe } from "./index154.js";
+import { isBillOverdue as ne } from "./index155.js";
+const Ke = (n) => /* @__PURE__ */ t(ae, { children: /* @__PURE__ */ t(de, { ...n }) }), de = ({
   counterpartId: n,
   customerType: u,
   open: L,
-  isEditMode: Q = !1,
-  showActionsMenu: X = !0,
-  onClose: v,
-  onPayVendor: I
+  isEditMode: X = !1,
+  showActionsMenu: Z = !0,
+  onClose: g,
+  onPayVendor: $,
+  onCreateInvoiceForCustomer: k
 }) => {
   const {
     i18n: e
-  } = Lt(), {
-    locale: k
-  } = It(), y = Xt(), {
+  } = kt(), {
+    locale: B
+  } = Bt(), _ = Jt(), {
     formatCurrencyToDisplay: p
-  } = Wt(), [B, g] = T(!1), [j, Y] = T(!1), [M, b] = T(Q), r = u === "vendor", Z = r && !!I && y.has($.PayableWriteOrg), {
+  } = Ht(), [j, b] = A(!1), [M, J] = A(!1), [O, N] = A(X), a = u === "vendor", K = a && !!$ && _.has(y.PayableWriteOrg), tt = !a && !!k && _.has(y.InvoiceWriteOrg), {
     data: o,
     isLoading: l,
-    isFetching: J
-  } = Ct(n), {
-    data: tt,
-    isLoading: et
-  } = Ht(n), {
+    isFetching: et
+  } = Dt(n), {
     data: at,
     isLoading: rt
-  } = Jt(n), {
-    mutate: it
-  } = qt(n), {
-    data: ot,
+  } = Qt(n), {
+    data: it,
+    isLoading: ot
+  } = ee(n), {
+    mutate: nt
+  } = Yt(n), {
+    data: dt,
     isLoading: U
-  } = A({
+  } = I({
     dimension: "counterpart_id",
     metric: "total_amount",
     aggregation_function: "summary",
     status__in: ["new", "approve_in_progress", "waiting_to_be_paid", "partially_paid", "paid"],
     counterpart_id__in: [n]
-  }, r), {
-    data: nt,
+  }, a), {
+    data: st,
     isLoading: E
-  } = A({
+  } = I({
     dimension: "counterpart_id",
     metric: "amount_due",
     aggregation_function: "summary",
     status__in: ["new", "approve_in_progress", "waiting_to_be_paid", "partially_paid"],
     counterpart_id__in: [n]
-  }, r), {
-    data: dt,
-    isLoading: st
-  } = A({
+  }, a), {
+    data: lt,
+    isLoading: ct
+  } = I({
     dimension: "counterpart_id",
     metric: "total_amount",
     aggregation_function: "summary",
     status__in: ["rejected"],
     counterpart_id__in: [n]
-  }, r), {
-    data: lt
-  } = Kt({
+  }, a), {
+    data: mt
+  } = Xt({
     counterpart_id: n,
     sort: "created_at",
     order: "desc",
     limit: 4
-  }, r), {
-    data: ct,
-    isLoading: O
-  } = H({
+  }, a), {
+    data: ut,
+    isLoading: P
+  } = Y({
     dimension: "counterpart_id",
     metric: "total_amount",
     aggregation_function: "summary",
     type: "invoice",
     status__in: ["issued", "overdue", "partially_paid", "paid"],
     counterpart_id__in: [n]
-  }, !r), {
-    data: mt,
-    isLoading: P
-  } = H({
+  }, !a), {
+    data: pt,
+    isLoading: F
+  } = Y({
     dimension: "counterpart_id",
     metric: "amount_due",
     aggregation_function: "summary",
     type: "invoice",
     status__in: ["issued", "overdue", "partially_paid"],
     counterpart_id__in: [n]
-  }, !r), {
-    data: ut
-  } = Yt({
+  }, !a), {
+    data: wt
+  } = Kt({
     counterpart_id: n,
     sort: "created_at",
     order: "desc",
     limit: 4
-  }, !r), N = y.has($.CounterpartWriteOrg), R = y.has($.CounterpartWriteOrg), pt = Vt(() => o && "individual" in o ? [o.individual?.email ?? "-", o.individual?.phone ?? "-"] : [o?.organization?.email ?? "-", o?.organization?.phone ?? "-"], [o]), F = at?.data?.[0], V = r ? nt?.data?.[0]?.metric_value ?? 0 : mt?.data?.[0]?.metric_value ?? 0, z = r ? ot?.data?.[0]?.metric_value ?? 0 : ct?.data?.[0]?.metric_value ?? 0, wt = z - V, ht = r ? E : P, ft = r ? U : O, _t = r ? E || U : O || P, vt = r ? dt?.data?.[0]?.metric_value ?? 0 : 0, yt = r ? st : !1, _ = r ? lt?.data : ut?.data, s = tt?.data?.[0], x = s?.city || "", C = s?.state || "", S = s?.postal_code || "", w = o?.tax_id, gt = w ? j ? w : w.slice(0, 3).padEnd(w.length, "•") : "-", [bt, Nt] = pt();
-  return !l && !J && !o ? /* @__PURE__ */ t(G, { open: L, onOpenChange: v, children: /* @__PURE__ */ t(q, { showCloseButton: !0, className: "ttw:gap-0", children: /* @__PURE__ */ t("div", { className: "ttw:w-3/4 ttw:m-auto ttw:p-4", children: /* @__PURE__ */ t(re, { title: e._("{customerType} not found", {
+  }, !a), x = _.has(y.CounterpartWriteOrg), R = _.has(y.CounterpartWriteOrg), ht = zt(() => o && "individual" in o ? [o.individual?.email ?? "-", o.individual?.phone ?? "-"] : [o?.organization?.email ?? "-", o?.organization?.phone ?? "-"], [o]), V = it?.data?.[0], W = a ? st?.data?.[0]?.metric_value ?? 0 : pt?.data?.[0]?.metric_value ?? 0, z = a ? dt?.data?.[0]?.metric_value ?? 0 : ut?.data?.[0]?.metric_value ?? 0, ft = z - W, _t = a ? E : F, vt = a ? U : P, yt = a ? E || U : P || F, gt = a ? lt?.data?.[0]?.metric_value ?? 0 : 0, bt = a ? ct : !1, v = a ? mt?.data : wt?.data, s = at?.data?.[0], C = s?.city || "", S = s?.state || "", D = s?.postal_code || "", w = o?.tax_id, Nt = w ? M ? w : w.slice(0, 3).padEnd(w.length, "•") : "-", [xt, Ct] = ht();
+  return !l && !et && !o ? /* @__PURE__ */ t(H, { open: L, onOpenChange: g, children: /* @__PURE__ */ t(q, { showCloseButton: !0, className: "ttw:gap-0", children: /* @__PURE__ */ t("div", { className: "ttw:w-3/4 ttw:m-auto ttw:p-4", children: /* @__PURE__ */ t(oe, { title: e._("{customerType} not found", {
     customerType: u === "vendor" ? "Vendor" : "Customer"
   }), description: e._("Something went wrong while fetching this {customerType}", {
     customerType: u
-  }) }) }) }) }) : /* @__PURE__ */ a(h, { children: [
-    /* @__PURE__ */ t(G, { open: L, onOpenChange: v, children: /* @__PURE__ */ a(q, { showCloseButton: !1, className: "ttw:gap-0", children: [
-      /* @__PURE__ */ a(St, { className: "ttw:pt-6 ttw:pl-6 ttw:pb-7 ttw:flex-row ttw:gap-3 ttw:border-b ttw:border-border", children: [
-        /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-col ttw:gap-1.5 ttw:w-[85%]", children: [
-          /* @__PURE__ */ t(Dt, { asChild: l, className: "ttw:text-2xl", children: l ? /* @__PURE__ */ t(c, { className: "ttw:w-40" }) : D(o) }),
-          /* @__PURE__ */ t(Tt, { asChild: l, children: l ? /* @__PURE__ */ t(c, { className: "ttw:w-60" }) : e._("{customerType} · Added {createdAt}", {
-            createdAt: e.date(o?.created_at, k.dateFormat),
-            customerType: r ? "Vendor" : "Customer"
+  }) }) }) }) }) : /* @__PURE__ */ r(h, { children: [
+    /* @__PURE__ */ t(H, { open: L, onOpenChange: g, children: /* @__PURE__ */ r(q, { showCloseButton: !1, className: "ttw:gap-0", children: [
+      /* @__PURE__ */ r(Tt, { className: "ttw:pt-6 ttw:pl-6 ttw:pb-7 ttw:flex-row ttw:gap-3 ttw:border-b ttw:border-border", children: [
+        /* @__PURE__ */ r("div", { className: "ttw:flex ttw:flex-col ttw:gap-1.5 ttw:w-[85%]", children: [
+          /* @__PURE__ */ t(At, { asChild: l, className: "ttw:text-2xl", children: l ? /* @__PURE__ */ t(c, { className: "ttw:w-40" }) : T(o) }),
+          /* @__PURE__ */ t(It, { asChild: l, children: l ? /* @__PURE__ */ t(c, { className: "ttw:w-60" }) : e._("{customerType} · Added {createdAt}", {
+            createdAt: e.date(o?.created_at, B.dateFormat),
+            customerType: a ? "Vendor" : "Customer"
           }) })
         ] }),
-        /* @__PURE__ */ a("div", { className: "ttw:flex ttw:gap-2", children: [
-          X && R && /* @__PURE__ */ a(kt, { children: [
-            /* @__PURE__ */ t(Bt, { asChild: !0, children: /* @__PURE__ */ t(f, { type: "button", variant: "outline", className: "ttw:p-2 ttw:size-9 ttw:border-none ttw:bg-muted", children: /* @__PURE__ */ t(Ut, {}) }) }),
-            /* @__PURE__ */ t(jt, { align: "end", children: /* @__PURE__ */ a(Mt, { onClick: () => g(!0), variant: "destructive", children: [
-              /* @__PURE__ */ t(Et, {}),
+        /* @__PURE__ */ r("div", { className: "ttw:flex ttw:gap-2", children: [
+          Z && R && /* @__PURE__ */ r(jt, { children: [
+            /* @__PURE__ */ t(Mt, { asChild: !0, children: /* @__PURE__ */ t(f, { type: "button", variant: "outline", className: "ttw:p-2 ttw:size-9 ttw:border-none ttw:bg-muted", children: /* @__PURE__ */ t(Et, {}) }) }),
+            /* @__PURE__ */ t(Ot, { align: "end", children: /* @__PURE__ */ r(Ut, { onClick: () => b(!0), variant: "destructive", children: [
+              /* @__PURE__ */ t(Pt, {}),
               e._("Delete {customerType}", {
                 customerType: u
               })
             ] }) })
           ] }),
-          /* @__PURE__ */ t($t, { className: "ttw:size-9 ttw:bg-muted ttw:p-2 ttw:flex ttw:items-center ttw:justify-center ttw:rounded-md ttw:cursor-pointer", children: /* @__PURE__ */ t(Ot, { className: "ttw:size-4" }) })
+          /* @__PURE__ */ t(Lt, { className: "ttw:size-9 ttw:bg-muted ttw:p-2 ttw:flex ttw:items-center ttw:justify-center ttw:rounded-md ttw:cursor-pointer", children: /* @__PURE__ */ t(Ft, { className: "ttw:size-4" }) })
         ] })
       ] }),
-      l ? /* @__PURE__ */ t("div", { className: "ttw:flex ttw:w-full ttw:h-full ttw:items-center ttw:justify-center", children: /* @__PURE__ */ t(At, {}) }) : /* @__PURE__ */ a("main", { className: "ttw:p-6 ttw:overflow-auto ttw:flex ttw:flex-col ttw:gap-4", children: [
-        /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-col ttw:gap-4 ttw:pb-3", children: [
-          /* @__PURE__ */ a("div", { className: "ttw:p-5 ttw:flex ttw:flex-col ttw:gap-4 ttw:bg-muted ttw:rounded-xl", children: [
+      l ? /* @__PURE__ */ t("div", { className: "ttw:flex ttw:w-full ttw:h-full ttw:items-center ttw:justify-center", children: /* @__PURE__ */ t($t, {}) }) : /* @__PURE__ */ r("main", { className: "ttw:p-6 ttw:overflow-auto ttw:flex ttw:flex-col ttw:gap-4", children: [
+        /* @__PURE__ */ r("div", { className: "ttw:flex ttw:flex-col ttw:gap-4 ttw:pb-3", children: [
+          /* @__PURE__ */ r("div", { className: "ttw:p-5 ttw:flex ttw:flex-col ttw:gap-4 ttw:bg-muted ttw:rounded-xl", children: [
             /* @__PURE__ */ t(i, { variant: "body2", color: "muted", children: e._("Amount due") }),
-            ht ? /* @__PURE__ */ t(c, { className: "ttw:w-20" }) : /* @__PURE__ */ t(i, { variant: "h1", className: "ttw:font-semibold", children: p(V, "USD") }),
-            /* @__PURE__ */ a("div", { className: "ttw:flex ttw:gap-8", children: [
-              /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-col ttw:gap-0.5", children: [
+            _t ? /* @__PURE__ */ t(c, { className: "ttw:w-20" }) : /* @__PURE__ */ t(i, { variant: "h1", className: "ttw:font-semibold", children: p(W, "USD") }),
+            /* @__PURE__ */ r("div", { className: "ttw:flex ttw:gap-8", children: [
+              /* @__PURE__ */ r("div", { className: "ttw:flex ttw:flex-col ttw:gap-0.5", children: [
                 /* @__PURE__ */ t(i, { variant: "caption", color: "muted", children: e._("Billed") }),
-                ft ? /* @__PURE__ */ t(c, { className: "ttw:w-20" }) : /* @__PURE__ */ t(i, { variant: "body1", className: "ttw:font-semibold", children: p(z, "USD") })
+                vt ? /* @__PURE__ */ t(c, { className: "ttw:w-20" }) : /* @__PURE__ */ t(i, { variant: "body1", className: "ttw:font-semibold", children: p(z, "USD") })
               ] }),
-              /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-col ttw:gap-0.5", children: [
-                /* @__PURE__ */ t(i, { variant: "caption", color: "muted", children: r ? e._("Paid") : e._("Received") }),
-                _t ? /* @__PURE__ */ t(c, { className: "ttw:w-20" }) : /* @__PURE__ */ t(i, { variant: "body1", className: "ttw:text-green-600 ttw:font-semibold", children: p(wt, "USD") })
+              /* @__PURE__ */ r("div", { className: "ttw:flex ttw:flex-col ttw:gap-0.5", children: [
+                /* @__PURE__ */ t(i, { variant: "caption", color: "muted", children: a ? e._("Paid") : e._("Received") }),
+                yt ? /* @__PURE__ */ t(c, { className: "ttw:w-20" }) : /* @__PURE__ */ t(i, { variant: "body1", className: "ttw:text-green-600 ttw:font-semibold", children: p(ft, "USD") })
               ] }),
-              r && /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-col ttw:gap-0.5", children: [
+              a && /* @__PURE__ */ r("div", { className: "ttw:flex ttw:flex-col ttw:gap-0.5", children: [
                 /* @__PURE__ */ t(i, { variant: "caption", color: "muted", children: e._("Rejected") }),
-                yt ? /* @__PURE__ */ t(c, { className: "ttw:w-20" }) : /* @__PURE__ */ t(i, { variant: "body1", className: "ttw:font-semibold", children: p(vt, "USD") })
+                bt ? /* @__PURE__ */ t(c, { className: "ttw:w-20" }) : /* @__PURE__ */ t(i, { variant: "body1", className: "ttw:font-semibold", children: p(gt, "USD") })
               ] })
             ] })
           ] }),
-          /* @__PURE__ */ t(f, { className: "ttw:px-6 ttw:py-2 ttw:w-60", disabled: !Z, onClick: () => I?.(n), children: r ? e._("Send a payment") : e._("Issue an invoice") })
+          /* @__PURE__ */ t(f, { className: "ttw:px-6 ttw:py-2 ttw:w-60", disabled: a ? !K : !tt, onClick: () => a ? $?.(n) : k?.(n), children: a ? e._("Send a payment") : e._("Issue an invoice") })
         ] }),
-        _ && _.length > 0 && /* @__PURE__ */ a("div", { className: "ttw:border-t ttw:border-border ttw:flex ttw:flex-col", children: [
-          /* @__PURE__ */ a("div", { className: "ttw:flex ttw:items-center ttw:justify-between ttw:gap-3 ttw:pt-6 ttw:pb-7", children: [
-            /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-col ttw:gap-1.5", children: [
+        v && v.length > 0 && /* @__PURE__ */ r("div", { className: "ttw:border-t ttw:border-border ttw:flex ttw:flex-col", children: [
+          /* @__PURE__ */ r("div", { className: "ttw:flex ttw:items-center ttw:justify-between ttw:gap-3 ttw:pt-6 ttw:pb-7", children: [
+            /* @__PURE__ */ r("div", { className: "ttw:flex ttw:flex-col ttw:gap-1.5", children: [
               /* @__PURE__ */ t(i, { variant: "body1", className: "ttw:font-medium", children: e._("Recent {document}", {
-                document: r ? "bills" : "invoices"
+                document: a ? "bills" : "invoices"
               }) }),
-              /* @__PURE__ */ t(i, { variant: "body2", color: "muted", children: r ? e._("Sorted by issue date") : e._("Latest activity") })
+              /* @__PURE__ */ t(i, { variant: "body2", color: "muted", children: a ? e._("Sorted by issue date") : e._("Latest activity") })
             ] }),
             /* @__PURE__ */ t(f, { variant: "ghost", className: "ttw:hidden ttw:text-primary ttw:hover:text-primary", children: e._("View all") })
           ] }),
-          /* @__PURE__ */ t("div", { className: "ttw:border ttw:border-border ttw:rounded-lg ttw:p-4 ttw:flex ttw:flex-col ttw:gap-3", children: _.map((d, xt) => {
-            const W = r ? ie(d?.status, d?.due_date) : void 0;
-            return /* @__PURE__ */ a(zt, { children: [
-              /* @__PURE__ */ a("div", { className: "ttw:flex ttw:items-start ttw:justify-between", children: [
-                /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-col ttw:gap-1.5", children: [
+          /* @__PURE__ */ t("div", { className: "ttw:border ttw:border-border ttw:rounded-lg ttw:p-4 ttw:flex ttw:flex-col ttw:gap-3", children: v.map((d, St) => {
+            const G = a ? ne(d?.status, d?.due_date) : void 0;
+            return /* @__PURE__ */ r(Gt, { children: [
+              /* @__PURE__ */ r("div", { className: "ttw:flex ttw:items-start ttw:justify-between", children: [
+                /* @__PURE__ */ r("div", { className: "ttw:flex ttw:flex-col ttw:gap-1.5", children: [
                   /* @__PURE__ */ t(i, { variant: "h5", className: "ttw:font-medium", children: p(d.total_amount ?? 0, d.currency ?? "USD") }),
-                  /* @__PURE__ */ t(i, { variant: "body2", color: W ? "destructive" : "muted", children: e.date("issued_at" in d ? d.issued_at : d.created_at, k.dateFormat) })
+                  /* @__PURE__ */ t(i, { variant: "body2", color: G ? "destructive" : "muted", children: e.date("issued_at" in d ? d.issued_at : d.created_at, B.dateFormat) })
                 ] }),
-                r ? /* @__PURE__ */ a("div", { className: "ttw:flex ttw:items-center ttw:gap-2", children: [
-                  W && /* @__PURE__ */ t(K, { status: d.status, dueDate: "due_date" in d ? d.due_date : void 0, showOverdueBadge: !0 }),
-                  /* @__PURE__ */ t(K, { status: d.status, dueDate: "due_date" in d ? d.due_date : void 0 })
-                ] }) : /* @__PURE__ */ t(ee, { status: d.status })
+                a ? /* @__PURE__ */ r("div", { className: "ttw:flex ttw:items-center ttw:gap-2", children: [
+                  G && /* @__PURE__ */ t(Q, { status: d.status, dueDate: "due_date" in d ? d.due_date : void 0, showOverdueBadge: !0 }),
+                  /* @__PURE__ */ t(Q, { status: d.status, dueDate: "due_date" in d ? d.due_date : void 0 })
+                ] }) : /* @__PURE__ */ t(re, { status: d.status })
               ] }),
-              xt < _.length - 1 && /* @__PURE__ */ t(Gt, {})
+              St < v.length - 1 && /* @__PURE__ */ t(qt, {})
             ] }, d.id);
           }) })
         ] }),
-        /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-col ttw:gap-4", children: [
-          /* @__PURE__ */ a("div", { className: "ttw:flex ttw:items-center ttw:justify-between ttw:gap-3 ttw:pt-6 ttw:pb-7 ttw:border-b ttw:border-border", children: [
-            /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-col ttw:gap-1.5", children: [
+        /* @__PURE__ */ r("div", { className: "ttw:flex ttw:flex-col ttw:gap-4", children: [
+          /* @__PURE__ */ r("div", { className: "ttw:flex ttw:items-center ttw:justify-between ttw:gap-3 ttw:pt-6 ttw:pb-7 ttw:border-b ttw:border-border", children: [
+            /* @__PURE__ */ r("div", { className: "ttw:flex ttw:flex-col ttw:gap-1.5", children: [
               /* @__PURE__ */ t(i, { variant: "body1", className: "ttw:font-medium", children: e._("{customerType} details", {
-                customerType: r ? "Vendor" : "Customer"
+                customerType: a ? "Vendor" : "Customer"
               }) }),
-              /* @__PURE__ */ t(i, { variant: "body2", color: "muted", children: r ? e._("Who are you paying?") : e._("Who are you billing?") })
+              /* @__PURE__ */ t(i, { variant: "body2", color: "muted", children: a ? e._("Who are you paying?") : e._("Who are you billing?") })
             ] }),
-            !M && N && /* @__PURE__ */ t(f, { type: "button", variant: "ghost", className: "ttw:text-primary ttw:hover:text-primary", onClick: () => b(!0), children: e._("Edit") })
+            !O && x && /* @__PURE__ */ t(f, { type: "button", variant: "ghost", className: "ttw:text-primary ttw:hover:text-primary", onClick: () => N(!0), children: e._("Edit") })
           ] }),
-          M && o ? /* @__PURE__ */ t(Qt, { customerType: u, counterpart: o, counterpartAddress: s, handleClose: () => b(!1), onUpdate: () => b(!1) }) : /* @__PURE__ */ a("ul", { className: "ttw:list-none", children: [
+          O && o ? /* @__PURE__ */ t(Zt, { customerType: u, counterpart: o, counterpartAddress: s, handleClose: () => N(!1), onUpdate: () => N(!1) }) : /* @__PURE__ */ r("ul", { className: "ttw:list-none", children: [
             /* @__PURE__ */ t(m, { label: e._("Type"), value: o?.type === "individual" ? "Person" : "Business" }),
-            /* @__PURE__ */ t(m, { label: e._("Name"), value: D(o) }),
-            /* @__PURE__ */ t(m, { label: e._("Email"), value: bt }),
-            !r && /* @__PURE__ */ t(m, { label: e._("Payment reminders"), value: o?.reminders_enabled ? "Enabled" : "Disabled" }),
-            /* @__PURE__ */ t(m, { label: e._("Phone"), value: Nt }),
+            /* @__PURE__ */ t(m, { label: e._("Name"), value: T(o) }),
+            /* @__PURE__ */ t(m, { label: e._("Email"), value: xt }),
+            !a && /* @__PURE__ */ t(m, { label: e._("Payment reminders"), value: o?.reminders_enabled ? "Enabled" : "Disabled" }),
+            /* @__PURE__ */ t(m, { label: e._("Phone"), value: Ct }),
             /* @__PURE__ */ t(m, { label: e._("Tax ID / {documentType}", {
               documentType: o?.type === "individual" ? "SSN" : "EIN"
-            }), value: /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-col ttw:gap-1", children: [
-              /* @__PURE__ */ a("div", { className: "ttw:flex ttw:items-center ttw:gap-2", children: [
-                /* @__PURE__ */ t(i, { variant: "body2", className: "ttw:font-medium", children: gt }),
-                w && /* @__PURE__ */ t(f, { onClick: () => Y((d) => !d), type: "button", size: "sm", variant: "outline", className: "ttw:border-border ttw:h-5 ttw:p-2", children: j ? /* @__PURE__ */ a(h, { children: [
-                  /* @__PURE__ */ t(Pt, {}),
-                  e._("Hide")
-                ] }) : /* @__PURE__ */ a(h, { children: [
+            }), value: /* @__PURE__ */ r("div", { className: "ttw:flex ttw:flex-col ttw:gap-1", children: [
+              /* @__PURE__ */ r("div", { className: "ttw:flex ttw:items-center ttw:gap-2", children: [
+                /* @__PURE__ */ t(i, { variant: "body2", className: "ttw:font-medium", children: Nt }),
+                w && /* @__PURE__ */ t(f, { onClick: () => J((d) => !d), type: "button", size: "sm", variant: "outline", className: "ttw:border-border ttw:h-5 ttw:p-2", children: M ? /* @__PURE__ */ r(h, { children: [
                   /* @__PURE__ */ t(Rt, {}),
+                  e._("Hide")
+                ] }) : /* @__PURE__ */ r(h, { children: [
+                  /* @__PURE__ */ t(Vt, {}),
                   e._("Show")
                 ] }) })
               ] }),
-              /* @__PURE__ */ t(i, { variant: "body2", color: "muted", children: r ? e._("Required only if you'll file a 1099 IRS form for this vendor at year-end.") : e._("Required only if you'll issue a 1099 IRS form at year-end.") })
+              /* @__PURE__ */ t(i, { variant: "body2", color: "muted", children: a ? e._("Required only if you'll file a 1099 IRS form for this vendor at year-end.") : e._("Required only if you'll issue a 1099 IRS form at year-end.") })
             ] }) }),
-            r && /* @__PURE__ */ t(m, { label: e._("Address"), isLast: !0, value: /* @__PURE__ */ t("div", { className: "ttw:flex ttw:flex-col ttw:gap-1.5", children: et ? /* @__PURE__ */ t(c, { className: "ttw:w-20" }) : /* @__PURE__ */ t(h, { children: s ? /* @__PURE__ */ a(h, { children: [
+            a && /* @__PURE__ */ t(m, { label: e._("Address"), isLast: !0, value: /* @__PURE__ */ t("div", { className: "ttw:flex ttw:flex-col ttw:gap-1.5", children: rt ? /* @__PURE__ */ t(c, { className: "ttw:w-20" }) : /* @__PURE__ */ t(h, { children: s ? /* @__PURE__ */ r(h, { children: [
               /* @__PURE__ */ t(i, { variant: "body2", className: "ttw:font-medium", children: s?.line1 }),
               s?.line2 && /* @__PURE__ */ t(i, { variant: "body2", className: "ttw:font-medium", children: s.line2 }),
-              /* @__PURE__ */ t(i, { variant: "body2", className: "ttw:font-medium", children: `${x && x}${x && (C || S) && ","} ${C && C} ${S && S}` }),
+              /* @__PURE__ */ t(i, { variant: "body2", className: "ttw:font-medium", children: `${C && C}${C && (S || D) && ","} ${S && S} ${D && D}` }),
               /* @__PURE__ */ t(i, { variant: "body2", className: "ttw:font-medium", children: s?.country })
             ] }) : /* @__PURE__ */ t(i, { variant: "body2", className: "ttw:font-medium", children: "-" }) }) }) })
           ] })
         ] }),
-        !r && /* @__PURE__ */ t(ae, { isStandalone: !0, isLoading: l, counterpartAddress: s, customerType: u, counterpartId: o?.id, isUpdateAllowed: N }),
-        r && /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-col ttw:border-t ttw:border-border", children: [
-          /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-col ttw:gap-1.5 ttw:pt-6 ttw:pb-7", children: [
+        !a && /* @__PURE__ */ t(ie, { isStandalone: !0, isLoading: l, counterpartAddress: s, customerType: u, counterpartId: o?.id, isUpdateAllowed: x }),
+        a && /* @__PURE__ */ r("div", { className: "ttw:flex ttw:flex-col ttw:border-t ttw:border-border", children: [
+          /* @__PURE__ */ r("div", { className: "ttw:flex ttw:flex-col ttw:gap-1.5 ttw:pt-6 ttw:pb-7", children: [
             /* @__PURE__ */ t(i, { variant: "body1", className: "ttw:font-medium", children: e._("Accepted payment methods") }),
             /* @__PURE__ */ t(i, { variant: "body2", color: "muted", children: e._("How and where will the money be sent. Don't have these yet? No problem. You can save this vendor and add their payment details later - you just won't be able to send payments until you do.") })
           ] }),
-          /* @__PURE__ */ t(Zt, { counterpartId: o?.id, bankAccount: F, isUpdateAllowed: N, isDeleteAllowed: R, isStandalone: !0, isLoading: rt, onRemoveClick: () => it({
+          /* @__PURE__ */ t(te, { counterpartId: o?.id, bankAccount: V, isUpdateAllowed: x, isDeleteAllowed: R, isStandalone: !0, isLoading: ot, onRemoveClick: () => nt({
             path: {
-              bank_account_id: F?.id || "",
+              bank_account_id: V?.id || "",
               counterpart_id: n
             }
           }) })
         ] })
       ] })
     ] }) }),
-    n && B && /* @__PURE__ */ t(Ft, { counterpartId: n, counterpartName: D(o), isOpen: B, onDelete: () => {
-      v?.(), g(!1);
-    }, onCancel: () => g(!1) })
+    n && j && /* @__PURE__ */ t(Wt, { counterpartId: n, counterpartName: T(o), isOpen: j, onDelete: () => {
+      g?.(), b(!1);
+    }, onCancel: () => b(!1) })
   ] });
 };
 export {
-  Ye as CounterpartDetails
+  Ke as CounterpartDetails
 };

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

@@ -1,31 +1,10 @@
-import { useMoniteContext as a } from "./index57.js";
-import { getAPIErrorMessage as n } from "./index120.js";
-import { useLingui as c } from "@lingui/react";
-import { toast as t } from "react-hot-toast";
-const f = () => {
+import { useMoniteContext as s } from "./index57.js";
+const n = () => {
   const {
-    i18n: r
-  } = c(), {
-    api: o
-  } = a();
-  return o.finops.postReceivables.useMutation({}, {
-    onSuccess: async (e) => {
-      if (e.counterpart_name)
-        return t.success(r._("Invoice to {counterpartName} was created", {
-          counterpartName: e.counterpart_name
-        }));
-      t.success(r._("{type} has been created", {
-        type: e.type
-      }));
-    },
-    onError: (e) => {
-      const s = n(r, e);
-      t.error(r._("Failed to create invoice: {errorMessage}", {
-        errorMessage: s
-      }));
-    }
-  });
+    api: e
+  } = s();
+  return e.finops.getMeasureUnits.useQuery();
 };
 export {
-  f as useCreateReceivable
+  n as useGetMeasureUnits
 };

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

@@ -1,23 +1,49 @@
-import { useMoniteContext as n } from "./index57.js";
-import { getAPIErrorMessage as i } from "./index120.js";
-import { useLingui as a } from "@lingui/react";
-import { toast as s } from "react-hot-toast";
-const f = () => {
+import { jsxs as e, jsx as t } from "@emotion/react/jsx-runtime";
+import { Typography as l } from "./index85.js";
+import { useLingui as m } from "@lingui/react";
+import { PaymentSection as c } from "./index339.js";
+import { useFormContext as p, Controller as w } from "react-hook-form";
+import { Field as f, FieldContent as h, FieldLabel as u, FieldError as b } from "./index158.js";
+import { Input as g } from "./index123.js";
+import { RecurrenceSection as x } from "./index340.js";
+import { RemindersSection as y } from "./index341.js";
+const j = ({
+  paymentTerms: n,
+  disabled: i,
+  isPaymentTermsLoading: d
+}) => {
   const {
-    api: e,
-    queryClient: o
-  } = n(), {
     i18n: r
-  } = a();
-  return e.finops.postRecurrences.useMutation(void 0, {
-    onError(t) {
-      s.error(i(r, t));
-    },
-    async onSuccess() {
-      await e.finops.getReceivables.invalidateQueries(o), s.success(r._("Recurrence has been created"));
-    }
-  });
+  } = m(), {
+    control: s
+  } = p();
+  return /* @__PURE__ */ e("div", { className: "ttw:flex ttw:flex-col ttw:p-6 ttw:gap-2.5 ttw:border ttw:border-border ttw:rounded-xl", children: [
+    /* @__PURE__ */ e("div", { className: "ttw:flex ttw:flex-col ttw:gap-2.5 ttw:pb-4", children: [
+      /* @__PURE__ */ t(l, { variant: "h4", children: r._("Billing details") }),
+      /* @__PURE__ */ t(l, { variant: "body2", color: "muted", className: "ttw:font-medium", children: r._("What are the billing terms?") })
+    ] }),
+    /* @__PURE__ */ e("div", { className: "ttw:flex ttw:flex-col ttw:gap-6", children: [
+      /* @__PURE__ */ t(x, {}),
+      /* @__PURE__ */ e("div", { className: "ttw:flex ttw:items-start ttw:gap-2.5 ttw:w-full", children: [
+        /* @__PURE__ */ t(c, { paymentTerms: n, disabled: i, isLoading: d }),
+        /* @__PURE__ */ t(w, { name: "purchase_order", control: s, render: ({
+          field: a,
+          fieldState: {
+            error: o
+          }
+        }) => /* @__PURE__ */ t(f, { children: /* @__PURE__ */ e(h, { children: [
+          /* @__PURE__ */ e(u, { htmlFor: a.name, className: "ttw:text-nowrap", children: [
+            r._("PO Number"),
+            /* @__PURE__ */ t(l, { variant: "body2", color: "muted", className: "ttw:leading-snug", children: r._("(optional)") })
+          ] }),
+          /* @__PURE__ */ t(g, { ...a, id: a.name, disabled: i, "aria-invalid": !!o }),
+          /* @__PURE__ */ t(b, { errors: o ? [o] : [] })
+        ] }) }) })
+      ] }),
+      /* @__PURE__ */ t(y, { disabled: i })
+    ] })
+  ] });
 };
 export {
-  f as useCreateRecurrence
+  j as BillingSection
 };