@tesouro/embedded-components-react 0.2.98 → 0.2.107

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

@@ -1,72 +1,26 @@
-import { jsx as i, jsxs as c } from "@emotion/react/jsx-runtime";
-import { useCurrencies as v } from "./index58.js";
-import { useId as P, useMemo as U, useCallback as h } from "react";
-import "./index92.js";
-import { useLingui as g } from "@lingui/react";
-import "react-dom";
-import "./index57.js";
-import "@mui/x-data-grid";
-import { zodResolver as x } from "@hookform/resolvers/zod";
-import { Button as u } from "./index84.js";
-import { LoadingSpinner as S } from "./index135.js";
-import { useForm as _, FormProvider as C } from "react-hook-form";
-import { useUpdateProduct as F } from "./index338.js";
-import { getProductValidationSchema as N } from "./index170.js";
-import { ProductFormContent as I } from "./index171.js";
-const A = ({
-  product: r,
-  handleClose: l,
-  onUpdate: d
+import { jsx as t } from "@emotion/react/jsx-runtime";
+import { useState as c } from "react";
+import { useLingui as w } from "@lingui/react";
+import { Dialog as I, DialogContent as v } from "./index165.js";
+import { ActionsModalIssueStep as b } from "./index260.js";
+import { ActionsModalProductsStep as h } from "./index261.js";
+const L = ({
+  open: u,
+  onClose: i,
+  action: d,
+  inlineLineItems: r,
+  issue: e,
+  isEditFlow: m = !1
 }) => {
   const {
-    i18n: o
-  } = g(), {
-    formatToMinorUnits: m,
-    formatFromMinorUnits: s
-  } = v(), f = `product-edit-form-${P()}`, {
-    mutate: p,
-    isPending: n
-  } = F(r.id), w = U(() => ({
-    name: r.name,
-    type: r.type ?? "product",
-    pricePerUnit: s(r.price?.value, r.price?.currency) ?? void 0,
-    currency: r.price?.currency ?? "USD",
-    description: r.description ?? "",
-    measureUnitId: r.measure_unit_id ?? void 0
-  }), [r.name, r.type, r.price?.value, r.price?.currency, r.description, r.measure_unit_id, s]), t = _({
-    resolver: x(N(o)),
-    defaultValues: w
-  }), y = h((a) => {
-    a.preventDefault(), a.stopPropagation(), t.handleSubmit((e) => {
-      p({
-        name: e.name,
-        type: e.type,
-        price: {
-          value: m(e.pricePerUnit, e.currency) ?? e.pricePerUnit,
-          currency: e.currency
-        },
-        description: e.description,
-        ...e.measureUnitId ? {
-          measure_unit_id: e.measureUnitId
-        } : {}
-      }, {
-        onSuccess: (b) => {
-          d?.(b);
-        }
-      });
-    })(a);
-  }, [p, m, d, t.handleSubmit]);
-  return /* @__PURE__ */ i(C, { ...t, children: /* @__PURE__ */ c("form", { id: f, onSubmit: y, className: "ttw:flex ttw:flex-col ttw:gap-4 ttw:p-4 ttw:border ttw:border-primary ttw:rounded-[10px] ttw:bg-zinc-100", children: [
-    /* @__PURE__ */ i(I, { isLoading: n, isProduct: r?.type === "product", isEditMode: !0 }),
-    /* @__PURE__ */ c("div", { className: "ttw:flex ttw:gap-4 ttw:pt-6", children: [
-      /* @__PURE__ */ i(u, { type: "button", variant: "outline", className: "ttw:border-border ttw:flex-1", onClick: l, children: o._("Cancel") }),
-      /* @__PURE__ */ c(u, { type: "submit", className: "ttw:flex-1", disabled: n || !t.formState.isDirty, children: [
-        n && /* @__PURE__ */ i(S, { className: "ttw:border-white ttw:border-t-transparent ttw:size-4" }),
-        o._("Save")
-      ] })
-    ] })
-  ] }) });
+    i18n: s
+  } = w(), [a, p] = c(e ? "issue" : "products"), [l, f] = c(null), o = (n) => {
+    f(n), r.length > 0 ? p("products") : i();
+  }, g = l === "sent" ? s._("Invoice sent") : l === "issued" ? s._("Invoice issued") : d === "recurrence" ? s._("Recurring billing activated") : s._("Draft saved");
+  return /* @__PURE__ */ t(I, { open: u, onOpenChange: (n) => {
+    n || (a === "issue" ? o("issued") : i());
+  }, children: /* @__PURE__ */ t(v, { showCloseButton: !1, className: "ttw:gap-0 ttw:p-0 ttw:max-w-178 ttw:sm:max-w-178", children: a === "issue" && e ? /* @__PURE__ */ t(b, { receivableId: e.receivableId, counterpartId: e.counterpartId, isEditFlow: m, onSkip: () => o("issued"), onSent: () => o("sent") }) : /* @__PURE__ */ t(h, { inlineLineItems: r, title: g, onClose: i }) }) });
 };
 export {
-  A as ProductEditForm
+  L as ActionsModal
 };

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

@@ -1,16 +1,78 @@
-import { useMoniteContext as r } from "./index57.js";
-const u = (t, e = !0) => {
-  const {
-    api: o
-  } = r();
-  return o.finops.getProductsId.useQuery({
-    path: {
-      product_id: t
-    }
-  }, {
-    enabled: e
-  });
-};
+import { jsx as a, jsxs as i } from "@emotion/react/jsx-runtime";
+import { cn as s } from "./index100.js";
+import * as o from "@radix-ui/react-dialog";
+import { XIcon as d } from "lucide-react";
+function h({
+  ...t
+}) {
+  return /* @__PURE__ */ a(o.Root, { "data-slot": "sheet", ...t });
+}
+function g({
+  ...t
+}) {
+  return /* @__PURE__ */ a(o.Close, { "data-slot": "sheet-close", ...t });
+}
+function c({
+  container: t,
+  ...e
+}) {
+  return /* @__PURE__ */ a(o.Portal, { "data-slot": "sheet-portal", ...e, container: t });
+}
+function u({
+  className: t,
+  ...e
+}) {
+  return /* @__PURE__ */ a(o.Overlay, { "data-slot": "sheet-overlay", className: s("ttw:data-[state=open]:animate-in ttw:data-[state=closed]:animate-out ttw:data-[state=closed]:fade-out-0 ttw:data-[state=open]:fade-in-0 ttw:fixed ttw:inset-0 ttw:z-1300 ttw:bg-black/50", t), ...e });
+}
+function x({
+  className: t,
+  children: e,
+  side: n = "right",
+  container: l = typeof document < "u" ? document.body : null,
+  showCloseButton: r = !0,
+  ...w
+}) {
+  return /* @__PURE__ */ i(c, { container: l, children: [
+    /* @__PURE__ */ a(u, {}),
+    /* @__PURE__ */ i(o.Content, { "data-slot": "sheet-content", className: s("ttw:bg-background ttw:data-[state=open]:animate-in ttw:data-[state=closed]:animate-out ttw:fixed ttw:z-1300 ttw:flex ttw:flex-col ttw:gap-4 ttw:shadow-lg ttw:transition ttw:ease-in-out ttw:data-[state=closed]:duration-300 ttw:data-[state=open]:duration-500", n === "right" && "ttw:data-[state=closed]:slide-out-to-right ttw:data-[state=open]:slide-in-from-right ttw:inset-y-0 ttw:right-0 ttw:h-full ttw:w-3/4 ttw:sm:max-w-[600px]", n === "left" && "ttw:data-[state=closed]:slide-out-to-left ttw:data-[state=open]:slide-in-from-left ttw:inset-y-0 ttw:left-0 ttw:h-full ttw:w-3/4 ttw:sm:max-w-[600px]", n === "top" && "ttw:data-[state=closed]:slide-out-to-top ttw:data-[state=open]:slide-in-from-top ttw:inset-x-0 ttw:top-0 ttw:h-auto ttw:border-b", n === "bottom" && "ttw:data-[state=closed]:slide-out-to-bottom ttw:data-[state=open]:slide-in-from-bottom ttw:inset-x-0 ttw:bottom-0 ttw:h-auto ttw:border-t", t), ...w, children: [
+      e,
+      r && /* @__PURE__ */ i(o.Close, { className: "ttw:p-2 ttw:ring-offset-background ttw:focus:ring-ring ttw:data-[state=open]:bg-neutral ttw:absolute ttw:top-4 ttw:right-4 ttw:rounded-xs ttw:opacity-70 ttw:transition-opacity ttw:hover:opacity-100 ttw:focus:ring-2 ttw:focus:ring-offset-2 ttw:focus:outline-hidden ttw:cursor-pointer ttw:disabled:pointer-events-none", children: [
+        /* @__PURE__ */ a(d, { className: "ttw:size-4" }),
+        /* @__PURE__ */ a("span", { className: "ttw:sr-only", children: "Close" })
+      ] })
+    ] })
+  ] });
+}
+function b({
+  className: t,
+  ...e
+}) {
+  return /* @__PURE__ */ a("div", { "data-slot": "sheet-header", className: s("ttw:flex ttw:flex-col ttw:gap-1.5 ttw:p-4", t), ...e });
+}
+function N({
+  className: t,
+  ...e
+}) {
+  return /* @__PURE__ */ a("div", { "data-slot": "sheet-footer", className: s("ttw:mt-auto ttw:flex ttw:flex-col ttw:gap-2 ttw:p-4", t), ...e });
+}
+function y({
+  className: t,
+  ...e
+}) {
+  return /* @__PURE__ */ a(o.Title, { "data-slot": "sheet-title", className: s("ttw:text-foreground ttw:font-semibold", t), ...e });
+}
+function S({
+  className: t,
+  ...e
+}) {
+  return /* @__PURE__ */ a(o.Description, { "data-slot": "sheet-description", className: s("ttw:text-muted-foreground ttw:text-sm", t), ...e });
+}
 export {
-  u as useGetProductById
+  h as Sheet,
+  g as SheetClose,
+  x as SheetContent,
+  S as SheetDescription,
+  N as SheetFooter,
+  b as SheetHeader,
+  y as SheetTitle
 };

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

@@ -1,14 +1,8 @@
-import { jsxs as i, jsx as r } from "@emotion/react/jsx-runtime";
-import { Typography as e } from "./index85.js";
-import { twMerge as s } from "tailwind-merge";
+import { jsx as r } from "@emotion/react/jsx-runtime";
+import { twMerge as e } from "tailwind-merge";
 const w = ({
-  label: o,
-  value: t,
-  isLast: a
-}) => /* @__PURE__ */ i("li", { className: s("ttw:flex ttw:gap-4 ttw:py-2.5", !a && "ttw:border-b ttw:border-border"), children: [
-  /* @__PURE__ */ r(e, { variant: "body2", color: "muted", className: "ttw:w-35 ttw:min-w-35 ttw:font-medium", children: o }),
-  typeof t == "string" ? /* @__PURE__ */ r(e, { variant: "body2", className: "ttw:font-medium", children: t }) : t
-] });
+  className: t
+}) => /* @__PURE__ */ r("div", { className: e("ttw:w-8 ttw:h-8 ttw:rounded-full ttw:border-3 ttw:border-primary ttw:border-t-transparent ttw:animate-spin", t) });
 export {
-  w as ProductDetailLine
+  w as LoadingSpinner
 };

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

