@tesouro/embedded-components-react 0.2.227 → 0.2.231

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

@@ -1,31 +1,33 @@
-import { jsx as r } from "@emotion/react/jsx-runtime";
-import { useLingui as n } from "@lingui/react";
-import { Chip as u } from "@mui/material";
-import { styled as l, useThemeProps as f } from "@mui/material/styles";
-import { ROW_TO_STATUS_MUI_MAP as A, APPROVAL_REQUEST_STATUS_TO_MUI_ICON_MAP as S } from "./index317.js";
-import { getRowToStatusTextMap as T } from "./index416.js";
-const c = ({
+import { jsx as t } from "@emotion/react/jsx-runtime";
+import { ROW_TO_STATUS_MUI_MAP as m, getRowToStatusTextMap as n, APPROVAL_STATUS_TO_MUI_ICON_MAP as u } from "./index321.js";
+import { useLingui as S } from "@lingui/react";
+import f from "@mui/icons-material/Circle";
+import { Chip as A } from "@mui/material";
+import { styled as _, useThemeProps as T } from "@mui/material/styles";
+const P = ({
   ref: s,
-  ...e
+  ...a
 }) => {
   const {
-    status: t,
-    icon: a,
-    size: i,
-    variant: p
-  } = f({
-    props: e,
-    name: "MoniteApprovalRequestStatusChip"
+    status: o,
+    icon: i,
+    size: p,
+    variant: e
+  } = T({
+    props: a,
+    name: "MoniteApprovalStatusChip"
   }), {
-    i18n: m
-  } = n(), o = S[t];
-  return /* @__PURE__ */ r(_, { ref: s, color: A[t], icon: a && o ? /* @__PURE__ */ r(o, { fontSize: "small" }) : void 0, label: T(m)[t], size: i, status: t, variant: p ?? "filled" });
-}, _ = l(u, {
-  // eslint-disable-next-line lingui/no-unlocalized-strings
-  name: "MoniteApprovalRequestStatusChip",
+    i18n: l
+  } = S(), r = u[o];
+  return /* @__PURE__ */ t(h, { className: "Monite-ApprovalStatusChip", ref: s, color: m[o], icon: i && r ? /* @__PURE__ */ t(r, { fontSize: "small" }) : /* @__PURE__ */ t(f, { sx: {
+    fontSize: "10px"
+  } }), label: n(l)[o], size: p, status: o, variant: e ?? "filled" });
+}, h = _(A, {
+  name: "MoniteApprovalStatusChip",
   slot: "root",
   shouldForwardProp: () => !0
 })({});
 export {
-  c as ApprovalRequestStatusChip
+  P as ApprovalStatusChip,
+  h as StyledChip
 };

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

@@ -1,5 +1,5 @@
 import { useMoniteContext as n } from "./index57.js";
-import { getAPIErrorMessage as p } from "./index123.js";
+import { getAPIErrorMessage as p } from "./index122.js";
 import { useLingui as d } from "@lingui/react";
 import { toast as t } from "react-hot-toast";
 const f = (i, s) => {

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

@@ -1,62 +1,121 @@
-import { jsxs as d, jsx as e } from "@emotion/react/jsx-runtime";
-import { useState as c } from "react";
-import "./index57.js";
-import "@tanstack/react-query";
-import "date-fns";
-import { useEntityUserByAuthToken as p } from "./index75.js";
-import "react-hot-toast";
-import { useLingui as s } from "@lingui/react";
-import u from "@mui/icons-material/CheckCircleOutlineRounded";
-import f from "@mui/icons-material/HighlightOffRounded";
-import { Stack as m, IconButton as a } from "@mui/material";
-const C = ({
-  id: o,
-  onClick: t
-}) => {
-  const {
-    i18n: r
-  } = s(), [i, n] = c(!1);
-  return /* @__PURE__ */ e(a, { "aria-label": r._("Approve request"), color: "success", disabled: i, onClick: (l) => {
-    l.preventDefault(), n(!0), t({
-      id: o,
-      action: "approve"
-    })?.finally(() => n(!1));
-  }, children: /* @__PURE__ */ e(u, {}) });
-}, k = ({
-  id: o,
-  onClick: t
-}) => {
-  const {
-    i18n: r
-  } = s(), [i, n] = c(!1);
-  return /* @__PURE__ */ e(a, { "aria-label": r._("Reject request"), color: "error", disabled: i, onClick: (l) => {
-    l.preventDefault(), n(!0), t({
-      id: o,
-      action: "reject"
-    })?.finally(() => n(!1));
-  }, children: /* @__PURE__ */ e(f, {}) });
-}, q = (o) => {
-  const {
-    i18n: t
-  } = s(), {
-    data: r
-  } = p();
-  if ("onRowActionClick" in o && o.onRowActionClick)
-    return {
-      field: "actions",
-      headerName: t._("Actions"),
-      sortable: !1,
-      display: "flex",
-      align: "right",
-      renderCell: (i) => {
-        if (i.row.status === "waiting" && r?.id && i.row.user_ids.includes(r.id) && !i.row.approved_by?.includes(r.id))
-          return /* @__PURE__ */ d(m, { direction: "row", children: [
-            /* @__PURE__ */ e(C, { id: i.row.id, onClick: o.onRowActionClick }),
-            /* @__PURE__ */ e(k, { id: i.row.id, onClick: o.onRowActionClick })
-          ] });
-      }
-    };
+import { isRoleApprovalCall as _ } from "./index433.js";
+import { getSharedApprovalRuleLabel as n, getUsersFromListLabel as S } from "./index434.js";
+const v = {
+  REQUEST_APPROVAL_BY_USERS: "ApprovalRequests.request_approval_by_users"
+}, A = (e) => {
+  switch (e) {
+    case "approved":
+      return "waiting_to_be_paid";
+    case "rejected":
+      return "rejected";
+    case "canceled":
+      return "canceled";
+    default:
+      return "approve_in_progress";
+  }
+}, h = (e) => e.find((a) => a.call === v.REQUEST_APPROVAL_BY_USERS), j = (e) => (
+  // Either spelling: a policy written by the native Bill Pay editor uses the
+  // singular call, and this flow has to show its role step too.
+  e.find((a) => _(a.call))
+), m = (e, a, s = !1) => e.filter((r) => r.user_ids?.length ? s ? r.user_ids.some((t) => a.includes(t)) : a.every((t) => r.user_ids.includes(t)) : !1), y = (e, a) => e.filter((s) => s.role_ids?.some((r) => a.includes(r))), C = (e, a, s) => {
+  if (e?.params) {
+    const {
+      user_ids: r,
+      required_approval_count: t
+    } = e.params;
+    return r?.length === 1 ? n.singleUser(s) : S(s, t);
+  }
+  return a?.params ? n.anyUserWithRole(s) : "";
+}, o = (e) => e ? e.call && e.params ? [e] : Array.isArray(e.all) ? e.all.flatMap(o) : e.if ? o(e.if) : [] : [], B = (e) => e.flatMap(o), I = (e) => {
+  const a = [];
+  if (e.all)
+    a.push(...e.all);
+  else if (e.if) {
+    const s = e.if;
+    s.all ? a.push(...s.all) : a.push(s);
+  }
+  return a;
+}, c = (e) => e ? e.call && e.params ? [e] : Array.isArray(e.all) ? e.all.flatMap(c) : Array.isArray(e) ? e.flatMap(c) : [] : [], R = (e) => e.length === 0 || e.some((a) => a.status === "waiting") ? "waiting" : e.every((a) => a.status === "approved") ? "approved" : e.some((a) => a.status === "rejected") ? "rejected" : "waiting", U = (e, a, s) => ({
+  stepNumber: a,
+  type: s,
+  assignee: void 0,
+  assignees: e.assignees,
+  status: e.stepStatus,
+  payableStatus: A(e.stepStatus),
+  actualAssignees: e.actualAssignees,
+  hasActiveRequests: e.relatedRequests.length > 0,
+  requestIds: e.relatedRequests.map((r) => r.id),
+  approvalRequestId: e.approvalRequestId,
+  approvedBy: e.approvedBy,
+  objectId: e.objectId,
+  rejectedBy: e.rejectedBy,
+  requiredApprovalCount: e.requiredApprovalCount
+}), E = (e, a, s, r) => {
+  const t = R(a);
+  return {
+    stepNumber: s,
+    type: r,
+    assignee: void 0,
+    assignees: e,
+    status: t,
+    payableStatus: A(t),
+    actualAssignees: e,
+    hasActiveRequests: a.length > 0,
+    requestIds: a.map((l) => l.id),
+    approvalRequestId: a[0]?.id,
+    approvedBy: a.flatMap((l) => l.approved_by || []),
+    objectId: a[0]?.object_id,
+    rejectedBy: a.find((l) => l.rejected_by)?.rejected_by,
+    requiredApprovalCount: a.reduce((l, u) => l + u.required_approval_count, 0)
+  };
+}, L = (e, a) => {
+  const s = e.flatMap((t) => t.params?.user_ids || []), r = a.filter((t) => t.user_ids?.length && s.some((l) => t.user_ids.includes(l)));
+  return {
+    allChainUserIds: s,
+    allChainRequests: r
+  };
+}, P = (e) => {
+  const a = [];
+  if (e.all)
+    a.push(...e.all);
+  else if (e.if) {
+    const s = e.if;
+    s.all ? a.push(...s.all) : a.push(s);
+  }
+  return a;
+}, w = (e, a) => {
+  const s = e.call === v.REQUEST_APPROVAL_BY_USERS ? e : void 0;
+  let r = [];
+  s?.params?.user_ids && (r = s.params.user_ids);
+  const t = _(e.call) ? y(a, e.params?.role_ids ?? []) : m(a, r, !0), l = t.flatMap((p) => p.user_ids || []), u = [...new Set(l)], f = t.length ? t[0].status : "waiting", i = t.find((p) => p.status !== "waiting"), g = t.flatMap((p) => p.approved_by || []), d = [...new Set(g)];
+  return {
+    assignees: r,
+    actualAssignees: u,
+    relatedRequests: t,
+    stepStatus: f,
+    approvalRequestId: i?.id,
+    approvedBy: d.length > 0 ? d : void 0,
+    objectId: i?.object_id || e.params?.object_id,
+    rejectedBy: i?.rejected_by,
+    requiredApprovalCount: e.params?.required_approval_count || i?.required_approval_count || 1
+  };
 };
 export {
-  q as useApprovalRequestActionsCell
+  v as APPROVAL_CALL_TYPES,
+  R as calculateIntegralStatus,
+  U as createBaseApprovalStep,
+  E as createChainApprovalStep,
+  o as extractApprovalCalls,
+  c as extractApprovalCallsForTable,
+  P as extractItemsFromScriptStep,
+  I as extractStructureItemsFromScriptStep,
+  y as filterRequestsByRoles,
+  m as filterRequestsByUsers,
+  j as findRoleApprovalCall,
+  h as findUserApprovalCall,
+  C as getApprovalRuleLabel,
+  A as mapApprovalStatusToPayableStatus,
+  B as processApprovalStructure,
+  L as processChainApprovalCalls,
+  w as resolveStepForCall
 };

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

@@ -1,22 +1,25 @@
-import { jsx as t } from "@emotion/react/jsx-runtime";
-import "./index57.js";
-import "@tanstack/react-query";
-import "date-fns";
-import { useEntityUserById as e } from "./index75.js";
-import "react";
-import "react-hot-toast";
-import "@lingui/react";
-import { UserAvatar as m } from "./index418.js";
-import { Chip as i, Skeleton as n } from "@mui/material";
-const y = ({
-  entityUserId: o
-}) => {
-  const {
-    data: r,
-    isLoading: a
-  } = e(o);
-  return r ? a ? /* @__PURE__ */ t(i, { label: /* @__PURE__ */ t(n, { variant: "rounded", height: "50%", width: 100, animation: "wave" }) }) : /* @__PURE__ */ t(i, { avatar: /* @__PURE__ */ t(m, { fileId: r.userpic_file_id }), label: `${r.first_name ?? ""} ${r.last_name ?? ""}`.trim() || "—", variant: "outlined", color: "secondary" }) : null;
+import _ from "@mui/icons-material/Cancel";
+import t from "@mui/icons-material/HourglassEmpty";
+import a from "@mui/icons-material/PaidOutlined";
+const T = "search", o = "created_at", p = "created_by", d = ["ApprovalRequests.request_approval_by_roles", "ApprovalRequests.request_approval_by_role"], R = {
+  active: "success",
+  deleted: "error",
+  pending: "warning"
+}, i = (e) => ({
+  active: e._("Active"),
+  deleted: e._("Deleted"),
+  pending: e._("Pending")
+}), n = {
+  active: a,
+  deleted: _,
+  pending: t
 };
 export {
-  y as UserCell
+  n as APPROVAL_STATUS_TO_MUI_ICON_MAP,
+  o as FILTER_TYPE_CREATED_AT,
+  p as FILTER_TYPE_CREATED_BY,
+  T as FILTER_TYPE_SEARCH,
+  d as ROLE_APPROVAL_CALLS,
+  R as ROW_TO_STATUS_MUI_MAP,
+  i as getRowToStatusTextMap
 };

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

@@ -1,151 +1,46 @@
-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));
+import { jsx as i, jsxs as t } from "@emotion/react/jsx-runtime";
+import { useApprovalPolicyTrigger as l } from "./index423.js";
+import { ColumnList as s } from "./index424.js";
+import { UBuilding as n } from "./index425.js";
+import { ULabel as c } from "./index426.js";
+import { UMoneyBill as m } from "./index427.js";
+import { UUserCircle as p } from "./index428.js";
+const U = ({
+  approvalPolicy: o
+}) => {
+  const {
+    triggers: a,
+    getTriggerName: e
+  } = l({
+    approvalPolicy: o
+  });
+  return o ? /* @__PURE__ */ i(s, { children: Object.keys(a).map((r) => {
+    switch (r) {
+      case "amount":
+        return /* @__PURE__ */ t("li", { children: [
+          /* @__PURE__ */ i(m, { width: 18 }),
+          e(r)
+        ] }, r);
+      case "was_created_by_user_id":
+        return /* @__PURE__ */ t("li", { children: [
+          /* @__PURE__ */ i(p, { width: 18 }),
+          e(r)
+        ] }, r);
+      case "counterpart_id":
+        return /* @__PURE__ */ t("li", { children: [
+          /* @__PURE__ */ i(n, { width: 18 }),
+          e(r)
+        ] }, r);
+      case "tags":
+        return /* @__PURE__ */ t("li", { children: [
+          /* @__PURE__ */ i(c, { width: 18 }),
+          e(r)
+        ] }, r);
+      default:
+        return null;
+    }
+  }) }) : null;
+};
 export {
-  N as CurrencyEnumSchema
+  U as ApprovalPoliciesTriggers
 };

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

@@ -1,12 +1,59 @@
-import { jsx as a } from "@emotion/react/jsx-runtime";
-import { cn as o } from "./index100.js";
-import * as r from "@radix-ui/react-label";
-function l({
-  className: t,
-  ...e
-}) {
-  return /* @__PURE__ */ a(r.Root, { "data-slot": "label", className: o("ttw:flex ttw:items-center ttw:gap-2 ttw:text-sm ttw:leading-none ttw:font-medium ttw:select-none ttw:group-data-[disabled=true]:pointer-events-none ttw:group-data-[disabled=true]:opacity-50 ttw:peer-disabled:cursor-not-allowed ttw:peer-disabled:opacity-50", t), ...e });
-}
+import { jsxs as f, jsx as s } from "@emotion/react/jsx-runtime";
+import { useState as c, useMemo as u } from "react";
+import { useMoniteContext as y } from "./index57.js";
+import { useRootElements as E } from "./index92.js";
+import { useDebounceCallback as x, useDebounce as T } from "./index65.js";
+import { useLingui as _ } from "@lingui/react";
+import { X as N } from "lucide-react";
+import { SearchInput as A, DatePicker as $, Combobox as R } from "../../../../packages/shared-ui-shadcn/dist/index.js";
+import { FILTER_TYPE_SEARCH as k, FILTER_TYPE_CREATED_BY as D, FILTER_TYPE_CREATED_AT as v } from "./index321.js";
+const C = 500, F = (t) => {
+  const e = `${t.first_name ?? ""} ${t.last_name ?? ""}`.trim();
+  return e && t.email ? `${e} (${t.email})` : e || t.email || t.id;
+}, L = ({
+  onChange: t
+}) => {
+  const {
+    i18n: e
+  } = _(), {
+    api: n
+  } = y(), [r, l] = c(null), [m, a] = c(""), b = T(m, C), {
+    data: w
+  } = n.finops.getEntityUsers.useQuery({
+    query: {
+      name__istartswith: b || void 0
+    }
+  }), d = u(() => w?.data ?? [], [w]), i = u(() => d.map((o) => ({
+    value: o.id,
+    label: F(o)
+  })), [d]), p = u(() => !r || i.some((o) => o.value === r.value) ? i : [r, ...i], [i, r]);
+  return /* @__PURE__ */ s(R, { items: p, value: r?.value ?? "", placeholder: e._("Added by"), emptyMessage: e._("No users found"), clearAriaLabel: e._("Clear selection"), onQueryChange: a, onValueChange: (o) => {
+    const h = Array.isArray(o) ? o[0] ?? "" : o ?? "";
+    l(p.find((g) => g.value === h) ?? null), t(h || void 0);
+  } });
+}, X = ({
+  onChangeFilter: t
+}) => {
+  const {
+    i18n: e
+  } = _(), {
+    root: n
+  } = E(), [r, l] = c(void 0), m = x((a) => {
+    t(k, a.trim() ? a : null);
+  }, C);
+  return /* @__PURE__ */ f("div", { className: "ttw:flex ttw:items-center ttw:gap-3 ttw:px-2 ttw:py-2", children: [
+    /* @__PURE__ */ s("div", { className: "ttw:flex-1", children: /* @__PURE__ */ s(A, { placeholder: e._("Search"), className: "ttw:h-9 ttw:w-full", onChange: (a) => m(a.target.value) }) }),
+    /* @__PURE__ */ s("div", { className: "ttw:w-48 ttw:shrink-0", children: /* @__PURE__ */ s(L, { onChange: (a) => t(D, a ?? null) }) }),
+    /* @__PURE__ */ f("div", { className: "ttw:relative ttw:w-44 ttw:shrink-0", children: [
+      /* @__PURE__ */ s($, { value: r, placeholder: e._("Created at"), className: `ttw:h-9 ttw:border-border${r ? " ttw:pr-8" : ""}`, container: n, onChange: (a) => {
+        l(a), t(v, a ?? null);
+      } }),
+      r ? /* @__PURE__ */ s("button", { type: "button", "aria-label": e._("Clear created at filter"), className: "ttw:absolute ttw:right-2 ttw:top-1/2 ttw:inline-flex ttw:size-4 ttw:-translate-y-1/2 ttw:cursor-pointer ttw:items-center ttw:justify-center ttw:rounded-sm ttw:text-muted-foreground ttw:opacity-70 hover:ttw:opacity-100", onClick: () => {
+        l(void 0), t(v, null);
+      }, children: /* @__PURE__ */ s(N, { className: "ttw:size-3.5" }) }) : null
+    ] })
+  ] });
+};
 export {
-  l as Label
+  X as Filters
 };

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

@@ -1,21 +1,30 @@
-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) }) }) });
-}
+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 {
+    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 {
-  w as RadioGroup,
-  c as RadioGroupItem
+  p as StatusCard
 };