@tesouro/embedded-components-react 0.2.91 → 0.2.93

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

@@ -1,21 +1,194 @@
-import { jsxs as i, jsx as t } from "@emotion/react/jsx-runtime";
-import { Typography as r } from "./index85.js";
-import { ChevronRight as s } from "lucide-react";
-function d({
-  label: e,
-  name: o,
-  onOpenCounterpart: n
-}) {
-  const a = "ttw:flex ttw:items-center ttw:gap-4 ttw:border-b ttw:border-border ttw:py-3 ttw:last:border-b-0";
-  return n ? /* @__PURE__ */ i("button", { type: "button", onClick: n, "aria-haspopup": "dialog", className: `ttw:group ttw:w-full ttw:cursor-pointer ttw:rounded-sm ttw:text-left ttw:outline-none ttw:focus-visible:ring-ring/50 ttw:focus-visible:ring-[3px] ${a}`, children: [
-    /* @__PURE__ */ t(r, { component: "span", variant: "body2", color: "muted", className: "ttw:w-40 ttw:shrink-0", children: e }),
-    /* @__PURE__ */ t(r, { component: "span", variant: "body2", color: "primary", className: "ttw:underline-offset-4 ttw:group-hover:underline", children: o }),
-    /* @__PURE__ */ t(s, { className: "ttw:ml-auto ttw:size-4 ttw:shrink-0 ttw:text-muted-foreground", "aria-hidden": "true" })
-  ] }) : /* @__PURE__ */ i("div", { className: a, children: [
-    /* @__PURE__ */ t(r, { component: "span", variant: "body2", color: "muted", className: "ttw:w-40 ttw:shrink-0", children: e }),
-    /* @__PURE__ */ t(r, { component: "span", variant: "body2", children: o })
-  ] });
+import { formatDateRangeFilterChip as T, formatFilterChipMultiSelectValueSegment as N } from "./index97.js";
+import { useMoniteContext as D } from "./index57.js";
+import { useCurrencies as k } from "./index58.js";
+import { toMinorUnits as $ } from "./index117.js";
+import { useState as C, useMemo as l, useCallback as d } from "react";
+import { formatISO as m } from "date-fns";
+import { DATE_PRESETS as p, resolveDatePreset as A } from "./index413.js";
+const _ = [{
+  value: "draft",
+  label: "New"
+}, {
+  value: "pending_approval",
+  label: "Pending approval"
+}, {
+  value: "ready_to_pay",
+  label: "Ready to pay"
+}, {
+  value: "paid",
+  label: "Paid"
+}, {
+  value: "cancelled",
+  label: "Cancelled"
+}, {
+  value: "rejected",
+  label: "Rejected"
+}], w = {
+  draft: ["draft", "new"],
+  pending_approval: ["approve_in_progress"],
+  ready_to_pay: ["waiting_to_be_paid", "partially_paid"],
+  paid: ["paid"],
+  cancelled: ["canceled"],
+  rejected: ["rejected"]
+}, x = ["draft", "new", "approve_in_progress", "rejected", "waiting_to_be_paid", "partially_paid", "paid"];
+function v() {
+  return {
+    search: "",
+    activeDateField: "due_date",
+    datePreset: void 0,
+    dateFrom: void 0,
+    dateTo: void 0,
+    status: [],
+    amountMode: "any",
+    amountMin: "",
+    amountMax: "",
+    vendorName: "",
+    hasFile: void 0
+  };
+}
+function V() {
+  const [e, s] = C(v), {
+    formatToMinorUnits: u
+  } = k(), {
+    componentSettings: h
+  } = D(), c = h.onboarding.allowedCurrencies?.[0] ?? "USD", F = l(() => {
+    const a = {}, t = e.activeDateField;
+    if (e.dateFrom && (a[`${t}__gte`] = m(e.dateFrom, {
+      representation: "date"
+    })), e.dateTo && (a[`${t}__lte`] = m(e.dateTo, {
+      representation: "date"
+    })), e.status.length ? a.status__in = e.status.flatMap((o) => w[o] ?? [o]) : a.status__in = x, e.vendorName && (a.counterpart_name__icontains = e.vendorName), e.hasFile !== void 0 && (a.has_file = e.hasFile), e.search && (a.search_text = e.search), e.amountMode !== "any") {
+      const o = parseFloat(e.amountMin), r = parseFloat(e.amountMax), i = (n) => u(n, c) ?? $(n, 2);
+      if (e.amountMode === "exact") {
+        if (!isNaN(o)) {
+          const n = i(o);
+          a.total_amount__gte = n, a.total_amount__lte = n;
+        }
+      } else
+        isNaN(o) || (a.total_amount__gte = i(o)), isNaN(r) || (a.total_amount__lte = i(r));
+    }
+    return a;
+  }, [e, c, u]), f = l(() => {
+    let a = 0;
+    return e.status.length && a++, e.vendorName && a++, e.hasFile !== void 0 && a++, e.amountMode !== "any" && a++, e.search && a++, a;
+  }, [e]), b = l(() => {
+    const a = [];
+    if (e.dateFrom || e.dateTo) {
+      const t = (e.datePreset ? p.find((r) => r.value === e.datePreset)?.label : void 0) ?? T(e.dateFrom, e.dateTo), o = e.activeDateField === "due_date" ? "Due date" : e.activeDateField === "created_at" ? "Created on" : "Issue date";
+      a.push({
+        key: "date",
+        label: `${o}: ${t}`
+      });
+    }
+    if (e.status.length) {
+      const t = e.status.map((o) => _.find((r) => r.value === o)?.label ?? o);
+      a.push({
+        key: "status",
+        label: `Status: ${N(t)}`
+      });
+    }
+    return e.vendorName && a.push({
+      key: "vendor",
+      label: `Vendor: ${e.vendorName}`
+    }), e.hasFile === !0 && a.push({
+      key: "attachment",
+      label: "Has attachment"
+    }), e.hasFile === !1 && a.push({
+      key: "attachment",
+      label: "No attachment"
+    }), e.amountMode !== "any" && a.push({
+      key: "amount",
+      label: "Amount"
+    }), e.search && a.push({
+      key: "search",
+      label: `Search: ${e.search}`
+    }), a;
+  }, [e]), y = d((a) => {
+    const {
+      from: t,
+      to: o
+    } = A(a);
+    s((r) => ({
+      ...r,
+      datePreset: a,
+      dateFrom: t,
+      dateTo: o
+    }));
+  }, []), g = d((a, t) => {
+    s((o) => ({
+      ...o,
+      datePreset: void 0,
+      dateFrom: a,
+      dateTo: t
+    }));
+  }, []), M = d((a) => {
+    s((t) => ({
+      ...t,
+      activeDateField: a
+    }));
+  }, []), P = d((a) => {
+    switch (a) {
+      case "date": {
+        s((t) => ({
+          ...t,
+          datePreset: void 0,
+          dateFrom: void 0,
+          dateTo: void 0,
+          activeDateField: "due_date"
+        }));
+        break;
+      }
+      case "status":
+        s((t) => ({
+          ...t,
+          status: []
+        }));
+        break;
+      case "vendor":
+        s((t) => ({
+          ...t,
+          vendorName: ""
+        }));
+        break;
+      case "attachment":
+        s((t) => ({
+          ...t,
+          hasFile: void 0
+        }));
+        break;
+      case "amount":
+        s((t) => ({
+          ...t,
+          amountMode: "any",
+          amountMin: "",
+          amountMax: ""
+        }));
+        break;
+      case "search":
+        s((t) => ({
+          ...t,
+          search: ""
+        }));
+        break;
+    }
+  }, []), S = d(() => s(v()), []);
+  return {
+    state: e,
+    setState: s,
+    queryParams: F,
+    activeFilterCount: f,
+    activeChips: b,
+    datePresets: p,
+    statusOptions: _,
+    setDatePreset: y,
+    setDateRange: g,
+    setActiveDateField: M,
+    clearFilter: P,
+    clearAll: S
+  };
 }
 export {
-  d as InvoiceDetailsCustomerRow
+  x as AP_DEFAULT_STATUSES,
+  _ as AP_STATUS_OPTIONS,
+  V as usePayablesFilter
 };

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

@@ -1,28 +1,151 @@
-import { jsx as s } from "@emotion/react/jsx-runtime";
-import { useGetReceivableById as r } from "./index82.js";
-import { useCancelReceivableById as m } from "./index407.js";
-import { ConfirmationModal as d } from "./index246.js";
-import { useLingui as u } from "@lingui/react";
-const v = ({
-  invoiceId: o,
-  open: c,
-  onClose: i
-}) => {
-  const {
-    i18n: e
-  } = u(), {
-    data: n,
-    isLoading: t
-  } = r(o), a = m(o);
-  if (!n)
-    return null;
-  const l = n.document_id ? e._("Cancel receivable") + ` "${n?.document_id}"?` : e._("Cancel receivable?");
-  return /* @__PURE__ */ s(d, { open: c && !!o, title: l, message: e._("This action can't be undone."), confirmLabel: e._("Cancel"), cancelLabel: e._("Close"), onClose: i, onConfirm: () => {
-    a.mutate(void 0, {
-      onSuccess: i
-    });
-  }, isLoading: a.isPending || t });
-};
+import { z as D } from "zod";
+const S = {
+  AED: "AED",
+  AFN: "AFN",
+  ALL: "ALL",
+  AMD: "AMD",
+  ANG: "ANG",
+  AOA: "AOA",
+  ARS: "ARS",
+  AUD: "AUD",
+  AWG: "AWG",
+  AZN: "AZN",
+  BAM: "BAM",
+  BBD: "BBD",
+  BDT: "BDT",
+  BGN: "BGN",
+  BHD: "BHD",
+  BIF: "BIF",
+  BMD: "BMD",
+  BND: "BND",
+  BOB: "BOB",
+  BRL: "BRL",
+  BSD: "BSD",
+  BTN: "BTN",
+  BWP: "BWP",
+  BYN: "BYN",
+  BZD: "BZD",
+  CAD: "CAD",
+  CDF: "CDF",
+  CHF: "CHF",
+  CLP: "CLP",
+  CNY: "CNY",
+  COP: "COP",
+  CRC: "CRC",
+  CVE: "CVE",
+  CZK: "CZK",
+  DJF: "DJF",
+  DKK: "DKK",
+  DOP: "DOP",
+  DZD: "DZD",
+  EGP: "EGP",
+  ETB: "ETB",
+  EUR: "EUR",
+  FJD: "FJD",
+  FKP: "FKP",
+  GBP: "GBP",
+  GEL: "GEL",
+  GHS: "GHS",
+  GIP: "GIP",
+  GMD: "GMD",
+  GNF: "GNF",
+  GTQ: "GTQ",
+  GYD: "GYD",
+  HKD: "HKD",
+  HNL: "HNL",
+  HTG: "HTG",
+  HUF: "HUF",
+  IDR: "IDR",
+  ILS: "ILS",
+  INR: "INR",
+  IQD: "IQD",
+  ISK: "ISK",
+  JMD: "JMD",
+  JOD: "JOD",
+  JPY: "JPY",
+  KES: "KES",
+  KGS: "KGS",
+  KHR: "KHR",
+  KMF: "KMF",
+  KRW: "KRW",
+  KWD: "KWD",
+  KYD: "KYD",
+  KZT: "KZT",
+  LAK: "LAK",
+  LBP: "LBP",
+  LKR: "LKR",
+  LRD: "LRD",
+  LSL: "LSL",
+  LYD: "LYD",
+  MAD: "MAD",
+  MDL: "MDL",
+  MGA: "MGA",
+  MKD: "MKD",
+  MMK: "MMK",
+  MNT: "MNT",
+  MOP: "MOP",
+  MUR: "MUR",
+  MVR: "MVR",
+  MWK: "MWK",
+  MXN: "MXN",
+  MYR: "MYR",
+  MZN: "MZN",
+  NAD: "NAD",
+  NGN: "NGN",
+  NIO: "NIO",
+  NOK: "NOK",
+  NPR: "NPR",
+  NZD: "NZD",
+  OMR: "OMR",
+  PAB: "PAB",
+  PEN: "PEN",
+  PGK: "PGK",
+  PHP: "PHP",
+  PKR: "PKR",
+  PLN: "PLN",
+  PYG: "PYG",
+  QAR: "QAR",
+  RON: "RON",
+  RSD: "RSD",
+  RUB: "RUB",
+  RWF: "RWF",
+  SAR: "SAR",
+  SBD: "SBD",
+  SCR: "SCR",
+  SEK: "SEK",
+  SGD: "SGD",
+  SHP: "SHP",
+  SLE: "SLE",
+  SOS: "SOS",
+  SRD: "SRD",
+  SSP: "SSP",
+  SVC: "SVC",
+  SZL: "SZL",
+  THB: "THB",
+  TJS: "TJS",
+  TMT: "TMT",
+  TND: "TND",
+  TOP: "TOP",
+  TRY: "TRY",
+  TTD: "TTD",
+  TWD: "TWD",
+  TZS: "TZS",
+  UAH: "UAH",
+  UGX: "UGX",
+  USD: "USD",
+  UYU: "UYU",
+  UZS: "UZS",
+  VND: "VND",
+  VUV: "VUV",
+  WST: "WST",
+  XAF: "XAF",
+  XCD: "XCD",
+  XOF: "XOF",
+  XPF: "XPF",
+  YER: "YER",
+  ZAR: "ZAR",
+  ZMW: "ZMW"
+}, N = D.enum(Object.keys(S));
 export {
-  v as InvoiceCancelModal
+  N as CurrencyEnumSchema
 };

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

@@ -2,9 +2,9 @@ import { jsx as o, jsxs as w, Fragment as y } from "@emotion/react/jsx-runtime";
 import { CounterpartDetails as T } from "./index2.js";
 import { CustomersTable as b } from "./index6.js";
 import { VendorsTable as k } from "./index5.js";
-import { CreateCounterpartDialog as v } from "./index142.js";
+import { CreateCounterpartDialog as v } from "./index151.js";
 import { MoniteScopedProviders as M } from "./index83.js";
-import { useUserPermissions as O } from "./index121.js";
+import { useUserPermissions as O } from "./index130.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";
@@ -12,7 +12,7 @@ import "@tanstack/react-query";
 import "../../shared/data-access/dist/lib/rest/zod.gen.js";
 import { Scope as l } from "../../shared/data-access/dist/lib/scopes.js";
 import { useState as u, useCallback as c } from "react";
-import { AccessRestriction as P } from "./index122.js";
+import { AccessRestriction as P } from "./index131.js";
 import { Button as R } from "./index84.js";
 import "clsx";
 import "tailwind-merge";

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

@@ -1,6 +1,6 @@
 import { useMoniteContext as _ } from "./index57.js";
 import { useLingui as l } from "@lingui/react";
-import { getAPIErrorMessage as b } from "./index120.js";
+import { getAPIErrorMessage as b } from "./index118.js";
 import { toast as s } from "react-hot-toast";
 import { useUpdatePayable as m } from "./index25.js";
 const A = ({

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

@@ -1,42 +1,21 @@
-import { jsx as d } from "@emotion/react/jsx-runtime";
-import { useDeleteReceivableById as u } from "./index382.js";
-import { useComponentSettings as f } from "./index67.js";
-import { useUserPermissions as v } from "./index121.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 b } from "../../shared/data-access/dist/lib/scopes.js";
-import "react";
-import { ConfirmationModal as C } from "./index246.js";
-import { useLingui as D } from "@lingui/react";
-import { toast as I } from "react-hot-toast";
-const H = ({
-  open: r,
-  onClose: o,
-  invoiceId: t,
-  onDelete: n,
-  documentId: i
-}) => {
-  const {
-    i18n: e
-  } = D(), {
-    receivablesCallbacks: s
-  } = f(), {
-    mutate: m,
-    isPending: a
-  } = u(t), l = v().has(b.InvoiceWriteOrg), c = () => {
-    l ? m(void 0, {
-      onSuccess: () => {
-        s?.onDelete?.(t), n?.(), o();
-      }
-    }) : I.error(e._("You don't have permission to delete this document. Please, contact your system administrator for details."));
-  }, p = i ? e._("Delete receivable “{documentId}”?", {
-    documentId: i
-  }) : e._("Delete receivable?");
-  return /* @__PURE__ */ d(C, { open: r, title: p, message: e._("This action can't be undone."), confirmLabel: e._("Delete"), cancelLabel: e._("Cancel"), onClose: o, onConfirm: c, isLoading: a });
-};
+import { jsx as t } from "@emotion/react/jsx-runtime";
+import { cn as i } from "./index100.js";
+import * as e from "@radix-ui/react-radio-group";
+import { CircleIcon as s } from "lucide-react";
+function w({
+  className: r,
+  ...a
+}) {
+  return /* @__PURE__ */ t(e.Root, { "data-slot": "radio-group", className: i("ttw:grid ttw:gap-3", r), ...a });
+}
+function c({
+  className: r,
+  dotClassName: a,
+  ...o
+}) {
+  return /* @__PURE__ */ t(e.Item, { "data-slot": "radio-group-item", className: i("ttw:border-input ttw:text-primary ttw:focus-visible:border-ring ttw:focus-visible:ring-ring/50 ttw:aria-invalid:ring-destructive/20 ttw:dark:aria-invalid:ring-destructive/40 ttw:aria-invalid:border-destructive ttw:dark:bg-input/30 ttw:aspect-square ttw:size-4 ttw:shrink-0 ttw:rounded-full ttw:border ttw:shadow-xs ttw:transition-[color,box-shadow] ttw:outline-none ttw:focus-visible:ring-[3px] ttw:disabled:cursor-not-allowed ttw:disabled:opacity-50", r), ...o, children: /* @__PURE__ */ t(e.Indicator, { "data-slot": "radio-group-indicator", className: "ttw:relative ttw:flex ttw:items-center ttw:justify-center", children: /* @__PURE__ */ t(s, { className: i("ttw:fill-primary ttw:absolute ttw:top-1/2 ttw:left-1/2 ttw:size-2 ttw:-translate-x-1/2 ttw:-translate-y-1/2", a) }) }) });
+}
 export {
-  H as InvoiceDeleteModal
+  w as RadioGroup,
+  c as RadioGroupItem
 };

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

@@ -1,60 +1,30 @@
-import { jsxs as m, jsx as t } from "@emotion/react/jsx-runtime";
-import { InvoiceRecurrenceIterationStatusChip as d } from "./index408.js";
-import { InvoiceStatusChip as c } from "./index55.js";
-import { useMoniteContext as u } from "./index57.js";
-import { useCurrencies as h } from "./index58.js";
-import "react";
-import "./index92.js";
-import { useLingui as p } from "@lingui/react";
-import "react-dom";
-import "@mui/x-data-grid";
-import { useGetReceivableById as x } from "./index82.js";
-import { ChevronRight as f } from "lucide-react";
-import { twMerge as _ } from "tailwind-merge";
-const N = ({
-  iteration: r,
-  invoice: o,
-  i18n: w,
-  onRowClick: e
+import { jsx as t, jsxs as e } from "@emotion/react/jsx-runtime";
+import { useLingui as m } from "@lingui/react";
+import { twMerge as d } from "tailwind-merge";
+const p = ({
+  isAllStatus: s,
+  data: w,
+  amountOfItems: i,
+  selected: l,
+  onClick: n,
+  formatAmount: a,
+  statusChip: r,
+  allItemsText: o
 }) => {
   const {
-    locale: a
-  } = u(), {
-    formatCurrencyToDisplay: s
-  } = h(), n = !!r?.issued_invoice_id, {
-    data: i
-  } = x(r?.issued_invoice_id ?? "", n), l = !!(n && i?.id);
-  return /* @__PURE__ */ m("tr", { className: _("ttw:border-t ttw:border-border", l && "ttw:hover:cursor-pointer"), ...l && e && i?.id && {
-    onClick: () => e(i.id)
-  }, children: [
-    /* @__PURE__ */ t("td", { className: "ttw:text-left ttw:h-9 ttw:py-2 ttw:pr-2 ttw:text-sm ttw:leading-5 ttw:font-normal", children: w.date(r?.issue_at, a.dateFormat) }),
-    /* @__PURE__ */ t("td", { className: "ttw:text-left ttw:h-9 ttw:py-2 ttw:px-2 ttw:text-sm ttw:leading-5 ttw:font-normal", children: n && i ? s(i?.total_amount, i?.currency) : s(o?.total_amount, o?.currency) }),
-    /* @__PURE__ */ t("td", { className: "ttw:text-left ttw:h-9 ttw:py-2 ttw:px-2", children: n && i ? /* @__PURE__ */ t(c, { status: i?.status }) : /* @__PURE__ */ t(d, { status: r?.status }) }),
-    /* @__PURE__ */ t("td", { className: "ttw:text-left ttw:h-9 ttw:py-2 ttw:px-2 ttw:text-sm ttw:leading-5 ttw:font-normal", children: n ? i?.document_id : "-" }),
-    /* @__PURE__ */ t("td", { className: "ttw:text-right ttw:h-9 ttw:w-6 ttw:py-2 ttw:pl-2 ttw:text-muted-foreground", children: l ? /* @__PURE__ */ t(f, { className: "ttw:inline ttw:size-4", "aria-hidden": "true" }) : null })
-  ] });
-}, z = ({
-  invoice: r,
-  recurrence: o,
-  openInvoiceDetails: w
-}) => {
-  const {
-    i18n: e
-  } = p();
-  return /* @__PURE__ */ m("table", { className: "ttw:w-full", children: [
-    /* @__PURE__ */ t("thead", { children: /* @__PURE__ */ m("tr", { children: [
-      /* @__PURE__ */ t("th", { className: "ttw:text-left ttw:h-10 ttw:pr-2 ttw:text-sm ttw:font-medium ttw:leading-5", children: e._("Issue date") }),
-      /* @__PURE__ */ t("th", { className: "ttw:text-left ttw:h-10 ttw:px-2 ttw:text-sm ttw:font-medium ttw:leading-5", children: e._("Amount") }),
-      /* @__PURE__ */ t("th", { className: "ttw:text-left ttw:h-10 ttw:px-2 ttw:text-sm ttw:font-medium ttw:leading-5", children: e._("Status") }),
-      /* @__PURE__ */ t("th", { className: "ttw:text-left ttw:h-10 ttw:px-2 ttw:text-sm ttw:font-medium ttw:leading-5", children: e._("Number") }),
-      /* @__PURE__ */ t("th", { className: "ttw:h-10 ttw:w-6 ttw:pl-2", "aria-hidden": "true" })
-    ] }) }),
-    /* @__PURE__ */ t("tbody", { children: o?.iterations?.map((a, s) => /* @__PURE__ */ t(N, { iteration: a, invoice: r, i18n: e, onRowClick: w }, e._("iteration-{iteration}-{index}", {
-      iteration: a?.iteration,
-      index: s
-    }))) })
-  ] });
+    i18n: c
+  } = m();
+  return /* @__PURE__ */ t("button", { onClick: n, type: "button", className: d("ttw:flex ttw:flex-col ttw:gap-2 ttw:px-4 ttw:py-2 ttw:rounded-xl ttw:border ttw:w-42 ttw:shrink-0 ttw:text-left ttw:cursor-pointer ttw:transition-colors ttw:bg-white", l ? "ttw:border-indigo-700" : "ttw:border-white ttw:hover:border-indigo-700"), children: s ? /* @__PURE__ */ e("div", { className: "ttw:flex ttw:flex-col ttw:gap-2", children: [
+    /* @__PURE__ */ t("span", { className: "ttw:text-xs ttw:font-medium ttw:text-zinc-950", children: o ?? c._("All items") }),
+    /* @__PURE__ */ t("span", { className: "ttw:text-2xl ttw:font-medium ttw:text-zinc-950 ttw:leading-8 ttw:tabular-nums", children: w })
+  ] }) : /* @__PURE__ */ e("div", { className: "ttw:flex ttw:flex-col", children: [
+    /* @__PURE__ */ e("div", { className: "ttw:flex ttw:items-center ttw:justify-between ttw:gap-2", children: [
+      r,
+      /* @__PURE__ */ t("span", { className: "ttw:text-xs ttw:font-medium ttw:leading-4.5 ttw:text-zinc-950 ttw:tabular-nums", children: i ?? 0 })
+    ] }),
+    /* @__PURE__ */ t("span", { className: "ttw:text-2xl ttw:font-medium ttw:text-zinc-950 ttw:leading-8 ttw:tabular-nums ttw:overflow-hidden ttw:whitespace-nowrap ttw:text-ellipsis", children: a(w) })
+  ] }) });
 };
 export {
-  z as InvoiceDetailsTabScheduledInvoices
+  p as StatusCard
 };