@agg-market/ui 12.0.0 → 13.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{chunk-AKR2ZSBQ.mjs → chunk-3ST2TN6E.mjs} +3 -3
- package/dist/{chunk-XUML4ZJQ.mjs → chunk-B56YA2YQ.mjs} +246 -215
- package/dist/{chunk-TA74OXPL.mjs → chunk-CHVTY3OB.mjs} +1310 -1115
- package/dist/{chunk-VOYSFL6U.mjs → chunk-GQ4P3AHJ.mjs} +1 -1
- package/dist/{chunk-VMJGQKKU.mjs → chunk-T4WFRR6D.mjs} +1 -1
- package/dist/events.js +556 -526
- package/dist/events.mjs +2 -2
- package/dist/index.js +2080 -1852
- package/dist/index.mjs +7 -5
- package/dist/modals.js +2551 -2319
- package/dist/modals.mjs +2 -2
- package/dist/pages.js +949 -919
- package/dist/pages.mjs +4 -4
- package/dist/primitives.js +247 -215
- package/dist/primitives.mjs +3 -1
- package/dist/styles.css +1 -1
- package/dist/tailwind.css +1 -1
- package/dist/trading.js +427 -397
- package/dist/trading.mjs +2 -2
- package/dist/types/deposit/deposit-modal.constants.d.mts +0 -4
- package/dist/types/deposit/deposit-modal.constants.d.ts +0 -4
- package/dist/types/deposit/deposit-modal.types.d.mts +110 -14
- package/dist/types/deposit/deposit-modal.types.d.ts +110 -14
- package/dist/types/deposit/index.d.mts +1 -1
- package/dist/types/deposit/index.d.ts +1 -1
- package/dist/types/deposit/steps/card-deposit.d.mts +13 -3
- package/dist/types/deposit/steps/card-deposit.d.ts +13 -3
- package/dist/types/deposit/steps/card-provider.d.mts +10 -0
- package/dist/types/deposit/steps/card-provider.d.ts +10 -0
- package/dist/types/deposit/steps/card-purchase-success.d.mts +7 -0
- package/dist/types/deposit/steps/card-purchase-success.d.ts +7 -0
- package/dist/types/deposit/steps/crypto-transfer.d.mts +13 -3
- package/dist/types/deposit/steps/crypto-transfer.d.ts +13 -3
- package/dist/types/deposit/steps/deposit-method.d.mts +6 -4
- package/dist/types/deposit/steps/deposit-method.d.ts +6 -4
- package/dist/types/deposit/steps/wallet-form.d.mts +20 -0
- package/dist/types/deposit/steps/wallet-form.d.ts +20 -0
- package/dist/types/deposit/steps/wallet-processing.d.mts +6 -0
- package/dist/types/deposit/steps/wallet-processing.d.ts +6 -0
- package/dist/types/deposit/steps/wallet-success.d.mts +7 -0
- package/dist/types/deposit/steps/wallet-success.d.ts +7 -0
- package/dist/types/primitives/icon/index.d.mts +2 -1
- package/dist/types/primitives/icon/index.d.ts +2 -1
- package/dist/types/primitives/icon/registry.d.mts +4 -0
- package/dist/types/primitives/icon/registry.d.ts +4 -0
- package/dist/types/primitives/icon/svg/success-check.d.mts +5 -0
- package/dist/types/primitives/icon/svg/success-check.d.ts +5 -0
- package/dist/types/withdraw/index.d.mts +2 -2
- package/dist/types/withdraw/index.d.ts +2 -2
- package/dist/types/withdraw/steps/withdraw-amount.d.mts +14 -5
- package/dist/types/withdraw/steps/withdraw-amount.d.ts +14 -5
- package/dist/types/withdraw/steps/withdraw-method.d.mts +3 -4
- package/dist/types/withdraw/steps/withdraw-method.d.ts +3 -4
- package/dist/types/withdraw/steps/withdraw-provider.d.mts +10 -0
- package/dist/types/withdraw/steps/withdraw-provider.d.ts +10 -0
- package/dist/types/withdraw/steps/withdraw-success.d.mts +7 -0
- package/dist/types/withdraw/steps/withdraw-success.d.ts +7 -0
- package/dist/types/withdraw/withdraw-modal.constants.d.mts +0 -4
- package/dist/types/withdraw/withdraw-modal.constants.d.ts +0 -4
- package/dist/types/withdraw/withdraw-modal.types.d.mts +47 -23
- package/dist/types/withdraw/withdraw-modal.types.d.ts +47 -23
- package/package.json +2 -2
- package/dist/types/deposit/steps/kalshi-deposit.d.mts +0 -5
- package/dist/types/deposit/steps/kalshi-deposit.d.ts +0 -5
- package/dist/types/withdraw/steps/kalshi-withdraw.d.mts +0 -5
- package/dist/types/withdraw/steps/kalshi-withdraw.d.ts +0 -5
- package/dist/types/withdraw/steps/venue-selection.d.mts +0 -6
- package/dist/types/withdraw/steps/venue-selection.d.ts +0 -6
package/dist/events.js
CHANGED
|
@@ -1551,11 +1551,40 @@ var StayInControlIcon = (_a) => {
|
|
|
1551
1551
|
};
|
|
1552
1552
|
StayInControlIcon.displayName = "StayInControlIcon";
|
|
1553
1553
|
|
|
1554
|
-
// src/primitives/icon/svg/
|
|
1554
|
+
// src/primitives/icon/svg/success-check.tsx
|
|
1555
1555
|
var import_jsx_runtime44 = require("react/jsx-runtime");
|
|
1556
|
-
var
|
|
1556
|
+
var SuccessCheckIcon = (_a) => {
|
|
1557
1557
|
var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
1558
1558
|
return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
|
|
1559
|
+
"svg",
|
|
1560
|
+
__spreadProps(__spreadValues(__spreadValues({
|
|
1561
|
+
width: "24",
|
|
1562
|
+
height: "24",
|
|
1563
|
+
viewBox: "0 0 24 24",
|
|
1564
|
+
fill: "none",
|
|
1565
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
1566
|
+
className
|
|
1567
|
+
}, getIconA11yProps(title)), props), {
|
|
1568
|
+
children: [
|
|
1569
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("title", { children: title }) : null,
|
|
1570
|
+
/* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
|
|
1571
|
+
"path",
|
|
1572
|
+
{
|
|
1573
|
+
d: "M7.74919 20.6626C7.06793 20.6629 6.41457 20.3921 5.93325 19.91L0.443061 14.4219C-0.147687 13.8309 -0.147687 12.873 0.443061 12.2821C1.034 11.6913 1.99191 11.6913 2.58284 12.2821L7.74919 17.4484L21.4172 3.78046C22.0081 3.18972 22.966 3.18972 23.5569 3.78046C24.1477 4.3714 24.1477 5.32931 23.5569 5.92024L9.56513 19.91C9.08381 20.3921 8.43045 20.6629 7.74919 20.6626Z",
|
|
1574
|
+
fill: "currentColor"
|
|
1575
|
+
}
|
|
1576
|
+
)
|
|
1577
|
+
]
|
|
1578
|
+
})
|
|
1579
|
+
);
|
|
1580
|
+
};
|
|
1581
|
+
SuccessCheckIcon.displayName = "SuccessCheckIcon";
|
|
1582
|
+
|
|
1583
|
+
// src/primitives/icon/svg/telegram.tsx
|
|
1584
|
+
var import_jsx_runtime45 = require("react/jsx-runtime");
|
|
1585
|
+
var TelegramIcon = (_a) => {
|
|
1586
|
+
var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
1587
|
+
return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
|
|
1559
1588
|
"svg",
|
|
1560
1589
|
__spreadProps(__spreadValues(__spreadValues({
|
|
1561
1590
|
viewBox: "0 0 20 20",
|
|
@@ -1563,8 +1592,8 @@ var TelegramIcon = (_a) => {
|
|
|
1563
1592
|
fill: "none"
|
|
1564
1593
|
}, getIconA11yProps(title)), props), {
|
|
1565
1594
|
children: [
|
|
1566
|
-
title ? /* @__PURE__ */ (0,
|
|
1567
|
-
/* @__PURE__ */ (0,
|
|
1595
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("title", { children: title }) : null,
|
|
1596
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)("g", { clipPath: "url(#clip0_telegram)", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
1568
1597
|
"path",
|
|
1569
1598
|
{
|
|
1570
1599
|
fillRule: "evenodd",
|
|
@@ -1573,7 +1602,7 @@ var TelegramIcon = (_a) => {
|
|
|
1573
1602
|
fill: "currentColor"
|
|
1574
1603
|
}
|
|
1575
1604
|
) }),
|
|
1576
|
-
/* @__PURE__ */ (0,
|
|
1605
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("clipPath", { id: "clip0_telegram", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("rect", { width: "20", height: "20", fill: "white" }) }) })
|
|
1577
1606
|
]
|
|
1578
1607
|
})
|
|
1579
1608
|
);
|
|
@@ -1581,10 +1610,10 @@ var TelegramIcon = (_a) => {
|
|
|
1581
1610
|
TelegramIcon.displayName = "TelegramIcon";
|
|
1582
1611
|
|
|
1583
1612
|
// src/primitives/icon/svg/triangle-down.tsx
|
|
1584
|
-
var
|
|
1613
|
+
var import_jsx_runtime46 = require("react/jsx-runtime");
|
|
1585
1614
|
var TriangleDownIcon = (_a) => {
|
|
1586
1615
|
var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
1587
|
-
return /* @__PURE__ */ (0,
|
|
1616
|
+
return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
|
|
1588
1617
|
"svg",
|
|
1589
1618
|
__spreadProps(__spreadValues(__spreadValues({
|
|
1590
1619
|
viewBox: "0 0 8 8",
|
|
@@ -1592,16 +1621,16 @@ var TriangleDownIcon = (_a) => {
|
|
|
1592
1621
|
fill: "none"
|
|
1593
1622
|
}, getIconA11yProps(title)), props), {
|
|
1594
1623
|
children: [
|
|
1595
|
-
title ? /* @__PURE__ */ (0,
|
|
1596
|
-
/* @__PURE__ */ (0,
|
|
1597
|
-
/* @__PURE__ */ (0,
|
|
1624
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("title", { children: title }) : null,
|
|
1625
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("g", { transform: "scale(1,-1) translate(0,-8)", clipPath: "url(#triangle_up)", children: [
|
|
1626
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
|
|
1598
1627
|
"path",
|
|
1599
1628
|
{
|
|
1600
1629
|
d: "M3.99989 1.6805L6.23917 6.72896H1.76061L3.99989 1.6805ZM3.99989 0.366097C3.87788 0.36535 3.75832 0.400347 3.65596 0.466768C3.55361 0.53319 3.47295 0.628129 3.42393 0.739866L0.362237 7.63838H7.63755L4.57737 0.739866C4.52825 0.62789 4.44735 0.532789 4.3447 0.46635C4.24205 0.39991 4.12216 0.365052 3.99989 0.366097Z",
|
|
1601
1630
|
fill: "currentColor"
|
|
1602
1631
|
}
|
|
1603
1632
|
),
|
|
1604
|
-
/* @__PURE__ */ (0,
|
|
1633
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
|
|
1605
1634
|
"path",
|
|
1606
1635
|
{
|
|
1607
1636
|
d: "M4.00167 0.00284122C4.19344 0.00214978 4.38147 0.0566837 4.54252 0.160923C4.70445 0.265758 4.83154 0.416026 4.90931 0.592539L7.9697 7.4913L8.19705 8.00195H-0.197266L3.09048 0.593427C3.16804 0.41669 3.29625 0.26688 3.45815 0.161811C3.61872 0.0576301 3.80589 0.00261591 3.99723 0.00284122H3.99989L4.00256 0.00195312L4.00167 0.00284122ZM3.99989 0.366097C3.87788 0.36535 3.75832 0.400347 3.65596 0.466768L3.58337 0.521491C3.51516 0.581467 3.46071 0.656022 3.42393 0.739866L0.362237 7.63838H7.63755L4.57737 0.739866C4.54053 0.655873 4.48567 0.581521 4.4173 0.521491L4.3447 0.46635C4.24205 0.39991 4.12216 0.365052 3.99989 0.366097ZM6.23917 6.72896H1.76061L3.99989 1.6805L6.23917 6.72896ZM2.31961 6.36519H5.68018L3.99989 2.57655L2.31961 6.36519Z",
|
|
@@ -1609,7 +1638,7 @@ var TriangleDownIcon = (_a) => {
|
|
|
1609
1638
|
}
|
|
1610
1639
|
)
|
|
1611
1640
|
] }),
|
|
1612
|
-
/* @__PURE__ */ (0,
|
|
1641
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("clipPath", { id: "triangle_up", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("rect", { width: "8", height: "8", fill: "white" }) }) })
|
|
1613
1642
|
]
|
|
1614
1643
|
})
|
|
1615
1644
|
);
|
|
@@ -1617,10 +1646,10 @@ var TriangleDownIcon = (_a) => {
|
|
|
1617
1646
|
TriangleDownIcon.displayName = "TriangleDownIcon";
|
|
1618
1647
|
|
|
1619
1648
|
// src/primitives/icon/svg/triangle-up-filled.tsx
|
|
1620
|
-
var
|
|
1649
|
+
var import_jsx_runtime47 = require("react/jsx-runtime");
|
|
1621
1650
|
var TriangleUpFilledIcon = (_a) => {
|
|
1622
1651
|
var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
1623
|
-
return /* @__PURE__ */ (0,
|
|
1652
|
+
return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
|
|
1624
1653
|
"svg",
|
|
1625
1654
|
__spreadProps(__spreadValues(__spreadValues({
|
|
1626
1655
|
viewBox: "0 0 8 8",
|
|
@@ -1628,8 +1657,8 @@ var TriangleUpFilledIcon = (_a) => {
|
|
|
1628
1657
|
fill: "none"
|
|
1629
1658
|
}, getIconA11yProps(title)), props), {
|
|
1630
1659
|
children: [
|
|
1631
|
-
title ? /* @__PURE__ */ (0,
|
|
1632
|
-
/* @__PURE__ */ (0,
|
|
1660
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("title", { children: title }) : null,
|
|
1661
|
+
/* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
|
|
1633
1662
|
"path",
|
|
1634
1663
|
{
|
|
1635
1664
|
d: "M6.67873 8.00001H1.3214C1.09613 8.00053 0.874481 7.94332 0.677605 7.83384C0.480728 7.72435 0.315192 7.56625 0.196788 7.3746C0.0783848 7.18296 0.0110649 6.96417 0.00125164 6.73911C-0.0085616 6.51405 0.0394592 6.29023 0.140732 6.08901L2.81973 0.729677C2.92186 0.523193 3.0766 0.347273 3.26837 0.219641C3.46014 0.0920097 3.68216 0.0171748 3.91207 0.00267686C4.17147 -0.013831 4.43 0.0462826 4.6555 0.175542C4.88101 0.3048 5.06354 0.497501 5.1804 0.729677L7.8594 6.08901C7.96008 6.2903 8.00764 6.51398 7.99756 6.73881C7.98748 6.96365 7.92009 7.18218 7.8018 7.37365C7.68351 7.56512 7.51823 7.72317 7.32167 7.83279C7.12511 7.94242 6.90379 7.99998 6.67873 8.00001Z",
|
|
@@ -1643,10 +1672,10 @@ var TriangleUpFilledIcon = (_a) => {
|
|
|
1643
1672
|
TriangleUpFilledIcon.displayName = "TriangleUpFilledIcon";
|
|
1644
1673
|
|
|
1645
1674
|
// src/primitives/icon/svg/triangle-up.tsx
|
|
1646
|
-
var
|
|
1675
|
+
var import_jsx_runtime48 = require("react/jsx-runtime");
|
|
1647
1676
|
var TriangleUpIcon = (_a) => {
|
|
1648
1677
|
var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
1649
|
-
return /* @__PURE__ */ (0,
|
|
1678
|
+
return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
|
|
1650
1679
|
"svg",
|
|
1651
1680
|
__spreadProps(__spreadValues(__spreadValues({
|
|
1652
1681
|
viewBox: "0 0 8 8",
|
|
@@ -1654,16 +1683,16 @@ var TriangleUpIcon = (_a) => {
|
|
|
1654
1683
|
fill: "none"
|
|
1655
1684
|
}, getIconA11yProps(title)), props), {
|
|
1656
1685
|
children: [
|
|
1657
|
-
title ? /* @__PURE__ */ (0,
|
|
1658
|
-
/* @__PURE__ */ (0,
|
|
1659
|
-
/* @__PURE__ */ (0,
|
|
1686
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("title", { children: title }) : null,
|
|
1687
|
+
/* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("g", { clipPath: "url(#triangle_up)", children: [
|
|
1688
|
+
/* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
|
|
1660
1689
|
"path",
|
|
1661
1690
|
{
|
|
1662
1691
|
d: "M3.99989 1.6805L6.23917 6.72896H1.76061L3.99989 1.6805ZM3.99989 0.366097C3.87788 0.36535 3.75832 0.400347 3.65596 0.466768C3.55361 0.53319 3.47295 0.628129 3.42393 0.739866L0.362237 7.63838H7.63755L4.57737 0.739866C4.52825 0.62789 4.44735 0.532789 4.3447 0.46635C4.24205 0.39991 4.12216 0.365052 3.99989 0.366097Z",
|
|
1663
1692
|
fill: "currentColor"
|
|
1664
1693
|
}
|
|
1665
1694
|
),
|
|
1666
|
-
/* @__PURE__ */ (0,
|
|
1695
|
+
/* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
|
|
1667
1696
|
"path",
|
|
1668
1697
|
{
|
|
1669
1698
|
d: "M4.00167 0.00284122C4.19344 0.00214978 4.38147 0.0566837 4.54252 0.160923C4.70445 0.265758 4.83154 0.416026 4.90931 0.592539L7.9697 7.4913L8.19705 8.00195H-0.197266L3.09048 0.593427C3.16804 0.41669 3.29625 0.26688 3.45815 0.161811C3.61872 0.0576301 3.80589 0.00261591 3.99723 0.00284122H3.99989L4.00256 0.00195312L4.00167 0.00284122ZM3.99989 0.366097C3.87788 0.36535 3.75832 0.400347 3.65596 0.466768L3.58337 0.521491C3.51516 0.581467 3.46071 0.656022 3.42393 0.739866L0.362237 7.63838H7.63755L4.57737 0.739866C4.54053 0.655873 4.48567 0.581521 4.4173 0.521491L4.3447 0.46635C4.24205 0.39991 4.12216 0.365052 3.99989 0.366097ZM6.23917 6.72896H1.76061L3.99989 1.6805L6.23917 6.72896ZM2.31961 6.36519H5.68018L3.99989 2.57655L2.31961 6.36519Z",
|
|
@@ -1671,7 +1700,7 @@ var TriangleUpIcon = (_a) => {
|
|
|
1671
1700
|
}
|
|
1672
1701
|
)
|
|
1673
1702
|
] }),
|
|
1674
|
-
/* @__PURE__ */ (0,
|
|
1703
|
+
/* @__PURE__ */ (0, import_jsx_runtime48.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("clipPath", { id: "triangle_up", children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("rect", { width: "8", height: "8", fill: "white" }) }) })
|
|
1675
1704
|
]
|
|
1676
1705
|
})
|
|
1677
1706
|
);
|
|
@@ -1679,10 +1708,10 @@ var TriangleUpIcon = (_a) => {
|
|
|
1679
1708
|
TriangleUpIcon.displayName = "TriangleUpIcon";
|
|
1680
1709
|
|
|
1681
1710
|
// src/primitives/icon/svg/twitter.tsx
|
|
1682
|
-
var
|
|
1711
|
+
var import_jsx_runtime49 = require("react/jsx-runtime");
|
|
1683
1712
|
var TwitterIcon = (_a) => {
|
|
1684
1713
|
var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
1685
|
-
return /* @__PURE__ */ (0,
|
|
1714
|
+
return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
|
|
1686
1715
|
"svg",
|
|
1687
1716
|
__spreadProps(__spreadValues(__spreadValues({
|
|
1688
1717
|
viewBox: "0 0 20 20",
|
|
@@ -1690,8 +1719,8 @@ var TwitterIcon = (_a) => {
|
|
|
1690
1719
|
fill: "none"
|
|
1691
1720
|
}, getIconA11yProps(title)), props), {
|
|
1692
1721
|
children: [
|
|
1693
|
-
title ? /* @__PURE__ */ (0,
|
|
1694
|
-
/* @__PURE__ */ (0,
|
|
1722
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("title", { children: title }) : null,
|
|
1723
|
+
/* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
|
|
1695
1724
|
"path",
|
|
1696
1725
|
{
|
|
1697
1726
|
d: "M15.2708 1.66602H18.0834L11.9402 8.68539L19.1666 18.2386H13.51L9.07638 12.446L4.00874 18.2386H1.19152L7.76096 10.7288L0.833252 1.66602H6.63346L10.637 6.96053L15.2708 1.66602ZM14.283 16.5573H15.8406L5.78478 3.25949H4.11186L14.283 16.5573Z",
|
|
@@ -1705,10 +1734,10 @@ var TwitterIcon = (_a) => {
|
|
|
1705
1734
|
TwitterIcon.displayName = "TwitterIcon";
|
|
1706
1735
|
|
|
1707
1736
|
// src/primitives/icon/svg/upload.tsx
|
|
1708
|
-
var
|
|
1737
|
+
var import_jsx_runtime50 = require("react/jsx-runtime");
|
|
1709
1738
|
var UploadIcon = (_a) => {
|
|
1710
1739
|
var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
1711
|
-
return /* @__PURE__ */ (0,
|
|
1740
|
+
return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
|
|
1712
1741
|
"svg",
|
|
1713
1742
|
__spreadProps(__spreadValues(__spreadValues({
|
|
1714
1743
|
viewBox: "0 0 16 16",
|
|
@@ -1716,8 +1745,8 @@ var UploadIcon = (_a) => {
|
|
|
1716
1745
|
fill: "none"
|
|
1717
1746
|
}, getIconA11yProps(title)), props), {
|
|
1718
1747
|
children: [
|
|
1719
|
-
title ? /* @__PURE__ */ (0,
|
|
1720
|
-
/* @__PURE__ */ (0,
|
|
1748
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("title", { children: title }) : null,
|
|
1749
|
+
/* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
|
|
1721
1750
|
"path",
|
|
1722
1751
|
{
|
|
1723
1752
|
d: "M8 13.5v-7m0 0 2.5 2.5M8 6.5 5.5 9",
|
|
@@ -1727,7 +1756,7 @@ var UploadIcon = (_a) => {
|
|
|
1727
1756
|
strokeLinejoin: "round"
|
|
1728
1757
|
}
|
|
1729
1758
|
),
|
|
1730
|
-
/* @__PURE__ */ (0,
|
|
1759
|
+
/* @__PURE__ */ (0, import_jsx_runtime50.jsx)("path", { d: "M2.5 3.5h11", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" })
|
|
1731
1760
|
]
|
|
1732
1761
|
})
|
|
1733
1762
|
);
|
|
@@ -1735,10 +1764,10 @@ var UploadIcon = (_a) => {
|
|
|
1735
1764
|
UploadIcon.displayName = "UploadIcon";
|
|
1736
1765
|
|
|
1737
1766
|
// src/primitives/icon/svg/wallet-avatar.tsx
|
|
1738
|
-
var
|
|
1767
|
+
var import_jsx_runtime51 = require("react/jsx-runtime");
|
|
1739
1768
|
function WalletAvatarIcon(_a) {
|
|
1740
1769
|
var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
1741
|
-
return /* @__PURE__ */ (0,
|
|
1770
|
+
return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
|
|
1742
1771
|
"svg",
|
|
1743
1772
|
__spreadProps(__spreadValues(__spreadValues({
|
|
1744
1773
|
fill: "none",
|
|
@@ -1746,9 +1775,9 @@ function WalletAvatarIcon(_a) {
|
|
|
1746
1775
|
viewBox: "0 0 16 16"
|
|
1747
1776
|
}, getIconA11yProps(title)), props), {
|
|
1748
1777
|
children: [
|
|
1749
|
-
title ? /* @__PURE__ */ (0,
|
|
1750
|
-
/* @__PURE__ */ (0,
|
|
1751
|
-
/* @__PURE__ */ (0,
|
|
1778
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("title", { children: title }) : null,
|
|
1779
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsx)("circle", { cx: "8", cy: "5.25", r: "2.25", fill: "currentColor" }),
|
|
1780
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsx)("path", { d: "M3.75 12.75a4.25 4.25 0 0 1 8.5 0v.25h-8.5v-.25Z", fill: "currentColor" })
|
|
1752
1781
|
]
|
|
1753
1782
|
})
|
|
1754
1783
|
);
|
|
@@ -1756,10 +1785,10 @@ function WalletAvatarIcon(_a) {
|
|
|
1756
1785
|
WalletAvatarIcon.displayName = "WalletAvatarIcon";
|
|
1757
1786
|
|
|
1758
1787
|
// src/primitives/icon/svg/wallet.tsx
|
|
1759
|
-
var
|
|
1788
|
+
var import_jsx_runtime52 = require("react/jsx-runtime");
|
|
1760
1789
|
var WalletIcon = (_a) => {
|
|
1761
1790
|
var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
1762
|
-
return /* @__PURE__ */ (0,
|
|
1791
|
+
return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
|
|
1763
1792
|
"svg",
|
|
1764
1793
|
__spreadProps(__spreadValues(__spreadValues({
|
|
1765
1794
|
viewBox: "0 0 24 24",
|
|
@@ -1767,8 +1796,8 @@ var WalletIcon = (_a) => {
|
|
|
1767
1796
|
fill: "none"
|
|
1768
1797
|
}, getIconA11yProps(title)), props), {
|
|
1769
1798
|
children: [
|
|
1770
|
-
title ? /* @__PURE__ */ (0,
|
|
1771
|
-
/* @__PURE__ */ (0,
|
|
1799
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("title", { children: title }) : null,
|
|
1800
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
|
|
1772
1801
|
"path",
|
|
1773
1802
|
{
|
|
1774
1803
|
d: "M19.5 6H5.25C4.836 6 4.5 5.664 4.5 5.25C4.5 4.836 4.836 4.5 5.25 4.5H19.5C19.914 4.5 20.25 4.164 20.25 3.75C20.25 2.508 19.242 1.5 18 1.5H4.5C2.843 1.5 1.5 2.843 1.5 4.5V19.5C1.5 21.157 2.843 22.5 4.5 22.5H19.5C21.157 22.5 22.5 21.157 22.5 19.5V9C22.5 7.343 21.157 6 19.5 6ZM2.5 4.5C2.5 3.395 3.395 2.5 4.5 2.5H18C18.552 2.5 19.026 2.834 19.199 3.318C19.176 3.312 19.153 3.5 18 3.5H5.25C4.284 3.5 3.5 4.284 3.5 5.25C3.5 5.388 3.519 5.522 3.555 5.649C2.936 5.369 2.5 4.972 2.5 4.5ZM21.5 19.5C21.5 20.605 20.605 21.5 19.5 21.5H4.5C3.395 21.5 2.5 20.605 2.5 19.5V7.04C3.09 7.336 3.771 7 5.25 7H19.5C20.605 7 21.5 7.895 21.5 9V12H18C16.343 12 15 13.343 15 15C15 16.657 16.343 18 18 18H21.5V19.5ZM21.5 17H18C16.895 17 16 16.105 16 15C16 13.895 16.895 13 18 13H21.5V17ZM18 15.75C18.414 15.75 18.75 15.414 18.75 15C18.75 14.586 18.414 14.25 18 14.25C17.586 14.25 17.25 14.586 17.25 15C17.25 15.414 17.586 15.75 18 15.75Z",
|
|
@@ -1782,10 +1811,10 @@ var WalletIcon = (_a) => {
|
|
|
1782
1811
|
WalletIcon.displayName = "WalletIcon";
|
|
1783
1812
|
|
|
1784
1813
|
// src/primitives/icon/svg/warning-filled.tsx
|
|
1785
|
-
var
|
|
1814
|
+
var import_jsx_runtime53 = require("react/jsx-runtime");
|
|
1786
1815
|
var WarningFilledIcon = (_a) => {
|
|
1787
1816
|
var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
1788
|
-
return /* @__PURE__ */ (0,
|
|
1817
|
+
return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
|
|
1789
1818
|
"svg",
|
|
1790
1819
|
__spreadProps(__spreadValues(__spreadValues({
|
|
1791
1820
|
viewBox: "0 0 16 16",
|
|
@@ -1793,8 +1822,8 @@ var WarningFilledIcon = (_a) => {
|
|
|
1793
1822
|
fill: "none"
|
|
1794
1823
|
}, getIconA11yProps(title)), props), {
|
|
1795
1824
|
children: [
|
|
1796
|
-
title ? /* @__PURE__ */ (0,
|
|
1797
|
-
/* @__PURE__ */ (0,
|
|
1825
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("title", { children: title }) : null,
|
|
1826
|
+
/* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
|
|
1798
1827
|
"path",
|
|
1799
1828
|
{
|
|
1800
1829
|
d: "M15.3869 10.22L10.0002 1.71332C9.5469 1.05999 8.79356 0.666656 8.00023 0.666656C7.20689 0.666656 6.45356 1.05332 5.98023 1.73332L0.620227 10.2067C-0.0597729 11.18 -0.18644 12.3467 0.286894 13.2467C0.75356 14.1467 1.73356 14.66 2.96023 14.66H13.0402C14.2736 14.66 15.2469 14.1467 15.7136 13.2467C16.1802 12.3467 16.0536 11.1867 15.3869 10.22ZM7.33356 4.66666C7.33356 4.29999 7.63356 3.99999 8.00023 3.99999C8.36689 3.99999 8.66689 4.29999 8.66689 4.66666V8.66666C8.66689 9.03332 8.36689 9.33332 8.00023 9.33332C7.63356 9.33332 7.33356 9.03332 7.33356 8.66666V4.66666ZM8.00023 12.6667C7.44689 12.6667 7.00023 12.22 7.00023 11.6667C7.00023 11.1133 7.44689 10.6667 8.00023 10.6667C8.55356 10.6667 9.00023 11.1133 9.00023 11.6667C9.00023 12.22 8.55356 12.6667 8.00023 12.6667Z",
|
|
@@ -1808,10 +1837,10 @@ var WarningFilledIcon = (_a) => {
|
|
|
1808
1837
|
WarningFilledIcon.displayName = "WarningFilledIcon";
|
|
1809
1838
|
|
|
1810
1839
|
// src/primitives/icon/svg/warning.tsx
|
|
1811
|
-
var
|
|
1840
|
+
var import_jsx_runtime54 = require("react/jsx-runtime");
|
|
1812
1841
|
var WarningIcon = (_a) => {
|
|
1813
1842
|
var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
1814
|
-
return /* @__PURE__ */ (0,
|
|
1843
|
+
return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
|
|
1815
1844
|
"svg",
|
|
1816
1845
|
__spreadProps(__spreadValues(__spreadValues({
|
|
1817
1846
|
width: "14",
|
|
@@ -1822,15 +1851,15 @@ var WarningIcon = (_a) => {
|
|
|
1822
1851
|
className
|
|
1823
1852
|
}, getIconA11yProps(title)), props), {
|
|
1824
1853
|
children: [
|
|
1825
|
-
title ? /* @__PURE__ */ (0,
|
|
1826
|
-
/* @__PURE__ */ (0,
|
|
1854
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("title", { children: title }) : null,
|
|
1855
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)("g", { clipPath: "url(#clip0_warning)", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
|
|
1827
1856
|
"path",
|
|
1828
1857
|
{
|
|
1829
1858
|
d: "M6.41665 8.16675V4.66675C6.41665 4.34591 6.67915 4.08341 6.99998 4.08341C7.32082 4.08341 7.58332 4.34591 7.58332 4.66675V8.16675C7.58332 8.48758 7.32082 8.75008 6.99998 8.75008C6.67915 8.75008 6.41665 8.48758 6.41665 8.16675ZM6.99998 9.33341C6.51582 9.33341 6.12498 9.72425 6.12498 10.2084C6.12498 10.6926 6.51582 11.0834 6.99998 11.0834C7.48415 11.0834 7.87498 10.6926 7.87498 10.2084C7.87498 9.72425 7.48415 9.33341 6.99998 9.33341ZM13.755 12.1801C13.3467 12.9676 12.4892 13.4167 11.4158 13.4167H2.58998C1.51082 13.4167 0.659151 12.9676 0.250818 12.1801C-0.163348 11.3867 -0.0466818 10.3717 0.542485 9.52008L5.23248 2.10008C5.64665 1.50508 6.29998 1.16675 6.99998 1.16675C7.69999 1.16675 8.35332 1.50508 8.74998 2.08258L13.4633 9.53175C14.0525 10.3834 14.1633 11.3926 13.7492 12.1801H13.755ZM12.5008 10.1851C12.5008 10.1851 12.4892 10.1734 12.4892 10.1617L7.78165 2.72425C7.61248 2.48508 7.32082 2.33341 6.99998 2.33341C6.67915 2.33341 6.38749 2.48508 6.20665 2.74758L1.51082 10.1617C1.14915 10.6751 1.06748 11.2351 1.27748 11.6376C1.48165 12.0342 1.94832 12.2501 2.58415 12.2501H11.4042C12.04 12.2501 12.5067 12.0342 12.7108 11.6376C12.9208 11.2351 12.8392 10.6751 12.495 10.1851H12.5008Z",
|
|
1830
1859
|
fill: "currentColor"
|
|
1831
1860
|
}
|
|
1832
1861
|
) }),
|
|
1833
|
-
/* @__PURE__ */ (0,
|
|
1862
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("clipPath", { id: "clip0_warning", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("rect", { width: "14", height: "14", fill: "white" }) }) })
|
|
1834
1863
|
]
|
|
1835
1864
|
})
|
|
1836
1865
|
);
|
|
@@ -1880,6 +1909,7 @@ var iconRegistry = {
|
|
|
1880
1909
|
"shield-trust": ShieldTrustIcon,
|
|
1881
1910
|
solana: SolanaIcon,
|
|
1882
1911
|
"stay-in-control": StayInControlIcon,
|
|
1912
|
+
"success-check": SuccessCheckIcon,
|
|
1883
1913
|
telegram: TelegramIcon,
|
|
1884
1914
|
"triangle-down": TriangleDownIcon,
|
|
1885
1915
|
"triangle-up": TriangleUpIcon,
|
|
@@ -1902,7 +1932,7 @@ var resolveIconStyle = (color, style) => {
|
|
|
1902
1932
|
};
|
|
1903
1933
|
|
|
1904
1934
|
// src/primitives/icon/index.tsx
|
|
1905
|
-
var
|
|
1935
|
+
var import_jsx_runtime55 = require("react/jsx-runtime");
|
|
1906
1936
|
var Icon = (_a) => {
|
|
1907
1937
|
var _b = _a, {
|
|
1908
1938
|
name,
|
|
@@ -1920,7 +1950,7 @@ var Icon = (_a) => {
|
|
|
1920
1950
|
const Component = iconRegistry[name];
|
|
1921
1951
|
const resolvedStyle = resolveIconStyle(color, style);
|
|
1922
1952
|
const resolvedClassName = cn(iconSizeClasses[size], className);
|
|
1923
|
-
return /* @__PURE__ */ (0,
|
|
1953
|
+
return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
|
|
1924
1954
|
Component,
|
|
1925
1955
|
__spreadValues({
|
|
1926
1956
|
color,
|
|
@@ -1936,12 +1966,12 @@ var import_hooks5 = require("@agg-market/hooks");
|
|
|
1936
1966
|
|
|
1937
1967
|
// src/primitives/skeleton/skeleton-block.tsx
|
|
1938
1968
|
var import_hooks3 = require("@agg-market/hooks");
|
|
1939
|
-
var
|
|
1969
|
+
var import_jsx_runtime56 = require("react/jsx-runtime");
|
|
1940
1970
|
var SkeletonBlock = ({ className }) => {
|
|
1941
1971
|
const {
|
|
1942
1972
|
features: { enableAnimations }
|
|
1943
1973
|
} = (0, import_hooks3.useSdkUiConfig)();
|
|
1944
|
-
return /* @__PURE__ */ (0,
|
|
1974
|
+
return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
|
|
1945
1975
|
"div",
|
|
1946
1976
|
{
|
|
1947
1977
|
"aria-hidden": true,
|
|
@@ -1962,7 +1992,7 @@ var import_hooks4 = require("@agg-market/hooks");
|
|
|
1962
1992
|
var baseCardClassName = "gap-3 overflow-hidden p-5 w-full";
|
|
1963
1993
|
|
|
1964
1994
|
// src/primitives/skeleton/views/event-list-item-skeleton-view.tsx
|
|
1965
|
-
var
|
|
1995
|
+
var import_jsx_runtime57 = require("react/jsx-runtime");
|
|
1966
1996
|
var EventListItemSkeletonView = ({
|
|
1967
1997
|
className,
|
|
1968
1998
|
ariaLabel,
|
|
@@ -1970,7 +2000,7 @@ var EventListItemSkeletonView = ({
|
|
|
1970
2000
|
}) => {
|
|
1971
2001
|
const labels = (0, import_hooks4.useLabels)();
|
|
1972
2002
|
const outcomeTitleWidths = ["w-40", "w-[200px]"];
|
|
1973
|
-
return /* @__PURE__ */ (0,
|
|
2003
|
+
return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
|
|
1974
2004
|
Card,
|
|
1975
2005
|
{
|
|
1976
2006
|
className: cn("group/agg-skeleton", baseCardClassName, className),
|
|
@@ -1979,23 +2009,23 @@ var EventListItemSkeletonView = ({
|
|
|
1979
2009
|
"aria-busy": isStandalone || void 0,
|
|
1980
2010
|
"aria-hidden": isStandalone ? void 0 : true,
|
|
1981
2011
|
children: [
|
|
1982
|
-
/* @__PURE__ */ (0,
|
|
1983
|
-
/* @__PURE__ */ (0,
|
|
1984
|
-
/* @__PURE__ */ (0,
|
|
2012
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "flex h-14 w-full items-center gap-3 justify-stretch", children: [
|
|
2013
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsx)(SkeletonBlock, { className: "size-10! rounded-agg-lg" }),
|
|
2014
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsx)(SkeletonBlock, { className: "h-6 w-fit flex-1 rounded-agg-sm" })
|
|
1985
2015
|
] }),
|
|
1986
|
-
/* @__PURE__ */ (0,
|
|
1987
|
-
/* @__PURE__ */ (0,
|
|
1988
|
-
/* @__PURE__ */ (0,
|
|
2016
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "flex flex-col gap-3", children: outcomeTitleWidths.map((outcomeTitleWidth, index) => /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "flex w-full items-center justify-between gap-3", children: [
|
|
2017
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsx)(SkeletonBlock, { className: cn("h-5 rounded-agg-sm", outcomeTitleWidth) }),
|
|
2018
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsx)(SkeletonBlock, { className: "h-9 w-[100px] rounded-agg-full" })
|
|
1989
2019
|
] }, index)) }),
|
|
1990
|
-
/* @__PURE__ */ (0,
|
|
1991
|
-
/* @__PURE__ */ (0,
|
|
1992
|
-
/* @__PURE__ */ (0,
|
|
1993
|
-
/* @__PURE__ */ (0,
|
|
1994
|
-
/* @__PURE__ */ (0,
|
|
1995
|
-
/* @__PURE__ */ (0,
|
|
2020
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "flex items-center justify-between gap-5 text-agg-muted-foreground", children: [
|
|
2021
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "flex min-w-0 flex-1 items-center gap-2", children: [
|
|
2022
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsx)(SkeletonBlock, { className: "h-5 w-[100px] rounded-agg-sm" }),
|
|
2023
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "flex items-center gap-1", children: [
|
|
2024
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsx)(SkeletonBlock, { className: "size-[14px] rounded-agg-sm" }),
|
|
2025
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsx)(SkeletonBlock, { className: "size-[14px] rounded-agg-sm" })
|
|
1996
2026
|
] })
|
|
1997
2027
|
] }),
|
|
1998
|
-
/* @__PURE__ */ (0,
|
|
2028
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsx)(SkeletonBlock, { className: "h-5 w-[60px] rounded-agg-sm" })
|
|
1999
2029
|
] })
|
|
2000
2030
|
]
|
|
2001
2031
|
}
|
|
@@ -2004,10 +2034,10 @@ var EventListItemSkeletonView = ({
|
|
|
2004
2034
|
EventListItemSkeletonView.displayName = "EventListItemSkeletonView";
|
|
2005
2035
|
|
|
2006
2036
|
// src/primitives/skeleton/views/event-list-skeleton-view.tsx
|
|
2007
|
-
var
|
|
2037
|
+
var import_jsx_runtime58 = require("react/jsx-runtime");
|
|
2008
2038
|
var EventListSkeletonView = ({ className, ariaLabel }) => {
|
|
2009
2039
|
const labels = (0, import_hooks5.useLabels)();
|
|
2010
|
-
return /* @__PURE__ */ (0,
|
|
2040
|
+
return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
|
|
2011
2041
|
"section",
|
|
2012
2042
|
{
|
|
2013
2043
|
className: cn("group/agg-skeleton", "flex w-full flex-col gap-5", className),
|
|
@@ -2015,11 +2045,11 @@ var EventListSkeletonView = ({ className, ariaLabel }) => {
|
|
|
2015
2045
|
"aria-label": ariaLabel != null ? ariaLabel : labels.eventList.loading("events"),
|
|
2016
2046
|
"aria-busy": true,
|
|
2017
2047
|
children: [
|
|
2018
|
-
/* @__PURE__ */ (0,
|
|
2019
|
-
/* @__PURE__ */ (0,
|
|
2020
|
-
/* @__PURE__ */ (0,
|
|
2048
|
+
/* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("header", { className: "flex w-full flex-col items-start justify-between gap-3 md:flex-row md:flex-nowrap md:items-center md:gap-5", children: [
|
|
2049
|
+
/* @__PURE__ */ (0, import_jsx_runtime58.jsx)(SkeletonBlock, { className: "h-7 w-[120px] rounded-agg-md" }),
|
|
2050
|
+
/* @__PURE__ */ (0, import_jsx_runtime58.jsx)(SkeletonBlock, { className: "h-8 w-full rounded-agg-md md:w-[400px]" })
|
|
2021
2051
|
] }),
|
|
2022
|
-
/* @__PURE__ */ (0,
|
|
2052
|
+
/* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "grid grid-cols-1 gap-5 md:grid-cols-3", children: Array.from({ length: 3 }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
|
|
2023
2053
|
EventListItemSkeletonView,
|
|
2024
2054
|
{
|
|
2025
2055
|
isStandalone: false,
|
|
@@ -2055,13 +2085,13 @@ var lineColorByVenue = {
|
|
|
2055
2085
|
var fallbackLineColors = ["#2e5cff", "#00d295", "#f05923", "#020205"];
|
|
2056
2086
|
|
|
2057
2087
|
// src/primitives/skeleton/views/event-list-item-details-skeleton-view.tsx
|
|
2058
|
-
var
|
|
2088
|
+
var import_jsx_runtime59 = require("react/jsx-runtime");
|
|
2059
2089
|
var EventListItemDetailsSkeletonView = ({
|
|
2060
2090
|
className,
|
|
2061
2091
|
ariaLabel
|
|
2062
2092
|
}) => {
|
|
2063
2093
|
const labels = (0, import_hooks6.useLabels)();
|
|
2064
|
-
return /* @__PURE__ */ (0,
|
|
2094
|
+
return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
|
|
2065
2095
|
Card,
|
|
2066
2096
|
{
|
|
2067
2097
|
className: cn("group/agg-skeleton", detailsBaseCardClassName, className),
|
|
@@ -2069,24 +2099,24 @@ var EventListItemDetailsSkeletonView = ({
|
|
|
2069
2099
|
"aria-label": ariaLabel != null ? ariaLabel : labels.eventItemDetails.loading,
|
|
2070
2100
|
"aria-busy": true,
|
|
2071
2101
|
children: [
|
|
2072
|
-
/* @__PURE__ */ (0,
|
|
2073
|
-
/* @__PURE__ */ (0,
|
|
2074
|
-
/* @__PURE__ */ (0,
|
|
2102
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "flex h-14 w-full items-center gap-3 justify-stretch", children: [
|
|
2103
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsx)(SkeletonBlock, { className: "size-10! rounded-agg-lg" }),
|
|
2104
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsx)(SkeletonBlock, { className: "h-6 w-fit flex-1 rounded-agg-sm" })
|
|
2075
2105
|
] }),
|
|
2076
|
-
/* @__PURE__ */ (0,
|
|
2077
|
-
/* @__PURE__ */ (0,
|
|
2078
|
-
/* @__PURE__ */ (0,
|
|
2079
|
-
/* @__PURE__ */ (0,
|
|
2080
|
-
/* @__PURE__ */ (0,
|
|
2081
|
-
/* @__PURE__ */ (0,
|
|
2106
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "flex w-full flex-col gap-4 md:gap-6", children: [
|
|
2107
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "flex w-full flex-col gap-3 md:flex-row md:items-center md:justify-between", children: [
|
|
2108
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "flex max-w-full gap-2 overflow-hidden", children: [
|
|
2109
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsx)(SkeletonBlock, { className: "h-9 w-[100px] rounded-agg-full" }),
|
|
2110
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsx)(SkeletonBlock, { className: "h-9 w-[100px] rounded-agg-full" }),
|
|
2111
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsx)(SkeletonBlock, { className: "h-9 w-[100px] rounded-agg-full" })
|
|
2082
2112
|
] }),
|
|
2083
|
-
/* @__PURE__ */ (0,
|
|
2113
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsx)(SkeletonBlock, { className: "h-9 w-full max-w-[221px] rounded-agg-full md:w-[221px]" })
|
|
2084
2114
|
] }),
|
|
2085
|
-
/* @__PURE__ */ (0,
|
|
2086
|
-
/* @__PURE__ */ (0,
|
|
2087
|
-
/* @__PURE__ */ (0,
|
|
2088
|
-
/* @__PURE__ */ (0,
|
|
2089
|
-
/* @__PURE__ */ (0,
|
|
2115
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "flex w-full flex-col gap-3", children: [
|
|
2116
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsx)(SkeletonBlock, { className: "h-[220px] w-full rounded-agg-xl md:h-[240px]" }),
|
|
2117
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "flex items-center justify-between", children: [
|
|
2118
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsx)(SkeletonBlock, { className: "h-5 w-[59px] rounded-agg-sm" }),
|
|
2119
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsx)(SkeletonBlock, { className: "h-5 w-40 rounded-agg-sm" })
|
|
2090
2120
|
] })
|
|
2091
2121
|
] })
|
|
2092
2122
|
] })
|
|
@@ -2111,7 +2141,7 @@ var marketDetailsDefaultIsOpened = false;
|
|
|
2111
2141
|
var orderBookRowLimitDefault = 4;
|
|
2112
2142
|
|
|
2113
2143
|
// src/primitives/skeleton/views/market-details-skeleton-view.tsx
|
|
2114
|
-
var
|
|
2144
|
+
var import_jsx_runtime60 = require("react/jsx-runtime");
|
|
2115
2145
|
var orderBookAskBarWidths = [
|
|
2116
2146
|
"w-[52px] md:w-[240px]",
|
|
2117
2147
|
"w-[48px] md:w-[200px]",
|
|
@@ -2125,30 +2155,30 @@ var orderBookBidBarWidths = [
|
|
|
2125
2155
|
"w-[52px] md:w-[240px]"
|
|
2126
2156
|
];
|
|
2127
2157
|
var MarketDetailsHeaderSkeleton = () => {
|
|
2128
|
-
return /* @__PURE__ */ (0,
|
|
2129
|
-
/* @__PURE__ */ (0,
|
|
2130
|
-
/* @__PURE__ */ (0,
|
|
2131
|
-
/* @__PURE__ */ (0,
|
|
2132
|
-
/* @__PURE__ */ (0,
|
|
2133
|
-
/* @__PURE__ */ (0,
|
|
2158
|
+
return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "flex flex-wrap items-center justify-between gap-3 px-4 py-3 md:px-5", children: [
|
|
2159
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "flex min-w-0 items-center gap-3 md:min-w-52 md:gap-4", children: [
|
|
2160
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)(SkeletonBlock, { className: "size-12 rounded-agg-lg md:size-[60px]" }),
|
|
2161
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "flex min-w-0 flex-col gap-2", children: [
|
|
2162
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)(SkeletonBlock, { className: "h-6 w-[132px] rounded-agg-sm" }),
|
|
2163
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)(SkeletonBlock, { className: "h-4 w-[141px] rounded-agg-sm" })
|
|
2134
2164
|
] })
|
|
2135
2165
|
] }),
|
|
2136
|
-
/* @__PURE__ */ (0,
|
|
2137
|
-
/* @__PURE__ */ (0,
|
|
2138
|
-
/* @__PURE__ */ (0,
|
|
2139
|
-
/* @__PURE__ */ (0,
|
|
2166
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)(SkeletonBlock, { className: "h-9 w-[60px] rounded-agg-md" }),
|
|
2167
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "flex w-full gap-2 md:w-auto", children: [
|
|
2168
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)(SkeletonBlock, { className: "h-9 w-full rounded-agg-full md:w-[135px]" }),
|
|
2169
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)(SkeletonBlock, { className: "h-9 w-full rounded-agg-full md:w-[131px]" })
|
|
2140
2170
|
] })
|
|
2141
2171
|
] });
|
|
2142
2172
|
};
|
|
2143
2173
|
var MarketDetailsTabsSkeleton = () => {
|
|
2144
|
-
return /* @__PURE__ */ (0,
|
|
2145
|
-
/* @__PURE__ */ (0,
|
|
2146
|
-
/* @__PURE__ */ (0,
|
|
2147
|
-
/* @__PURE__ */ (0,
|
|
2174
|
+
return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "flex h-14 items-end px-4 md:px-5", children: [
|
|
2175
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "flex h-full flex-col items-end justify-end rounded-t-agg-lg", children: [
|
|
2176
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "px-4 py-3", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(SkeletonBlock, { className: "h-6 w-20 rounded-agg-sm" }) }),
|
|
2177
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)(SkeletonBlock, { className: "h-[3px] w-full rounded-t-agg-sm" })
|
|
2148
2178
|
] }),
|
|
2149
|
-
/* @__PURE__ */ (0,
|
|
2150
|
-
/* @__PURE__ */ (0,
|
|
2151
|
-
/* @__PURE__ */ (0,
|
|
2179
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "flex h-full flex-col justify-center", children: [
|
|
2180
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "px-4 py-3", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(SkeletonBlock, { className: "h-6 w-12 rounded-agg-sm" }) }),
|
|
2181
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "h-[3px] w-full" })
|
|
2152
2182
|
] })
|
|
2153
2183
|
] });
|
|
2154
2184
|
};
|
|
@@ -2156,30 +2186,30 @@ var MarketDetailsOrderBookRows = ({
|
|
|
2156
2186
|
side,
|
|
2157
2187
|
barWidths
|
|
2158
2188
|
}) => {
|
|
2159
|
-
return /* @__PURE__ */ (0,
|
|
2160
|
-
/* @__PURE__ */ (0,
|
|
2161
|
-
/* @__PURE__ */ (0,
|
|
2162
|
-
/* @__PURE__ */ (0,
|
|
2163
|
-
/* @__PURE__ */ (0,
|
|
2189
|
+
return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "flex flex-col gap-2", children: barWidths.map((barWidthClassName, index) => /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "flex flex-col gap-2", children: [
|
|
2190
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "grid grid-cols-[52px_1fr_1fr_52px] items-center gap-2 md:grid-cols-[88px_1fr_1fr_minmax(120px,220px)] md:gap-6", children: [
|
|
2191
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "flex items-center gap-1 md:gap-3", children: [
|
|
2192
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)(SkeletonBlock, { className: "size-4 rounded-agg-sm" }),
|
|
2193
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)(SkeletonBlock, { className: "h-5 w-[60px] rounded-agg-sm" })
|
|
2164
2194
|
] }),
|
|
2165
|
-
/* @__PURE__ */ (0,
|
|
2166
|
-
/* @__PURE__ */ (0,
|
|
2167
|
-
/* @__PURE__ */ (0,
|
|
2195
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)(SkeletonBlock, { className: "h-5 rounded-agg-sm" }),
|
|
2196
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)(SkeletonBlock, { className: "h-5 rounded-agg-sm" }),
|
|
2197
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "flex justify-end", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(SkeletonBlock, { className: cn("h-2 rounded-agg-full", barWidthClassName) }) })
|
|
2168
2198
|
] }),
|
|
2169
|
-
index < barWidths.length - 1 ? /* @__PURE__ */ (0,
|
|
2199
|
+
index < barWidths.length - 1 ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "h-px w-full bg-agg-separator" }) : null
|
|
2170
2200
|
] }, `${side}-row-${index}`)) });
|
|
2171
2201
|
};
|
|
2172
2202
|
var MarketDetailsOderbookSkeleton = ({
|
|
2173
2203
|
className
|
|
2174
2204
|
}) => {
|
|
2175
|
-
return /* @__PURE__ */ (0,
|
|
2176
|
-
/* @__PURE__ */ (0,
|
|
2177
|
-
/* @__PURE__ */ (0,
|
|
2178
|
-
/* @__PURE__ */ (0,
|
|
2205
|
+
return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: cn("flex flex-col gap-5", className), children: [
|
|
2206
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "flex flex-col gap-2", children: [
|
|
2207
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)(SkeletonBlock, { className: "h-4 w-10 rounded-agg-sm" }),
|
|
2208
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)(MarketDetailsOrderBookRows, { side: "ask", barWidths: orderBookAskBarWidths })
|
|
2179
2209
|
] }),
|
|
2180
|
-
/* @__PURE__ */ (0,
|
|
2181
|
-
/* @__PURE__ */ (0,
|
|
2182
|
-
/* @__PURE__ */ (0,
|
|
2210
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "flex flex-col gap-2", children: [
|
|
2211
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)(SkeletonBlock, { className: "h-4 w-10 rounded-agg-sm" }),
|
|
2212
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)(MarketDetailsOrderBookRows, { side: "bid", barWidths: orderBookBidBarWidths })
|
|
2183
2213
|
] })
|
|
2184
2214
|
] });
|
|
2185
2215
|
};
|
|
@@ -2189,7 +2219,7 @@ var MarketDetailsSkeletonView = ({
|
|
|
2189
2219
|
isDetailed
|
|
2190
2220
|
}) => {
|
|
2191
2221
|
const labels = (0, import_hooks7.useLabels)();
|
|
2192
|
-
return /* @__PURE__ */ (0,
|
|
2222
|
+
return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
|
|
2193
2223
|
Card,
|
|
2194
2224
|
{
|
|
2195
2225
|
className: cn("group/agg-skeleton", marketDetailsBaseCardClassName, className),
|
|
@@ -2197,12 +2227,12 @@ var MarketDetailsSkeletonView = ({
|
|
|
2197
2227
|
"aria-label": ariaLabel != null ? ariaLabel : labels.marketDetails.loading,
|
|
2198
2228
|
"aria-busy": true,
|
|
2199
2229
|
children: [
|
|
2200
|
-
/* @__PURE__ */ (0,
|
|
2201
|
-
isDetailed ? /* @__PURE__ */ (0,
|
|
2202
|
-
/* @__PURE__ */ (0,
|
|
2203
|
-
/* @__PURE__ */ (0,
|
|
2204
|
-
/* @__PURE__ */ (0,
|
|
2205
|
-
/* @__PURE__ */ (0,
|
|
2230
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)(MarketDetailsHeaderSkeleton, {}),
|
|
2231
|
+
isDetailed ? /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(import_jsx_runtime60.Fragment, { children: [
|
|
2232
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "h-px w-full bg-agg-separator" }),
|
|
2233
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)(MarketDetailsTabsSkeleton, {}),
|
|
2234
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "h-px w-full bg-agg-separator" }),
|
|
2235
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)(MarketDetailsOderbookSkeleton, { className: "p-5" })
|
|
2206
2236
|
] }) : null
|
|
2207
2237
|
]
|
|
2208
2238
|
}
|
|
@@ -2211,62 +2241,62 @@ var MarketDetailsSkeletonView = ({
|
|
|
2211
2241
|
MarketDetailsSkeletonView.displayName = "MarketDetailsSkeletonView";
|
|
2212
2242
|
|
|
2213
2243
|
// src/primitives/skeleton/views/place-order-skeleton-view.tsx
|
|
2214
|
-
var
|
|
2244
|
+
var import_jsx_runtime61 = require("react/jsx-runtime");
|
|
2215
2245
|
var placeOrderCardClassName = "overflow-hidden rounded-agg-xl border border-agg-border bg-agg-secondary shadow-none hover:shadow-none";
|
|
2216
2246
|
var TabsSkeletonBar = () => {
|
|
2217
|
-
return /* @__PURE__ */ (0,
|
|
2218
|
-
/* @__PURE__ */ (0,
|
|
2219
|
-
/* @__PURE__ */ (0,
|
|
2220
|
-
/* @__PURE__ */ (0,
|
|
2247
|
+
return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "flex w-full items-end border-b border-agg-border", children: [
|
|
2248
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "flex flex-col rounded-t-agg-lg", children: [
|
|
2249
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "px-5 py-2", children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(SkeletonBlock, { className: "h-6 w-10 rounded-agg-sm" }) }),
|
|
2250
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsx)(SkeletonBlock, { className: "h-[3px] w-full rounded-t-agg-sm" })
|
|
2221
2251
|
] }),
|
|
2222
|
-
/* @__PURE__ */ (0,
|
|
2223
|
-
/* @__PURE__ */ (0,
|
|
2224
|
-
/* @__PURE__ */ (0,
|
|
2252
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "flex flex-col", children: [
|
|
2253
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "px-5 py-2", children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(SkeletonBlock, { className: "h-6 w-10 rounded-agg-sm" }) }),
|
|
2254
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "h-[3px] w-full" })
|
|
2225
2255
|
] })
|
|
2226
2256
|
] });
|
|
2227
2257
|
};
|
|
2228
2258
|
var ContentBody = () => {
|
|
2229
|
-
return /* @__PURE__ */ (0,
|
|
2230
|
-
/* @__PURE__ */ (0,
|
|
2231
|
-
/* @__PURE__ */ (0,
|
|
2232
|
-
/* @__PURE__ */ (0,
|
|
2233
|
-
/* @__PURE__ */ (0,
|
|
2234
|
-
/* @__PURE__ */ (0,
|
|
2235
|
-
/* @__PURE__ */ (0,
|
|
2259
|
+
return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: cn("flex flex-col gap-6 p-5"), children: [
|
|
2260
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "flex flex-col gap-2", children: [
|
|
2261
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "flex min-w-0 items-center gap-3", children: [
|
|
2262
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsx)(SkeletonBlock, { className: "size-12 shrink-0 rounded-agg-lg" }),
|
|
2263
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col gap-2", children: [
|
|
2264
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsx)(SkeletonBlock, { className: "h-4 w-[92%] max-w-[240px] rounded-agg-sm" }),
|
|
2265
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsx)(SkeletonBlock, { className: "h-4 w-[64%] max-w-[160px] rounded-agg-sm" })
|
|
2236
2266
|
] })
|
|
2237
2267
|
] }),
|
|
2238
|
-
/* @__PURE__ */ (0,
|
|
2239
|
-
/* @__PURE__ */ (0,
|
|
2268
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsx)(SkeletonBlock, { className: "h-6 w-[92px] rounded-agg-sm" }),
|
|
2269
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsx)(TabsSkeletonBar, {})
|
|
2240
2270
|
] }),
|
|
2241
|
-
/* @__PURE__ */ (0,
|
|
2242
|
-
/* @__PURE__ */ (0,
|
|
2243
|
-
/* @__PURE__ */ (0,
|
|
2244
|
-
/* @__PURE__ */ (0,
|
|
2271
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "flex flex-col gap-4", children: [
|
|
2272
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "flex w-full gap-2", children: [
|
|
2273
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsx)(SkeletonBlock, { className: "h-11 flex-1 rounded-agg-full" }),
|
|
2274
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsx)(SkeletonBlock, { className: "h-11 flex-1 rounded-agg-full" })
|
|
2245
2275
|
] }),
|
|
2246
|
-
/* @__PURE__ */ (0,
|
|
2247
|
-
/* @__PURE__ */ (0,
|
|
2248
|
-
/* @__PURE__ */ (0,
|
|
2249
|
-
/* @__PURE__ */ (0,
|
|
2276
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "flex items-center justify-between gap-4", children: [
|
|
2277
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "flex flex-col gap-2", children: [
|
|
2278
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsx)(SkeletonBlock, { className: "h-5 w-[63px] rounded-agg-sm" }),
|
|
2279
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsx)(SkeletonBlock, { className: "h-4 w-[118px] rounded-agg-sm" })
|
|
2250
2280
|
] }),
|
|
2251
|
-
/* @__PURE__ */ (0,
|
|
2281
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsx)("p", { className: cn("text-agg-3xl font-agg-bold leading-agg-9 text-agg-separator"), children: "$0" })
|
|
2252
2282
|
] })
|
|
2253
2283
|
] }),
|
|
2254
|
-
/* @__PURE__ */ (0,
|
|
2255
|
-
/* @__PURE__ */ (0,
|
|
2284
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsx)(SkeletonBlock, { className: "h-12 w-full rounded-agg-full" }),
|
|
2285
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsx)(SkeletonBlock, { className: "h-4 w-full max-w-[240px] self-center rounded-agg-sm" })
|
|
2256
2286
|
] });
|
|
2257
2287
|
};
|
|
2258
2288
|
var PlaceOrderSkeletonView = ({
|
|
2259
2289
|
className,
|
|
2260
2290
|
ariaLabel
|
|
2261
2291
|
}) => {
|
|
2262
|
-
return /* @__PURE__ */ (0,
|
|
2292
|
+
return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
|
|
2263
2293
|
"div",
|
|
2264
2294
|
{
|
|
2265
2295
|
className: cn("group/agg-skeleton", "w-full", className),
|
|
2266
2296
|
role: "status",
|
|
2267
2297
|
"aria-label": ariaLabel != null ? ariaLabel : "Loading place order",
|
|
2268
2298
|
"aria-busy": true,
|
|
2269
|
-
children: /* @__PURE__ */ (0,
|
|
2299
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "flex w-full items-end justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Card, { className: cn(placeOrderCardClassName, "w-full"), children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(ContentBody, {}) }) })
|
|
2270
2300
|
}
|
|
2271
2301
|
);
|
|
2272
2302
|
};
|
|
@@ -2274,33 +2304,33 @@ PlaceOrderSkeletonView.displayName = "PlaceOrderSkeletonView";
|
|
|
2274
2304
|
|
|
2275
2305
|
// src/primitives/skeleton/views/search-skeleton-view.tsx
|
|
2276
2306
|
var import_hooks8 = require("@agg-market/hooks");
|
|
2277
|
-
var
|
|
2307
|
+
var import_jsx_runtime62 = require("react/jsx-runtime");
|
|
2278
2308
|
var SearchSkeletonRow = () => {
|
|
2279
|
-
return /* @__PURE__ */ (0,
|
|
2280
|
-
/* @__PURE__ */ (0,
|
|
2281
|
-
/* @__PURE__ */ (0,
|
|
2282
|
-
/* @__PURE__ */ (0,
|
|
2283
|
-
/* @__PURE__ */ (0,
|
|
2284
|
-
/* @__PURE__ */ (0,
|
|
2285
|
-
/* @__PURE__ */ (0,
|
|
2286
|
-
/* @__PURE__ */ (0,
|
|
2287
|
-
/* @__PURE__ */ (0,
|
|
2309
|
+
return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "flex w-full items-center gap-6 px-5 py-4", children: [
|
|
2310
|
+
/* @__PURE__ */ (0, import_jsx_runtime62.jsx)(SkeletonBlock, { className: "size-12 shrink-0 rounded-[8px]" }),
|
|
2311
|
+
/* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col gap-2", children: [
|
|
2312
|
+
/* @__PURE__ */ (0, import_jsx_runtime62.jsx)(SkeletonBlock, { className: "h-5 w-full max-w-[320px] rounded-agg-sm" }),
|
|
2313
|
+
/* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "flex min-w-0 items-center gap-2", children: [
|
|
2314
|
+
/* @__PURE__ */ (0, import_jsx_runtime62.jsx)(SkeletonBlock, { className: "h-4 w-[104px] rounded-agg-sm" }),
|
|
2315
|
+
/* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "flex items-center gap-1", children: [
|
|
2316
|
+
/* @__PURE__ */ (0, import_jsx_runtime62.jsx)(SkeletonBlock, { className: "size-[14px] rounded-[4px]" }),
|
|
2317
|
+
/* @__PURE__ */ (0, import_jsx_runtime62.jsx)(SkeletonBlock, { className: "size-[14px] rounded-[4px]" })
|
|
2288
2318
|
] })
|
|
2289
2319
|
] })
|
|
2290
2320
|
] }),
|
|
2291
|
-
/* @__PURE__ */ (0,
|
|
2292
|
-
/* @__PURE__ */ (0,
|
|
2293
|
-
/* @__PURE__ */ (0,
|
|
2294
|
-
/* @__PURE__ */ (0,
|
|
2295
|
-
/* @__PURE__ */ (0,
|
|
2321
|
+
/* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "flex w-[200px] shrink-0 items-center gap-2", children: [
|
|
2322
|
+
/* @__PURE__ */ (0, import_jsx_runtime62.jsx)(SkeletonBlock, { className: "size-4 rounded-[4px]" }),
|
|
2323
|
+
/* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "flex min-w-0 flex-1 items-center gap-2", children: [
|
|
2324
|
+
/* @__PURE__ */ (0, import_jsx_runtime62.jsx)(SkeletonBlock, { className: "h-6 w-10 rounded-agg-sm" }),
|
|
2325
|
+
/* @__PURE__ */ (0, import_jsx_runtime62.jsx)(SkeletonBlock, { className: "h-4 w-[60px] rounded-agg-sm" })
|
|
2296
2326
|
] })
|
|
2297
2327
|
] }),
|
|
2298
|
-
/* @__PURE__ */ (0,
|
|
2328
|
+
/* @__PURE__ */ (0, import_jsx_runtime62.jsx)(SkeletonBlock, { className: "size-5 rounded-[4px]" })
|
|
2299
2329
|
] });
|
|
2300
2330
|
};
|
|
2301
2331
|
var SearchSkeletonView = ({ className, ariaLabel }) => {
|
|
2302
2332
|
const labels = (0, import_hooks8.useLabels)();
|
|
2303
|
-
return /* @__PURE__ */ (0,
|
|
2333
|
+
return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
|
|
2304
2334
|
"div",
|
|
2305
2335
|
{
|
|
2306
2336
|
className: cn(
|
|
@@ -2312,8 +2342,8 @@ var SearchSkeletonView = ({ className, ariaLabel }) => {
|
|
|
2312
2342
|
"aria-label": ariaLabel != null ? ariaLabel : labels.search.loadingResults,
|
|
2313
2343
|
"aria-busy": true,
|
|
2314
2344
|
children: [
|
|
2315
|
-
/* @__PURE__ */ (0,
|
|
2316
|
-
/* @__PURE__ */ (0,
|
|
2345
|
+
/* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "pt-2", children: Array.from({ length: 4 }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: cn(index > 0 && "border-t border-agg-separator"), children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(SearchSkeletonRow, {}) }, index)) }),
|
|
2346
|
+
/* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "border-t border-agg-separator px-5 py-5", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(SkeletonBlock, { className: "h-5 w-[116px] rounded-agg-sm" }) })
|
|
2317
2347
|
]
|
|
2318
2348
|
}
|
|
2319
2349
|
);
|
|
@@ -2322,13 +2352,13 @@ SearchSkeletonView.displayName = "SearchSkeletonView";
|
|
|
2322
2352
|
|
|
2323
2353
|
// src/primitives/skeleton/views/settlement-skeleton-view.tsx
|
|
2324
2354
|
var import_hooks9 = require("@agg-market/hooks");
|
|
2325
|
-
var
|
|
2355
|
+
var import_jsx_runtime63 = require("react/jsx-runtime");
|
|
2326
2356
|
var SettlementSkeletonView = ({
|
|
2327
2357
|
className,
|
|
2328
2358
|
ariaLabel
|
|
2329
2359
|
}) => {
|
|
2330
2360
|
const labels = (0, import_hooks9.useLabels)();
|
|
2331
|
-
return /* @__PURE__ */ (0,
|
|
2361
|
+
return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
|
|
2332
2362
|
Card,
|
|
2333
2363
|
{
|
|
2334
2364
|
className: cn(
|
|
@@ -2340,26 +2370,26 @@ var SettlementSkeletonView = ({
|
|
|
2340
2370
|
"aria-label": ariaLabel != null ? ariaLabel : labels.trading.settlementLoading,
|
|
2341
2371
|
"aria-busy": true,
|
|
2342
2372
|
children: [
|
|
2343
|
-
/* @__PURE__ */ (0,
|
|
2344
|
-
/* @__PURE__ */ (0,
|
|
2345
|
-
/* @__PURE__ */ (0,
|
|
2373
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "flex w-full items-center justify-between gap-4", children: [
|
|
2374
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)(SkeletonBlock, { className: "h-4 w-[81px] rounded-agg-sm" }),
|
|
2375
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)(SkeletonBlock, { className: "h-5 w-full max-w-[240px] rounded-agg-sm" })
|
|
2346
2376
|
] }),
|
|
2347
|
-
/* @__PURE__ */ (0,
|
|
2348
|
-
/* @__PURE__ */ (0,
|
|
2349
|
-
/* @__PURE__ */ (0,
|
|
2350
|
-
/* @__PURE__ */ (0,
|
|
2351
|
-
/* @__PURE__ */ (0,
|
|
2377
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "flex w-full flex-col gap-3", children: [
|
|
2378
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)(SkeletonBlock, { className: "h-5 w-[200px] rounded-agg-sm" }),
|
|
2379
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "flex flex-col gap-2", children: [
|
|
2380
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)(SkeletonBlock, { className: "h-4 w-full max-w-[320px] rounded-agg-sm" }),
|
|
2381
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)(SkeletonBlock, { className: "h-4 w-full max-w-[280px] rounded-agg-sm" })
|
|
2352
2382
|
] })
|
|
2353
2383
|
] }),
|
|
2354
|
-
/* @__PURE__ */ (0,
|
|
2355
|
-
/* @__PURE__ */ (0,
|
|
2356
|
-
/* @__PURE__ */ (0,
|
|
2357
|
-
/* @__PURE__ */ (0,
|
|
2358
|
-
/* @__PURE__ */ (0,
|
|
2384
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "h-px w-full bg-agg-separator" }),
|
|
2385
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "flex w-full flex-col gap-3", children: [
|
|
2386
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "flex items-center gap-2", children: [
|
|
2387
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)(SkeletonBlock, { className: "size-4 rounded-agg-sm" }),
|
|
2388
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)(SkeletonBlock, { className: "h-5 w-[100px] rounded-agg-sm" })
|
|
2359
2389
|
] }),
|
|
2360
|
-
/* @__PURE__ */ (0,
|
|
2361
|
-
/* @__PURE__ */ (0,
|
|
2362
|
-
/* @__PURE__ */ (0,
|
|
2390
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "flex items-center gap-2", children: [
|
|
2391
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)(SkeletonBlock, { className: "size-4 rounded-agg-sm" }),
|
|
2392
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)(SkeletonBlock, { className: "h-5 w-[60px] rounded-agg-sm" })
|
|
2363
2393
|
] })
|
|
2364
2394
|
] })
|
|
2365
2395
|
]
|
|
@@ -2369,12 +2399,12 @@ var SettlementSkeletonView = ({
|
|
|
2369
2399
|
SettlementSkeletonView.displayName = "SettlementSkeletonView";
|
|
2370
2400
|
|
|
2371
2401
|
// src/primitives/skeleton/views/user-profile-overview-skeleton-view.tsx
|
|
2372
|
-
var
|
|
2402
|
+
var import_jsx_runtime64 = require("react/jsx-runtime");
|
|
2373
2403
|
var UserProfileOverviewSkeletonView = ({
|
|
2374
2404
|
className,
|
|
2375
2405
|
ariaLabel
|
|
2376
2406
|
}) => {
|
|
2377
|
-
return /* @__PURE__ */ (0,
|
|
2407
|
+
return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
|
|
2378
2408
|
"div",
|
|
2379
2409
|
{
|
|
2380
2410
|
className: cn("flex w-full flex-col gap-6 sm:flex-row", className),
|
|
@@ -2382,49 +2412,49 @@ var UserProfileOverviewSkeletonView = ({
|
|
|
2382
2412
|
"aria-label": ariaLabel != null ? ariaLabel : "Loading profile overview",
|
|
2383
2413
|
"aria-busy": "true",
|
|
2384
2414
|
children: [
|
|
2385
|
-
/* @__PURE__ */ (0,
|
|
2386
|
-
/* @__PURE__ */ (0,
|
|
2387
|
-
/* @__PURE__ */ (0,
|
|
2388
|
-
/* @__PURE__ */ (0,
|
|
2389
|
-
/* @__PURE__ */ (0,
|
|
2390
|
-
/* @__PURE__ */ (0,
|
|
2391
|
-
/* @__PURE__ */ (0,
|
|
2415
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col gap-4 sm:gap-6", children: [
|
|
2416
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "rounded-agg-md border border-agg-separator bg-agg-secondary p-5", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "flex w-full items-center gap-5", children: [
|
|
2417
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsx)(SkeletonBlock, { className: "h-20 w-20 shrink-0 rounded-agg-full sm:h-[120px] sm:w-[120px]" }),
|
|
2418
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col gap-3", children: [
|
|
2419
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "flex items-center justify-between gap-3", children: [
|
|
2420
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsx)(SkeletonBlock, { className: "h-9 w-[140px] rounded-agg-sm" }),
|
|
2421
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsx)(SkeletonBlock, { className: "h-6 w-[72px] rounded-agg-sm" })
|
|
2392
2422
|
] }),
|
|
2393
|
-
/* @__PURE__ */ (0,
|
|
2394
|
-
/* @__PURE__ */ (0,
|
|
2395
|
-
/* @__PURE__ */ (0,
|
|
2396
|
-
/* @__PURE__ */ (0,
|
|
2423
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "flex items-center gap-2", children: [
|
|
2424
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsx)(SkeletonBlock, { className: "h-5 w-5 rounded-agg-sm" }),
|
|
2425
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsx)(SkeletonBlock, { className: "h-6 w-[140px] rounded-agg-sm" }),
|
|
2426
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsx)(SkeletonBlock, { className: "h-5 w-[72px] rounded-agg-sm" })
|
|
2397
2427
|
] })
|
|
2398
2428
|
] })
|
|
2399
2429
|
] }) }),
|
|
2400
|
-
/* @__PURE__ */ (0,
|
|
2401
|
-
/* @__PURE__ */ (0,
|
|
2402
|
-
/* @__PURE__ */ (0,
|
|
2403
|
-
/* @__PURE__ */ (0,
|
|
2430
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "rounded-agg-md border border-agg-separator bg-agg-secondary p-5", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "flex items-center justify-between", children: [
|
|
2431
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "flex items-end gap-3", children: [
|
|
2432
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsx)(SkeletonBlock, { className: "h-9 w-[80px] rounded-agg-sm" }),
|
|
2433
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsx)(SkeletonBlock, { className: "h-5 w-[100px] rounded-agg-sm" })
|
|
2404
2434
|
] }),
|
|
2405
|
-
/* @__PURE__ */ (0,
|
|
2406
|
-
/* @__PURE__ */ (0,
|
|
2407
|
-
/* @__PURE__ */ (0,
|
|
2408
|
-
/* @__PURE__ */ (0,
|
|
2409
|
-
/* @__PURE__ */ (0,
|
|
2435
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "flex items-center gap-2", children: [
|
|
2436
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsx)(SkeletonBlock, { className: "h-5 w-5 rounded-agg-sm" }),
|
|
2437
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsx)(SkeletonBlock, { className: "h-5 w-5 rounded-agg-sm" }),
|
|
2438
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsx)(SkeletonBlock, { className: "h-5 w-5 rounded-agg-sm" }),
|
|
2439
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsx)(SkeletonBlock, { className: "h-5 w-5 rounded-agg-sm" })
|
|
2410
2440
|
] })
|
|
2411
2441
|
] }) })
|
|
2412
2442
|
] }),
|
|
2413
|
-
/* @__PURE__ */ (0,
|
|
2414
|
-
/* @__PURE__ */ (0,
|
|
2415
|
-
/* @__PURE__ */ (0,
|
|
2416
|
-
/* @__PURE__ */ (0,
|
|
2443
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "w-full shrink-0 rounded-agg-md border border-agg-separator bg-agg-secondary p-5 sm:w-[465px]", children: [
|
|
2444
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "mb-4 flex items-center justify-between", children: [
|
|
2445
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsx)(SkeletonBlock, { className: "h-7 w-[84px] rounded-agg-sm" }),
|
|
2446
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsx)(SkeletonBlock, { className: "h-7 w-[64px] rounded-agg-sm" })
|
|
2417
2447
|
] }),
|
|
2418
|
-
/* @__PURE__ */ (0,
|
|
2419
|
-
/* @__PURE__ */ (0,
|
|
2420
|
-
/* @__PURE__ */ (0,
|
|
2421
|
-
/* @__PURE__ */ (0,
|
|
2448
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "flex flex-col gap-4", children: Array.from({ length: 3 }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "flex items-center justify-between", children: [
|
|
2449
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "flex items-center gap-3", children: [
|
|
2450
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsx)(SkeletonBlock, { className: "h-4 w-4 rounded-agg-sm" }),
|
|
2451
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsx)(SkeletonBlock, { className: "h-6 w-[70px] rounded-agg-sm" })
|
|
2422
2452
|
] }),
|
|
2423
|
-
/* @__PURE__ */ (0,
|
|
2453
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsx)(SkeletonBlock, { className: "h-6 w-[96px] rounded-agg-sm" })
|
|
2424
2454
|
] }, index)) }),
|
|
2425
|
-
/* @__PURE__ */ (0,
|
|
2426
|
-
/* @__PURE__ */ (0,
|
|
2427
|
-
/* @__PURE__ */ (0,
|
|
2455
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "mt-4 flex gap-3", children: [
|
|
2456
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsx)(SkeletonBlock, { className: "h-9 flex-1 rounded-agg-full" }),
|
|
2457
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsx)(SkeletonBlock, { className: "h-9 flex-1 rounded-agg-full" })
|
|
2428
2458
|
] })
|
|
2429
2459
|
] })
|
|
2430
2460
|
]
|
|
@@ -2434,12 +2464,12 @@ var UserProfileOverviewSkeletonView = ({
|
|
|
2434
2464
|
UserProfileOverviewSkeletonView.displayName = "UserProfileOverviewSkeletonView";
|
|
2435
2465
|
|
|
2436
2466
|
// src/primitives/skeleton/views/user-profile-positions-activity-skeleton-view.tsx
|
|
2437
|
-
var
|
|
2467
|
+
var import_jsx_runtime65 = require("react/jsx-runtime");
|
|
2438
2468
|
var UserProfilePositionsActivitySkeletonView = ({
|
|
2439
2469
|
className,
|
|
2440
2470
|
ariaLabel
|
|
2441
2471
|
}) => {
|
|
2442
|
-
return /* @__PURE__ */ (0,
|
|
2472
|
+
return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
|
|
2443
2473
|
"div",
|
|
2444
2474
|
{
|
|
2445
2475
|
className: cn(
|
|
@@ -2450,18 +2480,18 @@ var UserProfilePositionsActivitySkeletonView = ({
|
|
|
2450
2480
|
"aria-label": ariaLabel != null ? ariaLabel : "Loading positions and activity",
|
|
2451
2481
|
"aria-busy": "true",
|
|
2452
2482
|
children: [
|
|
2453
|
-
/* @__PURE__ */ (0,
|
|
2454
|
-
/* @__PURE__ */ (0,
|
|
2455
|
-
/* @__PURE__ */ (0,
|
|
2483
|
+
/* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "h-11 border-b border-agg-separator px-4 sm:h-12 sm:px-6", children: /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "flex h-full items-center gap-6", children: [
|
|
2484
|
+
/* @__PURE__ */ (0, import_jsx_runtime65.jsx)(SkeletonBlock, { className: "h-6 w-[72px] rounded-agg-sm" }),
|
|
2485
|
+
/* @__PURE__ */ (0, import_jsx_runtime65.jsx)(SkeletonBlock, { className: "h-6 w-[64px] rounded-agg-sm" })
|
|
2456
2486
|
] }) }),
|
|
2457
|
-
/* @__PURE__ */ (0,
|
|
2458
|
-
/* @__PURE__ */ (0,
|
|
2459
|
-
/* @__PURE__ */ (0,
|
|
2460
|
-
/* @__PURE__ */ (0,
|
|
2487
|
+
/* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "flex flex-col gap-4 p-4 sm:gap-6 sm:p-6", children: [
|
|
2488
|
+
/* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "flex gap-5", children: [
|
|
2489
|
+
/* @__PURE__ */ (0, import_jsx_runtime65.jsx)(SkeletonBlock, { className: "h-10 w-[270px] rounded-agg-sm" }),
|
|
2490
|
+
/* @__PURE__ */ (0, import_jsx_runtime65.jsx)(SkeletonBlock, { className: "h-10 min-w-0 flex-1 rounded-agg-sm" })
|
|
2461
2491
|
] }),
|
|
2462
|
-
/* @__PURE__ */ (0,
|
|
2463
|
-
/* @__PURE__ */ (0,
|
|
2464
|
-
/* @__PURE__ */ (0,
|
|
2492
|
+
/* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "flex flex-col gap-3 sm:gap-4", children: Array.from({ length: 3 }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "flex items-center gap-5", children: [
|
|
2493
|
+
/* @__PURE__ */ (0, import_jsx_runtime65.jsx)(SkeletonBlock, { className: "h-10 w-[270px] rounded-agg-sm" }),
|
|
2494
|
+
/* @__PURE__ */ (0, import_jsx_runtime65.jsx)(SkeletonBlock, { className: "h-10 min-w-0 flex-1 rounded-agg-sm" })
|
|
2465
2495
|
] }, index)) })
|
|
2466
2496
|
] })
|
|
2467
2497
|
]
|
|
@@ -2485,36 +2515,36 @@ var skeletonViews = {
|
|
|
2485
2515
|
};
|
|
2486
2516
|
|
|
2487
2517
|
// src/primitives/skeleton/index.tsx
|
|
2488
|
-
var
|
|
2518
|
+
var import_jsx_runtime66 = require("react/jsx-runtime");
|
|
2489
2519
|
var Skeleton = ({ view, className, ariaLabel }) => {
|
|
2490
2520
|
if (view === skeletonViews.eventListItem) {
|
|
2491
|
-
return /* @__PURE__ */ (0,
|
|
2521
|
+
return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(EventListItemSkeletonView, { className, ariaLabel, isStandalone: true });
|
|
2492
2522
|
}
|
|
2493
2523
|
if (view === skeletonViews.eventListItemDetails) {
|
|
2494
|
-
return /* @__PURE__ */ (0,
|
|
2524
|
+
return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(EventListItemDetailsSkeletonView, { className, ariaLabel });
|
|
2495
2525
|
}
|
|
2496
2526
|
if (view === skeletonViews.marketDetailsMinified) {
|
|
2497
|
-
return /* @__PURE__ */ (0,
|
|
2527
|
+
return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(MarketDetailsSkeletonView, { className, ariaLabel, isDetailed: false });
|
|
2498
2528
|
}
|
|
2499
2529
|
if (view === skeletonViews.marketDetailsDetailed) {
|
|
2500
|
-
return /* @__PURE__ */ (0,
|
|
2530
|
+
return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(MarketDetailsSkeletonView, { className, ariaLabel, isDetailed: true });
|
|
2501
2531
|
}
|
|
2502
2532
|
if (view === skeletonViews.settlement) {
|
|
2503
|
-
return /* @__PURE__ */ (0,
|
|
2533
|
+
return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(SettlementSkeletonView, { className, ariaLabel });
|
|
2504
2534
|
}
|
|
2505
2535
|
if (view === skeletonViews.placeOrder) {
|
|
2506
|
-
return /* @__PURE__ */ (0,
|
|
2536
|
+
return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(PlaceOrderSkeletonView, { className, ariaLabel });
|
|
2507
2537
|
}
|
|
2508
2538
|
if (view === skeletonViews.search) {
|
|
2509
|
-
return /* @__PURE__ */ (0,
|
|
2539
|
+
return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(SearchSkeletonView, { className, ariaLabel });
|
|
2510
2540
|
}
|
|
2511
2541
|
if (view === skeletonViews.userProfileOverview) {
|
|
2512
|
-
return /* @__PURE__ */ (0,
|
|
2542
|
+
return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(UserProfileOverviewSkeletonView, { className, ariaLabel });
|
|
2513
2543
|
}
|
|
2514
2544
|
if (view === skeletonViews.userProfilePositionsActivity) {
|
|
2515
|
-
return /* @__PURE__ */ (0,
|
|
2545
|
+
return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(UserProfilePositionsActivitySkeletonView, { className, ariaLabel });
|
|
2516
2546
|
}
|
|
2517
|
-
return /* @__PURE__ */ (0,
|
|
2547
|
+
return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(EventListSkeletonView, { className, ariaLabel });
|
|
2518
2548
|
};
|
|
2519
2549
|
Skeleton.displayName = "Skeleton";
|
|
2520
2550
|
|
|
@@ -2566,7 +2596,7 @@ var baseButtonClasses = cn(
|
|
|
2566
2596
|
);
|
|
2567
2597
|
|
|
2568
2598
|
// src/primitives/button/index.tsx
|
|
2569
|
-
var
|
|
2599
|
+
var import_jsx_runtime67 = require("react/jsx-runtime");
|
|
2570
2600
|
var Button = (_a) => {
|
|
2571
2601
|
var _b = _a, {
|
|
2572
2602
|
children,
|
|
@@ -2595,7 +2625,7 @@ var Button = (_a) => {
|
|
|
2595
2625
|
features: { enableAnimations }
|
|
2596
2626
|
} = (0, import_hooks10.useSdkUiConfig)();
|
|
2597
2627
|
const isDisabled = disabled || isLoading;
|
|
2598
|
-
return /* @__PURE__ */ (0,
|
|
2628
|
+
return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
|
|
2599
2629
|
"button",
|
|
2600
2630
|
__spreadProps(__spreadValues({
|
|
2601
2631
|
type,
|
|
@@ -2612,7 +2642,7 @@ var Button = (_a) => {
|
|
|
2612
2642
|
"aria-busy": isLoading,
|
|
2613
2643
|
"aria-label": ariaLabel
|
|
2614
2644
|
}, other), {
|
|
2615
|
-
children: isLoading ? /* @__PURE__ */ (0,
|
|
2645
|
+
children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
|
|
2616
2646
|
"span",
|
|
2617
2647
|
{
|
|
2618
2648
|
className: cn(
|
|
@@ -2622,9 +2652,9 @@ var Button = (_a) => {
|
|
|
2622
2652
|
),
|
|
2623
2653
|
"aria-hidden": "true"
|
|
2624
2654
|
}
|
|
2625
|
-
) : /* @__PURE__ */ (0,
|
|
2655
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(import_jsx_runtime67.Fragment, { children: [
|
|
2626
2656
|
prefix != null ? prefix : null,
|
|
2627
|
-
/* @__PURE__ */ (0,
|
|
2657
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsx)("span", { children }),
|
|
2628
2658
|
suffix != null ? suffix : null
|
|
2629
2659
|
] })
|
|
2630
2660
|
})
|
|
@@ -2633,10 +2663,10 @@ var Button = (_a) => {
|
|
|
2633
2663
|
Button.displayName = "Button";
|
|
2634
2664
|
|
|
2635
2665
|
// src/primitives/search/search-empty-icon.tsx
|
|
2636
|
-
var
|
|
2666
|
+
var import_jsx_runtime68 = require("react/jsx-runtime");
|
|
2637
2667
|
var SearchEmptyIcon = (_a) => {
|
|
2638
2668
|
var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
2639
|
-
return /* @__PURE__ */ (0,
|
|
2669
|
+
return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
|
|
2640
2670
|
"svg",
|
|
2641
2671
|
__spreadProps(__spreadValues(__spreadValues({
|
|
2642
2672
|
viewBox: "0 0 40 40",
|
|
@@ -2645,9 +2675,9 @@ var SearchEmptyIcon = (_a) => {
|
|
|
2645
2675
|
className
|
|
2646
2676
|
}, getIconA11yProps(title)), props), {
|
|
2647
2677
|
children: [
|
|
2648
|
-
title ? /* @__PURE__ */ (0,
|
|
2649
|
-
/* @__PURE__ */ (0,
|
|
2650
|
-
/* @__PURE__ */ (0,
|
|
2678
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("title", { children: title }) : null,
|
|
2679
|
+
/* @__PURE__ */ (0, import_jsx_runtime68.jsx)("circle", { cx: "19.9987", cy: "20.0013", r: "9.2", stroke: "currentColor", strokeWidth: "1.6" }),
|
|
2680
|
+
/* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
|
|
2651
2681
|
"ellipse",
|
|
2652
2682
|
{
|
|
2653
2683
|
cx: "19.9987",
|
|
@@ -2685,14 +2715,14 @@ var typographyVariantClasses = {
|
|
|
2685
2715
|
};
|
|
2686
2716
|
|
|
2687
2717
|
// src/primitives/typography/index.tsx
|
|
2688
|
-
var
|
|
2718
|
+
var import_jsx_runtime69 = require("react/jsx-runtime");
|
|
2689
2719
|
var Typography = ({
|
|
2690
2720
|
as: Component = "p",
|
|
2691
2721
|
variant = "body",
|
|
2692
2722
|
className,
|
|
2693
2723
|
children
|
|
2694
2724
|
}) => {
|
|
2695
|
-
return /* @__PURE__ */ (0,
|
|
2725
|
+
return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
|
|
2696
2726
|
Component,
|
|
2697
2727
|
{
|
|
2698
2728
|
className: cn(
|
|
@@ -2708,7 +2738,7 @@ var Typography = ({
|
|
|
2708
2738
|
Typography.displayName = "Typography";
|
|
2709
2739
|
|
|
2710
2740
|
// src/primitives/state-message/index.tsx
|
|
2711
|
-
var
|
|
2741
|
+
var import_jsx_runtime70 = require("react/jsx-runtime");
|
|
2712
2742
|
var iconClassName = "h-9 w-9 text-agg-muted-foreground";
|
|
2713
2743
|
var StateMessage = ({
|
|
2714
2744
|
ariaLabel,
|
|
@@ -2719,8 +2749,8 @@ var StateMessage = ({
|
|
|
2719
2749
|
onAction,
|
|
2720
2750
|
className
|
|
2721
2751
|
}) => {
|
|
2722
|
-
const icon = tone === "warning" ? /* @__PURE__ */ (0,
|
|
2723
|
-
return /* @__PURE__ */ (0,
|
|
2752
|
+
const icon = tone === "warning" ? /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(WarningIcon, { className: iconClassName, "aria-hidden": true }) : /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(SearchEmptyIcon, { className: iconClassName, "aria-hidden": true });
|
|
2753
|
+
return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
|
|
2724
2754
|
"div",
|
|
2725
2755
|
{
|
|
2726
2756
|
className: cn(
|
|
@@ -2730,13 +2760,13 @@ var StateMessage = ({
|
|
|
2730
2760
|
role: "status",
|
|
2731
2761
|
"aria-live": "polite",
|
|
2732
2762
|
"aria-label": ariaLabel,
|
|
2733
|
-
children: /* @__PURE__ */ (0,
|
|
2763
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { className: "flex flex-col items-center gap-6", children: [
|
|
2734
2764
|
icon,
|
|
2735
|
-
/* @__PURE__ */ (0,
|
|
2736
|
-
/* @__PURE__ */ (0,
|
|
2737
|
-
description ? /* @__PURE__ */ (0,
|
|
2765
|
+
/* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { className: "flex flex-col items-center gap-2", children: [
|
|
2766
|
+
/* @__PURE__ */ (0, import_jsx_runtime70.jsx)(Typography, { variant: "body-large-strong", children: title }),
|
|
2767
|
+
description ? /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(Typography, { variant: "body", className: "whitespace-pre-line text-agg-muted-foreground", children: description }) : null
|
|
2738
2768
|
] }),
|
|
2739
|
-
actionLabel && onAction ? /* @__PURE__ */ (0,
|
|
2769
|
+
actionLabel && onAction ? /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
|
|
2740
2770
|
Button,
|
|
2741
2771
|
{
|
|
2742
2772
|
variant: "tertiary",
|
|
@@ -2770,7 +2800,7 @@ var skeletonClasses = "h-full w-full rounded-agg-lg";
|
|
|
2770
2800
|
var placeholderClasses = "flex h-full w-full items-center justify-center bg-agg-secondary-hover rounded-agg-lg";
|
|
2771
2801
|
|
|
2772
2802
|
// src/primitives/remote-image/index.tsx
|
|
2773
|
-
var
|
|
2803
|
+
var import_jsx_runtime71 = require("react/jsx-runtime");
|
|
2774
2804
|
var isValidSrc = (src) => typeof src === "string" && src.length > 0;
|
|
2775
2805
|
var RemoteImage = ({
|
|
2776
2806
|
src,
|
|
@@ -2801,7 +2831,7 @@ var RemoteImage = ({
|
|
|
2801
2831
|
setStatus("error");
|
|
2802
2832
|
};
|
|
2803
2833
|
const sizeStyle = width !== void 0 || height !== void 0 ? { width: width != null ? width : void 0, height: height != null ? height : void 0 } : void 0;
|
|
2804
|
-
return /* @__PURE__ */ (0,
|
|
2834
|
+
return /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(
|
|
2805
2835
|
"div",
|
|
2806
2836
|
{
|
|
2807
2837
|
className: cn(containerClasses, classNames == null ? void 0 : classNames.root, className),
|
|
@@ -2818,17 +2848,17 @@ var RemoteImage = ({
|
|
|
2818
2848
|
"aria-label": ariaLabel,
|
|
2819
2849
|
title,
|
|
2820
2850
|
children: [
|
|
2821
|
-
status === "loading" && /* @__PURE__ */ (0,
|
|
2822
|
-
status === "error" && /* @__PURE__ */ (0,
|
|
2851
|
+
status === "loading" && /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(SkeletonBlock, { className: cn(skeletonClasses, classNames == null ? void 0 : classNames.placeholder) }),
|
|
2852
|
+
status === "error" && /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
|
|
2823
2853
|
"div",
|
|
2824
2854
|
{
|
|
2825
2855
|
className: cn(placeholderClasses, classNames == null ? void 0 : classNames.placeholder),
|
|
2826
2856
|
"aria-hidden": true,
|
|
2827
2857
|
"aria-errormessage": "Image failed to load",
|
|
2828
|
-
children: /* @__PURE__ */ (0,
|
|
2858
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(Icon, { name: "image", size: "medium", className: "text-agg-muted-foreground" })
|
|
2829
2859
|
}
|
|
2830
2860
|
),
|
|
2831
|
-
isValidSrc(src) && status !== "error" && /* @__PURE__ */ (0,
|
|
2861
|
+
isValidSrc(src) && status !== "error" && /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
|
|
2832
2862
|
"img",
|
|
2833
2863
|
{
|
|
2834
2864
|
src,
|
|
@@ -2859,7 +2889,7 @@ var resolveLogoPrimaryColor = ({
|
|
|
2859
2889
|
};
|
|
2860
2890
|
|
|
2861
2891
|
// src/primitives/venue-logo/svg/logo-kalshi.tsx
|
|
2862
|
-
var
|
|
2892
|
+
var import_jsx_runtime72 = require("react/jsx-runtime");
|
|
2863
2893
|
var KALSHI_GREEN = "#18C590";
|
|
2864
2894
|
var LogoKalshiIcon = (_a) => {
|
|
2865
2895
|
var _b = _a, {
|
|
@@ -2878,7 +2908,7 @@ var LogoKalshiIcon = (_a) => {
|
|
|
2878
2908
|
isColor,
|
|
2879
2909
|
color
|
|
2880
2910
|
});
|
|
2881
|
-
return /* @__PURE__ */ (0,
|
|
2911
|
+
return /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(
|
|
2882
2912
|
"svg",
|
|
2883
2913
|
__spreadProps(__spreadValues(__spreadValues({
|
|
2884
2914
|
viewBox: "0 0 100 100",
|
|
@@ -2886,8 +2916,8 @@ var LogoKalshiIcon = (_a) => {
|
|
|
2886
2916
|
fill: "none"
|
|
2887
2917
|
}, getIconA11yProps(title)), props), {
|
|
2888
2918
|
children: [
|
|
2889
|
-
title ? /* @__PURE__ */ (0,
|
|
2890
|
-
/* @__PURE__ */ (0,
|
|
2919
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("title", { children: title }) : null,
|
|
2920
|
+
/* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
|
|
2891
2921
|
"path",
|
|
2892
2922
|
{
|
|
2893
2923
|
d: "M54.9798 47.579L79.4249 85.9995H58.2273L38.2531 52.9344V85.9995H20.4189V13.9995H38.2531V45.4356L59.6547 13.9995H78.7119L54.9798 47.579Z",
|
|
@@ -2901,7 +2931,7 @@ var LogoKalshiIcon = (_a) => {
|
|
|
2901
2931
|
LogoKalshiIcon.displayName = "LogoKalshiIcon";
|
|
2902
2932
|
|
|
2903
2933
|
// src/primitives/venue-logo/svg/logo-limitless.tsx
|
|
2904
|
-
var
|
|
2934
|
+
var import_jsx_runtime73 = require("react/jsx-runtime");
|
|
2905
2935
|
var LIMITLESS_BLACK = "#000000";
|
|
2906
2936
|
var LogoLimitlessIcon = (_a) => {
|
|
2907
2937
|
var _b = _a, {
|
|
@@ -2920,7 +2950,7 @@ var LogoLimitlessIcon = (_a) => {
|
|
|
2920
2950
|
isColor,
|
|
2921
2951
|
color
|
|
2922
2952
|
});
|
|
2923
|
-
return /* @__PURE__ */ (0,
|
|
2953
|
+
return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
|
|
2924
2954
|
"svg",
|
|
2925
2955
|
__spreadProps(__spreadValues(__spreadValues({
|
|
2926
2956
|
viewBox: "0 0 44 32",
|
|
@@ -2928,8 +2958,8 @@ var LogoLimitlessIcon = (_a) => {
|
|
|
2928
2958
|
fill: "none"
|
|
2929
2959
|
}, getIconA11yProps(title)), props), {
|
|
2930
2960
|
children: [
|
|
2931
|
-
title ? /* @__PURE__ */ (0,
|
|
2932
|
-
/* @__PURE__ */ (0,
|
|
2961
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("title", { children: title }) : null,
|
|
2962
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
|
|
2933
2963
|
"path",
|
|
2934
2964
|
{
|
|
2935
2965
|
fill: primaryColor,
|
|
@@ -2938,7 +2968,7 @@ var LogoLimitlessIcon = (_a) => {
|
|
|
2938
2968
|
clipRule: "evenodd"
|
|
2939
2969
|
}
|
|
2940
2970
|
),
|
|
2941
|
-
/* @__PURE__ */ (0,
|
|
2971
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
|
|
2942
2972
|
"path",
|
|
2943
2973
|
{
|
|
2944
2974
|
fill: primaryColor,
|
|
@@ -2947,7 +2977,7 @@ var LogoLimitlessIcon = (_a) => {
|
|
|
2947
2977
|
clipRule: "evenodd"
|
|
2948
2978
|
}
|
|
2949
2979
|
),
|
|
2950
|
-
/* @__PURE__ */ (0,
|
|
2980
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
|
|
2951
2981
|
"path",
|
|
2952
2982
|
{
|
|
2953
2983
|
fill: primaryColor,
|
|
@@ -2956,7 +2986,7 @@ var LogoLimitlessIcon = (_a) => {
|
|
|
2956
2986
|
clipRule: "evenodd"
|
|
2957
2987
|
}
|
|
2958
2988
|
),
|
|
2959
|
-
/* @__PURE__ */ (0,
|
|
2989
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
|
|
2960
2990
|
"path",
|
|
2961
2991
|
{
|
|
2962
2992
|
fill: primaryColor,
|
|
@@ -2965,7 +2995,7 @@ var LogoLimitlessIcon = (_a) => {
|
|
|
2965
2995
|
clipRule: "evenodd"
|
|
2966
2996
|
}
|
|
2967
2997
|
),
|
|
2968
|
-
/* @__PURE__ */ (0,
|
|
2998
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
|
|
2969
2999
|
"path",
|
|
2970
3000
|
{
|
|
2971
3001
|
fill: primaryColor,
|
|
@@ -2981,7 +3011,7 @@ var LogoLimitlessIcon = (_a) => {
|
|
|
2981
3011
|
LogoLimitlessIcon.displayName = "LogoLimitlessIcon";
|
|
2982
3012
|
|
|
2983
3013
|
// src/primitives/venue-logo/svg/logo-opinion.tsx
|
|
2984
|
-
var
|
|
3014
|
+
var import_jsx_runtime74 = require("react/jsx-runtime");
|
|
2985
3015
|
var OPINION_BLACK = "#000000";
|
|
2986
3016
|
var LogoOpinionIcon = (_a) => {
|
|
2987
3017
|
var _b = _a, {
|
|
@@ -3000,7 +3030,7 @@ var LogoOpinionIcon = (_a) => {
|
|
|
3000
3030
|
isColor,
|
|
3001
3031
|
color
|
|
3002
3032
|
});
|
|
3003
|
-
return /* @__PURE__ */ (0,
|
|
3033
|
+
return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(
|
|
3004
3034
|
"svg",
|
|
3005
3035
|
__spreadProps(__spreadValues(__spreadValues({
|
|
3006
3036
|
viewBox: "0 0 100 100",
|
|
@@ -3008,8 +3038,8 @@ var LogoOpinionIcon = (_a) => {
|
|
|
3008
3038
|
fill: "none"
|
|
3009
3039
|
}, getIconA11yProps(title)), props), {
|
|
3010
3040
|
children: [
|
|
3011
|
-
title ? /* @__PURE__ */ (0,
|
|
3012
|
-
/* @__PURE__ */ (0,
|
|
3041
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("title", { children: title }) : null,
|
|
3042
|
+
/* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
|
|
3013
3043
|
"path",
|
|
3014
3044
|
{
|
|
3015
3045
|
d: "M51.8239 68.4603L56.9659 68.0094L58.8049 89.0576C61.1459 88.5314 63.4349 87.7952 65.6437 86.8578V68.1879H71.9955V83.4385C74.6496 81.6828 77.0863 79.619 79.2548 77.2898L80.0716 67.958L85.516 68.433C88.6185 62.4381 90.156 55.7558 89.9858 49.0072C89.8154 42.2584 87.9429 35.6623 84.542 29.8316L84.3394 32.1494L77.9876 31.5927L78.8042 22.2668C76.7468 20.1288 74.4594 18.225 71.9835 16.5902V31.9164H65.6317V13.1739C62.9224 12.0205 60.0929 11.173 57.1957 10.6473L59.0317 31.6441L53.8897 32.0949L51.9599 10.0482C51.3128 10.0179 50.6593 9.99976 50.006 9.99976C47.4581 9.99976 44.9161 10.2419 42.414 10.723L46.0438 31.3899L42.1297 32.0798L38.5304 11.6701C35.1755 12.6725 31.9677 14.1143 28.9905 15.9578L33.0435 31.0873L29.9705 31.9134L26.2018 17.8369C23.2938 19.9923 20.6902 22.5308 18.4615 25.3835L20.4246 30.7787L18.1833 31.5956L16.7707 27.7134C14.5111 31.0771 12.7772 34.7657 11.6287 38.652L12.2639 38.4221L20.4306 60.8471L18.1893 61.6641L10.8877 41.5963C9.21542 49.4012 9.91256 57.528 12.8896 64.9338C15.8667 72.3395 20.9879 78.6865 27.5961 83.1601L23.8031 68.9989L26.8762 68.1728L31.5162 85.4991C34.6952 87.1593 38.0844 88.3808 41.5914 89.1303L38.0132 68.7296L41.9301 68.0397L45.7684 89.8262C47.1811 89.9757 48.6007 90.0505 50.0212 90.0502C51.2583 90.0502 52.4863 89.9926 53.6963 89.8807L51.8239 68.4603ZM80.1017 37.8985L86.4385 38.4524L84.3605 62.2299L78.0087 61.6761L80.1017 37.8985ZM65.6528 38.1315H72.0046V61.9969H65.6528V38.1315ZM56.975 37.9501L59.053 61.7277L53.911 62.1785L51.8299 38.4009L56.975 37.9501ZM29.9976 62.003L23.8243 38.9486L26.8974 38.1255L33.0707 61.1649L29.9976 62.003ZM42.157 62.1603L38.0132 38.658L41.9301 37.9683L46.0709 61.4674L42.157 62.1603Z",
|
|
@@ -3023,7 +3053,7 @@ var LogoOpinionIcon = (_a) => {
|
|
|
3023
3053
|
LogoOpinionIcon.displayName = "LogoOpinionIcon";
|
|
3024
3054
|
|
|
3025
3055
|
// src/primitives/venue-logo/svg/logo-polymarket.tsx
|
|
3026
|
-
var
|
|
3056
|
+
var import_jsx_runtime75 = require("react/jsx-runtime");
|
|
3027
3057
|
var POLYMARKET_BLUE = "#2E5CFF";
|
|
3028
3058
|
var LogoPolymarketIcon = (_a) => {
|
|
3029
3059
|
var _b = _a, {
|
|
@@ -3042,7 +3072,7 @@ var LogoPolymarketIcon = (_a) => {
|
|
|
3042
3072
|
isColor,
|
|
3043
3073
|
color
|
|
3044
3074
|
});
|
|
3045
|
-
return /* @__PURE__ */ (0,
|
|
3075
|
+
return /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(
|
|
3046
3076
|
"svg",
|
|
3047
3077
|
__spreadProps(__spreadValues(__spreadValues({
|
|
3048
3078
|
viewBox: "0 0 100 100",
|
|
@@ -3050,8 +3080,8 @@ var LogoPolymarketIcon = (_a) => {
|
|
|
3050
3080
|
fill: "none"
|
|
3051
3081
|
}, getIconA11yProps(title)), props), {
|
|
3052
3082
|
children: [
|
|
3053
|
-
title ? /* @__PURE__ */ (0,
|
|
3054
|
-
/* @__PURE__ */ (0,
|
|
3083
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("title", { children: title }) : null,
|
|
3084
|
+
/* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
|
|
3055
3085
|
"path",
|
|
3056
3086
|
{
|
|
3057
3087
|
d: "M81.0904 84.2882C81.0904 87.9246 81.0904 89.7428 79.901 90.644C78.7119 91.5456 76.9613 91.0542 73.4603 90.0717L17.1975 74.2838C15.0881 73.6919 14.0332 73.3959 13.4233 72.5913C12.8135 71.7866 12.8135 70.6911 12.8135 68.5002V31.4998C12.8135 29.309 12.8135 28.2134 13.4233 27.4088C14.0332 26.6042 15.0881 26.3081 17.1975 25.7163L73.4603 9.92806C76.9613 8.94572 78.7119 8.45448 79.901 9.35587C81.0904 10.2573 81.0904 12.0755 81.0904 15.7119V84.2882ZM26.8451 69.1363L73.4308 82.2104V56.0637L26.8451 69.1363ZM20.4723 63.0711L67.0487 50L20.4723 36.929V63.0711ZM26.8446 30.8638L73.4308 43.9366V17.7896L26.8446 30.8638Z",
|
|
@@ -3065,7 +3095,7 @@ var LogoPolymarketIcon = (_a) => {
|
|
|
3065
3095
|
LogoPolymarketIcon.displayName = "LogoPolymarketIcon";
|
|
3066
3096
|
|
|
3067
3097
|
// src/primitives/venue-logo/svg/logo-probable.tsx
|
|
3068
|
-
var
|
|
3098
|
+
var import_jsx_runtime76 = require("react/jsx-runtime");
|
|
3069
3099
|
var PROBABLE_ORANGE = "#F05923";
|
|
3070
3100
|
var LogoProbableIcon = (_a) => {
|
|
3071
3101
|
var _b = _a, {
|
|
@@ -3084,7 +3114,7 @@ var LogoProbableIcon = (_a) => {
|
|
|
3084
3114
|
isColor,
|
|
3085
3115
|
color
|
|
3086
3116
|
});
|
|
3087
|
-
return /* @__PURE__ */ (0,
|
|
3117
|
+
return /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(
|
|
3088
3118
|
"svg",
|
|
3089
3119
|
__spreadProps(__spreadValues(__spreadValues({
|
|
3090
3120
|
viewBox: "0 0 100 100",
|
|
@@ -3092,16 +3122,16 @@ var LogoProbableIcon = (_a) => {
|
|
|
3092
3122
|
fill: "none"
|
|
3093
3123
|
}, getIconA11yProps(title)), props), {
|
|
3094
3124
|
children: [
|
|
3095
|
-
title ? /* @__PURE__ */ (0,
|
|
3096
|
-
/* @__PURE__ */ (0,
|
|
3125
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("title", { children: title }) : null,
|
|
3126
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
|
|
3097
3127
|
"path",
|
|
3098
3128
|
{
|
|
3099
3129
|
d: "M75.625 59.3489C75.6247 53.7323 71.0719 49.1792 65.4551 49.179H33.9209C28.3039 49.179 23.7503 53.7321 23.75 59.3489C23.75 64.9659 28.3038 69.5198 33.9209 69.5198H65.4551C71.0719 69.5195 75.625 64.9658 75.625 59.3489ZM90.625 59.3489C90.625 73.2501 79.3562 84.5195 65.4551 84.5198H33.9209C20.0196 84.5198 8.75 73.2502 8.75 59.3489C8.75026 45.4477 20.0198 34.179 33.9209 34.179H65.4551C79.3559 34.1792 90.6247 45.4478 90.625 59.3489Z",
|
|
3100
3130
|
fill: primaryColor
|
|
3101
3131
|
}
|
|
3102
3132
|
),
|
|
3103
|
-
/* @__PURE__ */ (0,
|
|
3104
|
-
/* @__PURE__ */ (0,
|
|
3133
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)("path", { d: "M90.9329 15.4546V30.4546H8.90234V15.4546H90.9329Z", fill: primaryColor }),
|
|
3134
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
|
|
3105
3135
|
"path",
|
|
3106
3136
|
{
|
|
3107
3137
|
d: "M64.5742 51.3496C68.9894 51.3496 72.5742 54.9344 72.5742 59.3496C72.5742 63.7648 68.9894 67.3496 64.5742 67.3496C60.159 67.3496 56.5742 63.7648 56.5742 59.3496C56.5742 54.9344 60.159 51.3496 64.5742 51.3496Z",
|
|
@@ -3145,7 +3175,7 @@ var sizeClasses2 = {
|
|
|
3145
3175
|
};
|
|
3146
3176
|
|
|
3147
3177
|
// src/primitives/venue-logo/index.tsx
|
|
3148
|
-
var
|
|
3178
|
+
var import_jsx_runtime77 = require("react/jsx-runtime");
|
|
3149
3179
|
var VenueLogo = ({
|
|
3150
3180
|
venue,
|
|
3151
3181
|
variant = "icon",
|
|
@@ -3166,7 +3196,7 @@ var VenueLogo = ({
|
|
|
3166
3196
|
const resolvedLabel = (_a = ariaLabel != null ? ariaLabel : labels.venues[venue]) != null ? _a : venueLogoLabels[venue];
|
|
3167
3197
|
if (!showVenueLogo) return null;
|
|
3168
3198
|
if (variant === "logo") {
|
|
3169
|
-
return /* @__PURE__ */ (0,
|
|
3199
|
+
return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
|
|
3170
3200
|
RemoteImage,
|
|
3171
3201
|
{
|
|
3172
3202
|
src: venueLogoUrlRegistry[venue],
|
|
@@ -3178,7 +3208,7 @@ var VenueLogo = ({
|
|
|
3178
3208
|
}
|
|
3179
3209
|
const Component = venueLogoRegistry[venue];
|
|
3180
3210
|
const resolvedIsColor = isMonochromatic ? false : isColor;
|
|
3181
|
-
return /* @__PURE__ */ (0,
|
|
3211
|
+
return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
|
|
3182
3212
|
Component,
|
|
3183
3213
|
{
|
|
3184
3214
|
className: cn("group/agg-venue-logo", "shrink-0", sizeClass, className),
|
|
@@ -3204,7 +3234,7 @@ var isErrorWithStatus = (error, status) => {
|
|
|
3204
3234
|
// src/primitives/switch-button/index.tsx
|
|
3205
3235
|
var import_react2 = require("react");
|
|
3206
3236
|
var import_hooks12 = require("@agg-market/hooks");
|
|
3207
|
-
var
|
|
3237
|
+
var import_jsx_runtime78 = require("react/jsx-runtime");
|
|
3208
3238
|
var resolveActiveIndex = (options, value) => {
|
|
3209
3239
|
const activeIndex = options.findIndex((option) => option.value === value);
|
|
3210
3240
|
if (activeIndex >= 0) return activeIndex;
|
|
@@ -3273,7 +3303,7 @@ var SwitchButton = ({
|
|
|
3273
3303
|
}
|
|
3274
3304
|
onValueChange(nextOption.value);
|
|
3275
3305
|
};
|
|
3276
|
-
return /* @__PURE__ */ (0,
|
|
3306
|
+
return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
|
|
3277
3307
|
"div",
|
|
3278
3308
|
{
|
|
3279
3309
|
className: cn(
|
|
@@ -3283,7 +3313,7 @@ var SwitchButton = ({
|
|
|
3283
3313
|
"cursor-pointer hover:bg-agg-tertiary",
|
|
3284
3314
|
className
|
|
3285
3315
|
),
|
|
3286
|
-
children: /* @__PURE__ */ (0,
|
|
3316
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
|
|
3287
3317
|
"div",
|
|
3288
3318
|
{
|
|
3289
3319
|
className: "relative grid min-w-0 flex-1 items-center",
|
|
@@ -3293,7 +3323,7 @@ var SwitchButton = ({
|
|
|
3293
3323
|
role: "tablist",
|
|
3294
3324
|
"aria-label": ariaLabel,
|
|
3295
3325
|
children: [
|
|
3296
|
-
/* @__PURE__ */ (0,
|
|
3326
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
|
|
3297
3327
|
"span",
|
|
3298
3328
|
{
|
|
3299
3329
|
className: cn(
|
|
@@ -3313,7 +3343,7 @@ var SwitchButton = ({
|
|
|
3313
3343
|
options.map((option, optionIndex) => {
|
|
3314
3344
|
var _a;
|
|
3315
3345
|
const isActive = optionIndex === activeIndex;
|
|
3316
|
-
return /* @__PURE__ */ (0,
|
|
3346
|
+
return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
|
|
3317
3347
|
"button",
|
|
3318
3348
|
{
|
|
3319
3349
|
type: "button",
|
|
@@ -3360,7 +3390,7 @@ var import_dayjs = __toESM(require("dayjs"));
|
|
|
3360
3390
|
var import_hooks13 = require("@agg-market/hooks");
|
|
3361
3391
|
var import_react3 = require("react");
|
|
3362
3392
|
var import_liveline = require("liveline");
|
|
3363
|
-
var
|
|
3393
|
+
var import_jsx_runtime79 = require("react/jsx-runtime");
|
|
3364
3394
|
var normalizeSeries = (series) => {
|
|
3365
3395
|
return series.map((seriesItem) => {
|
|
3366
3396
|
const pointsByTime = /* @__PURE__ */ new Map();
|
|
@@ -3481,7 +3511,7 @@ var renderDefaultSeriesControls = ({
|
|
|
3481
3511
|
seriesSwitchAriaLabel,
|
|
3482
3512
|
formatSeriesOptionAriaLabel
|
|
3483
3513
|
}) => {
|
|
3484
|
-
return /* @__PURE__ */ (0,
|
|
3514
|
+
return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
3485
3515
|
SwitchButton,
|
|
3486
3516
|
{
|
|
3487
3517
|
ariaLabel: seriesSwitchAriaLabel,
|
|
@@ -3604,9 +3634,9 @@ var LineChart = ({
|
|
|
3604
3634
|
seriesSwitchAriaLabel: labels.common.lineChartSeriesSwitchAria,
|
|
3605
3635
|
formatSeriesOptionAriaLabel: labels.common.lineChartSeriesOptionAria
|
|
3606
3636
|
}) : null : null;
|
|
3607
|
-
return /* @__PURE__ */ (0,
|
|
3608
|
-
!isLoading && seriesControls ? /* @__PURE__ */ (0,
|
|
3609
|
-
/* @__PURE__ */ (0,
|
|
3637
|
+
return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: cn("group/agg-chart", "w-full", classNames == null ? void 0 : classNames.root), style: { width }, children: [
|
|
3638
|
+
!isLoading && seriesControls ? /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: cn("mb-3", classNames == null ? void 0 : classNames.controls), children: seriesControls }) : null,
|
|
3639
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
3610
3640
|
"div",
|
|
3611
3641
|
{
|
|
3612
3642
|
className: cn(
|
|
@@ -3616,7 +3646,7 @@ var LineChart = ({
|
|
|
3616
3646
|
style: { height },
|
|
3617
3647
|
role: "img",
|
|
3618
3648
|
"aria-label": chartType === "candlestick" ? labels.common.candlestickChartAria : labels.common.lineChartAria,
|
|
3619
|
-
children: /* @__PURE__ */ (0,
|
|
3649
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
3620
3650
|
import_liveline.Liveline,
|
|
3621
3651
|
{
|
|
3622
3652
|
className: cn("h-full w-full agg-livechart", classNames == null ? void 0 : classNames.liveline),
|
|
@@ -3657,7 +3687,7 @@ LineChart.displayName = "LineChart";
|
|
|
3657
3687
|
// src/primitives/select/index.tsx
|
|
3658
3688
|
var import_react4 = require("react");
|
|
3659
3689
|
var import_hooks14 = require("@agg-market/hooks");
|
|
3660
|
-
var
|
|
3690
|
+
var import_jsx_runtime80 = require("react/jsx-runtime");
|
|
3661
3691
|
var Select = ({
|
|
3662
3692
|
items,
|
|
3663
3693
|
value,
|
|
@@ -3697,8 +3727,8 @@ var Select = ({
|
|
|
3697
3727
|
const isDisabled = disabled || !hasEnabledItems;
|
|
3698
3728
|
const selectedItem = items.find((item) => item.value === value);
|
|
3699
3729
|
if (!hasAnyIcon) {
|
|
3700
|
-
return /* @__PURE__ */ (0,
|
|
3701
|
-
/* @__PURE__ */ (0,
|
|
3730
|
+
return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("label", { className: cn("group/agg-select", "relative inline-flex w-full", className), children: [
|
|
3731
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
|
|
3702
3732
|
"select",
|
|
3703
3733
|
{
|
|
3704
3734
|
"aria-label": ariaLabel != null ? ariaLabel : labels.common.selectAria,
|
|
@@ -3714,19 +3744,19 @@ var Select = ({
|
|
|
3714
3744
|
disabled: isDisabled,
|
|
3715
3745
|
value,
|
|
3716
3746
|
onChange: (event) => onChange(event.target.value),
|
|
3717
|
-
children: items.map((item) => /* @__PURE__ */ (0,
|
|
3747
|
+
children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("option", { value: item.value, disabled: item.disabled, children: item.label }, item.value))
|
|
3718
3748
|
}
|
|
3719
3749
|
),
|
|
3720
|
-
/* @__PURE__ */ (0,
|
|
3750
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { className: "pointer-events-none absolute inset-y-0 right-3 inline-flex items-center justify-center text-agg-muted-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Icon, { name: "chevron-down", size: "small", color: "currentColor" }) })
|
|
3721
3751
|
] });
|
|
3722
3752
|
}
|
|
3723
|
-
return /* @__PURE__ */ (0,
|
|
3753
|
+
return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
|
|
3724
3754
|
"div",
|
|
3725
3755
|
{
|
|
3726
3756
|
ref: containerRef,
|
|
3727
3757
|
className: cn("group/agg-select", "relative inline-flex w-full", className),
|
|
3728
3758
|
children: [
|
|
3729
|
-
/* @__PURE__ */ (0,
|
|
3759
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
|
|
3730
3760
|
"button",
|
|
3731
3761
|
{
|
|
3732
3762
|
type: "button",
|
|
@@ -3746,7 +3776,7 @@ var Select = ({
|
|
|
3746
3776
|
),
|
|
3747
3777
|
onClick: () => setIsOpen((prev) => !prev),
|
|
3748
3778
|
children: [
|
|
3749
|
-
(selectedItem == null ? void 0 : selectedItem.iconUrl) ? /* @__PURE__ */ (0,
|
|
3779
|
+
(selectedItem == null ? void 0 : selectedItem.iconUrl) ? /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
|
|
3750
3780
|
RemoteImage,
|
|
3751
3781
|
{
|
|
3752
3782
|
src: selectedItem.iconUrl,
|
|
@@ -3754,12 +3784,12 @@ var Select = ({
|
|
|
3754
3784
|
className: "h-4 w-4 shrink-0 rounded-sm object-contain"
|
|
3755
3785
|
}
|
|
3756
3786
|
) : null,
|
|
3757
|
-
/* @__PURE__ */ (0,
|
|
3787
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { className: "flex-1 truncate", children: (_a = selectedItem == null ? void 0 : selectedItem.label) != null ? _a : "" })
|
|
3758
3788
|
]
|
|
3759
3789
|
}
|
|
3760
3790
|
),
|
|
3761
|
-
/* @__PURE__ */ (0,
|
|
3762
|
-
isOpen ? /* @__PURE__ */ (0,
|
|
3791
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { className: "pointer-events-none absolute inset-y-0 right-3 inline-flex items-center justify-center text-agg-muted-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Icon, { name: "chevron-down", size: "small", color: "currentColor" }) }),
|
|
3792
|
+
isOpen ? /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
|
|
3763
3793
|
"div",
|
|
3764
3794
|
{
|
|
3765
3795
|
role: "listbox",
|
|
@@ -3767,7 +3797,7 @@ var Select = ({
|
|
|
3767
3797
|
className: "absolute top-full left-0 z-50 mt-1 w-full overflow-hidden rounded-agg-md border border-agg-separator bg-agg-secondary shadow-lg",
|
|
3768
3798
|
children: items.map((item) => {
|
|
3769
3799
|
const isSelected = item.value === value;
|
|
3770
|
-
return /* @__PURE__ */ (0,
|
|
3800
|
+
return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
|
|
3771
3801
|
"button",
|
|
3772
3802
|
{
|
|
3773
3803
|
type: "button",
|
|
@@ -3787,7 +3817,7 @@ var Select = ({
|
|
|
3787
3817
|
}
|
|
3788
3818
|
},
|
|
3789
3819
|
children: [
|
|
3790
|
-
item.iconUrl ? /* @__PURE__ */ (0,
|
|
3820
|
+
item.iconUrl ? /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
|
|
3791
3821
|
RemoteImage,
|
|
3792
3822
|
{
|
|
3793
3823
|
src: item.iconUrl,
|
|
@@ -3795,7 +3825,7 @@ var Select = ({
|
|
|
3795
3825
|
className: "h-4 w-4 shrink-0 rounded-sm object-contain"
|
|
3796
3826
|
}
|
|
3797
3827
|
) : null,
|
|
3798
|
-
/* @__PURE__ */ (0,
|
|
3828
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { className: "truncate", children: item.label })
|
|
3799
3829
|
]
|
|
3800
3830
|
},
|
|
3801
3831
|
item.value
|
|
@@ -3961,7 +3991,7 @@ var findEdgeEnabledIndex = (items, direction) => {
|
|
|
3961
3991
|
};
|
|
3962
3992
|
|
|
3963
3993
|
// src/primitives/tabs/index.tsx
|
|
3964
|
-
var
|
|
3994
|
+
var import_jsx_runtime81 = require("react/jsx-runtime");
|
|
3965
3995
|
var mobileTabsMediaQuery = "(max-width: 512px)";
|
|
3966
3996
|
var getTabButtonClassName = ({
|
|
3967
3997
|
enableAnimations,
|
|
@@ -4286,7 +4316,7 @@ var Tabs = ({
|
|
|
4286
4316
|
});
|
|
4287
4317
|
}, [enableAnimations, renderedItems, shouldUseOverflowScroll, value]);
|
|
4288
4318
|
if (shouldUseOverflowSelect) {
|
|
4289
|
-
return /* @__PURE__ */ (0,
|
|
4319
|
+
return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: cn("w-full", className, classNames == null ? void 0 : classNames.root), children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
|
|
4290
4320
|
Select,
|
|
4291
4321
|
{
|
|
4292
4322
|
ariaLabel,
|
|
@@ -4298,7 +4328,7 @@ var Tabs = ({
|
|
|
4298
4328
|
}
|
|
4299
4329
|
) });
|
|
4300
4330
|
}
|
|
4301
|
-
return /* @__PURE__ */ (0,
|
|
4331
|
+
return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
|
|
4302
4332
|
"div",
|
|
4303
4333
|
{
|
|
4304
4334
|
className: cn(
|
|
@@ -4309,7 +4339,7 @@ var Tabs = ({
|
|
|
4309
4339
|
classNames == null ? void 0 : classNames.root
|
|
4310
4340
|
),
|
|
4311
4341
|
children: [
|
|
4312
|
-
/* @__PURE__ */ (0,
|
|
4342
|
+
/* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
|
|
4313
4343
|
"div",
|
|
4314
4344
|
{
|
|
4315
4345
|
ref: tabListRef,
|
|
@@ -4325,7 +4355,7 @@ var Tabs = ({
|
|
|
4325
4355
|
children: [
|
|
4326
4356
|
renderedItems.map((item, index) => {
|
|
4327
4357
|
const isActive = item.value === value;
|
|
4328
|
-
return /* @__PURE__ */ (0,
|
|
4358
|
+
return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
|
|
4329
4359
|
"button",
|
|
4330
4360
|
{
|
|
4331
4361
|
ref: (buttonElement) => {
|
|
@@ -4354,7 +4384,7 @@ var Tabs = ({
|
|
|
4354
4384
|
shouldUseOverflowScroll && !isBarVariant && "snap-start"
|
|
4355
4385
|
),
|
|
4356
4386
|
children: [
|
|
4357
|
-
isBarVariant ? /* @__PURE__ */ (0,
|
|
4387
|
+
isBarVariant ? /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_jsx_runtime81.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
|
|
4358
4388
|
"span",
|
|
4359
4389
|
{
|
|
4360
4390
|
"aria-hidden": true,
|
|
@@ -4368,8 +4398,8 @@ var Tabs = ({
|
|
|
4368
4398
|
)
|
|
4369
4399
|
}
|
|
4370
4400
|
) }) : null,
|
|
4371
|
-
item.icon ? /* @__PURE__ */ (0,
|
|
4372
|
-
/* @__PURE__ */ (0,
|
|
4401
|
+
item.icon ? /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("span", { className: "relative z-10 inline-flex shrink-0 items-center justify-center empty:hidden", children: item.icon }) : null,
|
|
4402
|
+
/* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
|
|
4373
4403
|
"span",
|
|
4374
4404
|
{
|
|
4375
4405
|
className: cn(
|
|
@@ -4384,7 +4414,7 @@ var Tabs = ({
|
|
|
4384
4414
|
item.value
|
|
4385
4415
|
);
|
|
4386
4416
|
}),
|
|
4387
|
-
!isBarVariant ? /* @__PURE__ */ (0,
|
|
4417
|
+
!isBarVariant ? /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
|
|
4388
4418
|
"span",
|
|
4389
4419
|
{
|
|
4390
4420
|
"aria-hidden": true,
|
|
@@ -4402,8 +4432,8 @@ var Tabs = ({
|
|
|
4402
4432
|
]
|
|
4403
4433
|
}
|
|
4404
4434
|
),
|
|
4405
|
-
shouldUseOverflowScroll && !isBarVariant ? /* @__PURE__ */ (0,
|
|
4406
|
-
/* @__PURE__ */ (0,
|
|
4435
|
+
shouldUseOverflowScroll && !isBarVariant ? /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(import_jsx_runtime81.Fragment, { children: [
|
|
4436
|
+
/* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
|
|
4407
4437
|
"span",
|
|
4408
4438
|
{
|
|
4409
4439
|
"aria-hidden": true,
|
|
@@ -4414,7 +4444,7 @@ var Tabs = ({
|
|
|
4414
4444
|
)
|
|
4415
4445
|
}
|
|
4416
4446
|
),
|
|
4417
|
-
/* @__PURE__ */ (0,
|
|
4447
|
+
/* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
|
|
4418
4448
|
"span",
|
|
4419
4449
|
{
|
|
4420
4450
|
"aria-hidden": true,
|
|
@@ -4433,13 +4463,13 @@ var Tabs = ({
|
|
|
4433
4463
|
Tabs.displayName = "Tabs";
|
|
4434
4464
|
|
|
4435
4465
|
// src/events/item/index.tsx
|
|
4436
|
-
var
|
|
4466
|
+
var import_jsx_runtime82 = require("react/jsx-runtime");
|
|
4437
4467
|
var EventListItemLoadingState = ({
|
|
4438
4468
|
classNames,
|
|
4439
4469
|
ariaLabel
|
|
4440
4470
|
}) => {
|
|
4441
4471
|
const labels = (0, import_hooks16.useLabels)();
|
|
4442
|
-
return /* @__PURE__ */ (0,
|
|
4472
|
+
return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
4443
4473
|
Skeleton,
|
|
4444
4474
|
{
|
|
4445
4475
|
view: "event-list-item",
|
|
@@ -4453,15 +4483,15 @@ var EventListItemUnavailableState = ({
|
|
|
4453
4483
|
ariaLabel
|
|
4454
4484
|
}) => {
|
|
4455
4485
|
const labels = (0, import_hooks16.useLabels)();
|
|
4456
|
-
return /* @__PURE__ */ (0,
|
|
4486
|
+
return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
4457
4487
|
Card,
|
|
4458
4488
|
{
|
|
4459
4489
|
className: cn(baseCardClassName, classNames == null ? void 0 : classNames.root),
|
|
4460
4490
|
role: "status",
|
|
4461
4491
|
"aria-label": ariaLabel != null ? ariaLabel : labels.eventItem.unavailableAria,
|
|
4462
|
-
children: /* @__PURE__ */ (0,
|
|
4463
|
-
/* @__PURE__ */ (0,
|
|
4464
|
-
/* @__PURE__ */ (0,
|
|
4492
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: cn("flex flex-col gap-1", classNames == null ? void 0 : classNames.header), children: [
|
|
4493
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Typography, { variant: "body-large-strong", className: cn("truncate", classNames == null ? void 0 : classNames.title), children: labels.eventItem.unavailableTitle }),
|
|
4494
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Typography, { variant: "body", className: "text-agg-muted-foreground", children: labels.eventItem.unavailableDescription })
|
|
4465
4495
|
] })
|
|
4466
4496
|
}
|
|
4467
4497
|
);
|
|
@@ -4471,7 +4501,7 @@ var EventListItemNotFoundState = ({
|
|
|
4471
4501
|
ariaLabel
|
|
4472
4502
|
}) => {
|
|
4473
4503
|
const labels = (0, import_hooks16.useLabels)();
|
|
4474
|
-
return /* @__PURE__ */ (0,
|
|
4504
|
+
return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Card, { className: cn("w-full gap-0 overflow-hidden p-0", classNames == null ? void 0 : classNames.root), children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
4475
4505
|
StateMessage,
|
|
4476
4506
|
{
|
|
4477
4507
|
ariaLabel: ariaLabel != null ? ariaLabel : labels.eventItemDetails.notFoundAria,
|
|
@@ -4524,9 +4554,9 @@ var EventListItemContent = ({
|
|
|
4524
4554
|
const renderArbitrage = (value) => {
|
|
4525
4555
|
if (value == null) return null;
|
|
4526
4556
|
if (Math.abs(value) < config.market.arbitrageThreshold) return null;
|
|
4527
|
-
return /* @__PURE__ */ (0,
|
|
4528
|
-
/* @__PURE__ */ (0,
|
|
4529
|
-
/* @__PURE__ */ (0,
|
|
4557
|
+
return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: cn("flex items-center gap-1", "text-agg-success"), children: [
|
|
4558
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Typography, { variant: "label-strong", className: "text-agg-success", children: config.formatting.formatPercent(value) }),
|
|
4559
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
4530
4560
|
Icon,
|
|
4531
4561
|
{
|
|
4532
4562
|
name: "triangle-up",
|
|
@@ -4537,7 +4567,7 @@ var EventListItemContent = ({
|
|
|
4537
4567
|
)
|
|
4538
4568
|
] });
|
|
4539
4569
|
};
|
|
4540
|
-
return /* @__PURE__ */ (0,
|
|
4570
|
+
return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(
|
|
4541
4571
|
Card,
|
|
4542
4572
|
{
|
|
4543
4573
|
className: cn(baseCardClassName, onClick && "cursor-pointer", classNames == null ? void 0 : classNames.root),
|
|
@@ -4547,8 +4577,8 @@ var EventListItemContent = ({
|
|
|
4547
4577
|
onKeyDown: handleKeyDown,
|
|
4548
4578
|
"aria-label": ariaLabel != null ? ariaLabel : resolvedTitle,
|
|
4549
4579
|
children: [
|
|
4550
|
-
/* @__PURE__ */ (0,
|
|
4551
|
-
resolvedImage ? /* @__PURE__ */ (0,
|
|
4580
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: cn("flex items-center gap-3", classNames == null ? void 0 : classNames.header), children: [
|
|
4581
|
+
resolvedImage ? /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
4552
4582
|
RemoteImage,
|
|
4553
4583
|
{
|
|
4554
4584
|
src: resolvedImage,
|
|
@@ -4556,7 +4586,7 @@ var EventListItemContent = ({
|
|
|
4556
4586
|
className: cn("h-10 w-10", "rounded-agg-lg object-cover")
|
|
4557
4587
|
}
|
|
4558
4588
|
) : null,
|
|
4559
|
-
/* @__PURE__ */ (0,
|
|
4589
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
4560
4590
|
Typography,
|
|
4561
4591
|
{
|
|
4562
4592
|
variant: "body-strong",
|
|
@@ -4569,13 +4599,13 @@ var EventListItemContent = ({
|
|
|
4569
4599
|
}
|
|
4570
4600
|
)
|
|
4571
4601
|
] }),
|
|
4572
|
-
/* @__PURE__ */ (0,
|
|
4602
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: cn("flex flex-col gap-3", classNames == null ? void 0 : classNames.outcomes), children: visibleOutcomes.map((visibleOutcome) => {
|
|
4573
4603
|
const probability = normalizeProbability(visibleOutcome.outcome.price);
|
|
4574
4604
|
const showBadge = typeof probability === "number";
|
|
4575
4605
|
const arbitragePercent = arbitrageByOutcomeId == null ? void 0 : arbitrageByOutcomeId[visibleOutcome.outcome.id];
|
|
4576
4606
|
const outcomeTitle = resolveOutcomeTitle(visibleOutcome.outcome);
|
|
4577
4607
|
const formattedTitle = (0, import_dayjs2.default)(outcomeTitle).isValid() ? (0, import_dayjs2.default)(outcomeTitle).format("MMMM D, YYYY") : outcomeTitle;
|
|
4578
|
-
return /* @__PURE__ */ (0,
|
|
4608
|
+
return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(
|
|
4579
4609
|
"div",
|
|
4580
4610
|
{
|
|
4581
4611
|
className: cn(
|
|
@@ -4583,7 +4613,7 @@ var EventListItemContent = ({
|
|
|
4583
4613
|
classNames == null ? void 0 : classNames.outcomeRow
|
|
4584
4614
|
),
|
|
4585
4615
|
children: [
|
|
4586
|
-
/* @__PURE__ */ (0,
|
|
4616
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
4587
4617
|
Typography,
|
|
4588
4618
|
{
|
|
4589
4619
|
variant: "body",
|
|
@@ -4591,13 +4621,13 @@ var EventListItemContent = ({
|
|
|
4591
4621
|
children: formattedTitle
|
|
4592
4622
|
}
|
|
4593
4623
|
),
|
|
4594
|
-
/* @__PURE__ */ (0,
|
|
4624
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "flex flex-row gap-3 items-center justify-end", children: [
|
|
4595
4625
|
renderArbitrage(arbitragePercent),
|
|
4596
|
-
showBadge ? /* @__PURE__ */ (0,
|
|
4626
|
+
showBadge ? /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
4597
4627
|
Badge,
|
|
4598
4628
|
{
|
|
4599
4629
|
text: config.formatting.formatPercent(probability),
|
|
4600
|
-
prefix: /* @__PURE__ */ (0,
|
|
4630
|
+
prefix: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(VenueLogo, { venue: visibleOutcome.venue, size: "small" }),
|
|
4601
4631
|
size: "large",
|
|
4602
4632
|
classNames: {
|
|
4603
4633
|
root: cn(
|
|
@@ -4613,7 +4643,7 @@ var EventListItemContent = ({
|
|
|
4613
4643
|
`${visibleOutcome.market.id}-${visibleOutcome.outcome.id}`
|
|
4614
4644
|
);
|
|
4615
4645
|
}) }),
|
|
4616
|
-
/* @__PURE__ */ (0,
|
|
4646
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(
|
|
4617
4647
|
"div",
|
|
4618
4648
|
{
|
|
4619
4649
|
className: cn(
|
|
@@ -4622,15 +4652,15 @@ var EventListItemContent = ({
|
|
|
4622
4652
|
classNames == null ? void 0 : classNames.footer
|
|
4623
4653
|
),
|
|
4624
4654
|
children: [
|
|
4625
|
-
/* @__PURE__ */ (0,
|
|
4626
|
-
/* @__PURE__ */ (0,
|
|
4655
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: cn("flex items-center gap-1", "text-agg-sm leading-agg-5"), children: [
|
|
4656
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { className: "truncate text-agg-muted-foreground", children: formatCountLabel(
|
|
4627
4657
|
marketCount,
|
|
4628
4658
|
labels.eventItem.marketSingular,
|
|
4629
4659
|
labels.eventItem.marketPlural
|
|
4630
4660
|
) }),
|
|
4631
|
-
/* @__PURE__ */ (0,
|
|
4632
|
-
singleVenue ? /* @__PURE__ */ (0,
|
|
4633
|
-
/* @__PURE__ */ (0,
|
|
4661
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { className: "text-agg-muted-foreground", children: "\xD7" }),
|
|
4662
|
+
singleVenue ? /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("span", { className: "flex items-center gap-1 truncate text-agg-muted-foreground", children: [
|
|
4663
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
4634
4664
|
VenueLogo,
|
|
4635
4665
|
{
|
|
4636
4666
|
venue: singleVenue,
|
|
@@ -4639,13 +4669,13 @@ var EventListItemContent = ({
|
|
|
4639
4669
|
className: "text-agg-muted-foreground!"
|
|
4640
4670
|
}
|
|
4641
4671
|
),
|
|
4642
|
-
/* @__PURE__ */ (0,
|
|
4643
|
-
] }) : /* @__PURE__ */ (0,
|
|
4672
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { children: venueLabel })
|
|
4673
|
+
] }) : /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { className: "truncate text-agg-muted-foreground", children: formatCountLabel(
|
|
4644
4674
|
venueCount,
|
|
4645
4675
|
labels.eventItem.venueSingular,
|
|
4646
4676
|
labels.eventItem.venuePlural
|
|
4647
4677
|
) }),
|
|
4648
|
-
!singleVenue && visibleVenueLogos.length > 0 ? /* @__PURE__ */ (0,
|
|
4678
|
+
!singleVenue && visibleVenueLogos.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { className: "flex items-center gap-1 overflow-hidden", children: visibleVenueLogos.map((venue) => /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
4649
4679
|
VenueLogo,
|
|
4650
4680
|
{
|
|
4651
4681
|
venue,
|
|
@@ -4656,7 +4686,7 @@ var EventListItemContent = ({
|
|
|
4656
4686
|
venue
|
|
4657
4687
|
)) }) : null
|
|
4658
4688
|
] }),
|
|
4659
|
-
volumeLabel ? /* @__PURE__ */ (0,
|
|
4689
|
+
volumeLabel ? /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Typography, { variant: "label", className: "text-agg-sm text-agg-muted-foreground", children: volumeLabel }) : null
|
|
4660
4690
|
]
|
|
4661
4691
|
}
|
|
4662
4692
|
)
|
|
@@ -4683,31 +4713,31 @@ var EventListItemByEventId = (_a) => {
|
|
|
4683
4713
|
return resolveEventListItemEvent(fetchedEvent);
|
|
4684
4714
|
}, [fetchedEvent]);
|
|
4685
4715
|
if (!eventId) {
|
|
4686
|
-
return /* @__PURE__ */ (0,
|
|
4716
|
+
return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(EventListItemUnavailableState, { classNames: rest.classNames, ariaLabel: rest.ariaLabel });
|
|
4687
4717
|
}
|
|
4688
4718
|
if (isLoading) {
|
|
4689
|
-
return /* @__PURE__ */ (0,
|
|
4719
|
+
return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(EventListItemLoadingState, { classNames: rest.classNames, ariaLabel: rest.ariaLabel });
|
|
4690
4720
|
}
|
|
4691
4721
|
if (isErrorWithStatus(error, 404)) {
|
|
4692
|
-
return /* @__PURE__ */ (0,
|
|
4722
|
+
return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(EventListItemNotFoundState, { classNames: rest.classNames, ariaLabel: rest.ariaLabel });
|
|
4693
4723
|
}
|
|
4694
4724
|
if (!fetchedEvent && !isError) {
|
|
4695
|
-
return /* @__PURE__ */ (0,
|
|
4725
|
+
return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(EventListItemLoadingState, { classNames: rest.classNames, ariaLabel: rest.ariaLabel });
|
|
4696
4726
|
}
|
|
4697
4727
|
if (!resolvedEvent) {
|
|
4698
|
-
return /* @__PURE__ */ (0,
|
|
4728
|
+
return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(EventListItemUnavailableState, { classNames: rest.classNames, ariaLabel: rest.ariaLabel });
|
|
4699
4729
|
}
|
|
4700
|
-
return /* @__PURE__ */ (0,
|
|
4730
|
+
return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(EventListItemContent, __spreadValues({ event: resolvedEvent }, rest));
|
|
4701
4731
|
};
|
|
4702
4732
|
var EventListItem = (props) => {
|
|
4703
4733
|
if (props.isLoading) {
|
|
4704
|
-
return /* @__PURE__ */ (0,
|
|
4734
|
+
return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(EventListItemLoadingState, { classNames: props.classNames, ariaLabel: props.ariaLabel });
|
|
4705
4735
|
}
|
|
4706
4736
|
if ("event" in props && props.event) {
|
|
4707
4737
|
const _a = props, { event } = _a, rest = __objRest(_a, ["event"]);
|
|
4708
|
-
return /* @__PURE__ */ (0,
|
|
4738
|
+
return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(EventListItemContent, __spreadValues({ event }, rest));
|
|
4709
4739
|
}
|
|
4710
|
-
return /* @__PURE__ */ (0,
|
|
4740
|
+
return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(EventListItemByEventId, __spreadValues({}, props));
|
|
4711
4741
|
};
|
|
4712
4742
|
EventListItem.displayName = "EventListItem";
|
|
4713
4743
|
|
|
@@ -4718,7 +4748,7 @@ var import_hooks18 = require("@agg-market/hooks");
|
|
|
4718
4748
|
// src/primitives/chart/chart-type-switch.tsx
|
|
4719
4749
|
var import_hooks17 = require("@agg-market/hooks");
|
|
4720
4750
|
var import_react7 = require("react");
|
|
4721
|
-
var
|
|
4751
|
+
var import_jsx_runtime83 = require("react/jsx-runtime");
|
|
4722
4752
|
var ChartTypeSwitch = ({
|
|
4723
4753
|
value,
|
|
4724
4754
|
onValueChange,
|
|
@@ -4753,7 +4783,7 @@ var ChartTypeSwitch = ({
|
|
|
4753
4783
|
}
|
|
4754
4784
|
onValueChange(nextOption.value);
|
|
4755
4785
|
};
|
|
4756
|
-
return /* @__PURE__ */ (0,
|
|
4786
|
+
return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
|
|
4757
4787
|
"div",
|
|
4758
4788
|
{
|
|
4759
4789
|
className: cn("inline-flex items-center gap-2", className),
|
|
@@ -4761,7 +4791,7 @@ var ChartTypeSwitch = ({
|
|
|
4761
4791
|
"aria-label": labels.common.chartTypeSwitchAria,
|
|
4762
4792
|
children: options.map((option, index) => {
|
|
4763
4793
|
const isActive = option.value === value;
|
|
4764
|
-
return /* @__PURE__ */ (0,
|
|
4794
|
+
return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
|
|
4765
4795
|
"button",
|
|
4766
4796
|
{
|
|
4767
4797
|
type: "button",
|
|
@@ -4787,7 +4817,7 @@ var ChartTypeSwitch = ({
|
|
|
4787
4817
|
onKeyDown: (event) => {
|
|
4788
4818
|
handleKeyDown(event, index);
|
|
4789
4819
|
},
|
|
4790
|
-
children: /* @__PURE__ */ (0,
|
|
4820
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(Icon, { name: option.iconName, color: "currentColor", className: "h-5 w-5" })
|
|
4791
4821
|
},
|
|
4792
4822
|
option.value
|
|
4793
4823
|
);
|
|
@@ -4985,13 +5015,13 @@ var resolveMarketChartLiveState = ({
|
|
|
4985
5015
|
};
|
|
4986
5016
|
|
|
4987
5017
|
// src/events/item-details/index.tsx
|
|
4988
|
-
var
|
|
5018
|
+
var import_jsx_runtime84 = require("react/jsx-runtime");
|
|
4989
5019
|
var EventListItemDetailsLoadingState = ({
|
|
4990
5020
|
classNames,
|
|
4991
5021
|
ariaLabel
|
|
4992
5022
|
}) => {
|
|
4993
5023
|
const labels = (0, import_hooks18.useLabels)();
|
|
4994
|
-
return /* @__PURE__ */ (0,
|
|
5024
|
+
return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
4995
5025
|
Skeleton,
|
|
4996
5026
|
{
|
|
4997
5027
|
view: "event-list-item-details",
|
|
@@ -5005,15 +5035,15 @@ var EventListItemDetailsUnavailableState = ({
|
|
|
5005
5035
|
ariaLabel
|
|
5006
5036
|
}) => {
|
|
5007
5037
|
const labels = (0, import_hooks18.useLabels)();
|
|
5008
|
-
return /* @__PURE__ */ (0,
|
|
5038
|
+
return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
5009
5039
|
Card,
|
|
5010
5040
|
{
|
|
5011
5041
|
className: cn(detailsBaseCardClassName, classNames == null ? void 0 : classNames.root),
|
|
5012
5042
|
role: "status",
|
|
5013
5043
|
"aria-label": ariaLabel != null ? ariaLabel : labels.eventItemDetails.unavailableAria,
|
|
5014
|
-
children: /* @__PURE__ */ (0,
|
|
5015
|
-
/* @__PURE__ */ (0,
|
|
5016
|
-
/* @__PURE__ */ (0,
|
|
5044
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: cn("flex flex-col gap-1", classNames == null ? void 0 : classNames.header), children: [
|
|
5045
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)(Typography, { variant: "body-large-strong", className: cn("truncate", classNames == null ? void 0 : classNames.title), children: labels.eventItemDetails.unavailableTitle }),
|
|
5046
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)(Typography, { variant: "body", className: "text-agg-muted-foreground", children: labels.eventItemDetails.unavailableDescription })
|
|
5017
5047
|
] })
|
|
5018
5048
|
}
|
|
5019
5049
|
);
|
|
@@ -5023,7 +5053,7 @@ var EventListItemDetailsNotFoundState = ({
|
|
|
5023
5053
|
ariaLabel
|
|
5024
5054
|
}) => {
|
|
5025
5055
|
const labels = (0, import_hooks18.useLabels)();
|
|
5026
|
-
return /* @__PURE__ */ (0,
|
|
5056
|
+
return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(Card, { className: cn(detailsBaseCardClassName, classNames == null ? void 0 : classNames.root), children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
5027
5057
|
StateMessage,
|
|
5028
5058
|
{
|
|
5029
5059
|
ariaLabel: ariaLabel != null ? ariaLabel : labels.eventItemDetails.notFoundAria,
|
|
@@ -5235,7 +5265,7 @@ var EventListItemDetailsGraphSection = ({
|
|
|
5235
5265
|
void refetchMarketChart();
|
|
5236
5266
|
};
|
|
5237
5267
|
if (marketChartError) {
|
|
5238
|
-
return /* @__PURE__ */ (0,
|
|
5268
|
+
return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: cn("w-full", classNames == null ? void 0 : classNames.chart), children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
5239
5269
|
StateMessage,
|
|
5240
5270
|
{
|
|
5241
5271
|
tone: "warning",
|
|
@@ -5248,7 +5278,7 @@ var EventListItemDetailsGraphSection = ({
|
|
|
5248
5278
|
}
|
|
5249
5279
|
) });
|
|
5250
5280
|
}
|
|
5251
|
-
return /* @__PURE__ */ (0,
|
|
5281
|
+
return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
5252
5282
|
LineChart,
|
|
5253
5283
|
{
|
|
5254
5284
|
classNames: { root: classNames == null ? void 0 : classNames.chart },
|
|
@@ -5260,12 +5290,12 @@ var EventListItemDetailsGraphSection = ({
|
|
|
5260
5290
|
lineValue: chartLiveState.lineValue,
|
|
5261
5291
|
showSeriesControls: activeModeVenueData.length > 0 || segmentedDisplayItems.length > 0,
|
|
5262
5292
|
renderSeriesControls: () => {
|
|
5263
|
-
return /* @__PURE__ */ (0,
|
|
5293
|
+
return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
|
|
5264
5294
|
"div",
|
|
5265
5295
|
{
|
|
5266
5296
|
className: cn("flex flex-row items-center justify-between gap-4", classNames == null ? void 0 : classNames.summary),
|
|
5267
5297
|
children: [
|
|
5268
|
-
/* @__PURE__ */ (0,
|
|
5298
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
5269
5299
|
"div",
|
|
5270
5300
|
{
|
|
5271
5301
|
className: cn(
|
|
@@ -5276,7 +5306,7 @@ var EventListItemDetailsGraphSection = ({
|
|
|
5276
5306
|
var _a2;
|
|
5277
5307
|
const text = venueData.probability == null ? "-" : formatPercent(venueData.probability);
|
|
5278
5308
|
const isActiveVenue = selectedVenue === venueData.venue;
|
|
5279
|
-
return /* @__PURE__ */ (0,
|
|
5309
|
+
return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
5280
5310
|
"button",
|
|
5281
5311
|
{
|
|
5282
5312
|
type: "button",
|
|
@@ -5285,12 +5315,12 @@ var EventListItemDetailsGraphSection = ({
|
|
|
5285
5315
|
className: cn(
|
|
5286
5316
|
"rounded-agg-full focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-agg-primary focus-visible:ring-offset-2 focus-visible:ring-offset-agg-secondary-hover"
|
|
5287
5317
|
),
|
|
5288
|
-
children: /* @__PURE__ */ (0,
|
|
5318
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
5289
5319
|
Badge,
|
|
5290
5320
|
{
|
|
5291
5321
|
text,
|
|
5292
5322
|
size: "large",
|
|
5293
|
-
prefix: /* @__PURE__ */ (0,
|
|
5323
|
+
prefix: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
5294
5324
|
VenueLogo,
|
|
5295
5325
|
{
|
|
5296
5326
|
venue: venueData.venue,
|
|
@@ -5315,7 +5345,7 @@ var EventListItemDetailsGraphSection = ({
|
|
|
5315
5345
|
})
|
|
5316
5346
|
}
|
|
5317
5347
|
),
|
|
5318
|
-
/* @__PURE__ */ (0,
|
|
5348
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
5319
5349
|
SwitchButton,
|
|
5320
5350
|
{
|
|
5321
5351
|
ariaLabel: labels.eventItemDetails.outcomeSelectorAria,
|
|
@@ -5443,7 +5473,7 @@ var EventListItemDetailsContent = ({
|
|
|
5443
5473
|
return `${config.formatting.formatCompactCurrency(resolvedVolume)} ${labels.eventItemDetails.volumeSuffix}`;
|
|
5444
5474
|
}, [config, event.volume, labels.eventItemDetails.volumeSuffix, primaryVenueMarket == null ? void 0 : primaryVenueMarket.volume]);
|
|
5445
5475
|
if (!primaryVenueMarket || !selectedOutcomeLabel) {
|
|
5446
|
-
return /* @__PURE__ */ (0,
|
|
5476
|
+
return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
5447
5477
|
EventListItemDetailsUnavailableState,
|
|
5448
5478
|
{
|
|
5449
5479
|
classNames,
|
|
@@ -5451,7 +5481,7 @@ var EventListItemDetailsContent = ({
|
|
|
5451
5481
|
}
|
|
5452
5482
|
);
|
|
5453
5483
|
}
|
|
5454
|
-
return /* @__PURE__ */ (0,
|
|
5484
|
+
return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
|
|
5455
5485
|
Card,
|
|
5456
5486
|
{
|
|
5457
5487
|
className: cn(detailsBaseCardClassName, classNames == null ? void 0 : classNames.root),
|
|
@@ -5460,7 +5490,7 @@ var EventListItemDetailsContent = ({
|
|
|
5460
5490
|
onClick == null ? void 0 : onClick(event);
|
|
5461
5491
|
},
|
|
5462
5492
|
children: [
|
|
5463
|
-
/* @__PURE__ */ (0,
|
|
5493
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
|
|
5464
5494
|
"div",
|
|
5465
5495
|
{
|
|
5466
5496
|
className: cn(
|
|
@@ -5470,7 +5500,7 @@ var EventListItemDetailsContent = ({
|
|
|
5470
5500
|
classNames == null ? void 0 : classNames.header
|
|
5471
5501
|
),
|
|
5472
5502
|
children: [
|
|
5473
|
-
event.image ? /* @__PURE__ */ (0,
|
|
5503
|
+
event.image ? /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
5474
5504
|
RemoteImage,
|
|
5475
5505
|
{
|
|
5476
5506
|
src: event.image,
|
|
@@ -5478,8 +5508,8 @@ var EventListItemDetailsContent = ({
|
|
|
5478
5508
|
className: "size-10 rounded-agg-lg object-cover md:size-[60px]"
|
|
5479
5509
|
}
|
|
5480
5510
|
) : null,
|
|
5481
|
-
/* @__PURE__ */ (0,
|
|
5482
|
-
/* @__PURE__ */ (0,
|
|
5511
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col gap-3", children: [
|
|
5512
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
5483
5513
|
Typography,
|
|
5484
5514
|
{
|
|
5485
5515
|
variant: "body-strong",
|
|
@@ -5491,7 +5521,7 @@ var EventListItemDetailsContent = ({
|
|
|
5491
5521
|
children: event.title
|
|
5492
5522
|
}
|
|
5493
5523
|
),
|
|
5494
|
-
venueMarkets.length > 1 ? /* @__PURE__ */ (0,
|
|
5524
|
+
venueMarkets.length > 1 ? /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
5495
5525
|
"div",
|
|
5496
5526
|
{
|
|
5497
5527
|
className: cn(
|
|
@@ -5500,7 +5530,7 @@ var EventListItemDetailsContent = ({
|
|
|
5500
5530
|
),
|
|
5501
5531
|
children: venueMarkets.map((venueMarket) => {
|
|
5502
5532
|
const isActive = (selectedMarket == null ? void 0 : selectedMarket.id) === venueMarket.id;
|
|
5503
|
-
return /* @__PURE__ */ (0,
|
|
5533
|
+
return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
5504
5534
|
Button,
|
|
5505
5535
|
{
|
|
5506
5536
|
size: "small",
|
|
@@ -5527,12 +5557,12 @@ var EventListItemDetailsContent = ({
|
|
|
5527
5557
|
]
|
|
5528
5558
|
}
|
|
5529
5559
|
),
|
|
5530
|
-
detailsStats && detailsStats.length > 0 ? /* @__PURE__ */ (0,
|
|
5560
|
+
detailsStats && detailsStats.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: cn("flex flex-wrap items-start gap-4 md:gap-6", classNames == null ? void 0 : classNames.headerStats), children: detailsStats.map((statItem) => {
|
|
5531
5561
|
const deltaClassName = statItem.deltaTone === "positive" ? "text-agg-success!" : statItem.deltaTone === "negative" ? "text-agg-error!" : "text-agg-muted-foreground";
|
|
5532
|
-
return /* @__PURE__ */ (0,
|
|
5533
|
-
/* @__PURE__ */ (0,
|
|
5534
|
-
/* @__PURE__ */ (0,
|
|
5535
|
-
/* @__PURE__ */ (0,
|
|
5562
|
+
return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "flex flex-col gap-1", children: [
|
|
5563
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)(Typography, { variant: "caption-caps", className: "text-agg-muted-foreground", children: statItem.label }),
|
|
5564
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "flex items-baseline gap-1", children: [
|
|
5565
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
5536
5566
|
Typography,
|
|
5537
5567
|
{
|
|
5538
5568
|
variant: "body",
|
|
@@ -5540,11 +5570,11 @@ var EventListItemDetailsContent = ({
|
|
|
5540
5570
|
children: statItem.value
|
|
5541
5571
|
}
|
|
5542
5572
|
),
|
|
5543
|
-
statItem.delta ? /* @__PURE__ */ (0,
|
|
5573
|
+
statItem.delta ? /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(Typography, { variant: "label", className: cn(deltaClassName), children: statItem.delta }) : null
|
|
5544
5574
|
] })
|
|
5545
5575
|
] }, `${statItem.label}-${statItem.value}`);
|
|
5546
5576
|
}) }) : null,
|
|
5547
|
-
/* @__PURE__ */ (0,
|
|
5577
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
5548
5578
|
EventListItemDetailsGraphSection,
|
|
5549
5579
|
{
|
|
5550
5580
|
selectedOutcome,
|
|
@@ -5561,14 +5591,14 @@ var EventListItemDetailsContent = ({
|
|
|
5561
5591
|
selectedChartType
|
|
5562
5592
|
}
|
|
5563
5593
|
),
|
|
5564
|
-
/* @__PURE__ */ (0,
|
|
5565
|
-
/* @__PURE__ */ (0,
|
|
5566
|
-
/* @__PURE__ */ (0,
|
|
5567
|
-
/* @__PURE__ */ (0,
|
|
5568
|
-
/* @__PURE__ */ (0,
|
|
5594
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: cn("flex flex-wrap items-center justify-between gap-4", classNames == null ? void 0 : classNames.footer), children: [
|
|
5595
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)(Typography, { variant: "label", className: "text-agg-muted-foreground", children: volumeLabel || "-" }),
|
|
5596
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: cn("flex flex-wrap items-center gap-2 md:gap-3", classNames == null ? void 0 : classNames.timeRange), children: [
|
|
5597
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)(ChartTypeSwitch, { value: selectedChartType, onValueChange: setSelectedChartType }),
|
|
5598
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { "aria-hidden": "true", className: "hidden h-4 w-px bg-agg-separator md:block" }),
|
|
5569
5599
|
eventListItemDetailsTimeRanges.map((timeRange) => {
|
|
5570
5600
|
const isActive = timeRange === selectedTimeRange;
|
|
5571
|
-
return /* @__PURE__ */ (0,
|
|
5601
|
+
return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
5572
5602
|
Button,
|
|
5573
5603
|
{
|
|
5574
5604
|
size: "small",
|
|
@@ -5616,7 +5646,7 @@ var EventListItemDetailsByEventId = (_a) => {
|
|
|
5616
5646
|
return resolveEventListItemEvent(fetchedEvent);
|
|
5617
5647
|
}, [fetchedEvent]);
|
|
5618
5648
|
if (!resolvedEventId) {
|
|
5619
|
-
return /* @__PURE__ */ (0,
|
|
5649
|
+
return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
5620
5650
|
EventListItemDetailsUnavailableState,
|
|
5621
5651
|
{
|
|
5622
5652
|
classNames: rest.classNames,
|
|
@@ -5625,16 +5655,16 @@ var EventListItemDetailsByEventId = (_a) => {
|
|
|
5625
5655
|
);
|
|
5626
5656
|
}
|
|
5627
5657
|
if (isLoading) {
|
|
5628
|
-
return /* @__PURE__ */ (0,
|
|
5658
|
+
return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(EventListItemDetailsLoadingState, { classNames: rest.classNames, ariaLabel: rest.ariaLabel });
|
|
5629
5659
|
}
|
|
5630
5660
|
if (isErrorWithStatus(error, 404)) {
|
|
5631
|
-
return /* @__PURE__ */ (0,
|
|
5661
|
+
return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(EventListItemDetailsNotFoundState, { classNames: rest.classNames, ariaLabel: rest.ariaLabel });
|
|
5632
5662
|
}
|
|
5633
5663
|
if (!fetchedEvent && !isError) {
|
|
5634
|
-
return /* @__PURE__ */ (0,
|
|
5664
|
+
return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(EventListItemDetailsLoadingState, { classNames: rest.classNames, ariaLabel: rest.ariaLabel });
|
|
5635
5665
|
}
|
|
5636
5666
|
if (!resolvedEvent) {
|
|
5637
|
-
return /* @__PURE__ */ (0,
|
|
5667
|
+
return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
5638
5668
|
EventListItemDetailsUnavailableState,
|
|
5639
5669
|
{
|
|
5640
5670
|
classNames: rest.classNames,
|
|
@@ -5642,15 +5672,15 @@ var EventListItemDetailsByEventId = (_a) => {
|
|
|
5642
5672
|
}
|
|
5643
5673
|
);
|
|
5644
5674
|
}
|
|
5645
|
-
return /* @__PURE__ */ (0,
|
|
5675
|
+
return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(EventListItemDetailsContent, __spreadValues({ event: resolvedEvent }, rest));
|
|
5646
5676
|
};
|
|
5647
5677
|
var EventListItemDetails = (props) => {
|
|
5648
5678
|
if (props.isLoading) {
|
|
5649
|
-
return /* @__PURE__ */ (0,
|
|
5679
|
+
return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(EventListItemDetailsLoadingState, { classNames: props.classNames, ariaLabel: props.ariaLabel });
|
|
5650
5680
|
}
|
|
5651
5681
|
if ("event" in props && props.event) {
|
|
5652
5682
|
const _a = props, { event } = _a, rest = __objRest(_a, ["event"]);
|
|
5653
|
-
return /* @__PURE__ */ (0,
|
|
5683
|
+
return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(EventListItemDetailsContent, __spreadValues({ event }, rest));
|
|
5654
5684
|
}
|
|
5655
5685
|
if ("eventId" in props && typeof props.eventId === "string") {
|
|
5656
5686
|
const {
|
|
@@ -5671,9 +5701,9 @@ var EventListItemDetails = (props) => {
|
|
|
5671
5701
|
defaultTimeRange: defaultTimeRangeOverride,
|
|
5672
5702
|
onClick
|
|
5673
5703
|
};
|
|
5674
|
-
return /* @__PURE__ */ (0,
|
|
5704
|
+
return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(EventListItemDetailsByEventId, __spreadValues({}, byEventIdProps));
|
|
5675
5705
|
}
|
|
5676
|
-
return /* @__PURE__ */ (0,
|
|
5706
|
+
return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
5677
5707
|
EventListItemDetailsUnavailableState,
|
|
5678
5708
|
{
|
|
5679
5709
|
classNames: props.classNames,
|
|
@@ -5955,14 +5985,14 @@ var buildMarketDetailsModel = ({
|
|
|
5955
5985
|
};
|
|
5956
5986
|
|
|
5957
5987
|
// src/events/market-details/index.tsx
|
|
5958
|
-
var
|
|
5988
|
+
var import_jsx_runtime85 = require("react/jsx-runtime");
|
|
5959
5989
|
var MarketDetailsLoadingState = ({
|
|
5960
5990
|
isOpened = marketDetailsDefaultIsOpened,
|
|
5961
5991
|
ariaLabel,
|
|
5962
5992
|
classNames
|
|
5963
5993
|
}) => {
|
|
5964
5994
|
const labels = (0, import_hooks19.useLabels)();
|
|
5965
|
-
return /* @__PURE__ */ (0,
|
|
5995
|
+
return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
|
|
5966
5996
|
Skeleton,
|
|
5967
5997
|
{
|
|
5968
5998
|
view: isOpened ? "market-details-detailed" : "market-details-minified",
|
|
@@ -5976,15 +6006,15 @@ var MarketDetailsUnavailableState = ({
|
|
|
5976
6006
|
classNames
|
|
5977
6007
|
}) => {
|
|
5978
6008
|
const labels = (0, import_hooks19.useLabels)();
|
|
5979
|
-
return /* @__PURE__ */ (0,
|
|
6009
|
+
return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
|
|
5980
6010
|
Card,
|
|
5981
6011
|
{
|
|
5982
6012
|
className: cn(marketDetailsBaseCardClassName, classNames == null ? void 0 : classNames.root),
|
|
5983
6013
|
role: "status",
|
|
5984
6014
|
"aria-label": ariaLabel != null ? ariaLabel : labels.marketDetails.unavailableAria,
|
|
5985
|
-
children: /* @__PURE__ */ (0,
|
|
5986
|
-
/* @__PURE__ */ (0,
|
|
5987
|
-
/* @__PURE__ */ (0,
|
|
6015
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "flex flex-col gap-1 p-5", children: [
|
|
6016
|
+
/* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Typography, { variant: "body-large-strong", children: labels.marketDetails.unavailableTitle }),
|
|
6017
|
+
/* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Typography, { variant: "label", className: "text-agg-muted-foreground", children: labels.marketDetails.unavailableDescription })
|
|
5988
6018
|
] })
|
|
5989
6019
|
}
|
|
5990
6020
|
);
|
|
@@ -5994,7 +6024,7 @@ var MarketDetailsNotFoundState = ({
|
|
|
5994
6024
|
classNames
|
|
5995
6025
|
}) => {
|
|
5996
6026
|
const labels = (0, import_hooks19.useLabels)();
|
|
5997
|
-
return /* @__PURE__ */ (0,
|
|
6027
|
+
return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Card, { className: cn(marketDetailsBaseCardClassName, "p-0", classNames == null ? void 0 : classNames.root), children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
|
|
5998
6028
|
StateMessage,
|
|
5999
6029
|
{
|
|
6000
6030
|
ariaLabel: ariaLabel != null ? ariaLabel : labels.marketDetails.notFoundAria,
|
|
@@ -6020,20 +6050,20 @@ var OrderBookRows = ({
|
|
|
6020
6050
|
const orderBookDividerHeightPx = 1;
|
|
6021
6051
|
const orderBookRowGapPx = 8;
|
|
6022
6052
|
const orderBookVisibleHeightPx = maxVisibleRows * orderBookRowHeightPx + Math.max(0, maxVisibleRows - 1) * (orderBookDividerHeightPx + orderBookRowGapPx);
|
|
6023
|
-
return /* @__PURE__ */ (0,
|
|
6024
|
-
/* @__PURE__ */ (0,
|
|
6025
|
-
/* @__PURE__ */ (0,
|
|
6053
|
+
return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "flex flex-col gap-2", children: [
|
|
6054
|
+
/* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Typography, { variant: "caption-caps", children: title }),
|
|
6055
|
+
/* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
|
|
6026
6056
|
"div",
|
|
6027
6057
|
{
|
|
6028
6058
|
className: "overflow-y-auto pr-1 flex flex-col gap-2",
|
|
6029
6059
|
style: { maxHeight: `${orderBookVisibleHeightPx}px` },
|
|
6030
6060
|
role: "region",
|
|
6031
6061
|
"aria-label": `${title} order book levels`,
|
|
6032
|
-
children: rows.map((row, index) => /* @__PURE__ */ (0,
|
|
6033
|
-
/* @__PURE__ */ (0,
|
|
6034
|
-
/* @__PURE__ */ (0,
|
|
6035
|
-
/* @__PURE__ */ (0,
|
|
6036
|
-
/* @__PURE__ */ (0,
|
|
6062
|
+
children: rows.map((row, index) => /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "flex flex-col gap-2", children: [
|
|
6063
|
+
/* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "grid grid-cols-[52px_1fr_1fr_52px] items-center gap-2 md:grid-cols-[88px_1fr_1fr_minmax(120px,220px)] md:gap-6", children: [
|
|
6064
|
+
/* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "flex items-center gap-1 md:gap-3", children: [
|
|
6065
|
+
/* @__PURE__ */ (0, import_jsx_runtime85.jsx)(VenueLogo, { venue: row.venue, size: "small" }),
|
|
6066
|
+
/* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
|
|
6037
6067
|
"span",
|
|
6038
6068
|
{
|
|
6039
6069
|
className: cn(
|
|
@@ -6044,9 +6074,9 @@ var OrderBookRows = ({
|
|
|
6044
6074
|
}
|
|
6045
6075
|
)
|
|
6046
6076
|
] }),
|
|
6047
|
-
/* @__PURE__ */ (0,
|
|
6048
|
-
/* @__PURE__ */ (0,
|
|
6049
|
-
/* @__PURE__ */ (0,
|
|
6077
|
+
/* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { className: "truncate text-agg-xs leading-agg-4 text-center text-agg-foreground md:text-agg-sm md:leading-agg-5", children: formatNumber(row.size) }),
|
|
6078
|
+
/* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { className: "truncate text-agg-xs leading-agg-4 text-center text-agg-foreground md:text-agg-sm md:leading-agg-5", children: formatCurrency(row.total) }),
|
|
6079
|
+
/* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: "flex justify-end", children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
|
|
6050
6080
|
"div",
|
|
6051
6081
|
{
|
|
6052
6082
|
"aria-hidden": "true",
|
|
@@ -6057,7 +6087,7 @@ var OrderBookRows = ({
|
|
|
6057
6087
|
}
|
|
6058
6088
|
) })
|
|
6059
6089
|
] }),
|
|
6060
|
-
index < rows.length - 1 ? /* @__PURE__ */ (0,
|
|
6090
|
+
index < rows.length - 1 ? /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: "h-px w-full bg-agg-separator" }) : null
|
|
6061
6091
|
] }, row.id))
|
|
6062
6092
|
}
|
|
6063
6093
|
)
|
|
@@ -6322,12 +6352,12 @@ var MarketDetailsContent = ({
|
|
|
6322
6352
|
setSelectedGraphVenue(null);
|
|
6323
6353
|
}, [selectedGraphVenue, selectedOutcomesByVenue]);
|
|
6324
6354
|
if (marketId && !resolvedMarket) {
|
|
6325
|
-
return /* @__PURE__ */ (0,
|
|
6355
|
+
return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(MarketDetailsNotFoundState, { ariaLabel, classNames });
|
|
6326
6356
|
}
|
|
6327
6357
|
if (!model) {
|
|
6328
|
-
return /* @__PURE__ */ (0,
|
|
6358
|
+
return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(MarketDetailsUnavailableState, { ariaLabel, classNames });
|
|
6329
6359
|
}
|
|
6330
|
-
return /* @__PURE__ */ (0,
|
|
6360
|
+
return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(
|
|
6331
6361
|
Card,
|
|
6332
6362
|
{
|
|
6333
6363
|
className: cn(
|
|
@@ -6336,7 +6366,7 @@ var MarketDetailsContent = ({
|
|
|
6336
6366
|
classNames == null ? void 0 : classNames.root
|
|
6337
6367
|
),
|
|
6338
6368
|
children: [
|
|
6339
|
-
/* @__PURE__ */ (0,
|
|
6369
|
+
/* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(
|
|
6340
6370
|
"div",
|
|
6341
6371
|
{
|
|
6342
6372
|
className: cn(
|
|
@@ -6353,8 +6383,8 @@ var MarketDetailsContent = ({
|
|
|
6353
6383
|
onClick: handleToggleExpanded,
|
|
6354
6384
|
onKeyDown: handleToggleExpanded,
|
|
6355
6385
|
children: [
|
|
6356
|
-
/* @__PURE__ */ (0,
|
|
6357
|
-
model.image ? /* @__PURE__ */ (0,
|
|
6386
|
+
/* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "flex min-w-0 flex-1 items-center gap-3 md:gap-4", children: [
|
|
6387
|
+
model.image ? /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
|
|
6358
6388
|
RemoteImage,
|
|
6359
6389
|
{
|
|
6360
6390
|
src: model.image,
|
|
@@ -6362,14 +6392,14 @@ var MarketDetailsContent = ({
|
|
|
6362
6392
|
className: "size-12 rounded-agg-lg object-cover md:size-[60px]"
|
|
6363
6393
|
}
|
|
6364
6394
|
) : null,
|
|
6365
|
-
/* @__PURE__ */ (0,
|
|
6366
|
-
/* @__PURE__ */ (0,
|
|
6367
|
-
/* @__PURE__ */ (0,
|
|
6395
|
+
/* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "flex min-w-0 flex-col", children: [
|
|
6396
|
+
/* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Typography, { as: "h3", variant: "body-large-strong", className: "truncate", children: model.title }),
|
|
6397
|
+
/* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: "flex items-center gap-3", children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Typography, { variant: "label", className: "truncate text-agg-muted-foreground", children: model.subtitle }) })
|
|
6368
6398
|
] })
|
|
6369
6399
|
] }),
|
|
6370
|
-
/* @__PURE__ */ (0,
|
|
6371
|
-
/* @__PURE__ */ (0,
|
|
6372
|
-
/* @__PURE__ */ (0,
|
|
6400
|
+
/* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "flex shrink-0 items-center gap-3", children: [
|
|
6401
|
+
/* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Typography, { as: "div", variant: "heading", className: "shrink-0", children: formatProbabilityPercent(headlineProbability) }),
|
|
6402
|
+
/* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
|
|
6373
6403
|
"div",
|
|
6374
6404
|
{
|
|
6375
6405
|
className: "flex shrink-0 gap-2",
|
|
@@ -6380,7 +6410,7 @@ var MarketDetailsContent = ({
|
|
|
6380
6410
|
children: headerOutcomeItems.map((item) => {
|
|
6381
6411
|
const isPositive = item.tone === "positive";
|
|
6382
6412
|
const isActiveOutcome = item.label === selectedOutcomeLabel;
|
|
6383
|
-
return /* @__PURE__ */ (0,
|
|
6413
|
+
return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
|
|
6384
6414
|
"button",
|
|
6385
6415
|
{
|
|
6386
6416
|
type: "button",
|
|
@@ -6397,8 +6427,8 @@ var MarketDetailsContent = ({
|
|
|
6397
6427
|
e.stopPropagation();
|
|
6398
6428
|
setSelectedOutcomeLabel(item.label);
|
|
6399
6429
|
},
|
|
6400
|
-
children: /* @__PURE__ */ (0,
|
|
6401
|
-
/* @__PURE__ */ (0,
|
|
6430
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("span", { className: "inline-flex items-center gap-2", children: [
|
|
6431
|
+
/* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
|
|
6402
6432
|
VenueLogo,
|
|
6403
6433
|
{
|
|
6404
6434
|
venue: item.venue,
|
|
@@ -6406,7 +6436,7 @@ var MarketDetailsContent = ({
|
|
|
6406
6436
|
color: isActiveOutcome ? "var(--agg-color-on-primary)" : void 0
|
|
6407
6437
|
}
|
|
6408
6438
|
),
|
|
6409
|
-
/* @__PURE__ */ (0,
|
|
6439
|
+
/* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
|
|
6410
6440
|
Typography,
|
|
6411
6441
|
{
|
|
6412
6442
|
variant: isActiveOutcome ? "body-strong" : "body",
|
|
@@ -6428,7 +6458,7 @@ var MarketDetailsContent = ({
|
|
|
6428
6458
|
]
|
|
6429
6459
|
}
|
|
6430
6460
|
),
|
|
6431
|
-
/* @__PURE__ */ (0,
|
|
6461
|
+
/* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
|
|
6432
6462
|
"div",
|
|
6433
6463
|
{
|
|
6434
6464
|
id: detailsContentId,
|
|
@@ -6441,9 +6471,9 @@ var MarketDetailsContent = ({
|
|
|
6441
6471
|
isOpened ? "grid-rows-[1fr] opacity-100" : "pointer-events-none grid-rows-[0fr] opacity-0"
|
|
6442
6472
|
),
|
|
6443
6473
|
"aria-hidden": !isOpened,
|
|
6444
|
-
children: /* @__PURE__ */ (0,
|
|
6445
|
-
/* @__PURE__ */ (0,
|
|
6446
|
-
/* @__PURE__ */ (0,
|
|
6474
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "min-h-0", children: [
|
|
6475
|
+
/* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: "h-px w-full bg-agg-separator" }),
|
|
6476
|
+
/* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(
|
|
6447
6477
|
"div",
|
|
6448
6478
|
{
|
|
6449
6479
|
className: cn(
|
|
@@ -6457,7 +6487,7 @@ var MarketDetailsContent = ({
|
|
|
6457
6487
|
) : "translate-y-5 opacity-0"
|
|
6458
6488
|
),
|
|
6459
6489
|
children: [
|
|
6460
|
-
/* @__PURE__ */ (0,
|
|
6490
|
+
/* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: cn("block", classNames == null ? void 0 : classNames.tabs), children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
|
|
6461
6491
|
Tabs,
|
|
6462
6492
|
{
|
|
6463
6493
|
ariaLabel: labels.marketDetails.tabsAria,
|
|
@@ -6468,9 +6498,9 @@ var MarketDetailsContent = ({
|
|
|
6468
6498
|
className: "w-full px-5"
|
|
6469
6499
|
}
|
|
6470
6500
|
) }),
|
|
6471
|
-
/* @__PURE__ */ (0,
|
|
6472
|
-
/* @__PURE__ */ (0,
|
|
6473
|
-
selectedTab === "order-book" ? /* @__PURE__ */ (0,
|
|
6501
|
+
/* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: "h-px w-full bg-agg-separator" }),
|
|
6502
|
+
/* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: cn("p-5", classNames == null ? void 0 : classNames.content), children: [
|
|
6503
|
+
selectedTab === "order-book" ? /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: cn("flex flex-col gap-5", classNames == null ? void 0 : classNames.orderBook), children: isOrderBookLoading ? /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(MarketDetailsOderbookSkeleton, {}) : hasOrderBookError ? /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
|
|
6474
6504
|
StateMessage,
|
|
6475
6505
|
{
|
|
6476
6506
|
ariaLabel: labels.marketDetails.orderBookUnavailableAria,
|
|
@@ -6481,7 +6511,7 @@ var MarketDetailsContent = ({
|
|
|
6481
6511
|
onAction: handleRetryOrderBook,
|
|
6482
6512
|
className: "min-h-[248px] px-5 py-10 md:min-h-[272px]"
|
|
6483
6513
|
}
|
|
6484
|
-
) : hasNoOrderBook ? /* @__PURE__ */ (0,
|
|
6514
|
+
) : hasNoOrderBook ? /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
|
|
6485
6515
|
StateMessage,
|
|
6486
6516
|
{
|
|
6487
6517
|
ariaLabel: labels.marketDetails.orderBookEmptyAria,
|
|
@@ -6489,8 +6519,8 @@ var MarketDetailsContent = ({
|
|
|
6489
6519
|
description: labels.marketDetails.orderBookEmptyDescription,
|
|
6490
6520
|
className: "min-h-[248px] px-5 py-10 md:min-h-[272px]"
|
|
6491
6521
|
}
|
|
6492
|
-
) : /* @__PURE__ */ (0,
|
|
6493
|
-
/* @__PURE__ */ (0,
|
|
6522
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(import_jsx_runtime85.Fragment, { children: [
|
|
6523
|
+
/* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
|
|
6494
6524
|
OrderBookRows,
|
|
6495
6525
|
{
|
|
6496
6526
|
rows: askRows,
|
|
@@ -6500,7 +6530,7 @@ var MarketDetailsContent = ({
|
|
|
6500
6530
|
visibleRows: orderBookDepth
|
|
6501
6531
|
}
|
|
6502
6532
|
),
|
|
6503
|
-
/* @__PURE__ */ (0,
|
|
6533
|
+
/* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
|
|
6504
6534
|
OrderBookRows,
|
|
6505
6535
|
{
|
|
6506
6536
|
rows: bidRows,
|
|
@@ -6511,8 +6541,8 @@ var MarketDetailsContent = ({
|
|
|
6511
6541
|
}
|
|
6512
6542
|
)
|
|
6513
6543
|
] }) }) : null,
|
|
6514
|
-
selectedTab === "graph" ? /* @__PURE__ */ (0,
|
|
6515
|
-
hasChartError ? /* @__PURE__ */ (0,
|
|
6544
|
+
selectedTab === "graph" ? /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: cn("flex flex-col gap-5", classNames == null ? void 0 : classNames.graph), children: [
|
|
6545
|
+
hasChartError ? /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
|
|
6516
6546
|
StateMessage,
|
|
6517
6547
|
{
|
|
6518
6548
|
ariaLabel: labels.marketDetails.chartUnavailableAria,
|
|
@@ -6523,7 +6553,7 @@ var MarketDetailsContent = ({
|
|
|
6523
6553
|
onAction: handleRetryMarketChart,
|
|
6524
6554
|
className: "min-h-[248px] px-5 py-10 md:min-h-[272px]"
|
|
6525
6555
|
}
|
|
6526
|
-
) : /* @__PURE__ */ (0,
|
|
6556
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
|
|
6527
6557
|
LineChart,
|
|
6528
6558
|
{
|
|
6529
6559
|
series: graphSeries,
|
|
@@ -6535,11 +6565,11 @@ var MarketDetailsContent = ({
|
|
|
6535
6565
|
classNames: { root: "w-full" },
|
|
6536
6566
|
showSeriesControls: selectedOutcomesByVenue.length > 0 || headerOutcomeItems.length > 0,
|
|
6537
6567
|
renderSeriesControls: () => {
|
|
6538
|
-
return /* @__PURE__ */ (0,
|
|
6539
|
-
/* @__PURE__ */ (0,
|
|
6568
|
+
return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "flex flex-col gap-4 md:flex-row md:items-center md:justify-between", children: [
|
|
6569
|
+
/* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: "flex flex-wrap gap-2", children: selectedOutcomesByVenue.map((item) => {
|
|
6540
6570
|
const probability = formatProbabilityPercent(item.outcome.price);
|
|
6541
6571
|
const isActiveVenue = selectedGraphVenue === item.venue;
|
|
6542
|
-
return /* @__PURE__ */ (0,
|
|
6572
|
+
return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(
|
|
6543
6573
|
"button",
|
|
6544
6574
|
{
|
|
6545
6575
|
type: "button",
|
|
@@ -6556,14 +6586,14 @@ var MarketDetailsContent = ({
|
|
|
6556
6586
|
handleGraphVenueToggle(item.venue);
|
|
6557
6587
|
},
|
|
6558
6588
|
children: [
|
|
6559
|
-
/* @__PURE__ */ (0,
|
|
6560
|
-
/* @__PURE__ */ (0,
|
|
6589
|
+
/* @__PURE__ */ (0, import_jsx_runtime85.jsx)(VenueLogo, { venue: item.venue, size: "small" }),
|
|
6590
|
+
/* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { className: "text-agg-base leading-agg-6 text-agg-foreground", children: probability })
|
|
6561
6591
|
]
|
|
6562
6592
|
},
|
|
6563
6593
|
`${item.market.id}-${item.outcome.id}`
|
|
6564
6594
|
);
|
|
6565
6595
|
}) }),
|
|
6566
|
-
/* @__PURE__ */ (0,
|
|
6596
|
+
/* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
|
|
6567
6597
|
SwitchButton,
|
|
6568
6598
|
{
|
|
6569
6599
|
ariaLabel: labels.marketDetails.outcomeSelectorAria,
|
|
@@ -6581,7 +6611,7 @@ var MarketDetailsContent = ({
|
|
|
6581
6611
|
}
|
|
6582
6612
|
}
|
|
6583
6613
|
),
|
|
6584
|
-
/* @__PURE__ */ (0,
|
|
6614
|
+
/* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(
|
|
6585
6615
|
"div",
|
|
6586
6616
|
{
|
|
6587
6617
|
className: cn(
|
|
@@ -6589,9 +6619,9 @@ var MarketDetailsContent = ({
|
|
|
6589
6619
|
classNames == null ? void 0 : classNames.footer
|
|
6590
6620
|
),
|
|
6591
6621
|
children: [
|
|
6592
|
-
/* @__PURE__ */ (0,
|
|
6593
|
-
/* @__PURE__ */ (0,
|
|
6594
|
-
/* @__PURE__ */ (0,
|
|
6622
|
+
/* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { children: typeof model.market.volume === "number" ? `${config.formatting.formatCompactCurrency(model.market.volume)} ${labels.marketDetails.meta.volumeSuffix}` : labels.marketDetails.volumeUnavailable }),
|
|
6623
|
+
/* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "flex flex-wrap items-center gap-3 md:gap-4", children: [
|
|
6624
|
+
/* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
|
|
6595
6625
|
ChartTypeSwitch,
|
|
6596
6626
|
{
|
|
6597
6627
|
className: "shrink-0",
|
|
@@ -6599,7 +6629,7 @@ var MarketDetailsContent = ({
|
|
|
6599
6629
|
onValueChange: setSelectedChartType
|
|
6600
6630
|
}
|
|
6601
6631
|
),
|
|
6602
|
-
/* @__PURE__ */ (0,
|
|
6632
|
+
/* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
|
|
6603
6633
|
"span",
|
|
6604
6634
|
{
|
|
6605
6635
|
"aria-hidden": "true",
|
|
@@ -6608,7 +6638,7 @@ var MarketDetailsContent = ({
|
|
|
6608
6638
|
),
|
|
6609
6639
|
eventListItemDetailsTimeRanges.map((timeRange) => {
|
|
6610
6640
|
const isActive = selectedTimeRange === timeRange;
|
|
6611
|
-
return /* @__PURE__ */ (0,
|
|
6641
|
+
return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
|
|
6612
6642
|
"button",
|
|
6613
6643
|
{
|
|
6614
6644
|
type: "button",
|
|
@@ -6632,13 +6662,13 @@ var MarketDetailsContent = ({
|
|
|
6632
6662
|
}
|
|
6633
6663
|
)
|
|
6634
6664
|
] }) : null,
|
|
6635
|
-
selectedTab === "other" ? /* @__PURE__ */ (0,
|
|
6665
|
+
selectedTab === "other" ? /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: "flex flex-col gap-4", children: otherContent != null ? otherContent : /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: "grid grid-cols-1 gap-3", children: otherRows.map((row) => /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(
|
|
6636
6666
|
"div",
|
|
6637
6667
|
{
|
|
6638
6668
|
className: "flex items-center justify-between rounded-agg-xl bg-agg-secondary-hover px-4 py-3",
|
|
6639
6669
|
children: [
|
|
6640
|
-
/* @__PURE__ */ (0,
|
|
6641
|
-
/* @__PURE__ */ (0,
|
|
6670
|
+
/* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Typography, { variant: "label", className: "text-agg-muted-foreground", children: row.label }),
|
|
6671
|
+
/* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Typography, { variant: "body", className: "text-right", children: row.value })
|
|
6642
6672
|
]
|
|
6643
6673
|
},
|
|
6644
6674
|
row.label
|
|
@@ -6657,7 +6687,7 @@ var MarketDetailsContent = ({
|
|
|
6657
6687
|
var MarketDetails = (_a) => {
|
|
6658
6688
|
var _b = _a, { isOpened } = _b, props = __objRest(_b, ["isOpened"]);
|
|
6659
6689
|
if (props.isLoading) {
|
|
6660
|
-
return /* @__PURE__ */ (0,
|
|
6690
|
+
return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
|
|
6661
6691
|
MarketDetailsLoadingState,
|
|
6662
6692
|
{
|
|
6663
6693
|
isOpened,
|
|
@@ -6667,7 +6697,7 @@ var MarketDetails = (_a) => {
|
|
|
6667
6697
|
);
|
|
6668
6698
|
}
|
|
6669
6699
|
if ("venueMarkets" in props && props.venueMarkets) {
|
|
6670
|
-
return /* @__PURE__ */ (0,
|
|
6700
|
+
return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
|
|
6671
6701
|
MarketDetailsContent,
|
|
6672
6702
|
__spreadProps(__spreadValues({}, props), {
|
|
6673
6703
|
isOpened,
|
|
@@ -6677,7 +6707,7 @@ var MarketDetails = (_a) => {
|
|
|
6677
6707
|
);
|
|
6678
6708
|
}
|
|
6679
6709
|
const { ariaLabel: fallbackAriaLabel, classNames: fallbackClassNames } = props;
|
|
6680
|
-
return /* @__PURE__ */ (0,
|
|
6710
|
+
return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(MarketDetailsUnavailableState, { ariaLabel: fallbackAriaLabel, classNames: fallbackClassNames });
|
|
6681
6711
|
};
|
|
6682
6712
|
MarketDetails.displayName = "MarketDetails";
|
|
6683
6713
|
var resolveInitialExpandedId = (markets) => {
|
|
@@ -6718,13 +6748,13 @@ var MarketDetailsList = ({
|
|
|
6718
6748
|
setExpandedMarketId(marketId);
|
|
6719
6749
|
};
|
|
6720
6750
|
if (isLoading) {
|
|
6721
|
-
return /* @__PURE__ */ (0,
|
|
6722
|
-
/* @__PURE__ */ (0,
|
|
6723
|
-
/* @__PURE__ */ (0,
|
|
6751
|
+
return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: cn("flex flex-col gap-3", classNames == null ? void 0 : classNames.root), "aria-label": ariaLabel, children: [
|
|
6752
|
+
/* @__PURE__ */ (0, import_jsx_runtime85.jsx)(MarketDetailsLoadingState, { isOpened: true, classNames: { root: classNames == null ? void 0 : classNames.item } }),
|
|
6753
|
+
/* @__PURE__ */ (0, import_jsx_runtime85.jsx)(MarketDetailsLoadingState, { isOpened: false, classNames: { root: classNames == null ? void 0 : classNames.item } })
|
|
6724
6754
|
] });
|
|
6725
6755
|
}
|
|
6726
6756
|
if (error) {
|
|
6727
|
-
return /* @__PURE__ */ (0,
|
|
6757
|
+
return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Card, { className: cn(marketDetailsBaseCardClassName, "p-0", classNames == null ? void 0 : classNames.root), children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
|
|
6728
6758
|
StateMessage,
|
|
6729
6759
|
{
|
|
6730
6760
|
ariaLabel: ariaLabel != null ? ariaLabel : labels.marketDetails.unavailableAria,
|
|
@@ -6735,7 +6765,7 @@ var MarketDetailsList = ({
|
|
|
6735
6765
|
) });
|
|
6736
6766
|
}
|
|
6737
6767
|
if (markets.length === 0) {
|
|
6738
|
-
return /* @__PURE__ */ (0,
|
|
6768
|
+
return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Card, { className: cn(marketDetailsBaseCardClassName, "p-0", classNames == null ? void 0 : classNames.root), children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
|
|
6739
6769
|
StateMessage,
|
|
6740
6770
|
{
|
|
6741
6771
|
ariaLabel: ariaLabel != null ? ariaLabel : labels.marketDetails.notFoundAria,
|
|
@@ -6745,7 +6775,7 @@ var MarketDetailsList = ({
|
|
|
6745
6775
|
}
|
|
6746
6776
|
) });
|
|
6747
6777
|
}
|
|
6748
|
-
return /* @__PURE__ */ (0,
|
|
6778
|
+
return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: cn("flex flex-col gap-3", classNames == null ? void 0 : classNames.root), "aria-label": ariaLabel, children: markets.map((market) => /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
|
|
6749
6779
|
MarketDetails,
|
|
6750
6780
|
{
|
|
6751
6781
|
marketId: market.id,
|
|
@@ -6829,13 +6859,13 @@ var resolveTabVenus = (tab) => {
|
|
|
6829
6859
|
};
|
|
6830
6860
|
|
|
6831
6861
|
// src/events/list/index.tsx
|
|
6832
|
-
var
|
|
6862
|
+
var import_jsx_runtime86 = require("react/jsx-runtime");
|
|
6833
6863
|
var renderTabIcon = (tab, isActive) => {
|
|
6834
6864
|
if (tab.venueLogo) {
|
|
6835
|
-
return /* @__PURE__ */ (0,
|
|
6865
|
+
return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(VenueLogo, { venue: tab.venueLogo, size: "small" });
|
|
6836
6866
|
}
|
|
6837
6867
|
if (!tab.iconName) return null;
|
|
6838
|
-
return /* @__PURE__ */ (0,
|
|
6868
|
+
return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
|
|
6839
6869
|
Icon,
|
|
6840
6870
|
{
|
|
6841
6871
|
name: tab.iconName,
|
|
@@ -6992,17 +7022,17 @@ var EventList = ({
|
|
|
6992
7022
|
"md:[grid-template-columns:repeat(var(--agg-event-list-columns),minmax(0,1fr))]"
|
|
6993
7023
|
);
|
|
6994
7024
|
if (shouldRenderLoadingState) {
|
|
6995
|
-
return /* @__PURE__ */ (0,
|
|
7025
|
+
return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(Skeleton, { view: "event-list", ariaLabel: labels.eventList.loading(title) });
|
|
6996
7026
|
}
|
|
6997
|
-
return /* @__PURE__ */ (0,
|
|
6998
|
-
/* @__PURE__ */ (0,
|
|
7027
|
+
return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("section", { className: "flex w-full flex-col gap-5", children: [
|
|
7028
|
+
/* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(
|
|
6999
7029
|
"header",
|
|
7000
7030
|
{
|
|
7001
7031
|
ref: headerRef,
|
|
7002
7032
|
className: "flex flex-col sm:flex-row w-full flex-nowrap items-start sm:items-center justify-between gap-2 sm:gap-4",
|
|
7003
7033
|
children: [
|
|
7004
|
-
/* @__PURE__ */ (0,
|
|
7005
|
-
/* @__PURE__ */ (0,
|
|
7034
|
+
/* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { ref: titleRef, className: "min-w-0", children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(Typography, { as: "h2", variant: "title", className: "truncate [&::first-letter]:uppercase", children: title }) }),
|
|
7035
|
+
/* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
|
|
7006
7036
|
Tabs,
|
|
7007
7037
|
{
|
|
7008
7038
|
ariaLabel: labels.eventList.tabsAria(title),
|
|
@@ -7014,8 +7044,8 @@ var EventList = ({
|
|
|
7014
7044
|
]
|
|
7015
7045
|
}
|
|
7016
7046
|
),
|
|
7017
|
-
/* @__PURE__ */ (0,
|
|
7018
|
-
tileEvents.map((event) => /* @__PURE__ */ (0,
|
|
7047
|
+
/* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: gridClassName, style: gridStyle, children: [
|
|
7048
|
+
tileEvents.map((event) => /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
|
|
7019
7049
|
EventListItem,
|
|
7020
7050
|
{
|
|
7021
7051
|
event,
|
|
@@ -7026,7 +7056,7 @@ var EventList = ({
|
|
|
7026
7056
|
},
|
|
7027
7057
|
event.id
|
|
7028
7058
|
)),
|
|
7029
|
-
Array.from({ length: loadingPlaceholderCount }).map((_, index) => /* @__PURE__ */ (0,
|
|
7059
|
+
Array.from({ length: loadingPlaceholderCount }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
|
|
7030
7060
|
EventListItem,
|
|
7031
7061
|
{
|
|
7032
7062
|
isLoading: true,
|
|
@@ -7036,7 +7066,7 @@ var EventList = ({
|
|
|
7036
7066
|
},
|
|
7037
7067
|
`loading-${index}`
|
|
7038
7068
|
)),
|
|
7039
|
-
!isLoading && !isError && (tileEvents == null ? void 0 : tileEvents.length) === 0 ? /* @__PURE__ */ (0,
|
|
7069
|
+
!isLoading && !isError && (tileEvents == null ? void 0 : tileEvents.length) === 0 ? /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(Card, { className: "col-span-full overflow-hidden shadow-none hover:shadow-none p-0! border-none! bg-transparent!", children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
|
|
7040
7070
|
StateMessage,
|
|
7041
7071
|
{
|
|
7042
7072
|
ariaLabel: labels.eventList.emptyAria,
|
|
@@ -7044,7 +7074,7 @@ var EventList = ({
|
|
|
7044
7074
|
description: labels.eventList.emptyDescription
|
|
7045
7075
|
}
|
|
7046
7076
|
) }) : null,
|
|
7047
|
-
isError ? /* @__PURE__ */ (0,
|
|
7077
|
+
isError ? /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
|
|
7048
7078
|
Typography,
|
|
7049
7079
|
{
|
|
7050
7080
|
variant: "body",
|
|
@@ -7053,7 +7083,7 @@ var EventList = ({
|
|
|
7053
7083
|
}
|
|
7054
7084
|
) : null
|
|
7055
7085
|
] }),
|
|
7056
|
-
shouldPaginate && hasNextPage ? /* @__PURE__ */ (0,
|
|
7086
|
+
shouldPaginate && hasNextPage ? /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { ref: loadMoreRef, className: "h-px w-full", "aria-hidden": true }) : null
|
|
7057
7087
|
] });
|
|
7058
7088
|
};
|
|
7059
7089
|
EventList.displayName = "EventList";
|