@tesouro/embedded-components-react 0.2.26 → 0.2.28

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

@@ -1,66 +1,60 @@
-import { jsx as a, jsxs as o } from "@emotion/react/jsx-runtime";
-import { getCounterpartName as m } from "./index7.js";
-import { useCounterpartById as p } from "./index72.js";
-import "@tanstack/react-query";
-import "./index59.js";
-import "react";
-import "react-hot-toast";
-import { useLingui as u } from "@lingui/react";
-import { Skeleton as s, Stack as c, Avatar as f, Typography as d } from "@mui/material";
-const x = (e) => {
-  let t = 0;
-  for (let r = e.length - 1; r >= 0; r--)
-    t += e.charCodeAt(r);
-  return t % 5;
-}, k = ({
-  name: e,
-  country: t,
-  city: r,
-  isLoading: i
+import { jsx as s, jsxs as _ } from "@emotion/react/jsx-runtime";
+import { InvoiceStatusChip as y } from "./index57.js";
+import { useGetReceivablesAnalytics as c } from "./index148.js";
+import { useCurrencies as S } from "./index60.js";
+import { Skeleton as A } from "./index138.js";
+import { StatusCard as d } from "./index346.js";
+import { useLingui as b } from "@lingui/react";
+import { useMemo as f } from "react";
+const p = ["draft", "issued", "overdue", "partially_paid", "paid", "recurring", "canceled", "uncollectible"], M = ({
+  selectedStatus: o,
+  onChangeFilter: w
 }) => {
   const {
-    i18n: h
-  } = u();
-  !e && !i && (e = h._("Unspecified"));
-  const n = e.split(" "), l = (n.length >= 2 ? n[0][0] + n[n.length - 1][0] : e[0] || "").toUpperCase();
-  return /* @__PURE__ */ o(c, { className: "Monite-CounterpartCell", direction: "row", alignItems: "center", spacing: 1.5, justifyContent: "stretch", sx: {
-    maxWidth: "100%",
-    overflow: "hidden"
-  }, children: [
-    i ? /* @__PURE__ */ a(s, { animation: "wave", variant: "circular", width: 40, height: 40, sx: {
-      flexShrink: 0
-    } }) : /* @__PURE__ */ a(f, { className: "MuiAvatar-colored MuiAvatar-" + x(l), children: l }),
-    i || !e ? /* @__PURE__ */ a(s, { animation: "wave", height: 10, width: "100%", sx: {
-      flexShrink: 0,
-      minWidth: "4em"
-    } }) : /* @__PURE__ */ o(c, { direction: "column", alignItems: "stretch", gap: 0, sx: {
-      maxWidth: "100%",
-      flexBasis: 0,
-      flexShrink: 2,
-      flexGrow: 2,
-      overflow: "hidden"
-    }, children: [
-      /* @__PURE__ */ a(d, { variant: "body1", className: "Monite-TextOverflowContainer", children: e }),
-      t && r && /* @__PURE__ */ o(d, { variant: "body2", className: "Monite-TextOverflowContainer", children: [
-        t,
-        " • ",
-        r
-      ] })
-    ] })
+    i18n: g
+  } = b(), {
+    formatCurrencyToDisplay: v
+  } = S(), {
+    data: i,
+    isLoading: C
+  } = c({
+    dimension: "status",
+    metric: "id",
+    aggregation_function: "count",
+    type: "invoice"
+  }), {
+    data: r,
+    isLoading: h
+  } = c({
+    dimension: "status",
+    metric: "total_amount",
+    aggregation_function: "summary",
+    type: "invoice"
+  }), n = f(() => i?.data?.reduce((t, a) => {
+    const e = a.dimension_value, m = a.metric_value;
+    return e && (t.statuses.push({
+      status: e,
+      count: m
+    }), e !== "recurring" && (t.totalCount += m)), t;
+  }, {
+    statuses: [],
+    totalCount: 0
+  }), [i]) ?? {
+    statuses: [],
+    totalCount: 0
+  }, x = f(() => new Map(r?.data?.map((t) => [t.dimension_value, t.metric_value]) ?? []), [r]);
+  if (C || h)
+    return /* @__PURE__ */ s("div", { className: "ttw:flex ttw:gap-2", children: Array.from({
+      length: 6
+    }).map((t, a) => /* @__PURE__ */ s(A, { className: "ttw:h-16.5 ttw:w-42 ttw:rounded-xl ttw:animate-pulse" }, a)) });
+  const u = (t) => {
+    w(t === "all" ? void 0 : t);
+  }, l = (t) => v(t, "USD") ?? "—";
+  return /* @__PURE__ */ _("div", { className: "ttw:flex ttw:gap-2 ttw:mb-6 ttw:overflow-x-auto ttw:[scrollbar-width:none] ttw:[&::-webkit-scrollbar]:hidden", children: [
+    /* @__PURE__ */ s(d, { isAllStatus: !0, data: n.totalCount, selected: o === null, onClick: () => u("all"), formatAmount: l, allItemsText: g._("All invoices") }),
+    [...n.statuses].sort((t, a) => (p.indexOf(t.status) + 1 || 1 / 0) - (p.indexOf(a.status) + 1 || 1 / 0)).map((t) => /* @__PURE__ */ s(d, { isAllStatus: !1, data: x.get(t.status) ?? 0, amountOfItems: t.count, selected: o === t.status, onClick: () => u(t.status), formatAmount: l, statusChip: /* @__PURE__ */ s(y, { status: t.status }) }, t.status))
   ] });
-}, A = ({
-  counterpartId: e
-}) => {
-  const {
-    data: t,
-    isLoading: r
-  } = p(e), i = t ? m(t) : "";
-  return r ? /* @__PURE__ */ a(s, { animation: "wave", height: 26, width: "100%" }) : i ? /* @__PURE__ */ a("span", { children: i }) : /* @__PURE__ */ a("span", { style: {
-    opacity: 0.4
-  }, children: "-" });
 };
 export {
-  k as CounterPartCellByData,
-  A as CounterpartNameCellById,
-  x as calculateAvatarColorIndex
+  M as InvoiceStatusCardsFilter
 };

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

@@ -1,101 +1,199 @@
-import { jsx as t, jsxs as r } from "@emotion/react/jsx-runtime";
-import { useState as f } from "react";
-import { toast as n } from "react-hot-toast";
-import "./index59.js";
-import { useLingui as _ } from "@lingui/react";
-import "./index94.js";
-import { useFileInput as z } from "./index63.js";
-import "react-dom";
-import "@mui/x-data-grid";
-import { Button as s } from "./index86.js";
-import { Popover as D, PopoverTrigger as P, PopoverContent as k } from "./index391.js";
-import { cn as F } from "./index102.js";
-import { ChevronUpIcon as I, ChevronDownIcon as U, CloudUpload as j, Copy as A, Plus as E } from "lucide-react";
-const K = ({
-  isCreateAllowed: u,
-  onCreateInvoice: h,
-  handleFileUpload: w
-}) => {
-  const {
-    i18n: e
-  } = _(), [c, a] = f(!1), {
-    FileInput: x,
-    openFileInput: b,
-    checkFileError: y
-  } = z(), [g, i] = f(!1), v = (l) => {
-    l.preventDefault(), i(!0);
-  }, N = (l) => {
-    l.preventDefault(), i(!1);
-  }, d = 10, C = (l) => {
-    l.preventDefault(), i(!1);
-    const o = Array.from(l.dataTransfer.files);
-    if (o.length > d) {
-      n.error(e._("You can only upload up to {fileCount} files at a time", {
-        fileCount: d
-      })), a(!1);
-      return;
+import { formatFilterChipMultiSelectValueSegment as y } from "./index99.js";
+import { useMoniteContext as g } from "./index59.js";
+import { useCurrencies as N } from "./index60.js";
+import { toMinorUnits as C } from "./index126.js";
+import { useState as $, useMemo as l, useCallback as n } from "react";
+import { formatISO as m } from "date-fns";
+import { DATE_PRESETS as d, resolveDatePreset as k } from "./index347.js";
+const p = [{
+  value: "draft",
+  label: "Draft",
+  description: "Created but not yet sent"
+}, {
+  value: "issued",
+  label: "Issued",
+  description: ""
+}, {
+  value: "overdue",
+  label: "Overdue",
+  description: "Past due date"
+}, {
+  value: "partially_paid",
+  label: "Partially paid",
+  description: "Some payment received"
+}, {
+  value: "paid",
+  label: "Paid",
+  description: "Fully paid"
+}, {
+  value: "uncollectible",
+  label: "Uncollectible",
+  description: ""
+}, {
+  value: "canceled",
+  label: "Canceled",
+  description: ""
+}, {
+  value: "recurring",
+  label: "Recurring",
+  description: ""
+}], P = ["draft", "issued", "overdue", "partially_paid", "paid", "uncollectible"], T = {
+  due_date: "Due date",
+  created_at: "Created on",
+  issue_date: "Issue date"
+};
+function _() {
+  return {
+    search: "",
+    activeDateFields: {},
+    status: [],
+    amountMode: "any",
+    amountMin: "",
+    amountMax: "",
+    customerName: ""
+  };
+}
+function j() {
+  const [a, i] = $(_), {
+    formatToMinorUnits: u
+  } = N(), {
+    componentSettings: f
+  } = g(), c = f.onboarding.allowedCurrencies?.[0] ?? "USD", v = l(() => {
+    const e = {};
+    for (const [t, s] of Object.entries(a.activeDateFields))
+      s?.from && (e[`${t}__gte`] = m(s.from, {
+        representation: "date"
+      })), s?.to && (e[`${t}__lte`] = m(s.to, {
+        representation: "date"
+      }));
+    if (a.status.length ? e.status__in = a.status : e.status__in = P, a.customerName && (e.counterpart_name__icontains = a.customerName), a.search && (e.search_text = a.search), a.amountMode !== "any") {
+      const t = parseFloat(a.amountMin), s = parseFloat(a.amountMax), o = (r) => u(r, c) ?? C(r, 2);
+      if (a.amountMode === "exact") {
+        if (!isNaN(t)) {
+          const r = o(t);
+          e.total_amount__gte = r, e.total_amount__lte = r;
+        }
+      } else
+        isNaN(t) || (e.total_amount__gte = o(t)), isNaN(s) || (e.total_amount__lte = o(s));
+    }
+    return e;
+  }, [a, c, u]), b = l(() => {
+    let e = 0;
+    return Object.values(a.activeDateFields).some((t) => t?.from || t?.to || t?.preset) && e++, a.status.length && e++, a.customerName && e++, a.amountMode !== "any" && e++, a.search && e++, e;
+  }, [a]), h = l(() => {
+    const e = [];
+    for (const [t, s] of Object.entries(a.activeDateFields))
+      if (s?.from || s?.to || s?.preset) {
+        const o = s.preset ? d.find((r) => r.value === s.preset)?.label ?? "Custom range" : "Custom range";
+        e.push({
+          key: `date_${t}`,
+          label: `${T[t]}: ${o}`
+        });
+      }
+    if (a.status.length) {
+      const t = a.status.map((s) => p.find((o) => o.value === s)?.label ?? s);
+      e.push({
+        key: "status",
+        label: `Status: ${y(t)}`
+      });
     }
-    o.forEach((m) => {
-      const p = y(m);
-      if (p) {
-        n.error(p);
-        return;
+    return a.customerName && e.push({
+      key: "customer",
+      label: `Customer: ${a.customerName}`
+    }), a.amountMode !== "any" && e.push({
+      key: "amount",
+      label: "Amount"
+    }), a.search && e.push({
+      key: "search",
+      label: `Search: ${a.search}`
+    }), e;
+  }, [a]), F = n((e, t) => {
+    const {
+      from: s,
+      to: o
+    } = k(t);
+    i((r) => ({
+      ...r,
+      activeDateFields: {
+        ...r.activeDateFields,
+        [e]: {
+          preset: t,
+          from: s,
+          to: o
+        }
       }
-      w(m);
-    }), a(!1);
+    }));
+  }, []), D = n((e, t, s) => {
+    i((o) => ({
+      ...o,
+      activeDateFields: {
+        ...o.activeDateFields,
+        [e]: {
+          preset: void 0,
+          from: t,
+          to: s
+        }
+      }
+    }));
+  }, []), S = n((e) => {
+    if (e.startsWith("date_")) {
+      const t = e.slice(5);
+      i((s) => {
+        const o = {
+          ...s.activeDateFields
+        };
+        return delete o[t], {
+          ...s,
+          activeDateFields: o
+        };
+      });
+      return;
+    }
+    switch (e) {
+      case "status":
+        i((t) => ({
+          ...t,
+          status: []
+        }));
+        break;
+      case "customer":
+        i((t) => ({
+          ...t,
+          customerName: ""
+        }));
+        break;
+      case "amount":
+        i((t) => ({
+          ...t,
+          amountMode: "any",
+          amountMin: "",
+          amountMax: ""
+        }));
+        break;
+      case "search":
+        i((t) => ({
+          ...t,
+          search: ""
+        }));
+        break;
+    }
+  }, []), M = n(() => i(_()), []);
+  return {
+    state: a,
+    setState: i,
+    queryParams: v,
+    activeFilterCount: b,
+    activeChips: h,
+    datePresets: d,
+    statusOptions: p,
+    setDateFieldPreset: F,
+    setDateFieldRange: D,
+    clearFilter: S,
+    clearAll: M
   };
-  return /* @__PURE__ */ t("div", { className: "Monite-Payables", children: /* @__PURE__ */ r(D, { open: c, onOpenChange: a, children: [
-    /* @__PURE__ */ t(P, { asChild: !0, children: /* @__PURE__ */ r(s, { size: "lg", disabled: !u, children: [
-      e._("Add new bill"),
-      c ? /* @__PURE__ */ t(I, {}) : /* @__PURE__ */ t(U, {})
-    ] }) }),
-    /* @__PURE__ */ r(k, { align: "end", className: "ttw:w-auto ttw:min-w-110 ttw:border-none ttw:p-6", children: [
-      /* @__PURE__ */ r("div", { className: "ttw:w-110 ttw:flex ttw:flex-col ttw:gap-4", onClick: (l) => {
-        l.preventDefault(), l.stopPropagation();
-      }, children: [
-        /* @__PURE__ */ r("div", { children: [
-          /* @__PURE__ */ t("h3", { className: "ttw:text-xl ttw:font-semibold ttw:text-zinc-950", children: e._("Upload bills") }),
-          /* @__PURE__ */ t("p", { className: "ttw:text-sm ttw:font-normal ttw:text-zinc-500", children: e._("Upload your bills and we'll automatically pull the details so you can review and approve.") })
-        ] }),
-        /* @__PURE__ */ t("div", { className: F("ttw:box-border ttw:cursor-pointer ttw:w-full ttw:h-36.5 ttw:flex ttw:flex-col ttw:items-center ttw:justify-center ttw:text-center ttw:border ttw:rounded-lg ttw:border-dashed ttw:border-zinc-200 ttw:bg-zinc-50", g && "ttw:bg-transparent"), onDragOver: v, onDragLeave: N, onDrop: C, onClick: b, children: /* @__PURE__ */ r("div", { className: "ttw:mx-auto ttw:flex ttw:flex-col ttw:items-center ttw:gap-2", children: [
-          /* @__PURE__ */ t("div", { className: "ttw:w-11 ttw:h-11 ttw:rounded-full ttw:bg-primary ttw:flex ttw:items-center ttw:justify-center", children: /* @__PURE__ */ t(j, { className: "ttw:text-white ttw:size-5" }) }),
-          /* @__PURE__ */ r("p", { className: "ttw:text-sm ttw:font-medium ttw:text-zinc-950", children: [
-            e._("Drop your files here, or"),
-            " ",
-            /* @__PURE__ */ t("span", { className: "ttw:text-primary ttw:underline", children: e._("click to browse") })
-          ] }),
-          /* @__PURE__ */ t("p", { className: "ttw:text-xs ttw:font-normal ttw:text-zinc-500", children: e._("PDF, PNG or JPG (max. 20MB)") })
-        ] }) }),
-        /* @__PURE__ */ r("div", { className: "ttw:flex ttw:flex-col", children: [
-          /* @__PURE__ */ t("h3", { className: "ttw:text-primary ttw:text-sm ttw:font-semibold", children: e._("Send via email") }),
-          /* @__PURE__ */ t("p", { className: "ttw:text-zinc-500 ttw:font-normal ttw:text-sm", children: e._("Email your bills here and they'll appear in your bill pay inbox, ready to review and pay.") })
-        ] }),
-        /* @__PURE__ */ r("div", { className: "ttw:px-3 ttw:h-14 ttw:border ttw:border-zinc-200 ttw:rounded-lg ttw:flex ttw:items-center ttw:justify-between ttw:gap-6", children: [
-          /* @__PURE__ */ t("span", { children: e._("bills@business-banking.com") }),
-          /* @__PURE__ */ r(s, { type: "button", variant: "ghost", size: "sm", className: "ttw:text-primary ttw:hover:bg-primary-foreground ttw:hover:text-primary", onClick: () => {
-            navigator.clipboard.writeText("bills@business-banking.com"), n.success(e._("Email address copied to clipboard"));
-          }, children: [
-            /* @__PURE__ */ t(A, {}),
-            e._("Copy")
-          ] })
-        ] }),
-        /* @__PURE__ */ r("div", { className: "ttw:flex ttw:flex-col ttw:gap-4", children: [
-          /* @__PURE__ */ t("h3", { className: "ttw:text-sm ttw:font-semibold ttw:text-primary", children: e._("Or add bill manually") }),
-          /* @__PURE__ */ r(s, { onClick: () => {
-            a(!1), h();
-          }, className: "ttw:w-fit ttw:bg-primary-foreground ttw:hover:bg-primary-foreground ttw:text-primary", children: [
-            /* @__PURE__ */ t(E, {}),
-            e._("Add new bill")
-          ] })
-        ] })
-      ] }),
-      /* @__PURE__ */ t(x, { "aria-label": e._("Upload payable files"), multiple: !0, onChange: (l) => {
-        const o = l.target.files;
-        o && w(o), a(!1);
-      } })
-    ] })
-  ] }) });
-};
+}
 export {
-  K as CreatePayableMenu
+  P as AR_DEFAULT_STATUSES,
+  p as AR_STATUS_OPTIONS,
+  j as useInvoicesFilter
 };

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

@@ -1,59 +1,16 @@
-function d(o) {
-  return /gradient\(/.test(o);
-}
-function u(o, n) {
-  o.background && (d(o.background) ? (n.backgroundImage = o.background, n.background = o.background) : (n.background = o.background, n.backgroundImage = "none"));
-}
-function c(o, n) {
-  o.color && (n.color = o.color);
-}
-function b(o, n) {
-  o.border && (n.border = o.border), o.borderRadius !== void 0 && (n.borderRadius = typeof o.borderRadius == "number" ? `${o.borderRadius}px` : o.borderRadius);
-}
-function g(o, n) {
-  o.fontWeight !== void 0 && (n.fontWeight = o.fontWeight);
-}
-function p(o, n) {
-  o.boxShadow !== void 0 && (n.boxShadow = o.boxShadow);
-}
-function l(o, n) {
-  if (!o.transitionDuration && !o.transitionTimingFunction && !o.transitionProperty)
-    return;
-  const a = [], t = o.transitionProperty || "all";
-  a.push(t), o.transitionDuration && a.push(o.transitionDuration), o.transitionTimingFunction && a.push(o.transitionTimingFunction), n.transition = a.join(" ");
-}
-function y(o) {
-  if (!o) return {};
-  const n = {};
-  return u(o, n), c(o, n), b(o, n), g(o, n), p(o, n), l(o, n), n;
-}
-function f(o, n) {
-  return !n || !n[o] ? {} : y(n[o]);
-}
-function h(o) {
-  if (!o) return {};
-  const n = {};
-  return ["primary", "secondary", "tertiary", "destructive"].forEach((a) => {
-    const t = o[a];
-    if (!t) return;
-    const i = `--ttw-btn-payables-${a}`;
-    t.background && (n[`${i}-bg`] = t.background), t.color && (n[`${i}-color`] = t.color), t.border && (n[`${i}-border`] = t.border), t.borderRadius !== void 0 && (n[`${i}-radius`] = typeof t.borderRadius == "number" ? `${t.borderRadius}px` : t.borderRadius), t.fontWeight !== void 0 && (n[`${i}-weight`] = String(t.fontWeight)), t.boxShadow && (n[`${i}-shadow`] = t.boxShadow), t.transitionProperty && (n[`${i}-transition-property`] = t.transitionProperty), t.transitionDuration && (n[`${i}-transition-duration`] = t.transitionDuration), t.transitionTimingFunction && (n[`${i}-transition-timing`] = t.transitionTimingFunction), ["hover", "active", "focus", "disabled"].forEach((s) => {
-      const r = t[s];
-      if (!r) return;
-      const e = `${i}-${s}`;
-      r.background && (n[`${e}-bg`] = r.background), r.color && (n[`${e}-color`] = r.color), r.border && (n[`${e}-border`] = r.border), r.boxShadow && (n[`${e}-shadow`] = r.boxShadow);
-    });
-  }), n;
-}
+const t = {
+  counterpart_name: "counterpart_name",
+  counterpart_id: "counterpart_id",
+  amount: "amount",
+  status: "status",
+  due_date: "due_date",
+  issue_date: "issue_date",
+  document_id: "document_id",
+  created_at: "created_at",
+  project_id: "project_id",
+  total_amount: "total_amount",
+  discounted_subtotal: "discounted_subtotal"
+}, e = Object.values(t);
 export {
-  u as applyBackgroundStyles,
-  b as applyBorderStyles,
-  c as applyColorStyles,
-  p as applyShadowStyles,
-  l as applyTransitionStyles,
-  g as applyTypographyStyles,
-  h as generatePayablesButtonCssVars,
-  f as getButtonStateStyles,
-  y as getButtonStyles,
-  d as isGradient
+  e as ReceivableCursorFields
 };

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

@@ -1,48 +1,28 @@
-import { jsxs as w, jsx as c } from "@emotion/react/jsx-runtime";
-import { RECURRENCE_STATUS_ICON as g } from "./index254.js";
-import { getCommonRecurrenceStatusLabel as m } from "./index314.js";
-import "date-fns";
-import { Badge as l } from "./index252.js";
-import { cn as p } from "./index102.js";
-import { useLingui as b } from "@lingui/react";
-import { cva as u } from "class-variance-authority";
-const r = u("", {
-  variants: {
-    variant: {
-      // Active reads periwinkle (indigo) to match the recurrence design,
-      // sitting in the same cool family as the violet "Recurring" badge.
-      active: "ttw:bg-indigo-100 ttw:text-indigo-700",
-      paused: "ttw:bg-yellow-100 ttw:text-yellow-700",
-      canceled: "ttw:bg-red-100 ttw:text-red-700",
-      completed: "ttw:bg-green-100 ttw:text-green-700"
-    },
-    dotVariant: {
-      active: "ttw:border-indigo-100 ttw:bg-indigo-700",
-      paused: "ttw:border-yellow-100 ttw:bg-yellow-700",
-      canceled: "ttw:border-red-100 ttw:bg-red-700",
-      completed: "ttw:border-green-100 ttw:bg-green-700"
-    }
-  }
-}), R = ({
-  status: t,
-  className: o,
-  showBadgeBackground: e = !0,
-  showIcon: a = !1,
-  dotSize: i,
-  ref: s
+import { jsx as r, jsxs as s } from "@emotion/react/jsx-runtime";
+import { getInvoiceOverdueDays as l } from "./index449.js";
+import { useMoniteContext as d } from "./index59.js";
+import { dateStringToLocalDate as m } from "./index98.js";
+import { useLingui as c } from "@lingui/react";
+import { twMerge as w } from "tailwind-merge";
+const h = ({
+  data: t
 }) => {
   const {
-    i18n: n
-  } = b(), d = g[t];
-  return /* @__PURE__ */ w(l, { ref: s, className: p("ttw:inline-flex ttw:items-center ttw:gap-1", r({
-    variant: t
-  }), o), dotClassName: r({
-    dotVariant: t
-  }), showBadgeBackground: e, showDotBorder: !e, dotSize: i, showDot: !1, children: [
-    a && /* @__PURE__ */ c(d, { className: "ttw:size-3", "aria-hidden": !0 }),
-    m(n, t)
+    i18n: e
+  } = c(), {
+    locale: n
+  } = d();
+  if (!t.due_date) return /* @__PURE__ */ r("span", { className: "ttw:opacity-40", children: "-" });
+  const i = e.date(m(t.due_date), n.dateFormat), a = l(t), o = a > 0;
+  return /* @__PURE__ */ s("div", { className: "ttw:flex ttw:flex-col ttw:h-full ttw:justify-center ttw:gap-1", children: [
+    /* @__PURE__ */ r("span", { className: w("ttw:text-sm ttw:font-normal ttw:leading-5", o && "ttw:text-rose-700"), children: i }),
+    o && /* @__PURE__ */ s("span", { className: "ttw:text-xs ttw:font-normal ttw:leading-4.5 ttw:text-rose-700", children: [
+      a,
+      " ",
+      a === 1 ? e._("day overdue") : e._("days overdue")
+    ] })
   ] });
 };
 export {
-  R as InvoiceRecurrenceStatusChip
+  h as DueDateCell
 };