@@ -1,11 +1,35 @@
-import { jsx as r } from "@emotion/react/jsx-runtime";
-import { CounterpartNameCellById as o } from "./index158.js";
-const n = ({
-  counterpartName: t,
-  counterpartId: e
-}) => t ? /* @__PURE__ */ r("span", { children: t }) : e ? /* @__PURE__ */ r(o, { counterpartId: e }) : /* @__PURE__ */ r("span", { style: {
-  opacity: 0.4
-}, children: "-" });
+import { jsx as e } from "@emotion/react/jsx-runtime";
+import { cn as d } from "./index100.js";
+import * as a from "@radix-ui/react-dropdown-menu";
+import "lucide-react";
+function u({
+  ...t
+}) {
+  return /* @__PURE__ */ e(a.Root, { "data-slot": "dropdown-menu", ...t });
+}
+function c({
+  ...t
+}) {
+  return /* @__PURE__ */ e(a.Trigger, { "data-slot": "dropdown-menu-trigger", ...t });
+}
+function m({
+  className: t,
+  sideOffset: o = 4,
+  ...n
+}) {
+  return /* @__PURE__ */ e(a.Portal, { children: /* @__PURE__ */ e(a.Content, { "data-slot": "dropdown-menu-content", sideOffset: o, className: d("ttw:bg-popover ttw:text-popover-foreground ttw:data-[state=open]:animate-in ttw:data-[state=closed]:animate-out ttw:data-[state=closed]:fade-out-0 ttw:data-[state=open]:fade-in-0 ttw:data-[state=closed]:zoom-out-95 ttw:data-[state=open]:zoom-in-95 ttw:data-[side=bottom]:slide-in-from-top-2 ttw:data-[side=left]:slide-in-from-right-2 ttw:data-[side=right]:slide-in-from-left-2 ttw:data-[side=top]:slide-in-from-bottom-2 ttw:z-1300 ttw:max-h-(--radix-dropdown-menu-content-available-height) ttw:min-w-[8rem] ttw:origin-(--radix-dropdown-menu-content-transform-origin) ttw:overflow-x-hidden ttw:overflow-y-auto ttw:rounded-md ttw:border-none ttw:p-1 ttw:shadow-md", t), ...n }) });
+}
+function p({
+  className: t,
+  inset: o,
+  variant: n = "default",
+  ...r
+}) {
+  return /* @__PURE__ */ e(a.Item, { "data-slot": "dropdown-menu-item", "data-inset": o, "data-variant": n, className: d("ttw:focus:bg-accent ttw:focus:text-accent-foreground ttw:data-[variant=destructive]:text-destructive ttw:data-[variant=destructive]:focus:bg-destructive/10 ttw:dark:data-[variant=destructive]:focus:bg-destructive/20 ttw:data-[variant=destructive]:focus:text-destructive ttw:data-[variant=destructive]:*:[svg]:!text-destructive ttw:[&_svg:not([class*=text-])]:text-muted-foreground ttw:relative ttw:flex ttw:cursor-pointer ttw:items-center ttw:gap-2 ttw:rounded-sm ttw:px-2 ttw:py-1.5 ttw:text-sm ttw:outline-hidden ttw:select-none ttw:data-[disabled]:pointer-events-none ttw:data-[disabled]:opacity-50 ttw:data-[inset]:pl-8 ttw:[&_svg]:pointer-events-none ttw:[&_svg]:shrink-0 ttw:[&_svg:not([class*=size-])]:size-4", t), ...r });
+}
 export {
-  n as InvoicesCounterpartCell
+  u as DropdownMenu,
+  m as DropdownMenuContent,
+  p as DropdownMenuItem,
+  c as DropdownMenuTrigger
 };

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

@@ -1,48 +1,34 @@
-import { jsxs as w, jsx as c } from "@emotion/react/jsx-runtime";
-import { RECURRENCE_STATUS_ICON as g } from "./index239.js";
-import { getCommonRecurrenceStatusLabel as m } from "./index302.js";
-import "date-fns";
-import { Badge as l } from "./index237.js";
-import { cn as p } from "./index100.js";
+import { jsx as m } from "@emotion/react/jsx-runtime";
+import { useDeleteCounterpart as p } from "./index360.js";
+import { ConfirmationModal as l } from "./index166.js";
 import { useLingui as u } from "@lingui/react";
-import { cva as b } from "class-variance-authority";
-const r = b("", {
-  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
+const D = ({
+  counterpartName: t,
+  counterpartId: o,
+  isOpen: n,
+  onDelete: r,
+  onCancel: a
 }) => {
   const {
-    i18n: n
-  } = u(), 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
+  } = u(), {
+    mutate: i,
+    isPending: s
+  } = p(), c = () => {
+    i({
+      path: {
+        counterpart_id: o
+      }
+    }, {
+      onSuccess: () => {
+        r();
+      }
+    });
+  };
+  return /* @__PURE__ */ m(l, { open: n, title: e._("Delete {counterpartName}?", {
+    counterpartName: t
+  }), message: e._("You can't undo this action."), confirmLabel: e._("Delete"), cancelLabel: e._("Cancel"), onClose: a, onConfirm: c, isLoading: s });
 };
 export {
-  R as InvoiceRecurrenceStatusChip
+  D as DeleteCounterpartModal
 };

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

@@ -1,78 +1,14 @@
-import { jsx as n, jsxs as o, Fragment as w } from "@emotion/react/jsx-runtime";
-import { useLingui as h } from "@lingui/react";
-import { ListFilter as p } from "lucide-react";
-import { useFilterPanel as g, FilterBar as f, FilterTag as C, Popover as v, PopoverTrigger as x, FilterMenuButton as P, PopoverContent as _, DateRangePicker as b, MultiSelectFilter as F, AmountFilter as M, Input as N, SearchInput as S } from "../../../../packages/shared-ui-shadcn/dist/index.js";
-const I = {
-  due_date: "Due date",
-  created_at: "Created on",
-  issue_date: "Issue date"
-}, s = [{
-  id: "date_due_date",
-  label: "Due date",
-  field: "due_date"
-}, {
-  id: "date_created_at",
-  label: "Created on",
-  field: "created_at"
-}, {
-  id: "date_issue_date",
-  label: "Issue date",
-  field: "issue_date"
-}, {
-  id: "status",
-  label: "Status",
-  field: void 0
-}, {
-  id: "amount",
-  label: "Amount",
-  field: void 0
-}, {
-  id: "customer",
-  label: "Customer",
-  field: void 0
-}], D = {
-  date_due_date: "ttw:w-auto",
-  date_created_at: "ttw:w-auto",
-  date_issue_date: "ttw:w-auto",
-  status: "ttw:w-56",
-  amount: "ttw:w-64",
-  customer: "ttw:w-64"
-};
-function O(t) {
-  const {
-    i18n: i
-  } = h(), a = g(), r = a.isMenuOpen || !!a.activePanelId, d = a.activePanelId && D[a.activePanelId] || "ttw:w-52", u = t.allPresets.map((e) => ({
-    value: e.value,
-    label: e.label,
-    group: e.group
-  })), c = (e) => {
-    e || (a.closeMenu(), a.closePanel());
-  }, m = (e) => {
-    a.openPanel(e);
-  };
-  return /* @__PURE__ */ n(f, { className: "ttw:pl-4", searchSlot: /* @__PURE__ */ n(S, { value: t.searchValue, onChange: (e) => t.onSearchChange(e.target.value), placeholder: "Search by number or customer...", className: "ttw:min-w-64" }), menuSlot: /* @__PURE__ */ o(v, { open: r, onOpenChange: c, children: [
-    /* @__PURE__ */ n(x, { asChild: !0, children: /* @__PURE__ */ n(P, { activeCount: t.activeFilterCount, onClick: a.toggleMenu }) }),
-    /* @__PURE__ */ o(_, { align: "start", className: `ttw:p-0 ${d}`, children: [
-      a.isMenuOpen && /* @__PURE__ */ n("div", { className: "ttw:p-1", children: s.map((e) => /* @__PURE__ */ o("button", { type: "button", className: "ttw:flex ttw:items-center ttw:gap-2 ttw:w-full ttw:px-2 ttw:py-1.5 ttw:rounded-md ttw:text-xs ttw:font-medium ttw:hover:bg-accent ttw:transition-colors ttw:cursor-pointer", onClick: () => m(e.id), children: [
-        /* @__PURE__ */ n(p, { className: "ttw:size-4 ttw:text-muted-foreground ttw:shrink-0" }),
-        e.label
-      ] }, e.id)) }),
-      s.filter((e) => e.field !== void 0).map((e) => a.activePanelId === e.id && e.field && /* @__PURE__ */ n(b, { from: t.activeDateFields[e.field]?.from, to: t.activeDateFields[e.field]?.to, onRangeChange: (l) => t.onDateFieldRangeChange(e.field, l), selectedPreset: t.activeDateFields[e.field]?.preset, onPresetChange: (l) => t.onDateFieldPresetChange(e.field, l), presets: u, fieldLabel: I[e.field] }, e.id)),
-      a.activePanelId === "status" && /* @__PURE__ */ n(F, { options: t.statusOptions, selectedValues: t.selectedStatus, onSelectionChange: t.onStatusChange }),
-      a.activePanelId === "amount" && /* @__PURE__ */ n(M, { mode: t.amountMode, onModeChange: t.onAmountModeChange, min: t.amountMin, max: t.amountMax, onMinChange: t.onAmountMinChange, onMaxChange: t.onAmountMaxChange, showFlowDirection: !1, minLabel: "No less than", maxLabel: "No more than" }),
-      a.activePanelId === "customer" && /* @__PURE__ */ o("div", { className: "ttw:p-3 ttw:flex ttw:flex-col ttw:gap-2", children: [
-        /* @__PURE__ */ n("p", { className: "ttw:text-xs ttw:font-medium ttw:text-muted-foreground", children: "Customer name" }),
-        /* @__PURE__ */ n(N, { type: "text", value: t.customerName, onChange: (e) => t.onCustomerNameChange(e.target.value), placeholder: "Search customers...", className: "ttw:h-8 ttw:text-xs" }),
-        /* @__PURE__ */ n("p", { className: "ttw:text-xs ttw:text-muted-foreground", children: i._("Matches names containing your search") })
-      ] })
-    ] })
-  ] }), activeChipsSlot: /* @__PURE__ */ o(w, { children: [
-    t.activeChips.map((e) => /* @__PURE__ */ n(C, { label: e.label, count: e.count, variant: "default", onLabelClick: e.key === "date" ? () => {
-      a.openPanel("date");
-    } : void 0, onDismiss: () => t.onDismissChip(e.key) }, e.key)),
-    t.activeFilterCount > 0 && /* @__PURE__ */ n("button", { type: "button", className: "ttw:text-xs ttw:text-muted-foreground ttw:hover:text-foreground ttw:transition-colors ttw:cursor-pointer ttw:whitespace-nowrap", onClick: t.onClearAll, children: "Clear all" })
-  ] }) });
+import { jsx as i } from "@emotion/react/jsx-runtime";
+import { Separator as e } from "radix-ui";
+import { cn as n } from "./index100.js";
+function p({
+  className: t,
+  orientation: a = "horizontal",
+  decorative: o = !0,
+  ...r
+}) {
+  return /* @__PURE__ */ i(e.Root, { "data-slot": "separator", decorative: o, orientation: a, className: n("ttw:shrink-0 ttw:bg-border ttw:data-[orientation=horizontal]:h-px ttw:data-[orientation=horizontal]:w-full ttw:data-[orientation=vertical]:h-full ttw:data-[orientation=vertical]:w-px", t), ...r });
 }
 export {
-  O as InvoicesFilterBar
+  p as Separator
 };

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

@@ -1,60 +1,14 @@
-import { jsx as s, jsxs as _ } from "@emotion/react/jsx-runtime";
-import { InvoiceStatusChip as y } from "./index55.js";
-import { useGetReceivablesAnalytics as c } from "./index146.js";
-import { useCurrencies as S } from "./index58.js";
-import { Skeleton as A } from "./index136.js";
-import { StatusCard as d } from "./index303.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: 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))
-  ] });
-};
+import { jsxs as i, jsx as r } from "@emotion/react/jsx-runtime";
+import { Typography as e } from "./index85.js";
+import { twMerge as s } from "tailwind-merge";
+const w = ({
+  label: o,
+  value: t,
+  isLast: a
+}) => /* @__PURE__ */ i("li", { className: s("ttw:flex ttw:gap-4 ttw:py-2.5", !a && "ttw:border-b ttw:border-border"), children: [
+  /* @__PURE__ */ r(e, { variant: "body2", color: "muted", className: "ttw:w-35 ttw:min-w-35 ttw:font-medium", children: o }),
+  typeof t == "string" ? /* @__PURE__ */ r(e, { variant: "body2", className: "ttw:font-medium", children: t }) : t
+] });
 export {
-  M as InvoiceStatusCardsFilter
+  w as CounterpartContactDetailLine
 };