@agg-build/ui 1.0.2 → 1.1.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-4ILR2YH3.mjs → chunk-7JEJIGG4.mjs} +2 -2
- package/dist/{chunk-WFS772A3.mjs → chunk-F3SU7BRE.mjs} +1 -1
- package/dist/{chunk-3IY2GA2D.mjs → chunk-IT2Y62MG.mjs} +25 -23
- package/dist/{chunk-YSCHNVBZ.mjs → chunk-JDYZJKTE.mjs} +2 -2
- package/dist/{chunk-PEVG67XU.mjs → chunk-KDMNFHPL.mjs} +1 -1
- package/dist/{chunk-XDZLCWUZ.mjs → chunk-OHEZGKFM.mjs} +44 -26
- package/dist/{chunk-TLGQ4LID.mjs → chunk-R6DETAZ6.mjs} +732 -695
- package/dist/events.js +843 -807
- package/dist/events.mjs +3 -3
- package/dist/index.js +2266 -2207
- package/dist/index.mjs +9 -7
- package/dist/modals.js +755 -719
- package/dist/modals.mjs +3 -3
- package/dist/pages.js +1549 -1492
- package/dist/pages.mjs +6 -6
- package/dist/primitives.js +733 -695
- package/dist/primitives.mjs +3 -1
- package/dist/trading.js +525 -471
- package/dist/trading.mjs +4 -4
- package/dist/types/pages/user-profile/components/available-balance-card.d.mts +0 -1
- package/dist/types/pages/user-profile/components/available-balance-card.d.ts +0 -1
- package/dist/types/primitives/icon/icon.types.d.mts +1 -2
- package/dist/types/primitives/icon/icon.types.d.ts +1 -2
- 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/lock.d.mts +5 -0
- package/dist/types/primitives/icon/svg/lock.d.ts +5 -0
- package/package.json +3 -3
package/dist/events.js
CHANGED
|
@@ -1207,6 +1207,7 @@ InfoIcon.displayName = "InfoIcon";
|
|
|
1207
1207
|
|
|
1208
1208
|
// src/primitives/icon/icon.constants.ts
|
|
1209
1209
|
var iconSizeClasses = {
|
|
1210
|
+
xs: "h-3 w-3",
|
|
1210
1211
|
small: "h-4 w-4",
|
|
1211
1212
|
medium: "h-6 w-6",
|
|
1212
1213
|
large: "h-8 w-8"
|
|
@@ -1502,11 +1503,45 @@ var LinkAccountsIcon = (_a) => {
|
|
|
1502
1503
|
};
|
|
1503
1504
|
LinkAccountsIcon.displayName = "LinkAccountsIcon";
|
|
1504
1505
|
|
|
1505
|
-
// src/primitives/icon/svg/
|
|
1506
|
+
// src/primitives/icon/svg/lock.tsx
|
|
1506
1507
|
var import_jsx_runtime45 = require("react/jsx-runtime");
|
|
1507
|
-
var
|
|
1508
|
+
var LockIcon = (_a) => {
|
|
1508
1509
|
var _b = _a, { title: title2, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
1509
1510
|
return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
|
|
1511
|
+
"svg",
|
|
1512
|
+
__spreadProps(__spreadValues(__spreadValues({
|
|
1513
|
+
viewBox: "0 0 12 12",
|
|
1514
|
+
className,
|
|
1515
|
+
fill: "none",
|
|
1516
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
1517
|
+
}, getIconA11yProps(title2)), props), {
|
|
1518
|
+
children: [
|
|
1519
|
+
title2 ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("title", { children: title2 }) : null,
|
|
1520
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
1521
|
+
"path",
|
|
1522
|
+
{
|
|
1523
|
+
d: "M9.5 4.212V3.5C9.5 2.57174 9.13125 1.6815 8.47487 1.02513C7.8185 0.368749 6.92826 0 6 0C5.07174 0 4.1815 0.368749 3.52513 1.02513C2.86875 1.6815 2.5 2.57174 2.5 3.5V4.212C2.05468 4.40635 1.67565 4.72626 1.40925 5.13261C1.14285 5.53895 1.00064 6.01412 1 6.5V9.5C1.00079 10.1628 1.26444 10.7982 1.73311 11.2669C2.20178 11.7356 2.8372 11.9992 3.5 12H8.5C9.1628 11.9992 9.79822 11.7356 10.2669 11.2669C10.7356 10.7982 10.9992 10.1628 11 9.5V6.5C10.9994 6.01412 10.8571 5.53895 10.5908 5.13261C10.3244 4.72626 9.94532 4.40635 9.5 4.212ZM3.5 3.5C3.5 2.83696 3.76339 2.20107 4.23223 1.73223C4.70107 1.26339 5.33696 1 6 1C6.66304 1 7.29893 1.26339 7.76777 1.73223C8.23661 2.20107 8.5 2.83696 8.5 3.5V4H3.5V3.5ZM10 9.5C10 9.89782 9.84196 10.2794 9.56066 10.5607C9.27936 10.842 8.89782 11 8.5 11H3.5C3.10218 11 2.72064 10.842 2.43934 10.5607C2.15804 10.2794 2 9.89782 2 9.5V6.5C2 6.10218 2.15804 5.72064 2.43934 5.43934C2.72064 5.15804 3.10218 5 3.5 5H8.5C8.89782 5 9.27936 5.15804 9.56066 5.43934C9.84196 5.72064 10 6.10218 10 6.5V9.5Z",
|
|
1524
|
+
fill: "currentColor"
|
|
1525
|
+
}
|
|
1526
|
+
),
|
|
1527
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
1528
|
+
"path",
|
|
1529
|
+
{
|
|
1530
|
+
d: "M6 7C5.86739 7 5.74021 7.05268 5.64645 7.14645C5.55268 7.24021 5.5 7.36739 5.5 7.5V8.5C5.5 8.63261 5.55268 8.75979 5.64645 8.85355C5.74021 8.94732 5.86739 9 6 9C6.13261 9 6.25979 8.94732 6.35355 8.85355C6.44732 8.75979 6.5 8.63261 6.5 8.5V7.5C6.5 7.36739 6.44732 7.24021 6.35355 7.14645C6.25979 7.05268 6.13261 7 6 7Z",
|
|
1531
|
+
fill: "currentColor"
|
|
1532
|
+
}
|
|
1533
|
+
)
|
|
1534
|
+
]
|
|
1535
|
+
})
|
|
1536
|
+
);
|
|
1537
|
+
};
|
|
1538
|
+
LockIcon.displayName = "LockIcon";
|
|
1539
|
+
|
|
1540
|
+
// src/primitives/icon/svg/pencil.tsx
|
|
1541
|
+
var import_jsx_runtime46 = require("react/jsx-runtime");
|
|
1542
|
+
var PencilIcon = (_a) => {
|
|
1543
|
+
var _b = _a, { title: title2, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
1544
|
+
return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
|
|
1510
1545
|
"svg",
|
|
1511
1546
|
__spreadProps(__spreadValues(__spreadValues({
|
|
1512
1547
|
viewBox: "0 0 16 16",
|
|
@@ -1514,15 +1549,15 @@ var PencilIcon = (_a) => {
|
|
|
1514
1549
|
fill: "none"
|
|
1515
1550
|
}, getIconA11yProps(title2)), props), {
|
|
1516
1551
|
children: [
|
|
1517
|
-
title2 ? /* @__PURE__ */ (0,
|
|
1518
|
-
/* @__PURE__ */ (0,
|
|
1552
|
+
title2 ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("title", { children: title2 }) : null,
|
|
1553
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)("g", { clipPath: "url(#pencil_clip)", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
|
|
1519
1554
|
"path",
|
|
1520
1555
|
{
|
|
1521
1556
|
d: "M15.2353 0.706709C14.7821 0.254173 14.1678 0 13.5273 0C12.8869 0 12.2726 0.254173 11.8193 0.706709L0.976677 11.5494C0.666178 11.8581 0.419985 12.2254 0.252342 12.6299C0.0846994 13.0344 -0.00106532 13.4682 9.98748e-06 13.906V15.2747C9.98748e-06 15.4515 0.0702479 15.6211 0.195272 15.7461C0.320296 15.8711 0.489866 15.9414 0.666677 15.9414H2.03534C2.47318 15.9426 2.90692 15.857 3.31145 15.6895C3.71597 15.5219 4.08325 15.2758 4.39201 14.9654L15.2353 4.12204C15.6877 3.66884 15.9417 3.05469 15.9417 2.41438C15.9417 1.77406 15.6877 1.15991 15.2353 0.706709ZM3.44934 14.0227C3.07335 14.3962 2.56532 14.6065 2.03534 14.608H1.33334V13.906C1.33267 13.6433 1.38411 13.3831 1.4847 13.1403C1.58529 12.8976 1.73302 12.6773 1.91934 12.492L10.148 4.26338L11.6813 5.79671L3.44934 14.0227ZM14.292 3.17938L12.6213 4.85071L11.088 3.32071L12.7593 1.64938C12.86 1.54891 12.9795 1.46927 13.111 1.41498C13.2424 1.3607 13.3833 1.33284 13.5255 1.33299C13.6678 1.33314 13.8086 1.36131 13.9399 1.41588C14.0712 1.47045 14.1905 1.55036 14.291 1.65104C14.3915 1.75172 14.4711 1.8712 14.5254 2.00266C14.5797 2.13413 14.6076 2.27499 14.6074 2.41722C14.6072 2.55945 14.5791 2.70025 14.5245 2.8316C14.4699 2.96294 14.39 3.08225 14.2893 3.18271L14.292 3.17938Z",
|
|
1522
1557
|
fill: "currentColor"
|
|
1523
1558
|
}
|
|
1524
1559
|
) }),
|
|
1525
|
-
/* @__PURE__ */ (0,
|
|
1560
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("clipPath", { id: "pencil_clip", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("rect", { width: "16", height: "16", fill: "white" }) }) })
|
|
1526
1561
|
]
|
|
1527
1562
|
})
|
|
1528
1563
|
);
|
|
@@ -1530,10 +1565,10 @@ var PencilIcon = (_a) => {
|
|
|
1530
1565
|
PencilIcon.displayName = "PencilIcon";
|
|
1531
1566
|
|
|
1532
1567
|
// src/primitives/icon/svg/play-square.tsx
|
|
1533
|
-
var
|
|
1568
|
+
var import_jsx_runtime47 = require("react/jsx-runtime");
|
|
1534
1569
|
var PlaySquareIcon = (_a) => {
|
|
1535
1570
|
var _b = _a, { title: title2, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
1536
|
-
return /* @__PURE__ */ (0,
|
|
1571
|
+
return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
|
|
1537
1572
|
"svg",
|
|
1538
1573
|
__spreadProps(__spreadValues(__spreadValues({
|
|
1539
1574
|
viewBox: "0 0 16 16",
|
|
@@ -1541,15 +1576,15 @@ var PlaySquareIcon = (_a) => {
|
|
|
1541
1576
|
fill: "none"
|
|
1542
1577
|
}, getIconA11yProps(title2)), props), {
|
|
1543
1578
|
children: [
|
|
1544
|
-
title2 ? /* @__PURE__ */ (0,
|
|
1545
|
-
/* @__PURE__ */ (0,
|
|
1579
|
+
title2 ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("title", { children: title2 }) : null,
|
|
1580
|
+
/* @__PURE__ */ (0, import_jsx_runtime47.jsx)("g", { clipPath: "url(#play-square-clip)", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
|
|
1546
1581
|
"path",
|
|
1547
1582
|
{
|
|
1548
1583
|
d: "M12.6667 16H3.33333C2.4496 15.9989 1.60237 15.6474 0.97748 15.0225C0.352588 14.3976 0.00105857 13.5504 0 12.6667L0 3.33333C0.00105857 2.4496 0.352588 1.60237 0.97748 0.97748C1.60237 0.352588 2.4496 0.00105857 3.33333 0L12.6667 0C13.5504 0.00105857 14.3976 0.352588 15.0225 0.97748C15.6474 1.60237 15.9989 2.4496 16 3.33333V12.6667C15.9989 13.5504 15.6474 14.3976 15.0225 15.0225C14.3976 15.6474 13.5504 15.9989 12.6667 16ZM3.33333 1.33333C2.8029 1.33333 2.29419 1.54405 1.91912 1.91912C1.54405 2.29419 1.33333 2.8029 1.33333 3.33333V12.6667C1.33333 13.1971 1.54405 13.7058 1.91912 14.0809C2.29419 14.456 2.8029 14.6667 3.33333 14.6667H12.6667C13.1971 14.6667 13.7058 14.456 14.0809 14.0809C14.456 13.7058 14.6667 13.1971 14.6667 12.6667V3.33333C14.6667 2.8029 14.456 2.29419 14.0809 1.91912C13.7058 1.54405 13.1971 1.33333 12.6667 1.33333H3.33333ZM6.228 11.3367C5.95008 11.3357 5.67734 11.2615 5.43733 11.1213C5.20023 10.9856 5.00344 10.7894 4.86709 10.5526C4.73074 10.3159 4.65973 10.0472 4.66133 9.774V6.226C4.66111 5.95276 4.73274 5.68427 4.86905 5.44746C5.00537 5.21066 5.20156 5.01386 5.43794 4.87683C5.67433 4.73979 5.9426 4.66733 6.21584 4.66672C6.48907 4.6661 6.75767 4.73736 6.99467 4.87333L10.5133 6.63C10.7577 6.76194 10.9624 6.95685 11.1062 7.19452C11.2499 7.4322 11.3274 7.70399 11.3308 7.98172C11.3341 8.25946 11.2631 8.53303 11.1251 8.77408C10.9871 9.01514 10.7872 9.2149 10.546 9.35267L6.962 11.144C6.73847 11.2715 6.48533 11.3379 6.228 11.3367ZM6.21133 6.00333C6.17459 6.00332 6.13849 6.01298 6.10667 6.03133C6.07209 6.05056 6.0434 6.07884 6.02367 6.11313C6.00394 6.14743 5.99391 6.18644 5.99467 6.226V9.774C5.99489 9.81297 6.00525 9.85121 6.02473 9.88497C6.0442 9.91872 6.07212 9.94683 6.10574 9.96653C6.13936 9.98624 6.17753 9.99686 6.2165 9.99735C6.25547 9.99784 6.29389 9.98818 6.328 9.96933L9.912 8.17733C9.93869 8.15646 9.95992 8.12941 9.97385 8.09852C9.98779 8.06764 9.99401 8.03383 9.992 8C9.99284 7.96035 9.98277 7.92123 9.96291 7.8869C9.94304 7.85258 9.91413 7.82436 9.87933 7.80533L6.36333 6.04867C6.31749 6.02054 6.26509 6.00492 6.21133 6.00333Z",
|
|
1549
1584
|
fill: "currentColor"
|
|
1550
1585
|
}
|
|
1551
1586
|
) }),
|
|
1552
|
-
/* @__PURE__ */ (0,
|
|
1587
|
+
/* @__PURE__ */ (0, import_jsx_runtime47.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("clipPath", { id: "play-square-clip", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("rect", { width: "16", height: "16", fill: "white" }) }) })
|
|
1553
1588
|
]
|
|
1554
1589
|
})
|
|
1555
1590
|
);
|
|
@@ -1557,10 +1592,10 @@ var PlaySquareIcon = (_a) => {
|
|
|
1557
1592
|
PlaySquareIcon.displayName = "PlaySquareIcon";
|
|
1558
1593
|
|
|
1559
1594
|
// src/primitives/icon/svg/polygon.tsx
|
|
1560
|
-
var
|
|
1595
|
+
var import_jsx_runtime48 = require("react/jsx-runtime");
|
|
1561
1596
|
var PolygonIcon = (_a) => {
|
|
1562
1597
|
var _b = _a, { title: title2, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
1563
|
-
return /* @__PURE__ */ (0,
|
|
1598
|
+
return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
|
|
1564
1599
|
"svg",
|
|
1565
1600
|
__spreadProps(__spreadValues(__spreadValues({
|
|
1566
1601
|
viewBox: "0 0 24 24",
|
|
@@ -1568,9 +1603,9 @@ var PolygonIcon = (_a) => {
|
|
|
1568
1603
|
fill: "none"
|
|
1569
1604
|
}, getIconA11yProps(title2)), props), {
|
|
1570
1605
|
children: [
|
|
1571
|
-
title2 ? /* @__PURE__ */ (0,
|
|
1572
|
-
/* @__PURE__ */ (0,
|
|
1573
|
-
/* @__PURE__ */ (0,
|
|
1606
|
+
title2 ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("title", { children: title2 }) : null,
|
|
1607
|
+
/* @__PURE__ */ (0, import_jsx_runtime48.jsx)("rect", { width: "24", height: "24", rx: "8", fill: "#8247E5" }),
|
|
1608
|
+
/* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
|
|
1574
1609
|
"path",
|
|
1575
1610
|
{
|
|
1576
1611
|
d: "M9.00108 10.1467L7.12599 9.05774L1.5 12.3246V18.836L7.12599 22.0919L12.752 18.836V8.70922L15.8729 6.90135L18.9938 8.70922V12.3246L15.8729 14.1325L13.9978 13.0435V15.9409L15.8729 17.0299L21.4989 13.774V7.26264L15.8729 4.00674L10.2469 7.26264V17.3894L7.12599 19.1973L4.00508 17.3894V13.7628L7.12599 11.955L9.00108 13.0435V10.1467Z",
|
|
@@ -1584,10 +1619,10 @@ var PolygonIcon = (_a) => {
|
|
|
1584
1619
|
PolygonIcon.displayName = "PolygonIcon";
|
|
1585
1620
|
|
|
1586
1621
|
// src/primitives/icon/svg/quotes-warning.tsx
|
|
1587
|
-
var
|
|
1622
|
+
var import_jsx_runtime49 = require("react/jsx-runtime");
|
|
1588
1623
|
var QuotesWarningIcon = (_a) => {
|
|
1589
1624
|
var _b = _a, { title: title2, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
1590
|
-
return /* @__PURE__ */ (0,
|
|
1625
|
+
return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
|
|
1591
1626
|
"svg",
|
|
1592
1627
|
__spreadProps(__spreadValues(__spreadValues({
|
|
1593
1628
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -1598,8 +1633,8 @@ var QuotesWarningIcon = (_a) => {
|
|
|
1598
1633
|
className
|
|
1599
1634
|
}, getIconA11yProps(title2)), props), {
|
|
1600
1635
|
children: [
|
|
1601
|
-
title2 ? /* @__PURE__ */ (0,
|
|
1602
|
-
/* @__PURE__ */ (0,
|
|
1636
|
+
title2 ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("title", { children: title2 }) : null,
|
|
1637
|
+
/* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
|
|
1603
1638
|
"path",
|
|
1604
1639
|
{
|
|
1605
1640
|
d: "M17.25 21.75V9.75C17.25 9.33 17.58 9 18 9C18.42 9 18.75 9.33 18.75 9.75V21.75C18.75 22.17 18.42 22.5 18 22.5C17.58 22.5 17.25 22.17 17.25 21.75ZM18 25.5C17.175 25.5 16.5 26.175 16.5 27C16.5 27.825 17.175 28.5 18 28.5C18.825 28.5 19.5 27.825 19.5 27C19.5 26.175 18.825 25.5 18 25.5ZM35.415 30.105C34.455 31.95 32.43 33 29.85 33H6.15002C3.58502 33 1.54502 31.95 0.585023 30.105C-0.389977 28.245 -0.119977 25.8 1.30502 23.745L13.95 3.645C14.88 2.295 16.395 1.5 18 1.5C19.605 1.5 21.12 2.295 22.035 3.615L34.695 23.76C36.12 25.815 36.39 28.245 35.415 30.105ZM33.45 24.6C33.45 24.6 33.45 24.585 33.435 24.57L20.79 4.44C20.16 3.525 19.14 3 18 3C16.86 3 15.84 3.54 15.195 4.47L2.56502 24.57C1.44002 26.19 1.20002 28.035 1.92002 29.415C2.62502 30.765 4.12502 31.5 6.15002 31.5H29.865C31.89 31.5 33.39 30.765 34.095 29.415C34.815 28.05 34.575 26.205 33.465 24.6H33.45Z",
|
|
@@ -1613,10 +1648,10 @@ var QuotesWarningIcon = (_a) => {
|
|
|
1613
1648
|
QuotesWarningIcon.displayName = "QuotesWarningIcon";
|
|
1614
1649
|
|
|
1615
1650
|
// src/primitives/icon/svg/profile-about-tab.tsx
|
|
1616
|
-
var
|
|
1651
|
+
var import_jsx_runtime50 = require("react/jsx-runtime");
|
|
1617
1652
|
var ProfileAboutTabIcon = (_a) => {
|
|
1618
1653
|
var _b = _a, { title: title2, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
1619
|
-
return /* @__PURE__ */ (0,
|
|
1654
|
+
return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
|
|
1620
1655
|
"svg",
|
|
1621
1656
|
__spreadProps(__spreadValues(__spreadValues({
|
|
1622
1657
|
viewBox: "0 0 16 16",
|
|
@@ -1624,16 +1659,16 @@ var ProfileAboutTabIcon = (_a) => {
|
|
|
1624
1659
|
fill: "none"
|
|
1625
1660
|
}, getIconA11yProps(title2)), props), {
|
|
1626
1661
|
children: [
|
|
1627
|
-
title2 ? /* @__PURE__ */ (0,
|
|
1628
|
-
/* @__PURE__ */ (0,
|
|
1629
|
-
/* @__PURE__ */ (0,
|
|
1662
|
+
title2 ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("title", { children: title2 }) : null,
|
|
1663
|
+
/* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("g", { clipPath: "url(#clip_profile_about_tab)", children: [
|
|
1664
|
+
/* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
|
|
1630
1665
|
"path",
|
|
1631
1666
|
{
|
|
1632
1667
|
d: "M12.6667 0H3.33333C2.4496 0.00105857 1.60237 0.352588 0.97748 0.97748C0.352588 1.60237 0.00105857 2.4496 0 3.33333L0 12.6667C0.00105857 13.5504 0.352588 14.3976 0.97748 15.0225C1.60237 15.6474 2.4496 15.9989 3.33333 16H12.6667C13.5504 15.9989 14.3976 15.6474 15.0225 15.0225C15.6474 14.3976 15.9989 13.5504 16 12.6667V3.33333C15.9989 2.4496 15.6474 1.60237 15.0225 0.97748C14.3976 0.352588 13.5504 0.00105857 12.6667 0ZM4.66667 14.6667V14C4.66667 13.1159 5.01786 12.2681 5.64298 11.643C6.2681 11.0179 7.11595 10.6667 8 10.6667C8.88406 10.6667 9.7319 11.0179 10.357 11.643C10.9821 12.2681 11.3333 13.1159 11.3333 14V14.6667H4.66667ZM14.6667 12.6667C14.6667 13.1971 14.456 13.7058 14.0809 14.0809C13.7058 14.456 13.1971 14.6667 12.6667 14.6667V14C12.6667 12.7623 12.175 11.5753 11.2998 10.7002C10.4247 9.825 9.23768 9.33333 8 9.33333C6.76232 9.33333 5.57534 9.825 4.70017 10.7002C3.825 11.5753 3.33333 12.7623 3.33333 14V14.6667C2.8029 14.6667 2.29419 14.456 1.91912 14.0809C1.54405 13.7058 1.33333 13.1971 1.33333 12.6667V3.33333C1.33333 2.8029 1.54405 2.29419 1.91912 1.91912C2.29419 1.54405 2.8029 1.33333 3.33333 1.33333H12.6667C13.1971 1.33333 13.7058 1.54405 14.0809 1.91912C14.456 2.29419 14.6667 2.8029 14.6667 3.33333V12.6667Z",
|
|
1633
1668
|
fill: "currentColor"
|
|
1634
1669
|
}
|
|
1635
1670
|
),
|
|
1636
|
-
/* @__PURE__ */ (0,
|
|
1671
|
+
/* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
|
|
1637
1672
|
"path",
|
|
1638
1673
|
{
|
|
1639
1674
|
d: "M8.00004 2.66669C7.47263 2.66669 6.95705 2.82308 6.51852 3.1161C6.07999 3.40912 5.7382 3.82559 5.53636 4.31286C5.33453 4.80013 5.28172 5.33631 5.38461 5.85359C5.48751 6.37088 5.74148 6.84603 6.11442 7.21897C6.48736 7.59191 6.96252 7.84589 7.4798 7.94878C7.99708 8.05167 8.53326 7.99887 9.02053 7.79703C9.5078 7.5952 9.92428 7.2534 10.2173 6.81487C10.5103 6.37634 10.6667 5.86077 10.6667 5.33335C10.6667 4.62611 10.3858 3.94783 9.88566 3.44774C9.38556 2.94764 8.70729 2.66669 8.00004 2.66669ZM8.00004 6.66669C7.73633 6.66669 7.47855 6.58849 7.25928 6.44198C7.04002 6.29547 6.86912 6.08723 6.7682 5.8436C6.66729 5.59996 6.64088 5.33187 6.69233 5.07323C6.74378 4.81459 6.87076 4.57701 7.05723 4.39054C7.2437 4.20407 7.48128 4.07709 7.73992 4.02564C7.99856 3.97419 8.26665 4.0006 8.51029 4.10151C8.75392 4.20243 8.96216 4.37333 9.10867 4.59259C9.25518 4.81186 9.33338 5.06965 9.33338 5.33335C9.33338 5.68698 9.1929 6.02611 8.94285 6.27616C8.6928 6.52621 8.35366 6.66669 8.00004 6.66669Z",
|
|
@@ -1641,7 +1676,7 @@ var ProfileAboutTabIcon = (_a) => {
|
|
|
1641
1676
|
}
|
|
1642
1677
|
)
|
|
1643
1678
|
] }),
|
|
1644
|
-
/* @__PURE__ */ (0,
|
|
1679
|
+
/* @__PURE__ */ (0, import_jsx_runtime50.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("clipPath", { id: "clip_profile_about_tab", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("rect", { width: "16", height: "16", fill: "white" }) }) })
|
|
1645
1680
|
]
|
|
1646
1681
|
})
|
|
1647
1682
|
);
|
|
@@ -1649,7 +1684,7 @@ var ProfileAboutTabIcon = (_a) => {
|
|
|
1649
1684
|
ProfileAboutTabIcon.displayName = "ProfileAboutTabIcon";
|
|
1650
1685
|
|
|
1651
1686
|
// src/primitives/icon/svg/profile-accounts-wallets-tab.tsx
|
|
1652
|
-
var
|
|
1687
|
+
var import_jsx_runtime51 = require("react/jsx-runtime");
|
|
1653
1688
|
var ProfileAccountsWalletsTabIcon = (_a) => {
|
|
1654
1689
|
var _b = _a, {
|
|
1655
1690
|
title: title2,
|
|
@@ -1658,7 +1693,7 @@ var ProfileAccountsWalletsTabIcon = (_a) => {
|
|
|
1658
1693
|
"title",
|
|
1659
1694
|
"className"
|
|
1660
1695
|
]);
|
|
1661
|
-
return /* @__PURE__ */ (0,
|
|
1696
|
+
return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
|
|
1662
1697
|
"svg",
|
|
1663
1698
|
__spreadProps(__spreadValues(__spreadValues({
|
|
1664
1699
|
viewBox: "0 0 16 16",
|
|
@@ -1666,15 +1701,15 @@ var ProfileAccountsWalletsTabIcon = (_a) => {
|
|
|
1666
1701
|
fill: "none"
|
|
1667
1702
|
}, getIconA11yProps(title2)), props), {
|
|
1668
1703
|
children: [
|
|
1669
|
-
title2 ? /* @__PURE__ */ (0,
|
|
1670
|
-
/* @__PURE__ */ (0,
|
|
1704
|
+
title2 ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("title", { children: title2 }) : null,
|
|
1705
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsx)("g", { clipPath: "url(#clip_profile_accounts_wallets_tab)", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
|
|
1671
1706
|
"path",
|
|
1672
1707
|
{
|
|
1673
1708
|
d: "M5 8.66667C4.40666 8.66667 3.82664 8.49072 3.33329 8.16108C2.83994 7.83143 2.45542 7.3629 2.22836 6.81472C2.0013 6.26654 1.94189 5.66334 2.05764 5.0814C2.1734 4.49945 2.45912 3.96491 2.87868 3.54535C3.29824 3.12579 3.83279 2.84007 4.41473 2.72431C4.99667 2.60856 5.59987 2.66797 6.14805 2.89503C6.69623 3.12209 7.16476 3.50661 7.49441 3.99996C7.82405 4.4933 8 5.07332 8 5.66667C7.99912 6.46205 7.68276 7.2246 7.12035 7.78701C6.55793 8.34943 5.79538 8.66579 5 8.66667ZM5 4C4.67036 4 4.34813 4.09775 4.07405 4.28089C3.79997 4.46402 3.58635 4.72432 3.4602 5.02886C3.33405 5.33341 3.30105 5.66852 3.36536 5.99182C3.42967 6.31512 3.5884 6.61209 3.82149 6.84518C4.05458 7.07827 4.35155 7.237 4.67485 7.30131C4.99815 7.36562 5.33326 7.33261 5.63781 7.20647C5.94235 7.08032 6.20265 6.8667 6.38578 6.59262C6.56892 6.31854 6.66667 5.9963 6.66667 5.66667C6.66667 5.22464 6.49107 4.80072 6.17851 4.48816C5.86595 4.1756 5.44203 4 5 4ZM10 15.3333V15C10 13.6739 9.47322 12.4021 8.53553 11.4645C7.59785 10.5268 6.32608 10 5 10C3.67392 10 2.40215 10.5268 1.46447 11.4645C0.526784 12.4021 0 13.6739 0 15L0 15.3333C0 15.5101 0.0702379 15.6797 0.195262 15.8047C0.320286 15.9298 0.489856 16 0.666667 16C0.843478 16 1.01305 15.9298 1.13807 15.8047C1.2631 15.6797 1.33333 15.5101 1.33333 15.3333V15C1.33333 14.0275 1.71964 13.0949 2.40728 12.4073C3.09491 11.7196 4.02754 11.3333 5 11.3333C5.97246 11.3333 6.90509 11.7196 7.59273 12.4073C8.28036 13.0949 8.66667 14.0275 8.66667 15V15.3333C8.66667 15.5101 8.73691 15.6797 8.86193 15.8047C8.98695 15.9298 9.15652 16 9.33333 16C9.51014 16 9.67971 15.9298 9.80474 15.8047C9.92976 15.6797 10 15.5101 10 15.3333ZM16 12C16 11.0991 15.7392 10.2175 15.2491 9.46158C14.7591 8.70565 14.0607 8.10772 13.2383 7.73998C12.4159 7.37223 11.5046 7.25039 10.6145 7.38916C9.72437 7.52793 8.89344 7.92137 8.222 8.522C8.15584 8.58013 8.10186 8.6508 8.06317 8.72991C8.02448 8.80903 8.00185 8.89502 7.99659 8.98293C7.99132 9.07085 8.00353 9.15893 8.0325 9.24209C8.06147 9.32526 8.10663 9.40186 8.16537 9.46748C8.22412 9.53309 8.29528 9.58642 8.37475 9.62437C8.45422 9.66232 8.54042 9.68416 8.62838 9.68861C8.71633 9.69306 8.8043 9.68004 8.88719 9.6503C8.97009 9.62055 9.04627 9.57469 9.11133 9.51534C9.59097 9.08641 10.1845 8.80548 10.8203 8.70644C11.456 8.6074 12.1069 8.69449 12.6943 8.9572C13.2816 9.21991 13.7804 9.647 14.1304 10.1869C14.4804 10.7269 14.6667 11.3566 14.6667 12C14.6667 12.1768 14.7369 12.3464 14.8619 12.4714C14.987 12.5964 15.1565 12.6667 15.3333 12.6667C15.5101 12.6667 15.6797 12.5964 15.8047 12.4714C15.9298 12.3464 16 12.1768 16 12ZM11.6667 6C11.0733 6 10.4933 5.82405 9.99996 5.49441C9.50661 5.16477 9.12209 4.69623 8.89503 4.14805C8.66796 3.59987 8.60855 2.99667 8.72431 2.41473C8.84007 1.83279 9.12579 1.29824 9.54535 0.878681C9.9649 0.459123 10.4995 0.173401 11.0814 0.0576455C11.6633 -0.0581102 12.2665 0.00129986 12.8147 0.228363C13.3629 0.455426 13.8314 0.839943 14.1611 1.33329C14.4907 1.82664 14.6667 2.40666 14.6667 3C14.6658 3.79538 14.3494 4.55793 13.787 5.12035C13.2246 5.68277 12.462 5.99912 11.6667 6ZM11.6667 1.33333C11.337 1.33333 11.0148 1.43108 10.7407 1.61422C10.4666 1.79735 10.253 2.05765 10.1269 2.3622C10.0007 2.66674 9.96772 3.00185 10.032 3.32515C10.0963 3.64845 10.2551 3.94543 10.4882 4.17851C10.7212 4.4116 11.0182 4.57033 11.3415 4.63464C11.6648 4.69895 11.9999 4.66595 12.3045 4.5398C12.609 4.41365 12.8693 4.20003 13.0525 3.92595C13.2356 3.65187 13.3333 3.32964 13.3333 3C13.3333 2.55797 13.1577 2.13405 12.8452 1.82149C12.5326 1.50893 12.1087 1.33333 11.6667 1.33333Z",
|
|
1674
1709
|
fill: "currentColor"
|
|
1675
1710
|
}
|
|
1676
1711
|
) }),
|
|
1677
|
-
/* @__PURE__ */ (0,
|
|
1712
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("clipPath", { id: "clip_profile_accounts_wallets_tab", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("rect", { width: "16", height: "16", fill: "white" }) }) })
|
|
1678
1713
|
]
|
|
1679
1714
|
})
|
|
1680
1715
|
);
|
|
@@ -1682,10 +1717,10 @@ var ProfileAccountsWalletsTabIcon = (_a) => {
|
|
|
1682
1717
|
ProfileAccountsWalletsTabIcon.displayName = "ProfileAccountsWalletsTabIcon";
|
|
1683
1718
|
|
|
1684
1719
|
// src/primitives/icon/svg/profile.tsx
|
|
1685
|
-
var
|
|
1720
|
+
var import_jsx_runtime52 = require("react/jsx-runtime");
|
|
1686
1721
|
var ProfileIcon = (_a) => {
|
|
1687
1722
|
var _b = _a, { title: title2, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
1688
|
-
return /* @__PURE__ */ (0,
|
|
1723
|
+
return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
|
|
1689
1724
|
"svg",
|
|
1690
1725
|
__spreadProps(__spreadValues(__spreadValues({
|
|
1691
1726
|
viewBox: "0 0 16 16",
|
|
@@ -1693,16 +1728,16 @@ var ProfileIcon = (_a) => {
|
|
|
1693
1728
|
fill: "none"
|
|
1694
1729
|
}, getIconA11yProps(title2)), props), {
|
|
1695
1730
|
children: [
|
|
1696
|
-
title2 ? /* @__PURE__ */ (0,
|
|
1697
|
-
/* @__PURE__ */ (0,
|
|
1698
|
-
/* @__PURE__ */ (0,
|
|
1731
|
+
title2 ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("title", { children: title2 }) : null,
|
|
1732
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("g", { clipPath: "url(#profile-clip)", children: [
|
|
1733
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
|
|
1699
1734
|
"path",
|
|
1700
1735
|
{
|
|
1701
1736
|
d: "M8 8C8.79113 8 9.56448 7.76541 10.2223 7.32588C10.8801 6.88635 11.3928 6.26164 11.6955 5.53074C11.9983 4.79983 12.0775 3.99556 11.9231 3.21964C11.7688 2.44372 11.3878 1.73098 10.8284 1.17157C10.269 0.612165 9.55629 0.231202 8.78036 0.0768607C8.00444 -0.0774802 7.20017 0.00173314 6.46927 0.304484C5.73836 0.607234 5.11365 1.11992 4.67412 1.77772C4.2346 2.43552 4 3.20888 4 4C4.00106 5.06054 4.42283 6.07734 5.17274 6.82726C5.92266 7.57718 6.93946 7.99894 8 8ZM8 1.33334C8.52742 1.33334 9.04299 1.48973 9.48152 1.78275C9.92005 2.07577 10.2618 2.49224 10.4637 2.97951C10.6655 3.46678 10.7183 4.00296 10.6154 4.52024C10.5125 5.03753 10.2586 5.51268 9.88562 5.88562C9.51268 6.25856 9.03752 6.51254 8.52024 6.61543C8.00296 6.71832 7.46678 6.66551 6.97951 6.46368C6.49224 6.26185 6.07577 5.92005 5.78275 5.48152C5.48973 5.04299 5.33333 4.52742 5.33333 4C5.33333 3.29276 5.61428 2.61448 6.11438 2.11438C6.61448 1.61429 7.29276 1.33334 8 1.33334Z",
|
|
1702
1737
|
fill: "currentColor"
|
|
1703
1738
|
}
|
|
1704
1739
|
),
|
|
1705
|
-
/* @__PURE__ */ (0,
|
|
1740
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
|
|
1706
1741
|
"path",
|
|
1707
1742
|
{
|
|
1708
1743
|
d: "M8 9.33334C6.40924 9.33511 4.88414 9.96782 3.75931 11.0927C2.63447 12.2175 2.00176 13.7426 2 15.3333C2 15.5102 2.07024 15.6797 2.19526 15.8047C2.32029 15.9298 2.48986 16 2.66667 16C2.84348 16 3.01305 15.9298 3.13807 15.8047C3.2631 15.6797 3.33333 15.5102 3.33333 15.3333C3.33333 14.0957 3.825 12.9087 4.70017 12.0335C5.57534 11.1583 6.76232 10.6667 8 10.6667C9.23768 10.6667 10.4247 11.1583 11.2998 12.0335C12.175 12.9087 12.6667 14.0957 12.6667 15.3333C12.6667 15.5102 12.7369 15.6797 12.8619 15.8047C12.987 15.9298 13.1565 16 13.3333 16C13.5101 16 13.6797 15.9298 13.8047 15.8047C13.9298 15.6797 14 15.5102 14 15.3333C13.9982 13.7426 13.3655 12.2175 12.2407 11.0927C11.1159 9.96782 9.59076 9.33511 8 9.33334Z",
|
|
@@ -1710,7 +1745,7 @@ var ProfileIcon = (_a) => {
|
|
|
1710
1745
|
}
|
|
1711
1746
|
)
|
|
1712
1747
|
] }),
|
|
1713
|
-
/* @__PURE__ */ (0,
|
|
1748
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("clipPath", { id: "profile-clip", children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("rect", { width: "16", height: "16", fill: "white" }) }) })
|
|
1714
1749
|
]
|
|
1715
1750
|
})
|
|
1716
1751
|
);
|
|
@@ -1718,10 +1753,10 @@ var ProfileIcon = (_a) => {
|
|
|
1718
1753
|
ProfileIcon.displayName = "ProfileIcon";
|
|
1719
1754
|
|
|
1720
1755
|
// src/primitives/icon/svg/recenter.tsx
|
|
1721
|
-
var
|
|
1756
|
+
var import_jsx_runtime53 = require("react/jsx-runtime");
|
|
1722
1757
|
var RecenterIcon = (_a) => {
|
|
1723
1758
|
var _b = _a, { title: title2, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
1724
|
-
return /* @__PURE__ */ (0,
|
|
1759
|
+
return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
|
|
1725
1760
|
"svg",
|
|
1726
1761
|
__spreadProps(__spreadValues(__spreadValues({
|
|
1727
1762
|
viewBox: "0 0 16 16",
|
|
@@ -1729,15 +1764,15 @@ var RecenterIcon = (_a) => {
|
|
|
1729
1764
|
fill: "none"
|
|
1730
1765
|
}, getIconA11yProps(title2)), props), {
|
|
1731
1766
|
children: [
|
|
1732
|
-
title2 ? /* @__PURE__ */ (0,
|
|
1733
|
-
/* @__PURE__ */ (0,
|
|
1767
|
+
title2 ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("title", { children: title2 }) : null,
|
|
1768
|
+
/* @__PURE__ */ (0, import_jsx_runtime53.jsx)("g", { clipPath: "url(#recenter-clip)", children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
|
|
1734
1769
|
"path",
|
|
1735
1770
|
{
|
|
1736
1771
|
d: "M16 8C16 8.36867 15.7013 8.66667 15.3333 8.66667H0.666667C0.298667 8.66667 0 8.36867 0 8C0 7.63133 0.298667 7.33333 0.666667 7.33333H15.3333C15.7013 7.33333 16 7.63133 16 8ZM7.05733 5.60933C7.31733 5.86933 7.65867 5.99933 8 5.99933C8.34133 5.99933 8.68267 5.86933 8.94267 5.60933L11.138 3.414C11.3987 3.15333 11.3987 2.732 11.138 2.47133C10.8773 2.21067 10.456 2.21067 10.1953 2.47133L8.66667 4V0.666667C8.66667 0.298 8.368 0 8 0C7.632 0 7.33333 0.298 7.33333 0.666667V4L5.80467 2.47133C5.544 2.21067 5.12267 2.21067 4.862 2.47133C4.60133 2.732 4.60133 3.15333 4.862 3.414L7.05733 5.60933ZM8.94267 10.3907C8.42333 9.87133 7.57667 9.87133 7.05733 10.3907L4.862 12.586C4.60133 12.8467 4.60133 13.268 4.862 13.5287C5.12267 13.7893 5.544 13.7893 5.80467 13.5287L7.33333 12V15.3333C7.33333 15.702 7.632 16 8 16C8.368 16 8.66667 15.702 8.66667 15.3333V12L10.1953 13.5287C10.3253 13.6587 10.496 13.724 10.6667 13.724C10.8373 13.724 11.008 13.6587 11.138 13.5287C11.3987 13.268 11.3987 12.8467 11.138 12.586L8.94267 10.3907Z",
|
|
1737
1772
|
fill: "currentColor"
|
|
1738
1773
|
}
|
|
1739
1774
|
) }),
|
|
1740
|
-
/* @__PURE__ */ (0,
|
|
1775
|
+
/* @__PURE__ */ (0, import_jsx_runtime53.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("clipPath", { id: "recenter-clip", children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("rect", { width: "16", height: "16", fill: "white" }) }) })
|
|
1741
1776
|
]
|
|
1742
1777
|
})
|
|
1743
1778
|
);
|
|
@@ -1745,10 +1780,10 @@ var RecenterIcon = (_a) => {
|
|
|
1745
1780
|
RecenterIcon.displayName = "RecenterIcon";
|
|
1746
1781
|
|
|
1747
1782
|
// src/primitives/icon/svg/revenue-alt.tsx
|
|
1748
|
-
var
|
|
1783
|
+
var import_jsx_runtime54 = require("react/jsx-runtime");
|
|
1749
1784
|
var RevenueAltIcon = (_a) => {
|
|
1750
1785
|
var _b = _a, { title: title2, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
1751
|
-
return /* @__PURE__ */ (0,
|
|
1786
|
+
return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
|
|
1752
1787
|
"svg",
|
|
1753
1788
|
__spreadProps(__spreadValues(__spreadValues({
|
|
1754
1789
|
viewBox: "0 0 20 20",
|
|
@@ -1756,8 +1791,8 @@ var RevenueAltIcon = (_a) => {
|
|
|
1756
1791
|
fill: "none"
|
|
1757
1792
|
}, getIconA11yProps(title2)), props), {
|
|
1758
1793
|
children: [
|
|
1759
|
-
title2 ? /* @__PURE__ */ (0,
|
|
1760
|
-
/* @__PURE__ */ (0,
|
|
1794
|
+
title2 ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("title", { children: title2 }) : null,
|
|
1795
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
|
|
1761
1796
|
"path",
|
|
1762
1797
|
{
|
|
1763
1798
|
d: "M3 14V6M3 6L1.5 7.5M3 6L4.5 7.5M17 6V14M17 14L15.5 12.5M17 14L18.5 12.5",
|
|
@@ -1767,7 +1802,7 @@ var RevenueAltIcon = (_a) => {
|
|
|
1767
1802
|
strokeLinejoin: "round"
|
|
1768
1803
|
}
|
|
1769
1804
|
),
|
|
1770
|
-
/* @__PURE__ */ (0,
|
|
1805
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
|
|
1771
1806
|
"path",
|
|
1772
1807
|
{
|
|
1773
1808
|
d: "M10 5.5V14.5M12.5 7.4C12.5 6.55 11.38 5.86 10 5.86C8.62 5.86 7.5 6.55 7.5 7.4C7.5 8.25 8.62 8.94 10 8.94C11.38 8.94 12.5 9.63 12.5 10.48C12.5 11.33 11.38 12.02 10 12.02C8.62 12.02 7.5 11.33 7.5 10.48",
|
|
@@ -1784,10 +1819,10 @@ var RevenueAltIcon = (_a) => {
|
|
|
1784
1819
|
RevenueAltIcon.displayName = "RevenueAltIcon";
|
|
1785
1820
|
|
|
1786
1821
|
// src/primitives/icon/svg/search.tsx
|
|
1787
|
-
var
|
|
1822
|
+
var import_jsx_runtime55 = require("react/jsx-runtime");
|
|
1788
1823
|
var SearchIcon = (_a) => {
|
|
1789
1824
|
var _b = _a, { title: title2, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
1790
|
-
return /* @__PURE__ */ (0,
|
|
1825
|
+
return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
|
|
1791
1826
|
"svg",
|
|
1792
1827
|
__spreadProps(__spreadValues(__spreadValues({
|
|
1793
1828
|
viewBox: "0 0 16 16",
|
|
@@ -1796,8 +1831,8 @@ var SearchIcon = (_a) => {
|
|
|
1796
1831
|
className
|
|
1797
1832
|
}, getIconA11yProps(title2)), props), {
|
|
1798
1833
|
children: [
|
|
1799
|
-
title2 ? /* @__PURE__ */ (0,
|
|
1800
|
-
/* @__PURE__ */ (0,
|
|
1834
|
+
title2 ? /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("title", { children: title2 }) : null,
|
|
1835
|
+
/* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
|
|
1801
1836
|
"path",
|
|
1802
1837
|
{
|
|
1803
1838
|
d: "M7.3335 12.3333C10.0949 12.3333 12.3335 10.0947 12.3335 7.33329C12.3335 4.57187 10.0949 2.33329 7.3335 2.33329C4.57208 2.33329 2.3335 4.57187 2.3335 7.33329C2.3335 10.0947 4.57208 12.3333 7.3335 12.3333Z",
|
|
@@ -1807,7 +1842,7 @@ var SearchIcon = (_a) => {
|
|
|
1807
1842
|
strokeLinejoin: "round"
|
|
1808
1843
|
}
|
|
1809
1844
|
),
|
|
1810
|
-
/* @__PURE__ */ (0,
|
|
1845
|
+
/* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
|
|
1811
1846
|
"path",
|
|
1812
1847
|
{
|
|
1813
1848
|
d: "M13.6668 13.6666L11.1667 11.1666",
|
|
@@ -1824,10 +1859,10 @@ var SearchIcon = (_a) => {
|
|
|
1824
1859
|
SearchIcon.displayName = "SearchIcon";
|
|
1825
1860
|
|
|
1826
1861
|
// src/primitives/icon/svg/shield-trust.tsx
|
|
1827
|
-
var
|
|
1862
|
+
var import_jsx_runtime56 = require("react/jsx-runtime");
|
|
1828
1863
|
var ShieldTrustIcon = (_a) => {
|
|
1829
1864
|
var _b = _a, { title: title2, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
1830
|
-
return /* @__PURE__ */ (0,
|
|
1865
|
+
return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
|
|
1831
1866
|
"svg",
|
|
1832
1867
|
__spreadProps(__spreadValues(__spreadValues({
|
|
1833
1868
|
viewBox: "0 0 16 16",
|
|
@@ -1835,15 +1870,15 @@ var ShieldTrustIcon = (_a) => {
|
|
|
1835
1870
|
fill: "none"
|
|
1836
1871
|
}, getIconA11yProps(title2)), props), {
|
|
1837
1872
|
children: [
|
|
1838
|
-
title2 ? /* @__PURE__ */ (0,
|
|
1839
|
-
/* @__PURE__ */ (0,
|
|
1873
|
+
title2 ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("title", { children: title2 }) : null,
|
|
1874
|
+
/* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
|
|
1840
1875
|
"path",
|
|
1841
1876
|
{
|
|
1842
1877
|
d: "M8 1.25L13.5 3.25V7.08C13.5 10.09 11.62 12.74 8 14.75C4.38 12.74 2.5 10.09 2.5 7.08V3.25L8 1.25Z",
|
|
1843
1878
|
fill: "currentColor"
|
|
1844
1879
|
}
|
|
1845
1880
|
),
|
|
1846
|
-
/* @__PURE__ */ (0,
|
|
1881
|
+
/* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
|
|
1847
1882
|
"path",
|
|
1848
1883
|
{
|
|
1849
1884
|
d: "M5.5 8.2L7.2 9.9L10.8 6.3",
|
|
@@ -1860,10 +1895,10 @@ var ShieldTrustIcon = (_a) => {
|
|
|
1860
1895
|
ShieldTrustIcon.displayName = "ShieldTrustIcon";
|
|
1861
1896
|
|
|
1862
1897
|
// src/primitives/icon/svg/solana.tsx
|
|
1863
|
-
var
|
|
1898
|
+
var import_jsx_runtime57 = require("react/jsx-runtime");
|
|
1864
1899
|
var SolanaIcon = (_a) => {
|
|
1865
1900
|
var _b = _a, { title: title2, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
1866
|
-
return /* @__PURE__ */ (0,
|
|
1901
|
+
return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
|
|
1867
1902
|
"svg",
|
|
1868
1903
|
__spreadProps(__spreadValues(__spreadValues({
|
|
1869
1904
|
viewBox: "0 0 24 24",
|
|
@@ -1871,31 +1906,31 @@ var SolanaIcon = (_a) => {
|
|
|
1871
1906
|
fill: "none"
|
|
1872
1907
|
}, getIconA11yProps(title2)), props), {
|
|
1873
1908
|
children: [
|
|
1874
|
-
title2 ? /* @__PURE__ */ (0,
|
|
1875
|
-
/* @__PURE__ */ (0,
|
|
1876
|
-
/* @__PURE__ */ (0,
|
|
1909
|
+
title2 ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("title", { children: title2 }) : null,
|
|
1910
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsx)("rect", { width: "24", height: "24", fill: "black" }),
|
|
1911
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
|
|
1877
1912
|
"path",
|
|
1878
1913
|
{
|
|
1879
1914
|
d: "M5.92399 15.7169C6.03262 15.6083 6.18198 15.5449 6.34039 15.5449H20.706C20.9685 15.5449 21.0998 15.8617 20.9142 16.0473L18.0764 18.8851C17.9677 18.9938 17.8184 19.0571 17.66 19.0571H3.29437C3.03186 19.0571 2.90061 18.7403 3.08617 18.5547L5.92399 15.7169Z",
|
|
1880
1915
|
fill: "url(#paint0_linear_1471_9988)"
|
|
1881
1916
|
}
|
|
1882
1917
|
),
|
|
1883
|
-
/* @__PURE__ */ (0,
|
|
1918
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
|
|
1884
1919
|
"path",
|
|
1885
1920
|
{
|
|
1886
1921
|
d: "M5.92399 5.1217C6.03714 5.01307 6.1865 4.94971 6.34039 4.94971H20.706C20.9685 4.94971 21.0998 5.26653 20.9142 5.4521L18.0764 8.28991C17.9677 8.39854 17.8184 8.4619 17.66 8.4619H3.29437C3.03186 8.4619 2.90061 8.14508 3.08617 7.95951L5.92399 5.1217Z",
|
|
1887
1922
|
fill: "url(#paint1_linear_1471_9988)"
|
|
1888
1923
|
}
|
|
1889
1924
|
),
|
|
1890
|
-
/* @__PURE__ */ (0,
|
|
1925
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
|
|
1891
1926
|
"path",
|
|
1892
1927
|
{
|
|
1893
1928
|
d: "M18.0764 10.3854C17.9677 10.2767 17.8184 10.2134 17.66 10.2134H3.29437C3.03186 10.2134 2.90061 10.5302 3.08617 10.7158L5.92399 13.5536C6.03262 13.6622 6.18198 13.7256 6.34039 13.7256H20.706C20.9685 13.7256 21.0998 13.4088 20.9142 13.2232L18.0764 10.3854Z",
|
|
1894
1929
|
fill: "url(#paint2_linear_1471_9988)"
|
|
1895
1930
|
}
|
|
1896
1931
|
),
|
|
1897
|
-
/* @__PURE__ */ (0,
|
|
1898
|
-
/* @__PURE__ */ (0,
|
|
1932
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("defs", { children: [
|
|
1933
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
|
|
1899
1934
|
"linearGradient",
|
|
1900
1935
|
{
|
|
1901
1936
|
id: "paint0_linear_1471_9988",
|
|
@@ -1905,12 +1940,12 @@ var SolanaIcon = (_a) => {
|
|
|
1905
1940
|
y2: "22.2975",
|
|
1906
1941
|
gradientUnits: "userSpaceOnUse",
|
|
1907
1942
|
children: [
|
|
1908
|
-
/* @__PURE__ */ (0,
|
|
1909
|
-
/* @__PURE__ */ (0,
|
|
1943
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsx)("stop", { stopColor: "#00FFA3" }),
|
|
1944
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsx)("stop", { offset: "1", stopColor: "#DC1FFF" })
|
|
1910
1945
|
]
|
|
1911
1946
|
}
|
|
1912
1947
|
),
|
|
1913
|
-
/* @__PURE__ */ (0,
|
|
1948
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
|
|
1914
1949
|
"linearGradient",
|
|
1915
1950
|
{
|
|
1916
1951
|
id: "paint1_linear_1471_9988",
|
|
@@ -1920,12 +1955,12 @@ var SolanaIcon = (_a) => {
|
|
|
1920
1955
|
y2: "20.028",
|
|
1921
1956
|
gradientUnits: "userSpaceOnUse",
|
|
1922
1957
|
children: [
|
|
1923
|
-
/* @__PURE__ */ (0,
|
|
1924
|
-
/* @__PURE__ */ (0,
|
|
1958
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsx)("stop", { stopColor: "#00FFA3" }),
|
|
1959
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsx)("stop", { offset: "1", stopColor: "#DC1FFF" })
|
|
1925
1960
|
]
|
|
1926
1961
|
}
|
|
1927
1962
|
),
|
|
1928
|
-
/* @__PURE__ */ (0,
|
|
1963
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
|
|
1929
1964
|
"linearGradient",
|
|
1930
1965
|
{
|
|
1931
1966
|
id: "paint2_linear_1471_9988",
|
|
@@ -1935,8 +1970,8 @@ var SolanaIcon = (_a) => {
|
|
|
1935
1970
|
y2: "21.1555",
|
|
1936
1971
|
gradientUnits: "userSpaceOnUse",
|
|
1937
1972
|
children: [
|
|
1938
|
-
/* @__PURE__ */ (0,
|
|
1939
|
-
/* @__PURE__ */ (0,
|
|
1973
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsx)("stop", { stopColor: "#00FFA3" }),
|
|
1974
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsx)("stop", { offset: "1", stopColor: "#DC1FFF" })
|
|
1940
1975
|
]
|
|
1941
1976
|
}
|
|
1942
1977
|
)
|
|
@@ -1948,10 +1983,10 @@ var SolanaIcon = (_a) => {
|
|
|
1948
1983
|
SolanaIcon.displayName = "SolanaIcon";
|
|
1949
1984
|
|
|
1950
1985
|
// src/primitives/icon/svg/sparkles-filled.tsx
|
|
1951
|
-
var
|
|
1986
|
+
var import_jsx_runtime58 = require("react/jsx-runtime");
|
|
1952
1987
|
var SparklesFilledIcon = (_a) => {
|
|
1953
1988
|
var _b = _a, { title: title2, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
1954
|
-
return /* @__PURE__ */ (0,
|
|
1989
|
+
return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
|
|
1955
1990
|
"svg",
|
|
1956
1991
|
__spreadProps(__spreadValues(__spreadValues({
|
|
1957
1992
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -1962,15 +1997,15 @@ var SparklesFilledIcon = (_a) => {
|
|
|
1962
1997
|
className
|
|
1963
1998
|
}, getIconA11yProps(title2)), props), {
|
|
1964
1999
|
children: [
|
|
1965
|
-
/* @__PURE__ */ (0,
|
|
2000
|
+
/* @__PURE__ */ (0, import_jsx_runtime58.jsx)("g", { clipPath: "url(#clip0_2028_8371)", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
|
|
1966
2001
|
"path",
|
|
1967
2002
|
{
|
|
1968
2003
|
d: "M13.0001 15.9999C12.8668 16 12.7366 15.9602 12.6262 15.8856C12.5158 15.8109 12.4303 15.705 12.3807 15.5813L11.8181 14.1726L10.4074 13.5786C10.2864 13.5252 10.1839 13.4372 10.1127 13.3256C10.0416 13.2141 10.0049 13.0841 10.0074 12.9518C10.0099 12.8196 10.0514 12.691 10.1267 12.5823C10.202 12.4735 10.3078 12.3894 10.4307 12.3406L11.8227 11.8133L12.3807 10.4186C12.4321 10.2967 12.5182 10.1927 12.6284 10.1195C12.7385 10.0464 12.8678 10.0074 13.0001 10.0074C13.1323 10.0074 13.2616 10.0464 13.3718 10.1195C13.482 10.1927 13.5681 10.2967 13.6194 10.4186L14.1801 11.8186L15.5801 12.3793C15.7022 12.4303 15.8065 12.5164 15.8799 12.6266C15.9532 12.7368 15.9923 12.8662 15.9923 12.9986C15.9923 13.131 15.9532 13.2604 15.8799 13.3706C15.8065 13.4808 15.7022 13.5668 15.5801 13.6179L14.1801 14.1786L13.6194 15.5786C13.5703 15.7028 13.4849 15.8093 13.3745 15.8845C13.2641 15.9596 13.1336 15.9998 13.0001 15.9999ZM6.66674 13.9999C6.37872 14.0034 6.09733 13.9135 5.86467 13.7437C5.63201 13.5739 5.46059 13.3333 5.37607 13.0579L4.30007 9.69326L0.92474 8.56393C0.652316 8.47287 0.415886 8.29758 0.249599 8.06337C0.0833117 7.82916 -0.00422421 7.54815 -0.000366007 7.26094C0.0034922 6.97372 0.0985448 6.69517 0.271063 6.46551C0.443581 6.23585 0.684635 6.06697 0.959407 5.98326L4.30807 4.9606L5.43607 1.59126C5.51994 1.31451 5.69343 1.07349 5.92924 0.906102C6.16505 0.738716 6.44981 0.654464 6.73874 0.666597C7.02681 0.666987 7.307 0.76066 7.53738 0.933596C7.76776 1.10653 7.93594 1.34943 8.01674 1.62593L9.03807 4.96926L12.3914 6.0426C12.6619 6.13332 12.897 6.30672 13.0636 6.53831C13.2302 6.7699 13.3198 7.04798 13.3198 7.33326C13.3198 7.61855 13.2302 7.89662 13.0636 8.12822C12.897 8.35981 12.6619 8.53321 12.3914 8.62393L9.03207 9.6986L7.95741 13.0579C7.87289 13.3333 7.70147 13.5739 7.46881 13.7437C7.23615 13.9135 6.95476 14.0034 6.66674 13.9999ZM13.6667 4.6666C13.5181 4.66659 13.3738 4.61693 13.2566 4.52549C13.1394 4.43406 13.0562 4.30609 13.0201 4.16193L12.7821 3.2086L11.8267 2.95193C11.6832 2.91335 11.5566 2.82788 11.4672 2.70911C11.3777 2.59033 11.3306 2.44507 11.3332 2.29641C11.3358 2.14776 11.388 2.00424 11.4815 1.88867C11.5751 1.7731 11.7046 1.69212 11.8494 1.6586L12.7827 1.44193L13.0201 0.504597C13.0562 0.360445 13.1395 0.232498 13.2566 0.141076C13.3738 0.0496542 13.5181 0 13.6667 0C13.8154 0 13.9597 0.0496542 14.0769 0.141076C14.194 0.232498 14.2773 0.360445 14.3134 0.504597L14.5494 1.44993L15.4947 1.6866C15.6389 1.72272 15.7668 1.80598 15.8583 1.92314C15.9497 2.0403 15.9993 2.18465 15.9993 2.33326C15.9993 2.48187 15.9497 2.62622 15.8583 2.74338C15.7668 2.86055 15.6389 2.9438 15.4947 2.97993L14.5494 3.2166L14.3134 4.16193C14.2773 4.30609 14.194 4.43406 14.0769 4.52549C13.9597 4.61693 13.8154 4.66659 13.6667 4.6666Z",
|
|
1969
2004
|
fill: "currentColor"
|
|
1970
2005
|
}
|
|
1971
2006
|
) }),
|
|
1972
|
-
/* @__PURE__ */ (0,
|
|
1973
|
-
/* @__PURE__ */ (0,
|
|
2007
|
+
/* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("defs", { children: [
|
|
2008
|
+
/* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
|
|
1974
2009
|
"linearGradient",
|
|
1975
2010
|
{
|
|
1976
2011
|
id: "paint0_linear_2028_8371",
|
|
@@ -1980,12 +2015,12 @@ var SparklesFilledIcon = (_a) => {
|
|
|
1980
2015
|
y2: "7.99997",
|
|
1981
2016
|
gradientUnits: "userSpaceOnUse",
|
|
1982
2017
|
children: [
|
|
1983
|
-
/* @__PURE__ */ (0,
|
|
1984
|
-
/* @__PURE__ */ (0,
|
|
2018
|
+
/* @__PURE__ */ (0, import_jsx_runtime58.jsx)("stop", { stopColor: "currentColor" }),
|
|
2019
|
+
/* @__PURE__ */ (0, import_jsx_runtime58.jsx)("stop", { offset: "1", stopColor: "currentColor" })
|
|
1985
2020
|
]
|
|
1986
2021
|
}
|
|
1987
2022
|
),
|
|
1988
|
-
/* @__PURE__ */ (0,
|
|
2023
|
+
/* @__PURE__ */ (0, import_jsx_runtime58.jsx)("clipPath", { id: "clip0_2028_8371", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("rect", { width: "16", height: "16", fill: "white" }) })
|
|
1989
2024
|
] })
|
|
1990
2025
|
]
|
|
1991
2026
|
})
|
|
@@ -1994,10 +2029,10 @@ var SparklesFilledIcon = (_a) => {
|
|
|
1994
2029
|
SparklesFilledIcon.displayName = "SparklesFilledIcon";
|
|
1995
2030
|
|
|
1996
2031
|
// src/primitives/icon/svg/stay-in-control.tsx
|
|
1997
|
-
var
|
|
2032
|
+
var import_jsx_runtime59 = require("react/jsx-runtime");
|
|
1998
2033
|
var StayInControlIcon = (_a) => {
|
|
1999
2034
|
var _b = _a, { title: title2, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
2000
|
-
return /* @__PURE__ */ (0,
|
|
2035
|
+
return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
|
|
2001
2036
|
"svg",
|
|
2002
2037
|
__spreadProps(__spreadValues(__spreadValues({
|
|
2003
2038
|
width: "28",
|
|
@@ -2008,16 +2043,16 @@ var StayInControlIcon = (_a) => {
|
|
|
2008
2043
|
className
|
|
2009
2044
|
}, getIconA11yProps(title2)), props), {
|
|
2010
2045
|
children: [
|
|
2011
|
-
title2 ? /* @__PURE__ */ (0,
|
|
2012
|
-
/* @__PURE__ */ (0,
|
|
2013
|
-
/* @__PURE__ */ (0,
|
|
2046
|
+
title2 ? /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("title", { children: title2 }) : null,
|
|
2047
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("g", { clipPath: "url(#clip0_stay_in_control)", children: [
|
|
2048
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
|
|
2014
2049
|
"path",
|
|
2015
2050
|
{
|
|
2016
2051
|
d: "M14 27.9406C13.9102 27.9406 13.8215 27.9196 13.7387 27.8788L13.2428 27.6314C10.6832 26.3504 2.32983 21.5753 2.32983 13.8648L2.33217 7.62776C2.33217 5.36093 3.77767 3.35776 5.93017 2.64493L13.8168 0.0292617C13.9358 -0.010405 14.0653 -0.010405 14.1832 0.0292617L22.0687 2.64376C24.2212 3.35776 25.6667 5.36093 25.6667 7.6266L25.6632 13.8636C25.6632 22.6113 17.2958 26.6584 14.7315 27.6909L14.217 27.8974C14.147 27.9254 14.0723 27.9394 13.9988 27.9394L14 27.9406ZM14 1.19826L6.29767 3.7521C4.6235 4.30743 3.5 5.86493 3.5 7.62776L3.49767 13.8648C3.49767 20.9056 11.3563 25.3844 13.7655 26.5884L14.0268 26.7191L14.2975 26.6106C16.6903 25.6481 24.4977 21.8833 24.4977 13.8659L24.5012 7.62893C24.5012 5.8661 23.3765 4.3086 21.7035 3.75326L14 1.19826Z",
|
|
2017
2052
|
fill: "currentColor"
|
|
2018
2053
|
}
|
|
2019
2054
|
),
|
|
2020
|
-
/* @__PURE__ */ (0,
|
|
2055
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
|
|
2021
2056
|
"path",
|
|
2022
2057
|
{
|
|
2023
2058
|
d: "M12.8112 17.5001C12.0633 17.5001 11.3155 17.2154 10.7462 16.6461L7.18083 13.2569C6.94749 13.0352 6.93816 12.6654 7.15983 12.4321C7.38149 12.1999 7.75016 12.1894 7.98466 12.4111L11.5605 15.8107C12.2535 16.5026 13.363 16.5037 14.0455 15.8212L20.5928 9.49791C20.8262 9.27508 21.196 9.28208 21.4177 9.51308C21.6417 9.74408 21.6358 10.1139 21.4037 10.3379L14.8622 16.6542C14.2987 17.2177 13.5543 17.5012 12.81 17.5012L12.8112 17.5001Z",
|
|
@@ -2025,7 +2060,7 @@ var StayInControlIcon = (_a) => {
|
|
|
2025
2060
|
}
|
|
2026
2061
|
)
|
|
2027
2062
|
] }),
|
|
2028
|
-
/* @__PURE__ */ (0,
|
|
2063
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("clipPath", { id: "clip0_stay_in_control", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("rect", { width: "28", height: "28", fill: "white" }) }) })
|
|
2029
2064
|
]
|
|
2030
2065
|
})
|
|
2031
2066
|
);
|
|
@@ -2033,10 +2068,10 @@ var StayInControlIcon = (_a) => {
|
|
|
2033
2068
|
StayInControlIcon.displayName = "StayInControlIcon";
|
|
2034
2069
|
|
|
2035
2070
|
// src/primitives/icon/svg/success-check.tsx
|
|
2036
|
-
var
|
|
2071
|
+
var import_jsx_runtime60 = require("react/jsx-runtime");
|
|
2037
2072
|
var SuccessCheckIcon = (_a) => {
|
|
2038
2073
|
var _b = _a, { title: title2, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
2039
|
-
return /* @__PURE__ */ (0,
|
|
2074
|
+
return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
|
|
2040
2075
|
"svg",
|
|
2041
2076
|
__spreadProps(__spreadValues(__spreadValues({
|
|
2042
2077
|
width: "24",
|
|
@@ -2047,8 +2082,8 @@ var SuccessCheckIcon = (_a) => {
|
|
|
2047
2082
|
className
|
|
2048
2083
|
}, getIconA11yProps(title2)), props), {
|
|
2049
2084
|
children: [
|
|
2050
|
-
title2 ? /* @__PURE__ */ (0,
|
|
2051
|
-
/* @__PURE__ */ (0,
|
|
2085
|
+
title2 ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("title", { children: title2 }) : null,
|
|
2086
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
|
|
2052
2087
|
"path",
|
|
2053
2088
|
{
|
|
2054
2089
|
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",
|
|
@@ -2062,10 +2097,10 @@ var SuccessCheckIcon = (_a) => {
|
|
|
2062
2097
|
SuccessCheckIcon.displayName = "SuccessCheckIcon";
|
|
2063
2098
|
|
|
2064
2099
|
// src/primitives/icon/svg/telegram.tsx
|
|
2065
|
-
var
|
|
2100
|
+
var import_jsx_runtime61 = require("react/jsx-runtime");
|
|
2066
2101
|
var TelegramIcon = (_a) => {
|
|
2067
2102
|
var _b = _a, { title: title2, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
2068
|
-
return /* @__PURE__ */ (0,
|
|
2103
|
+
return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
|
|
2069
2104
|
"svg",
|
|
2070
2105
|
__spreadProps(__spreadValues(__spreadValues({
|
|
2071
2106
|
viewBox: "0 0 20 20",
|
|
@@ -2073,8 +2108,8 @@ var TelegramIcon = (_a) => {
|
|
|
2073
2108
|
fill: "none"
|
|
2074
2109
|
}, getIconA11yProps(title2)), props), {
|
|
2075
2110
|
children: [
|
|
2076
|
-
title2 ? /* @__PURE__ */ (0,
|
|
2077
|
-
/* @__PURE__ */ (0,
|
|
2111
|
+
title2 ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("title", { children: title2 }) : null,
|
|
2112
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsx)("g", { clipPath: "url(#clip0_telegram)", children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
|
|
2078
2113
|
"path",
|
|
2079
2114
|
{
|
|
2080
2115
|
fillRule: "evenodd",
|
|
@@ -2083,7 +2118,7 @@ var TelegramIcon = (_a) => {
|
|
|
2083
2118
|
fill: "currentColor"
|
|
2084
2119
|
}
|
|
2085
2120
|
) }),
|
|
2086
|
-
/* @__PURE__ */ (0,
|
|
2121
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("clipPath", { id: "clip0_telegram", children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("rect", { width: "20", height: "20", fill: "white" }) }) })
|
|
2087
2122
|
]
|
|
2088
2123
|
})
|
|
2089
2124
|
);
|
|
@@ -2091,10 +2126,10 @@ var TelegramIcon = (_a) => {
|
|
|
2091
2126
|
TelegramIcon.displayName = "TelegramIcon";
|
|
2092
2127
|
|
|
2093
2128
|
// src/primitives/icon/svg/triangle-down.tsx
|
|
2094
|
-
var
|
|
2129
|
+
var import_jsx_runtime62 = require("react/jsx-runtime");
|
|
2095
2130
|
var TriangleDownIcon = (_a) => {
|
|
2096
2131
|
var _b = _a, { title: title2, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
2097
|
-
return /* @__PURE__ */ (0,
|
|
2132
|
+
return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
|
|
2098
2133
|
"svg",
|
|
2099
2134
|
__spreadProps(__spreadValues(__spreadValues({
|
|
2100
2135
|
viewBox: "0 0 8 8",
|
|
@@ -2102,16 +2137,16 @@ var TriangleDownIcon = (_a) => {
|
|
|
2102
2137
|
fill: "none"
|
|
2103
2138
|
}, getIconA11yProps(title2)), props), {
|
|
2104
2139
|
children: [
|
|
2105
|
-
title2 ? /* @__PURE__ */ (0,
|
|
2106
|
-
/* @__PURE__ */ (0,
|
|
2107
|
-
/* @__PURE__ */ (0,
|
|
2140
|
+
title2 ? /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("title", { children: title2 }) : null,
|
|
2141
|
+
/* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("g", { transform: "scale(1,-1) translate(0,-8)", clipPath: "url(#triangle_up)", children: [
|
|
2142
|
+
/* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
|
|
2108
2143
|
"path",
|
|
2109
2144
|
{
|
|
2110
2145
|
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",
|
|
2111
2146
|
fill: "currentColor"
|
|
2112
2147
|
}
|
|
2113
2148
|
),
|
|
2114
|
-
/* @__PURE__ */ (0,
|
|
2149
|
+
/* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
|
|
2115
2150
|
"path",
|
|
2116
2151
|
{
|
|
2117
2152
|
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",
|
|
@@ -2119,7 +2154,7 @@ var TriangleDownIcon = (_a) => {
|
|
|
2119
2154
|
}
|
|
2120
2155
|
)
|
|
2121
2156
|
] }),
|
|
2122
|
-
/* @__PURE__ */ (0,
|
|
2157
|
+
/* @__PURE__ */ (0, import_jsx_runtime62.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("clipPath", { id: "triangle_up", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("rect", { width: "8", height: "8", fill: "white" }) }) })
|
|
2123
2158
|
]
|
|
2124
2159
|
})
|
|
2125
2160
|
);
|
|
@@ -2127,10 +2162,10 @@ var TriangleDownIcon = (_a) => {
|
|
|
2127
2162
|
TriangleDownIcon.displayName = "TriangleDownIcon";
|
|
2128
2163
|
|
|
2129
2164
|
// src/primitives/icon/svg/triangle-up.tsx
|
|
2130
|
-
var
|
|
2165
|
+
var import_jsx_runtime63 = require("react/jsx-runtime");
|
|
2131
2166
|
var TriangleUpIcon = (_a) => {
|
|
2132
2167
|
var _b = _a, { title: title2, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
2133
|
-
return /* @__PURE__ */ (0,
|
|
2168
|
+
return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
|
|
2134
2169
|
"svg",
|
|
2135
2170
|
__spreadProps(__spreadValues(__spreadValues({
|
|
2136
2171
|
viewBox: "0 0 8 8",
|
|
@@ -2138,16 +2173,16 @@ var TriangleUpIcon = (_a) => {
|
|
|
2138
2173
|
fill: "none"
|
|
2139
2174
|
}, getIconA11yProps(title2)), props), {
|
|
2140
2175
|
children: [
|
|
2141
|
-
title2 ? /* @__PURE__ */ (0,
|
|
2142
|
-
/* @__PURE__ */ (0,
|
|
2143
|
-
/* @__PURE__ */ (0,
|
|
2176
|
+
title2 ? /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("title", { children: title2 }) : null,
|
|
2177
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("g", { clipPath: "url(#triangle_up)", children: [
|
|
2178
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
|
|
2144
2179
|
"path",
|
|
2145
2180
|
{
|
|
2146
2181
|
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",
|
|
2147
2182
|
fill: "currentColor"
|
|
2148
2183
|
}
|
|
2149
2184
|
),
|
|
2150
|
-
/* @__PURE__ */ (0,
|
|
2185
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
|
|
2151
2186
|
"path",
|
|
2152
2187
|
{
|
|
2153
2188
|
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",
|
|
@@ -2155,7 +2190,7 @@ var TriangleUpIcon = (_a) => {
|
|
|
2155
2190
|
}
|
|
2156
2191
|
)
|
|
2157
2192
|
] }),
|
|
2158
|
-
/* @__PURE__ */ (0,
|
|
2193
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("clipPath", { id: "triangle_up", children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("rect", { width: "8", height: "8", fill: "white" }) }) })
|
|
2159
2194
|
]
|
|
2160
2195
|
})
|
|
2161
2196
|
);
|
|
@@ -2163,10 +2198,10 @@ var TriangleUpIcon = (_a) => {
|
|
|
2163
2198
|
TriangleUpIcon.displayName = "TriangleUpIcon";
|
|
2164
2199
|
|
|
2165
2200
|
// src/primitives/icon/svg/triangle-up-filled.tsx
|
|
2166
|
-
var
|
|
2201
|
+
var import_jsx_runtime64 = require("react/jsx-runtime");
|
|
2167
2202
|
var TriangleUpFilledIcon = (_a) => {
|
|
2168
2203
|
var _b = _a, { title: title2, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
2169
|
-
return /* @__PURE__ */ (0,
|
|
2204
|
+
return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
|
|
2170
2205
|
"svg",
|
|
2171
2206
|
__spreadProps(__spreadValues(__spreadValues({
|
|
2172
2207
|
viewBox: "0 0 8 8",
|
|
@@ -2174,8 +2209,8 @@ var TriangleUpFilledIcon = (_a) => {
|
|
|
2174
2209
|
fill: "none"
|
|
2175
2210
|
}, getIconA11yProps(title2)), props), {
|
|
2176
2211
|
children: [
|
|
2177
|
-
title2 ? /* @__PURE__ */ (0,
|
|
2178
|
-
/* @__PURE__ */ (0,
|
|
2212
|
+
title2 ? /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("title", { children: title2 }) : null,
|
|
2213
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
|
|
2179
2214
|
"path",
|
|
2180
2215
|
{
|
|
2181
2216
|
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",
|
|
@@ -2189,10 +2224,10 @@ var TriangleUpFilledIcon = (_a) => {
|
|
|
2189
2224
|
TriangleUpFilledIcon.displayName = "TriangleUpFilledIcon";
|
|
2190
2225
|
|
|
2191
2226
|
// src/primitives/icon/svg/twitter.tsx
|
|
2192
|
-
var
|
|
2227
|
+
var import_jsx_runtime65 = require("react/jsx-runtime");
|
|
2193
2228
|
var TwitterIcon = (_a) => {
|
|
2194
2229
|
var _b = _a, { title: title2, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
2195
|
-
return /* @__PURE__ */ (0,
|
|
2230
|
+
return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
|
|
2196
2231
|
"svg",
|
|
2197
2232
|
__spreadProps(__spreadValues(__spreadValues({
|
|
2198
2233
|
viewBox: "0 0 24 24",
|
|
@@ -2200,8 +2235,8 @@ var TwitterIcon = (_a) => {
|
|
|
2200
2235
|
fill: "none"
|
|
2201
2236
|
}, getIconA11yProps(title2)), props), {
|
|
2202
2237
|
children: [
|
|
2203
|
-
title2 ? /* @__PURE__ */ (0,
|
|
2204
|
-
/* @__PURE__ */ (0,
|
|
2238
|
+
title2 ? /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("title", { children: title2 }) : null,
|
|
2239
|
+
/* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
|
|
2205
2240
|
"path",
|
|
2206
2241
|
{
|
|
2207
2242
|
d: "M18.325 2H21.7002L14.3283 10.4233L23 21.8871H16.2121L10.8918 14.936L4.81058 21.8871H1.42992L9.31325 12.8753L1 2H7.96025L12.7645 8.35342L18.325 2ZM17.1398 19.8695H19.0088L6.94183 3.91217H4.93433L17.1398 19.8695Z",
|
|
@@ -2215,10 +2250,10 @@ var TwitterIcon = (_a) => {
|
|
|
2215
2250
|
TwitterIcon.displayName = "TwitterIcon";
|
|
2216
2251
|
|
|
2217
2252
|
// src/primitives/icon/svg/upload.tsx
|
|
2218
|
-
var
|
|
2253
|
+
var import_jsx_runtime66 = require("react/jsx-runtime");
|
|
2219
2254
|
var UploadIcon = (_a) => {
|
|
2220
2255
|
var _b = _a, { title: title2, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
2221
|
-
return /* @__PURE__ */ (0,
|
|
2256
|
+
return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
|
|
2222
2257
|
"svg",
|
|
2223
2258
|
__spreadProps(__spreadValues(__spreadValues({
|
|
2224
2259
|
viewBox: "0 0 16 16",
|
|
@@ -2226,16 +2261,16 @@ var UploadIcon = (_a) => {
|
|
|
2226
2261
|
fill: "none"
|
|
2227
2262
|
}, getIconA11yProps(title2)), props), {
|
|
2228
2263
|
children: [
|
|
2229
|
-
title2 ? /* @__PURE__ */ (0,
|
|
2230
|
-
/* @__PURE__ */ (0,
|
|
2231
|
-
/* @__PURE__ */ (0,
|
|
2264
|
+
title2 ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("title", { children: title2 }) : null,
|
|
2265
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("g", { clipPath: "url(#upload-clip)", children: [
|
|
2266
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
2232
2267
|
"path",
|
|
2233
2268
|
{
|
|
2234
2269
|
d: "M7.33755 1.71857L7.33288 12.0106C7.33288 12.1874 7.40312 12.357 7.52814 12.482C7.65317 12.607 7.82274 12.6772 7.99955 12.6772C8.17636 12.6772 8.34593 12.607 8.47095 12.482C8.59598 12.357 8.66621 12.1874 8.66621 12.0106L8.67088 1.7299L10.6122 3.6719C10.7372 3.79688 10.9068 3.86709 11.0835 3.86709C11.2603 3.86709 11.4299 3.79688 11.5549 3.6719C11.6799 3.54689 11.7501 3.37735 11.7501 3.20057C11.7501 3.02379 11.6799 2.85426 11.5549 2.72924L9.41421 0.585904C9.22848 0.400051 9.00795 0.252617 8.76521 0.152028C8.52248 0.0514383 8.2623 -0.000335693 7.99955 -0.000335693C7.7368 -0.000335693 7.47662 0.0514383 7.23388 0.152028C6.99115 0.252617 6.77061 0.400051 6.58488 0.585904L4.44421 2.72724C4.31923 2.85226 4.24902 3.02179 4.24902 3.19857C4.24902 3.37535 4.31923 3.54489 4.44421 3.6699C4.56923 3.79488 4.73877 3.86509 4.91555 3.86509C5.09232 3.86509 5.26186 3.79488 5.38688 3.6699L7.33755 1.71857Z",
|
|
2235
2270
|
fill: "currentColor"
|
|
2236
2271
|
}
|
|
2237
2272
|
),
|
|
2238
|
-
/* @__PURE__ */ (0,
|
|
2273
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
2239
2274
|
"path",
|
|
2240
2275
|
{
|
|
2241
2276
|
d: "M14.6667 11.3333V14C14.6667 14.1768 14.5964 14.3464 14.4714 14.4714C14.3464 14.5964 14.1768 14.6667 14 14.6667H2C1.82319 14.6667 1.65362 14.5964 1.5286 14.4714C1.40357 14.3464 1.33333 14.1768 1.33333 14V11.3333C1.33333 11.1565 1.2631 10.9869 1.13807 10.8619C1.01305 10.7369 0.843478 10.6667 0.666667 10.6667C0.489856 10.6667 0.320286 10.7369 0.195262 10.8619C0.0702379 10.9869 0 11.1565 0 11.3333L0 14C0 14.5304 0.210714 15.0391 0.585786 15.4142C0.960859 15.7893 1.46957 16 2 16H14C14.5304 16 15.0391 15.7893 15.4142 15.4142C15.7893 15.0391 16 14.5304 16 14V11.3333C16 11.1565 15.9298 10.9869 15.8047 10.8619C15.6797 10.7369 15.5101 10.6667 15.3333 10.6667C15.1565 10.6667 14.987 10.7369 14.8619 10.8619C14.7369 10.9869 14.6667 11.1565 14.6667 11.3333Z",
|
|
@@ -2243,7 +2278,7 @@ var UploadIcon = (_a) => {
|
|
|
2243
2278
|
}
|
|
2244
2279
|
)
|
|
2245
2280
|
] }),
|
|
2246
|
-
/* @__PURE__ */ (0,
|
|
2281
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("clipPath", { id: "upload-clip", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("rect", { width: "16", height: "16", fill: "white" }) }) })
|
|
2247
2282
|
]
|
|
2248
2283
|
})
|
|
2249
2284
|
);
|
|
@@ -2251,10 +2286,10 @@ var UploadIcon = (_a) => {
|
|
|
2251
2286
|
UploadIcon.displayName = "UploadIcon";
|
|
2252
2287
|
|
|
2253
2288
|
// src/primitives/icon/svg/user-trust.tsx
|
|
2254
|
-
var
|
|
2289
|
+
var import_jsx_runtime67 = require("react/jsx-runtime");
|
|
2255
2290
|
var UserTrustIcon = (_a) => {
|
|
2256
2291
|
var _b = _a, { title: title2, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
2257
|
-
return /* @__PURE__ */ (0,
|
|
2292
|
+
return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(
|
|
2258
2293
|
"svg",
|
|
2259
2294
|
__spreadProps(__spreadValues(__spreadValues({
|
|
2260
2295
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -2263,15 +2298,15 @@ var UserTrustIcon = (_a) => {
|
|
|
2263
2298
|
className
|
|
2264
2299
|
}, getIconA11yProps(title2)), props), {
|
|
2265
2300
|
children: [
|
|
2266
|
-
title2 ? /* @__PURE__ */ (0,
|
|
2267
|
-
/* @__PURE__ */ (0,
|
|
2301
|
+
title2 ? /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("title", { children: title2 }) : null,
|
|
2302
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsx)("g", { clipPath: "url(#clip0_user_trust)", children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
|
|
2268
2303
|
"path",
|
|
2269
2304
|
{
|
|
2270
2305
|
d: "M22.5 30C14.2275 30 7.5 23.2725 7.5 15C7.5 6.7275 14.2275 0 22.5 0C30.7725 0 37.5 6.7275 37.5 15C37.5 23.2725 30.7725 30 22.5 30ZM22.5 2.5C15.6075 2.5 10 8.1075 10 15C10 21.8925 15.6075 27.5 22.5 27.5C29.3925 27.5 35 21.8925 35 15C35 8.1075 29.3925 2.5 22.5 2.5ZM2.5 58.75V57.5C2.5 46.9175 10.7675 38.1475 21.3225 37.535C22.0125 37.495 22.5375 36.905 22.4975 36.215C22.4575 35.5275 21.87 34.96 21.1775 35.04C9.3025 35.7275 0 45.5925 0 57.5V58.75C0 59.44 0.56 60 1.25 60C1.94 60 2.5 59.44 2.5 58.75ZM43.75 60C34.79 60 27.5 52.71 27.5 43.75C27.5 34.79 34.79 27.5 43.75 27.5C52.71 27.5 60 34.79 60 43.75C60 52.71 52.71 60 43.75 60ZM43.75 30C36.1675 30 30 36.17 30 43.75C30 51.33 36.1675 57.5 43.75 57.5C51.3325 57.5 57.5 51.33 57.5 43.75C57.5 36.17 51.3325 30 43.75 30ZM45.3375 48.66L52.095 42.125C52.59 41.645 52.605 40.8525 52.125 40.3575C51.6475 39.8625 50.8575 39.85 50.3575 40.3275L43.5925 46.8725C42.7525 47.7 41.38 47.705 40.535 46.8825L37.1275 43.52C36.6375 43.035 35.845 43.04 35.36 43.53C34.875 44.0225 34.88 44.815 35.3725 45.2975L38.7825 48.665C39.6875 49.55 40.875 49.9925 42.0625 49.9925C43.25 49.9925 44.4375 49.5475 45.3375 48.66Z",
|
|
2271
2306
|
fill: "currentColor"
|
|
2272
2307
|
}
|
|
2273
2308
|
) }),
|
|
2274
|
-
/* @__PURE__ */ (0,
|
|
2309
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("clipPath", { id: "clip0_user_trust", children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("rect", { width: "60", height: "60", fill: "white" }) }) })
|
|
2275
2310
|
]
|
|
2276
2311
|
})
|
|
2277
2312
|
);
|
|
@@ -2279,10 +2314,10 @@ var UserTrustIcon = (_a) => {
|
|
|
2279
2314
|
UserTrustIcon.displayName = "UserTrustIcon";
|
|
2280
2315
|
|
|
2281
2316
|
// src/primitives/icon/svg/usdc.tsx
|
|
2282
|
-
var
|
|
2317
|
+
var import_jsx_runtime68 = require("react/jsx-runtime");
|
|
2283
2318
|
var UsdcIcon = (_a) => {
|
|
2284
2319
|
var _b = _a, { title: title2, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
2285
|
-
return /* @__PURE__ */ (0,
|
|
2320
|
+
return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
|
|
2286
2321
|
"svg",
|
|
2287
2322
|
__spreadProps(__spreadValues(__spreadValues({
|
|
2288
2323
|
viewBox: "0 0 32 32",
|
|
@@ -2290,16 +2325,16 @@ var UsdcIcon = (_a) => {
|
|
|
2290
2325
|
fill: "none"
|
|
2291
2326
|
}, getIconA11yProps(title2)), props), {
|
|
2292
2327
|
children: [
|
|
2293
|
-
title2 ? /* @__PURE__ */ (0,
|
|
2294
|
-
/* @__PURE__ */ (0,
|
|
2295
|
-
/* @__PURE__ */ (0,
|
|
2328
|
+
title2 ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("title", { children: title2 }) : null,
|
|
2329
|
+
/* @__PURE__ */ (0, import_jsx_runtime68.jsx)("circle", { cx: "16", cy: "16", r: "16", fill: "#2775CA" }),
|
|
2330
|
+
/* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
|
|
2296
2331
|
"path",
|
|
2297
2332
|
{
|
|
2298
2333
|
d: "M20.4 18.6c0-2.2-1.3-3-3.9-3.3-1.9-.3-2.3-.8-2.3-1.7s.7-1.5 2.1-1.5c1.2 0 1.9.4 2.2 1.4.1.2.2.3.4.3h1c.2 0 .4-.2.4-.4-.2-1.3-1.1-2.4-2.6-2.7v-1.5c0-.2-.2-.4-.5-.4h-.9c-.2 0-.4.2-.5.4v1.5c-1.7.3-2.8 1.4-2.8 2.9 0 2.1 1.3 2.8 3.9 3.2 1.7.3 2.3.8 2.3 1.8s-.9 1.7-2.2 1.7c-1.7 0-2.3-.7-2.5-1.6-.1-.2-.2-.3-.4-.3h-1c-.2 0-.4.2-.4.4.3 1.6 1.3 2.6 3.1 2.9v1.5c0 .2.2.4.5.4h.9c.2 0 .4-.2.5-.4v-1.5c1.7-.3 2.8-1.5 2.8-3.1z",
|
|
2299
2334
|
fill: "#fff"
|
|
2300
2335
|
}
|
|
2301
2336
|
),
|
|
2302
|
-
/* @__PURE__ */ (0,
|
|
2337
|
+
/* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
|
|
2303
2338
|
"path",
|
|
2304
2339
|
{
|
|
2305
2340
|
d: "M13.1 25.2c-4.6-1.6-7-6.7-5.3-11.3 1-2.7 3.1-4.5 5.7-5.3.2-.1.4-.3.4-.5v-.9c0-.2-.2-.4-.4-.4h-.1c-5.3 1.6-8.3 7.3-6.7 12.6 1 3.3 3.5 5.8 6.8 6.8.2.1.5-.1.5-.3v-.9c-.1-.3-.2-.5-.5-.6l-.4-.2zM19.3 6.8c-.2-.1-.5.1-.5.3v.9c0 .2.2.5.4.6 4.6 1.6 7 6.7 5.3 11.3-1 2.7-3.1 4.5-5.7 5.3-.2.1-.4.3-.4.5v.9c0 .2.2.4.4.4h.1c5.3-1.6 8.3-7.3 6.7-12.6-1-3.3-3.5-5.8-6.8-6.8l.5.2z",
|
|
@@ -2313,10 +2348,10 @@ var UsdcIcon = (_a) => {
|
|
|
2313
2348
|
UsdcIcon.displayName = "UsdcIcon";
|
|
2314
2349
|
|
|
2315
2350
|
// src/primitives/icon/svg/wallet.tsx
|
|
2316
|
-
var
|
|
2351
|
+
var import_jsx_runtime69 = require("react/jsx-runtime");
|
|
2317
2352
|
var WalletIcon = (_a) => {
|
|
2318
2353
|
var _b = _a, { title: title2, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
2319
|
-
return /* @__PURE__ */ (0,
|
|
2354
|
+
return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
|
|
2320
2355
|
"svg",
|
|
2321
2356
|
__spreadProps(__spreadValues(__spreadValues({
|
|
2322
2357
|
viewBox: "0 0 24 24",
|
|
@@ -2324,8 +2359,8 @@ var WalletIcon = (_a) => {
|
|
|
2324
2359
|
fill: "none"
|
|
2325
2360
|
}, getIconA11yProps(title2)), props), {
|
|
2326
2361
|
children: [
|
|
2327
|
-
title2 ? /* @__PURE__ */ (0,
|
|
2328
|
-
/* @__PURE__ */ (0,
|
|
2362
|
+
title2 ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("title", { children: title2 }) : null,
|
|
2363
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
|
|
2329
2364
|
"path",
|
|
2330
2365
|
{
|
|
2331
2366
|
d: "M21.5 6H4.5C3.354 6 2.279 5.433 1.628 4.501C2.262 3.594 3.313 3 4.5 3H23.5C23.776 3 24 2.776 24 2.5C24 2.224 23.776 2 23.5 2H4.5C2.015 2 0 4.015 0 6.5V17.5C0 19.985 2.015 22 4.5 22H21.5C22.881 22 24 20.881 24 19.5V8.5C24 7.119 22.881 6 21.5 6ZM23 19.5C23 20.327 22.327 21 21.5 21H4.5C2.57 21 1 19.43 1 17.5V6.5C1 6.152 1.051 5.816 1.146 5.499C1.992 6.441 3.21 7 4.5 7H21.5C22.327 7 23 7.673 23 8.5V19.5ZM21 14C21 14.552 20.552 15 20 15C19.448 15 19 14.552 19 14C19 13.448 19.448 13 20 13C20.552 13 21 13.448 21 14Z",
|
|
@@ -2339,10 +2374,10 @@ var WalletIcon = (_a) => {
|
|
|
2339
2374
|
WalletIcon.displayName = "WalletIcon";
|
|
2340
2375
|
|
|
2341
2376
|
// src/primitives/icon/svg/wallet-avatar.tsx
|
|
2342
|
-
var
|
|
2377
|
+
var import_jsx_runtime70 = require("react/jsx-runtime");
|
|
2343
2378
|
function WalletAvatarIcon(_a) {
|
|
2344
2379
|
var _b = _a, { title: title2, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
2345
|
-
return /* @__PURE__ */ (0,
|
|
2380
|
+
return /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(
|
|
2346
2381
|
"svg",
|
|
2347
2382
|
__spreadProps(__spreadValues(__spreadValues({
|
|
2348
2383
|
fill: "none",
|
|
@@ -2350,9 +2385,9 @@ function WalletAvatarIcon(_a) {
|
|
|
2350
2385
|
viewBox: "0 0 16 16"
|
|
2351
2386
|
}, getIconA11yProps(title2)), props), {
|
|
2352
2387
|
children: [
|
|
2353
|
-
title2 ? /* @__PURE__ */ (0,
|
|
2354
|
-
/* @__PURE__ */ (0,
|
|
2355
|
-
/* @__PURE__ */ (0,
|
|
2388
|
+
title2 ? /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("title", { children: title2 }) : null,
|
|
2389
|
+
/* @__PURE__ */ (0, import_jsx_runtime70.jsx)("circle", { cx: "8", cy: "5.25", r: "2.25", fill: "currentColor" }),
|
|
2390
|
+
/* @__PURE__ */ (0, import_jsx_runtime70.jsx)("path", { d: "M3.75 12.75a4.25 4.25 0 0 1 8.5 0v.25h-8.5v-.25Z", fill: "currentColor" })
|
|
2356
2391
|
]
|
|
2357
2392
|
})
|
|
2358
2393
|
);
|
|
@@ -2360,10 +2395,10 @@ function WalletAvatarIcon(_a) {
|
|
|
2360
2395
|
WalletAvatarIcon.displayName = "WalletAvatarIcon";
|
|
2361
2396
|
|
|
2362
2397
|
// src/primitives/icon/svg/wallet-filled.tsx
|
|
2363
|
-
var
|
|
2398
|
+
var import_jsx_runtime71 = require("react/jsx-runtime");
|
|
2364
2399
|
var WalletFilledIcon = (_a) => {
|
|
2365
2400
|
var _b = _a, { title: title2, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
2366
|
-
return /* @__PURE__ */ (0,
|
|
2401
|
+
return /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(
|
|
2367
2402
|
"svg",
|
|
2368
2403
|
__spreadProps(__spreadValues(__spreadValues({
|
|
2369
2404
|
viewBox: "0 0 14 14",
|
|
@@ -2371,8 +2406,8 @@ var WalletFilledIcon = (_a) => {
|
|
|
2371
2406
|
fill: "none"
|
|
2372
2407
|
}, getIconA11yProps(title2)), props), {
|
|
2373
2408
|
children: [
|
|
2374
|
-
title2 ? /* @__PURE__ */ (0,
|
|
2375
|
-
/* @__PURE__ */ (0,
|
|
2409
|
+
title2 ? /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("title", { children: title2 }) : null,
|
|
2410
|
+
/* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
|
|
2376
2411
|
"path",
|
|
2377
2412
|
{
|
|
2378
2413
|
d: "M12.25 3.50008H2.91667C2.41558 3.50008 1.94133 3.28308 1.61292 2.91733C1.93375 2.55916 2.39983 2.33341 2.91667 2.33341H13.4167C13.7392 2.33341 14 2.07208 14 1.75008C14 1.42808 13.7392 1.16675 13.4167 1.16675H2.91667C1.30608 1.16675 0 2.47283 0 4.08342V9.91675C0 11.5273 1.30608 12.8334 2.91667 12.8334H12.25C13.2166 12.8334 14 12.05 14 11.0834V5.25008C14 4.2835 13.2166 3.50008 12.25 3.50008ZM12.8333 11.0834C12.8333 11.4048 12.572 11.6667 12.25 11.6667H2.91667C1.95183 11.6667 1.16667 10.8816 1.16667 9.91675V4.08225C1.66483 4.455 2.27733 4.66675 2.91667 4.66675H12.25C12.572 4.66675 12.8333 4.92866 12.8333 5.25008V11.0834ZM11.6667 8.16675C11.6667 8.48875 11.4053 8.75008 11.0833 8.75008C10.7613 8.75008 10.5 8.48875 10.5 8.16675C10.5 7.84475 10.7613 7.58342 11.0833 7.58342C11.4053 7.58342 11.6667 7.84475 11.6667 8.16675Z",
|
|
@@ -2386,10 +2421,10 @@ var WalletFilledIcon = (_a) => {
|
|
|
2386
2421
|
WalletFilledIcon.displayName = "WalletFilledIcon";
|
|
2387
2422
|
|
|
2388
2423
|
// src/primitives/icon/svg/paper-plane.tsx
|
|
2389
|
-
var
|
|
2424
|
+
var import_jsx_runtime72 = require("react/jsx-runtime");
|
|
2390
2425
|
var PaperPlaneIcon = (_a) => {
|
|
2391
2426
|
var _b = _a, { title: title2, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
2392
|
-
return /* @__PURE__ */ (0,
|
|
2427
|
+
return /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(
|
|
2393
2428
|
"svg",
|
|
2394
2429
|
__spreadProps(__spreadValues(__spreadValues({
|
|
2395
2430
|
viewBox: "0 0 24 24",
|
|
@@ -2397,15 +2432,15 @@ var PaperPlaneIcon = (_a) => {
|
|
|
2397
2432
|
fill: "none"
|
|
2398
2433
|
}, getIconA11yProps(title2)), props), {
|
|
2399
2434
|
children: [
|
|
2400
|
-
title2 ? /* @__PURE__ */ (0,
|
|
2401
|
-
/* @__PURE__ */ (0,
|
|
2435
|
+
title2 ? /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("title", { children: title2 }) : null,
|
|
2436
|
+
/* @__PURE__ */ (0, import_jsx_runtime72.jsx)("g", { clipPath: "url(#paper-plane-clip)", children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
|
|
2402
2437
|
"path",
|
|
2403
2438
|
{
|
|
2404
2439
|
d: "M23.149 0.854808C22.43 0.135808 21.42 -0.152192 20.441 0.0858076L4.21901 4.30981C2.13901 4.59681 0.532009 6.10881 0.125009 8.16081C-0.184991 9.72081 0.349009 11.3698 1.56401 12.5848L3.00101 13.9388V18.5008C3.00101 19.1868 3.27901 19.8088 3.72801 20.2608C3.73001 20.2628 3.73101 20.2658 3.73301 20.2688C3.73501 20.2718 3.73801 20.2718 3.74101 20.2738C4.19301 20.7228 4.81501 21.0008 5.50101 21.0008H10.075L11.456 22.4768C12.438 23.4588 13.757 23.9978 15.059 23.9978C15.525 23.9978 15.989 23.9288 16.434 23.7868C18.218 23.2178 19.478 21.7408 19.713 19.9878L23.91 3.60081C24.154 2.60181 23.87 1.57681 23.15 0.855808L23.149 0.854808ZM2.26001 11.8668C1.29301 10.8988 0.861009 9.58681 1.10501 8.35481C1.42801 6.72781 2.70401 5.52881 4.41401 5.28881L20.686 1.05681C20.83 1.02181 20.976 1.00481 21.12 1.00481C21.441 1.00481 21.753 1.09781 22.035 1.25981L4.15001 19.1438C4.05601 18.9478 4.00001 18.7318 4.00001 18.5008V13.7228C4.00001 13.5848 3.94301 13.4528 3.84301 13.3588L2.26001 11.8668ZM22.939 3.35781L18.731 19.7958C18.538 21.2188 17.541 22.3828 16.128 22.8328C14.789 23.2588 13.232 22.8408 12.172 21.7808L10.654 20.1588C10.559 20.0578 10.427 20.0008 10.289 20.0008H5.50001C5.26901 20.0008 5.05301 19.9438 4.85701 19.8508L22.746 1.96181C22.984 2.37781 23.058 2.87381 22.939 3.35781Z",
|
|
2405
2440
|
fill: "currentColor"
|
|
2406
2441
|
}
|
|
2407
2442
|
) }),
|
|
2408
|
-
/* @__PURE__ */ (0,
|
|
2443
|
+
/* @__PURE__ */ (0, import_jsx_runtime72.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("clipPath", { id: "paper-plane-clip", children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("rect", { width: "24", height: "24", fill: "white" }) }) })
|
|
2409
2444
|
]
|
|
2410
2445
|
})
|
|
2411
2446
|
);
|
|
@@ -2413,10 +2448,10 @@ var PaperPlaneIcon = (_a) => {
|
|
|
2413
2448
|
PaperPlaneIcon.displayName = "PaperPlaneIcon";
|
|
2414
2449
|
|
|
2415
2450
|
// src/primitives/icon/svg/warning.tsx
|
|
2416
|
-
var
|
|
2451
|
+
var import_jsx_runtime73 = require("react/jsx-runtime");
|
|
2417
2452
|
var WarningIcon = (_a) => {
|
|
2418
2453
|
var _b = _a, { title: title2, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
2419
|
-
return /* @__PURE__ */ (0,
|
|
2454
|
+
return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
|
|
2420
2455
|
"svg",
|
|
2421
2456
|
__spreadProps(__spreadValues(__spreadValues({
|
|
2422
2457
|
width: "14",
|
|
@@ -2427,8 +2462,8 @@ var WarningIcon = (_a) => {
|
|
|
2427
2462
|
className
|
|
2428
2463
|
}, getIconA11yProps(title2)), props), {
|
|
2429
2464
|
children: [
|
|
2430
|
-
title2 ? /* @__PURE__ */ (0,
|
|
2431
|
-
/* @__PURE__ */ (0,
|
|
2465
|
+
title2 ? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("title", { children: title2 }) : null,
|
|
2466
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
|
|
2432
2467
|
"path",
|
|
2433
2468
|
{
|
|
2434
2469
|
d: "M6.41665 8.1665V4.6665C6.41665 4.34567 6.67915 4.08317 6.99998 4.08317C7.32082 4.08317 7.58332 4.34567 7.58332 4.6665V8.1665C7.58332 8.48734 7.32082 8.74984 6.99998 8.74984C6.67915 8.74984 6.41665 8.48734 6.41665 8.1665ZM6.99998 9.33317C6.51582 9.33317 6.12498 9.724 6.12498 10.2082C6.12498 10.6923 6.51582 11.0832 6.99998 11.0832C7.48415 11.0832 7.87498 10.6923 7.87498 10.2082C7.87498 9.724 7.48415 9.33317 6.99998 9.33317ZM13.755 12.1798C13.3467 12.9673 12.4892 13.4165 11.4158 13.4165H2.58998C1.51082 13.4165 0.659151 12.9673 0.250818 12.1798C-0.163348 11.3865 -0.0466818 10.3715 0.542485 9.51984L5.23248 2.09984C5.64665 1.50484 6.29998 1.1665 6.99998 1.1665C7.69999 1.1665 8.35332 1.50484 8.74998 2.08234L13.4633 9.5315C14.0525 10.3832 14.1633 11.3923 13.7492 12.1798H13.755ZM12.5008 10.1848C12.5008 10.1848 12.4892 10.1732 12.4892 10.1615L7.78165 2.724C7.61248 2.48484 7.32082 2.33317 6.99998 2.33317C6.67915 2.33317 6.38749 2.48484 6.20665 2.74734L1.51082 10.1615C1.14915 10.6748 1.06748 11.2348 1.27748 11.6373C1.48165 12.034 1.94832 12.2498 2.58415 12.2498H11.4042C12.04 12.2498 12.5067 12.034 12.7108 11.6373C12.9208 11.2348 12.8392 10.6748 12.495 10.1848H12.5008Z",
|
|
@@ -2442,10 +2477,10 @@ var WarningIcon = (_a) => {
|
|
|
2442
2477
|
WarningIcon.displayName = "WarningIcon";
|
|
2443
2478
|
|
|
2444
2479
|
// src/primitives/icon/svg/warning-filled.tsx
|
|
2445
|
-
var
|
|
2480
|
+
var import_jsx_runtime74 = require("react/jsx-runtime");
|
|
2446
2481
|
var WarningFilledIcon = (_a) => {
|
|
2447
2482
|
var _b = _a, { title: title2, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
2448
|
-
return /* @__PURE__ */ (0,
|
|
2483
|
+
return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(
|
|
2449
2484
|
"svg",
|
|
2450
2485
|
__spreadProps(__spreadValues(__spreadValues({
|
|
2451
2486
|
viewBox: "0 0 16 16",
|
|
@@ -2453,8 +2488,8 @@ var WarningFilledIcon = (_a) => {
|
|
|
2453
2488
|
fill: "none"
|
|
2454
2489
|
}, getIconA11yProps(title2)), props), {
|
|
2455
2490
|
children: [
|
|
2456
|
-
title2 ? /* @__PURE__ */ (0,
|
|
2457
|
-
/* @__PURE__ */ (0,
|
|
2491
|
+
title2 ? /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("title", { children: title2 }) : null,
|
|
2492
|
+
/* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
|
|
2458
2493
|
"path",
|
|
2459
2494
|
{
|
|
2460
2495
|
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",
|
|
@@ -2512,6 +2547,7 @@ var iconRegistry = {
|
|
|
2512
2547
|
info: InfoIcon,
|
|
2513
2548
|
"internet-security": InternetSecurityIcon,
|
|
2514
2549
|
"link-accounts": LinkAccountsIcon,
|
|
2550
|
+
lock: LockIcon,
|
|
2515
2551
|
pencil: PencilIcon,
|
|
2516
2552
|
"play-square": PlaySquareIcon,
|
|
2517
2553
|
polygon: PolygonIcon,
|
|
@@ -2554,7 +2590,7 @@ var resolveIconStyle = (color, style) => {
|
|
|
2554
2590
|
};
|
|
2555
2591
|
|
|
2556
2592
|
// src/primitives/icon/index.tsx
|
|
2557
|
-
var
|
|
2593
|
+
var import_jsx_runtime75 = require("react/jsx-runtime");
|
|
2558
2594
|
var Icon = (_a) => {
|
|
2559
2595
|
var _b = _a, {
|
|
2560
2596
|
name,
|
|
@@ -2578,7 +2614,7 @@ var Icon = (_a) => {
|
|
|
2578
2614
|
}
|
|
2579
2615
|
const resolvedStyle = resolveIconStyle(color, style);
|
|
2580
2616
|
const resolvedClassName = cn(iconSizeClasses[size], className);
|
|
2581
|
-
return /* @__PURE__ */ (0,
|
|
2617
|
+
return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
|
|
2582
2618
|
Component,
|
|
2583
2619
|
__spreadValues({
|
|
2584
2620
|
color,
|
|
@@ -2617,7 +2653,7 @@ var resolveIsDisabled = ({
|
|
|
2617
2653
|
};
|
|
2618
2654
|
|
|
2619
2655
|
// src/primitives/autocomplete-select/index.tsx
|
|
2620
|
-
var
|
|
2656
|
+
var import_jsx_runtime76 = require("react/jsx-runtime");
|
|
2621
2657
|
var AutocompleteSelect = ({
|
|
2622
2658
|
options,
|
|
2623
2659
|
value,
|
|
@@ -2755,14 +2791,14 @@ var AutocompleteSelect = ({
|
|
|
2755
2791
|
optionRefs.current.delete(index);
|
|
2756
2792
|
}
|
|
2757
2793
|
}, []);
|
|
2758
|
-
return /* @__PURE__ */ (0,
|
|
2794
|
+
return /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(
|
|
2759
2795
|
"div",
|
|
2760
2796
|
{
|
|
2761
2797
|
ref: containerRef,
|
|
2762
2798
|
className: cn("group/agg-autocomplete", "relative inline-flex w-full", className),
|
|
2763
2799
|
onKeyDown: handleKeyDown,
|
|
2764
2800
|
children: [
|
|
2765
|
-
/* @__PURE__ */ (0,
|
|
2801
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
|
|
2766
2802
|
"button",
|
|
2767
2803
|
{
|
|
2768
2804
|
ref: triggerRef,
|
|
@@ -2787,11 +2823,11 @@ var AutocompleteSelect = ({
|
|
|
2787
2823
|
e.preventDefault();
|
|
2788
2824
|
handleToggle();
|
|
2789
2825
|
},
|
|
2790
|
-
children: /* @__PURE__ */ (0,
|
|
2826
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("span", { className: "agg-autocomplete-value flex-1 truncate", children: (_b = (_a = selectedOption == null ? void 0 : selectedOption.label) != null ? _a : placeholder) != null ? _b : "" })
|
|
2791
2827
|
}
|
|
2792
2828
|
),
|
|
2793
|
-
/* @__PURE__ */ (0,
|
|
2794
|
-
isOpen ? /* @__PURE__ */ (0,
|
|
2829
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)("span", { className: "agg-autocomplete-chevron pointer-events-none absolute inset-y-0 right-3 inline-flex items-center justify-center text-agg-muted-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Icon, { name: "chevron-down", size: "small", color: "currentColor" }) }),
|
|
2830
|
+
isOpen ? /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(
|
|
2795
2831
|
"div",
|
|
2796
2832
|
{
|
|
2797
2833
|
className: cn(
|
|
@@ -2800,7 +2836,7 @@ var AutocompleteSelect = ({
|
|
|
2800
2836
|
),
|
|
2801
2837
|
onClick: (e) => e.stopPropagation(),
|
|
2802
2838
|
children: [
|
|
2803
|
-
/* @__PURE__ */ (0,
|
|
2839
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "border-b border-agg-separator px-3 py-2", children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
|
|
2804
2840
|
"input",
|
|
2805
2841
|
{
|
|
2806
2842
|
ref: searchInputRef,
|
|
@@ -2817,7 +2853,7 @@ var AutocompleteSelect = ({
|
|
|
2817
2853
|
onChange: handleSearchChange
|
|
2818
2854
|
}
|
|
2819
2855
|
) }),
|
|
2820
|
-
/* @__PURE__ */ (0,
|
|
2856
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
|
|
2821
2857
|
"div",
|
|
2822
2858
|
{
|
|
2823
2859
|
role: "listbox",
|
|
@@ -2826,7 +2862,7 @@ var AutocompleteSelect = ({
|
|
|
2826
2862
|
children: filteredOptions.length > 0 ? filteredOptions.map((option, index) => {
|
|
2827
2863
|
const isSelected = option.value === value;
|
|
2828
2864
|
const isHighlighted = index === highlightedIndex;
|
|
2829
|
-
return /* @__PURE__ */ (0,
|
|
2865
|
+
return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
|
|
2830
2866
|
"button",
|
|
2831
2867
|
{
|
|
2832
2868
|
ref: (el) => setOptionRef(index, el),
|
|
@@ -2849,11 +2885,11 @@ var AutocompleteSelect = ({
|
|
|
2849
2885
|
handleSelect(option.value);
|
|
2850
2886
|
},
|
|
2851
2887
|
onMouseEnter: () => setHighlightedIndex(index),
|
|
2852
|
-
children: /* @__PURE__ */ (0,
|
|
2888
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("span", { className: "agg-autocomplete-item-label truncate", children: option.label })
|
|
2853
2889
|
},
|
|
2854
2890
|
option.value
|
|
2855
2891
|
);
|
|
2856
|
-
}) : /* @__PURE__ */ (0,
|
|
2892
|
+
}) : /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "agg-autocomplete-empty px-4 py-3 text-center text-agg-sm text-agg-muted-foreground", children: emptyLabel != null ? emptyLabel : "No results" })
|
|
2857
2893
|
}
|
|
2858
2894
|
)
|
|
2859
2895
|
]
|
|
@@ -2908,7 +2944,7 @@ var getBadgeClassName = ({
|
|
|
2908
2944
|
};
|
|
2909
2945
|
|
|
2910
2946
|
// src/primitives/badge/index.tsx
|
|
2911
|
-
var
|
|
2947
|
+
var import_jsx_runtime77 = require("react/jsx-runtime");
|
|
2912
2948
|
function Badge({
|
|
2913
2949
|
text,
|
|
2914
2950
|
prefix,
|
|
@@ -2923,7 +2959,7 @@ function Badge({
|
|
|
2923
2959
|
features: { enableAnimations }
|
|
2924
2960
|
} = (0, import_hooks2.useSdkUiConfig)();
|
|
2925
2961
|
const resolvedAriaLabel = resolveBadgeAriaLabel(text);
|
|
2926
|
-
return /* @__PURE__ */ (0,
|
|
2962
|
+
return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
|
|
2927
2963
|
"span",
|
|
2928
2964
|
__spreadProps(__spreadValues({
|
|
2929
2965
|
"aria-label": resolvedAriaLabel,
|
|
@@ -2942,9 +2978,9 @@ function Badge({
|
|
|
2942
2978
|
tabIndex: 0
|
|
2943
2979
|
}), {
|
|
2944
2980
|
children: [
|
|
2945
|
-
prefix ? /* @__PURE__ */ (0,
|
|
2946
|
-
/* @__PURE__ */ (0,
|
|
2947
|
-
suffix ? /* @__PURE__ */ (0,
|
|
2981
|
+
prefix ? /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { className: cn(classNames == null ? void 0 : classNames.prefix, "empty:hidden"), children: prefix }) : null,
|
|
2982
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { className: cn("truncate", classNames == null ? void 0 : classNames.text), children: text }),
|
|
2983
|
+
suffix ? /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { className: cn(classNames == null ? void 0 : classNames.suffix, "empty:hidden"), children: suffix }) : null
|
|
2948
2984
|
]
|
|
2949
2985
|
})
|
|
2950
2986
|
);
|
|
@@ -3023,7 +3059,7 @@ var getButtonClassName = ({
|
|
|
3023
3059
|
};
|
|
3024
3060
|
|
|
3025
3061
|
// src/primitives/button/index.tsx
|
|
3026
|
-
var
|
|
3062
|
+
var import_jsx_runtime78 = require("react/jsx-runtime");
|
|
3027
3063
|
var Button = (_a) => {
|
|
3028
3064
|
var _b = _a, {
|
|
3029
3065
|
children,
|
|
@@ -3052,7 +3088,7 @@ var Button = (_a) => {
|
|
|
3052
3088
|
features: { enableAnimations }
|
|
3053
3089
|
} = (0, import_hooks3.useSdkUiConfig)();
|
|
3054
3090
|
const isDisabled = resolveButtonIsDisabled({ disabled, isLoading });
|
|
3055
|
-
return /* @__PURE__ */ (0,
|
|
3091
|
+
return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
|
|
3056
3092
|
"button",
|
|
3057
3093
|
__spreadProps(__spreadValues({
|
|
3058
3094
|
type,
|
|
@@ -3061,7 +3097,7 @@ var Button = (_a) => {
|
|
|
3061
3097
|
"aria-busy": isLoading,
|
|
3062
3098
|
"aria-label": ariaLabel
|
|
3063
3099
|
}, other), {
|
|
3064
|
-
children: isLoading ? /* @__PURE__ */ (0,
|
|
3100
|
+
children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
|
|
3065
3101
|
"span",
|
|
3066
3102
|
{
|
|
3067
3103
|
className: cn(
|
|
@@ -3072,9 +3108,9 @@ var Button = (_a) => {
|
|
|
3072
3108
|
),
|
|
3073
3109
|
"aria-hidden": "true"
|
|
3074
3110
|
}
|
|
3075
|
-
) : /* @__PURE__ */ (0,
|
|
3111
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(import_jsx_runtime78.Fragment, { children: [
|
|
3076
3112
|
prefix != null ? prefix : null,
|
|
3077
|
-
/* @__PURE__ */ (0,
|
|
3113
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
|
|
3078
3114
|
"span",
|
|
3079
3115
|
{
|
|
3080
3116
|
className: cn("group/span-agg-button agg-button-label", "whitespace-nowrap truncate"),
|
|
@@ -3114,7 +3150,7 @@ var getCardClassName = ({
|
|
|
3114
3150
|
};
|
|
3115
3151
|
|
|
3116
3152
|
// src/primitives/card/index.tsx
|
|
3117
|
-
var
|
|
3153
|
+
var import_jsx_runtime79 = require("react/jsx-runtime");
|
|
3118
3154
|
var Card = (_a) => {
|
|
3119
3155
|
var _b = _a, {
|
|
3120
3156
|
className,
|
|
@@ -3137,16 +3173,16 @@ var Card = (_a) => {
|
|
|
3137
3173
|
hasHref: !!href,
|
|
3138
3174
|
withGradient
|
|
3139
3175
|
});
|
|
3140
|
-
const inner = href ? /* @__PURE__ */ (0,
|
|
3176
|
+
const inner = href ? /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
3141
3177
|
"a",
|
|
3142
3178
|
__spreadValues(__spreadValues({
|
|
3143
3179
|
href,
|
|
3144
3180
|
className: resolvedClassName
|
|
3145
3181
|
}, onClick ? { onClick } : {}), props)
|
|
3146
|
-
) : /* @__PURE__ */ (0,
|
|
3182
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", __spreadValues(__spreadValues({ className: resolvedClassName }, onClick ? { onClick } : {}), props));
|
|
3147
3183
|
if (withGradient) {
|
|
3148
|
-
return /* @__PURE__ */ (0,
|
|
3149
|
-
/* @__PURE__ */ (0,
|
|
3184
|
+
return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "group/agg-card-gradient rounded-agg-xl p-[1px] relative bg-agg-separator", children: [
|
|
3185
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
3150
3186
|
"div",
|
|
3151
3187
|
{
|
|
3152
3188
|
className: "absolute inset-0 rounded-agg-xl bg-gradient-to-b from-agg-separator to-agg-primary opacity-0 group-hover/agg-card-gradient:opacity-100 transition-opacity duration-200 ease-in-out pointer-events-none"
|
|
@@ -3218,7 +3254,7 @@ var getSwitchButtonOptionClassName = (enableAnimations, isActive) => {
|
|
|
3218
3254
|
};
|
|
3219
3255
|
|
|
3220
3256
|
// src/primitives/switch-button/index.tsx
|
|
3221
|
-
var
|
|
3257
|
+
var import_jsx_runtime80 = require("react/jsx-runtime");
|
|
3222
3258
|
var SwitchButton = ({
|
|
3223
3259
|
options,
|
|
3224
3260
|
value,
|
|
@@ -3270,7 +3306,7 @@ var SwitchButton = ({
|
|
|
3270
3306
|
}
|
|
3271
3307
|
onValueChange(nextOption.value);
|
|
3272
3308
|
};
|
|
3273
|
-
return /* @__PURE__ */ (0,
|
|
3309
|
+
return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: getSwitchButtonContainerClassName(enableAnimations, className), children: /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
|
|
3274
3310
|
"div",
|
|
3275
3311
|
{
|
|
3276
3312
|
className: SWITCH_BUTTON_TRACK_CLASS_NAME,
|
|
@@ -3280,7 +3316,7 @@ var SwitchButton = ({
|
|
|
3280
3316
|
role: "tablist",
|
|
3281
3317
|
"aria-label": ariaLabel,
|
|
3282
3318
|
children: [
|
|
3283
|
-
/* @__PURE__ */ (0,
|
|
3319
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
|
|
3284
3320
|
"span",
|
|
3285
3321
|
{
|
|
3286
3322
|
className: getSwitchButtonTrackHighlightClassName(enableAnimations),
|
|
@@ -3294,7 +3330,7 @@ var SwitchButton = ({
|
|
|
3294
3330
|
options.map((option, optionIndex) => {
|
|
3295
3331
|
var _a;
|
|
3296
3332
|
const isActive = optionIndex === activeIndex;
|
|
3297
|
-
return /* @__PURE__ */ (0,
|
|
3333
|
+
return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
|
|
3298
3334
|
"button",
|
|
3299
3335
|
{
|
|
3300
3336
|
type: "button",
|
|
@@ -3478,7 +3514,7 @@ var resolveSelectedSeries = (series, activeSeriesId) => {
|
|
|
3478
3514
|
};
|
|
3479
3515
|
|
|
3480
3516
|
// src/primitives/chart/index.tsx
|
|
3481
|
-
var
|
|
3517
|
+
var import_jsx_runtime81 = require("react/jsx-runtime");
|
|
3482
3518
|
var renderDefaultSeriesControls = ({
|
|
3483
3519
|
series,
|
|
3484
3520
|
activeSeriesId,
|
|
@@ -3487,7 +3523,7 @@ var renderDefaultSeriesControls = ({
|
|
|
3487
3523
|
seriesSwitchAriaLabel,
|
|
3488
3524
|
formatSeriesOptionAriaLabel
|
|
3489
3525
|
}) => {
|
|
3490
|
-
return /* @__PURE__ */ (0,
|
|
3526
|
+
return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
|
|
3491
3527
|
SwitchButton,
|
|
3492
3528
|
{
|
|
3493
3529
|
ariaLabel: seriesSwitchAriaLabel,
|
|
@@ -3626,7 +3662,7 @@ var LineChart = ({
|
|
|
3626
3662
|
seriesSwitchAriaLabel: labels.common.lineChartSeriesSwitchAria,
|
|
3627
3663
|
formatSeriesOptionAriaLabel: labels.common.lineChartSeriesOptionAria
|
|
3628
3664
|
}) : null : null;
|
|
3629
|
-
return /* @__PURE__ */ (0,
|
|
3665
|
+
return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
|
|
3630
3666
|
"div",
|
|
3631
3667
|
{
|
|
3632
3668
|
ref: chartRootRef,
|
|
@@ -3637,7 +3673,7 @@ var LineChart = ({
|
|
|
3637
3673
|
),
|
|
3638
3674
|
style: { width, minHeight: height },
|
|
3639
3675
|
children: [
|
|
3640
|
-
!isLoading && seriesControls ? /* @__PURE__ */ (0,
|
|
3676
|
+
!isLoading && seriesControls ? /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
|
|
3641
3677
|
"div",
|
|
3642
3678
|
{
|
|
3643
3679
|
className: cn(
|
|
@@ -3649,7 +3685,7 @@ var LineChart = ({
|
|
|
3649
3685
|
children: seriesControls
|
|
3650
3686
|
}
|
|
3651
3687
|
) : null,
|
|
3652
|
-
/* @__PURE__ */ (0,
|
|
3688
|
+
/* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
|
|
3653
3689
|
"div",
|
|
3654
3690
|
{
|
|
3655
3691
|
className: cn(
|
|
@@ -3661,7 +3697,7 @@ var LineChart = ({
|
|
|
3661
3697
|
role: "img",
|
|
3662
3698
|
"aria-label": chartType === "candlestick" ? labels.common.candlestickChartAria : labels.common.lineChartAria,
|
|
3663
3699
|
style: { height },
|
|
3664
|
-
children: /* @__PURE__ */ (0,
|
|
3700
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
|
|
3665
3701
|
import_liveline.Liveline,
|
|
3666
3702
|
{
|
|
3667
3703
|
className: cn("agg-livechart agg-chart-canvas h-full w-full", classNames == null ? void 0 : classNames.liveline),
|
|
@@ -4102,12 +4138,12 @@ var import_react4 = require("react");
|
|
|
4102
4138
|
|
|
4103
4139
|
// src/primitives/skeleton/skeleton-block.tsx
|
|
4104
4140
|
var import_hooks8 = require("@agg-build/hooks");
|
|
4105
|
-
var
|
|
4141
|
+
var import_jsx_runtime82 = require("react/jsx-runtime");
|
|
4106
4142
|
var SkeletonBlock = ({ className }) => {
|
|
4107
4143
|
const {
|
|
4108
4144
|
features: { enableAnimations }
|
|
4109
4145
|
} = (0, import_hooks8.useSdkUiConfig)();
|
|
4110
|
-
return /* @__PURE__ */ (0,
|
|
4146
|
+
return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
4111
4147
|
"div",
|
|
4112
4148
|
{
|
|
4113
4149
|
"aria-hidden": true,
|
|
@@ -4136,7 +4172,7 @@ var resolveRemoteImageStatusFromSrc = (src) => {
|
|
|
4136
4172
|
};
|
|
4137
4173
|
|
|
4138
4174
|
// src/primitives/remote-image/index.tsx
|
|
4139
|
-
var
|
|
4175
|
+
var import_jsx_runtime83 = require("react/jsx-runtime");
|
|
4140
4176
|
var RemoteImage = ({
|
|
4141
4177
|
src,
|
|
4142
4178
|
alt,
|
|
@@ -4170,7 +4206,7 @@ var RemoteImage = ({
|
|
|
4170
4206
|
setStatus("error");
|
|
4171
4207
|
};
|
|
4172
4208
|
const sizeStyle = width !== void 0 || height !== void 0 ? { width: width != null ? width : void 0, height: height != null ? height : void 0 } : void 0;
|
|
4173
|
-
return /* @__PURE__ */ (0,
|
|
4209
|
+
return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(
|
|
4174
4210
|
"div",
|
|
4175
4211
|
{
|
|
4176
4212
|
className: cn(containerClasses, classNames == null ? void 0 : classNames.root, className),
|
|
@@ -4187,14 +4223,14 @@ var RemoteImage = ({
|
|
|
4187
4223
|
"aria-label": ariaLabel,
|
|
4188
4224
|
title: title2,
|
|
4189
4225
|
children: [
|
|
4190
|
-
status === "loading" && /* @__PURE__ */ (0,
|
|
4191
|
-
status === "error" && /* @__PURE__ */ (0,
|
|
4226
|
+
status === "loading" && /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(SkeletonBlock, { className: cn(skeletonClasses, classNames == null ? void 0 : classNames.placeholder) }),
|
|
4227
|
+
status === "error" && /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
|
|
4192
4228
|
"div",
|
|
4193
4229
|
{
|
|
4194
4230
|
className: cn(placeholderClasses, classNames == null ? void 0 : classNames.placeholder),
|
|
4195
4231
|
"aria-hidden": true,
|
|
4196
4232
|
"aria-errormessage": "Image failed to load",
|
|
4197
|
-
children: /* @__PURE__ */ (0,
|
|
4233
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
|
|
4198
4234
|
Icon,
|
|
4199
4235
|
{
|
|
4200
4236
|
name: "image",
|
|
@@ -4205,7 +4241,7 @@ var RemoteImage = ({
|
|
|
4205
4241
|
)
|
|
4206
4242
|
}
|
|
4207
4243
|
),
|
|
4208
|
-
isValidRemoteImageSrc(src) && status !== "error" && /* @__PURE__ */ (0,
|
|
4244
|
+
isValidRemoteImageSrc(src) && status !== "error" && /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
|
|
4209
4245
|
"img",
|
|
4210
4246
|
{
|
|
4211
4247
|
src,
|
|
@@ -4297,7 +4333,7 @@ var import_hooks10 = require("@agg-build/hooks");
|
|
|
4297
4333
|
var baseCardClassName = "gap-3 overflow-hidden p-5 w-full";
|
|
4298
4334
|
|
|
4299
4335
|
// src/primitives/skeleton/views/event-list-item-skeleton-view.tsx
|
|
4300
|
-
var
|
|
4336
|
+
var import_jsx_runtime84 = require("react/jsx-runtime");
|
|
4301
4337
|
var EventListItemSkeletonView = ({
|
|
4302
4338
|
className,
|
|
4303
4339
|
ariaLabel,
|
|
@@ -4305,7 +4341,7 @@ var EventListItemSkeletonView = ({
|
|
|
4305
4341
|
}) => {
|
|
4306
4342
|
const labels = (0, import_hooks10.useLabels)();
|
|
4307
4343
|
const outcomeTitleWidths = ["w-40", "w-[200px]"];
|
|
4308
|
-
return /* @__PURE__ */ (0,
|
|
4344
|
+
return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
|
|
4309
4345
|
Card,
|
|
4310
4346
|
{
|
|
4311
4347
|
className: cn("group/agg-skeleton", baseCardClassName, className),
|
|
@@ -4314,23 +4350,23 @@ var EventListItemSkeletonView = ({
|
|
|
4314
4350
|
"aria-busy": isStandalone || void 0,
|
|
4315
4351
|
"aria-hidden": isStandalone ? void 0 : true,
|
|
4316
4352
|
children: [
|
|
4317
|
-
/* @__PURE__ */ (0,
|
|
4318
|
-
/* @__PURE__ */ (0,
|
|
4319
|
-
/* @__PURE__ */ (0,
|
|
4353
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "flex h-10 w-full items-center gap-3 justify-stretch", children: [
|
|
4354
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)(SkeletonBlock, { className: "size-10! rounded-agg-lg" }),
|
|
4355
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)(SkeletonBlock, { className: "h-6 w-fit flex-1 rounded-agg-sm" })
|
|
4320
4356
|
] }),
|
|
4321
|
-
/* @__PURE__ */ (0,
|
|
4322
|
-
/* @__PURE__ */ (0,
|
|
4323
|
-
/* @__PURE__ */ (0,
|
|
4357
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: "flex flex-col gap-3", children: outcomeTitleWidths.map((outcomeTitleWidth, index) => /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "flex w-full items-center justify-between gap-3", children: [
|
|
4358
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)(SkeletonBlock, { className: cn("h-5 rounded-agg-sm", outcomeTitleWidth) }),
|
|
4359
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)(SkeletonBlock, { className: "h-8 w-[100px] rounded-agg-full" })
|
|
4324
4360
|
] }, index)) }),
|
|
4325
|
-
/* @__PURE__ */ (0,
|
|
4326
|
-
/* @__PURE__ */ (0,
|
|
4327
|
-
/* @__PURE__ */ (0,
|
|
4328
|
-
/* @__PURE__ */ (0,
|
|
4329
|
-
/* @__PURE__ */ (0,
|
|
4330
|
-
/* @__PURE__ */ (0,
|
|
4361
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "flex items-center justify-between gap-5 text-agg-muted-foreground", children: [
|
|
4362
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "flex min-w-0 flex-1 items-center gap-2", children: [
|
|
4363
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)(SkeletonBlock, { className: "h-5 w-[100px] rounded-agg-sm" }),
|
|
4364
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "flex items-center gap-1", children: [
|
|
4365
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)(SkeletonBlock, { className: "size-[14px] rounded-agg-sm" }),
|
|
4366
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)(SkeletonBlock, { className: "size-[14px] rounded-agg-sm" })
|
|
4331
4367
|
] })
|
|
4332
4368
|
] }),
|
|
4333
|
-
/* @__PURE__ */ (0,
|
|
4369
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)(SkeletonBlock, { className: "h-5 w-[60px] rounded-agg-sm" })
|
|
4334
4370
|
] })
|
|
4335
4371
|
]
|
|
4336
4372
|
}
|
|
@@ -4339,10 +4375,10 @@ var EventListItemSkeletonView = ({
|
|
|
4339
4375
|
EventListItemSkeletonView.displayName = "EventListItemSkeletonView";
|
|
4340
4376
|
|
|
4341
4377
|
// src/primitives/skeleton/views/event-list-skeleton-view.tsx
|
|
4342
|
-
var
|
|
4378
|
+
var import_jsx_runtime85 = require("react/jsx-runtime");
|
|
4343
4379
|
var EventListSkeletonView = ({ className, ariaLabel }) => {
|
|
4344
4380
|
const labels = (0, import_hooks11.useLabels)();
|
|
4345
|
-
return /* @__PURE__ */ (0,
|
|
4381
|
+
return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(
|
|
4346
4382
|
"section",
|
|
4347
4383
|
{
|
|
4348
4384
|
className: cn("group/agg-skeleton", "flex w-full flex-col gap-5", className),
|
|
@@ -4350,11 +4386,11 @@ var EventListSkeletonView = ({ className, ariaLabel }) => {
|
|
|
4350
4386
|
"aria-label": ariaLabel != null ? ariaLabel : labels.eventList.loading("events"),
|
|
4351
4387
|
"aria-busy": true,
|
|
4352
4388
|
children: [
|
|
4353
|
-
/* @__PURE__ */ (0,
|
|
4354
|
-
/* @__PURE__ */ (0,
|
|
4355
|
-
/* @__PURE__ */ (0,
|
|
4389
|
+
/* @__PURE__ */ (0, import_jsx_runtime85.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: [
|
|
4390
|
+
/* @__PURE__ */ (0, import_jsx_runtime85.jsx)(SkeletonBlock, { className: "h-7 w-[120px] rounded-agg-md" }),
|
|
4391
|
+
/* @__PURE__ */ (0, import_jsx_runtime85.jsx)(SkeletonBlock, { className: "h-8 w-full rounded-agg-md md:w-[400px]" })
|
|
4356
4392
|
] }),
|
|
4357
|
-
/* @__PURE__ */ (0,
|
|
4393
|
+
/* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: "grid grid-cols-[repeat(auto-fit,minmax(240px,1fr))] md:grid-cols-[repeat(auto-fit,minmax(360px,1fr))] gap-4", children: Array.from({ length: DEFAULT_EVENTS_LIMIT }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
|
|
4358
4394
|
EventListItemSkeletonView,
|
|
4359
4395
|
{
|
|
4360
4396
|
isStandalone: false,
|
|
@@ -4375,13 +4411,13 @@ var import_hooks12 = require("@agg-build/hooks");
|
|
|
4375
4411
|
var detailsBaseCardClassName = "w-full gap-6 p-5 md:gap-8";
|
|
4376
4412
|
|
|
4377
4413
|
// src/primitives/skeleton/views/event-list-item-details-skeleton-view.tsx
|
|
4378
|
-
var
|
|
4414
|
+
var import_jsx_runtime86 = require("react/jsx-runtime");
|
|
4379
4415
|
var EventListItemDetailsSkeletonView = ({
|
|
4380
4416
|
className,
|
|
4381
4417
|
ariaLabel
|
|
4382
4418
|
}) => {
|
|
4383
4419
|
const labels = (0, import_hooks12.useLabels)();
|
|
4384
|
-
return /* @__PURE__ */ (0,
|
|
4420
|
+
return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(
|
|
4385
4421
|
Card,
|
|
4386
4422
|
{
|
|
4387
4423
|
className: cn("group/agg-skeleton", detailsBaseCardClassName, className),
|
|
@@ -4389,24 +4425,24 @@ var EventListItemDetailsSkeletonView = ({
|
|
|
4389
4425
|
"aria-label": ariaLabel != null ? ariaLabel : labels.eventItemDetails.loading,
|
|
4390
4426
|
"aria-busy": true,
|
|
4391
4427
|
children: [
|
|
4392
|
-
/* @__PURE__ */ (0,
|
|
4393
|
-
/* @__PURE__ */ (0,
|
|
4394
|
-
/* @__PURE__ */ (0,
|
|
4428
|
+
/* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "flex h-14 w-full items-center gap-3 justify-stretch", children: [
|
|
4429
|
+
/* @__PURE__ */ (0, import_jsx_runtime86.jsx)(SkeletonBlock, { className: "size-10! rounded-agg-lg" }),
|
|
4430
|
+
/* @__PURE__ */ (0, import_jsx_runtime86.jsx)(SkeletonBlock, { className: "h-6 w-fit flex-1 rounded-agg-sm" })
|
|
4395
4431
|
] }),
|
|
4396
|
-
/* @__PURE__ */ (0,
|
|
4397
|
-
/* @__PURE__ */ (0,
|
|
4398
|
-
/* @__PURE__ */ (0,
|
|
4399
|
-
/* @__PURE__ */ (0,
|
|
4400
|
-
/* @__PURE__ */ (0,
|
|
4401
|
-
/* @__PURE__ */ (0,
|
|
4432
|
+
/* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "flex w-full flex-col gap-4 md:gap-6", children: [
|
|
4433
|
+
/* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "flex w-full flex-col gap-3 md:flex-row md:items-center md:justify-between", children: [
|
|
4434
|
+
/* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "flex max-w-full gap-2 overflow-hidden", children: [
|
|
4435
|
+
/* @__PURE__ */ (0, import_jsx_runtime86.jsx)(SkeletonBlock, { className: "h-9 w-[100px] rounded-agg-full" }),
|
|
4436
|
+
/* @__PURE__ */ (0, import_jsx_runtime86.jsx)(SkeletonBlock, { className: "h-9 w-[100px] rounded-agg-full" }),
|
|
4437
|
+
/* @__PURE__ */ (0, import_jsx_runtime86.jsx)(SkeletonBlock, { className: "h-9 w-[100px] rounded-agg-full" })
|
|
4402
4438
|
] }),
|
|
4403
|
-
/* @__PURE__ */ (0,
|
|
4439
|
+
/* @__PURE__ */ (0, import_jsx_runtime86.jsx)(SkeletonBlock, { className: "h-9 w-full max-w-[221px] rounded-agg-full md:w-[221px]" })
|
|
4404
4440
|
] }),
|
|
4405
|
-
/* @__PURE__ */ (0,
|
|
4406
|
-
/* @__PURE__ */ (0,
|
|
4407
|
-
/* @__PURE__ */ (0,
|
|
4408
|
-
/* @__PURE__ */ (0,
|
|
4409
|
-
/* @__PURE__ */ (0,
|
|
4441
|
+
/* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "flex w-full flex-col gap-3", children: [
|
|
4442
|
+
/* @__PURE__ */ (0, import_jsx_runtime86.jsx)(SkeletonBlock, { className: "h-[220px] w-full rounded-agg-xl md:h-[240px]" }),
|
|
4443
|
+
/* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "flex items-center justify-between", children: [
|
|
4444
|
+
/* @__PURE__ */ (0, import_jsx_runtime86.jsx)(SkeletonBlock, { className: "h-5 w-[59px] rounded-agg-sm" }),
|
|
4445
|
+
/* @__PURE__ */ (0, import_jsx_runtime86.jsx)(SkeletonBlock, { className: "h-5 w-40 rounded-agg-sm" })
|
|
4410
4446
|
] })
|
|
4411
4447
|
] })
|
|
4412
4448
|
] })
|
|
@@ -4431,34 +4467,34 @@ var marketDetailsDefaultIsOpened = false;
|
|
|
4431
4467
|
var orderBookRowLimitDefault = 4;
|
|
4432
4468
|
|
|
4433
4469
|
// src/primitives/skeleton/views/market-details-skeleton-view.tsx
|
|
4434
|
-
var
|
|
4470
|
+
var import_jsx_runtime87 = require("react/jsx-runtime");
|
|
4435
4471
|
var orderBookAskBarScales = ["93%", "47%", "33%", "31%"];
|
|
4436
4472
|
var orderBookBidBarScales = ["9%", "33%", "53%", "73%"];
|
|
4437
4473
|
var MarketDetailsHeaderSkeleton = () => {
|
|
4438
|
-
return /* @__PURE__ */ (0,
|
|
4439
|
-
/* @__PURE__ */ (0,
|
|
4440
|
-
/* @__PURE__ */ (0,
|
|
4441
|
-
/* @__PURE__ */ (0,
|
|
4442
|
-
/* @__PURE__ */ (0,
|
|
4443
|
-
/* @__PURE__ */ (0,
|
|
4474
|
+
return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "flex flex-wrap items-center justify-between gap-3 px-4 py-3 md:px-5", children: [
|
|
4475
|
+
/* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "flex min-w-0 items-center gap-3 md:min-w-52 md:gap-4", children: [
|
|
4476
|
+
/* @__PURE__ */ (0, import_jsx_runtime87.jsx)(SkeletonBlock, { className: "size-12 rounded-agg-lg md:size-[60px]" }),
|
|
4477
|
+
/* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "flex min-w-0 flex-col gap-2", children: [
|
|
4478
|
+
/* @__PURE__ */ (0, import_jsx_runtime87.jsx)(SkeletonBlock, { className: "h-6 w-[132px] rounded-agg-sm" }),
|
|
4479
|
+
/* @__PURE__ */ (0, import_jsx_runtime87.jsx)(SkeletonBlock, { className: "h-4 w-[141px] rounded-agg-sm" })
|
|
4444
4480
|
] })
|
|
4445
4481
|
] }),
|
|
4446
|
-
/* @__PURE__ */ (0,
|
|
4447
|
-
/* @__PURE__ */ (0,
|
|
4448
|
-
/* @__PURE__ */ (0,
|
|
4449
|
-
/* @__PURE__ */ (0,
|
|
4482
|
+
/* @__PURE__ */ (0, import_jsx_runtime87.jsx)(SkeletonBlock, { className: "h-9 w-[60px] rounded-agg-md" }),
|
|
4483
|
+
/* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "flex w-full gap-2 md:w-auto", children: [
|
|
4484
|
+
/* @__PURE__ */ (0, import_jsx_runtime87.jsx)(SkeletonBlock, { className: "h-9 w-full rounded-agg-full md:w-[135px]" }),
|
|
4485
|
+
/* @__PURE__ */ (0, import_jsx_runtime87.jsx)(SkeletonBlock, { className: "h-9 w-full rounded-agg-full md:w-[131px]" })
|
|
4450
4486
|
] })
|
|
4451
4487
|
] });
|
|
4452
4488
|
};
|
|
4453
4489
|
var MarketDetailsTabsSkeleton = () => {
|
|
4454
|
-
return /* @__PURE__ */ (0,
|
|
4455
|
-
/* @__PURE__ */ (0,
|
|
4456
|
-
/* @__PURE__ */ (0,
|
|
4457
|
-
/* @__PURE__ */ (0,
|
|
4490
|
+
return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "flex h-14 items-end px-4 md:px-5", children: [
|
|
4491
|
+
/* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "flex h-full flex-col items-end justify-end rounded-t-agg-lg", children: [
|
|
4492
|
+
/* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "px-4 py-3", children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(SkeletonBlock, { className: "h-6 w-20 rounded-agg-sm" }) }),
|
|
4493
|
+
/* @__PURE__ */ (0, import_jsx_runtime87.jsx)(SkeletonBlock, { className: "h-[2px] w-full rounded-t-agg-sm" })
|
|
4458
4494
|
] }),
|
|
4459
|
-
/* @__PURE__ */ (0,
|
|
4460
|
-
/* @__PURE__ */ (0,
|
|
4461
|
-
/* @__PURE__ */ (0,
|
|
4495
|
+
/* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "flex h-full flex-col justify-center", children: [
|
|
4496
|
+
/* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "px-4 py-3", children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(SkeletonBlock, { className: "h-6 w-12 rounded-agg-sm" }) }),
|
|
4497
|
+
/* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "h-[2px] w-full" })
|
|
4462
4498
|
] })
|
|
4463
4499
|
] });
|
|
4464
4500
|
};
|
|
@@ -4466,25 +4502,25 @@ var MarketDetailsOrderBookRows = ({
|
|
|
4466
4502
|
side,
|
|
4467
4503
|
barScales
|
|
4468
4504
|
}) => {
|
|
4469
|
-
return /* @__PURE__ */ (0,
|
|
4505
|
+
return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "flex flex-col", children: barScales.map((barScale, index) => /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(
|
|
4470
4506
|
"div",
|
|
4471
4507
|
{
|
|
4472
4508
|
className: "flex h-9 items-center gap-2 overflow-hidden pr-5 md:gap-10",
|
|
4473
4509
|
children: [
|
|
4474
|
-
/* @__PURE__ */ (0,
|
|
4510
|
+
/* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "relative h-9 min-h-0 min-w-0 flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
|
|
4475
4511
|
"div",
|
|
4476
4512
|
{
|
|
4477
4513
|
className: "absolute inset-y-0 left-0",
|
|
4478
4514
|
style: { right: `${100 - parseFloat(barScale)}%` },
|
|
4479
|
-
children: /* @__PURE__ */ (0,
|
|
4515
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(SkeletonBlock, { className: "h-full w-full rounded-none" })
|
|
4480
4516
|
}
|
|
4481
4517
|
) }),
|
|
4482
|
-
/* @__PURE__ */ (0,
|
|
4483
|
-
/* @__PURE__ */ (0,
|
|
4484
|
-
/* @__PURE__ */ (0,
|
|
4518
|
+
/* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "flex w-20 shrink-0 items-center gap-1 md:w-[120px]", children: [
|
|
4519
|
+
/* @__PURE__ */ (0, import_jsx_runtime87.jsx)(SkeletonBlock, { className: "h-5 w-10 rounded-agg-sm md:w-12" }),
|
|
4520
|
+
/* @__PURE__ */ (0, import_jsx_runtime87.jsx)(SkeletonBlock, { className: "size-3.5 rounded-agg-sm" })
|
|
4485
4521
|
] }),
|
|
4486
|
-
/* @__PURE__ */ (0,
|
|
4487
|
-
/* @__PURE__ */ (0,
|
|
4522
|
+
/* @__PURE__ */ (0, import_jsx_runtime87.jsx)(SkeletonBlock, { className: "h-5 w-16 shrink-0 rounded-agg-sm md:w-[120px]" }),
|
|
4523
|
+
/* @__PURE__ */ (0, import_jsx_runtime87.jsx)(SkeletonBlock, { className: "h-5 w-16 shrink-0 rounded-agg-sm md:w-[120px]" })
|
|
4488
4524
|
]
|
|
4489
4525
|
},
|
|
4490
4526
|
`${side}-row-${index}`
|
|
@@ -4493,19 +4529,19 @@ var MarketDetailsOrderBookRows = ({
|
|
|
4493
4529
|
var MarketDetailsOderbookSkeleton = ({
|
|
4494
4530
|
className
|
|
4495
4531
|
}) => {
|
|
4496
|
-
return /* @__PURE__ */ (0,
|
|
4497
|
-
/* @__PURE__ */ (0,
|
|
4498
|
-
/* @__PURE__ */ (0,
|
|
4499
|
-
/* @__PURE__ */ (0,
|
|
4500
|
-
/* @__PURE__ */ (0,
|
|
4501
|
-
/* @__PURE__ */ (0,
|
|
4532
|
+
return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: cn("flex flex-col", className), children: [
|
|
4533
|
+
/* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "flex h-9 items-center gap-2 border-b border-agg-separator px-3 md:gap-10 md:px-5", children: [
|
|
4534
|
+
/* @__PURE__ */ (0, import_jsx_runtime87.jsx)(SkeletonBlock, { className: "h-4 w-16 flex-1 rounded-agg-sm md:w-20" }),
|
|
4535
|
+
/* @__PURE__ */ (0, import_jsx_runtime87.jsx)(SkeletonBlock, { className: "h-4 w-20 shrink-0 rounded-agg-sm md:w-[120px]" }),
|
|
4536
|
+
/* @__PURE__ */ (0, import_jsx_runtime87.jsx)(SkeletonBlock, { className: "h-4 w-16 shrink-0 rounded-agg-sm md:w-[120px]" }),
|
|
4537
|
+
/* @__PURE__ */ (0, import_jsx_runtime87.jsx)(SkeletonBlock, { className: "h-4 w-16 shrink-0 rounded-agg-sm md:w-[120px]" })
|
|
4502
4538
|
] }),
|
|
4503
|
-
/* @__PURE__ */ (0,
|
|
4504
|
-
/* @__PURE__ */ (0,
|
|
4505
|
-
/* @__PURE__ */ (0,
|
|
4506
|
-
/* @__PURE__ */ (0,
|
|
4539
|
+
/* @__PURE__ */ (0, import_jsx_runtime87.jsx)(MarketDetailsOrderBookRows, { side: "ask", barScales: orderBookAskBarScales }),
|
|
4540
|
+
/* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "flex h-9 items-center gap-2 border-y border-agg-separator px-3 md:gap-10 md:px-5", children: [
|
|
4541
|
+
/* @__PURE__ */ (0, import_jsx_runtime87.jsx)(SkeletonBlock, { className: "h-5 w-24 flex-1 rounded-agg-sm" }),
|
|
4542
|
+
/* @__PURE__ */ (0, import_jsx_runtime87.jsx)(SkeletonBlock, { className: "h-5 w-20 shrink-0 rounded-agg-sm" })
|
|
4507
4543
|
] }),
|
|
4508
|
-
/* @__PURE__ */ (0,
|
|
4544
|
+
/* @__PURE__ */ (0, import_jsx_runtime87.jsx)(MarketDetailsOrderBookRows, { side: "bid", barScales: orderBookBidBarScales })
|
|
4509
4545
|
] });
|
|
4510
4546
|
};
|
|
4511
4547
|
var MarketDetailsSkeletonView = ({
|
|
@@ -4514,7 +4550,7 @@ var MarketDetailsSkeletonView = ({
|
|
|
4514
4550
|
isDetailed
|
|
4515
4551
|
}) => {
|
|
4516
4552
|
const labels = (0, import_hooks13.useLabels)();
|
|
4517
|
-
return /* @__PURE__ */ (0,
|
|
4553
|
+
return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(
|
|
4518
4554
|
Card,
|
|
4519
4555
|
{
|
|
4520
4556
|
className: cn("group/agg-skeleton", marketDetailsBaseCardClassName, className),
|
|
@@ -4522,12 +4558,12 @@ var MarketDetailsSkeletonView = ({
|
|
|
4522
4558
|
"aria-label": ariaLabel != null ? ariaLabel : labels.marketDetails.loading,
|
|
4523
4559
|
"aria-busy": true,
|
|
4524
4560
|
children: [
|
|
4525
|
-
/* @__PURE__ */ (0,
|
|
4526
|
-
isDetailed ? /* @__PURE__ */ (0,
|
|
4527
|
-
/* @__PURE__ */ (0,
|
|
4528
|
-
/* @__PURE__ */ (0,
|
|
4529
|
-
/* @__PURE__ */ (0,
|
|
4530
|
-
/* @__PURE__ */ (0,
|
|
4561
|
+
/* @__PURE__ */ (0, import_jsx_runtime87.jsx)(MarketDetailsHeaderSkeleton, {}),
|
|
4562
|
+
isDetailed ? /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(import_jsx_runtime87.Fragment, { children: [
|
|
4563
|
+
/* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "h-px w-full bg-agg-separator" }),
|
|
4564
|
+
/* @__PURE__ */ (0, import_jsx_runtime87.jsx)(MarketDetailsTabsSkeleton, {}),
|
|
4565
|
+
/* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "h-px w-full bg-agg-separator" }),
|
|
4566
|
+
/* @__PURE__ */ (0, import_jsx_runtime87.jsx)(MarketDetailsOderbookSkeleton, {})
|
|
4531
4567
|
] }) : null
|
|
4532
4568
|
]
|
|
4533
4569
|
}
|
|
@@ -4536,78 +4572,78 @@ var MarketDetailsSkeletonView = ({
|
|
|
4536
4572
|
MarketDetailsSkeletonView.displayName = "MarketDetailsSkeletonView";
|
|
4537
4573
|
|
|
4538
4574
|
// src/primitives/skeleton/views/place-order-skeleton-view.tsx
|
|
4539
|
-
var
|
|
4575
|
+
var import_jsx_runtime88 = require("react/jsx-runtime");
|
|
4540
4576
|
var placeOrderCardClassName = "overflow-hidden rounded-agg-xl border border-agg-border bg-agg-secondary shadow-none hover:shadow-none";
|
|
4541
4577
|
var PlaceOrderRouteCardSkeleton = () => {
|
|
4542
|
-
return /* @__PURE__ */ (0,
|
|
4543
|
-
/* @__PURE__ */ (0,
|
|
4544
|
-
/* @__PURE__ */ (0,
|
|
4545
|
-
/* @__PURE__ */ (0,
|
|
4546
|
-
/* @__PURE__ */ (0,
|
|
4547
|
-
/* @__PURE__ */ (0,
|
|
4578
|
+
return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "flex w-full items-center justify-between gap-4 rounded-agg-lg border border-agg-border bg-agg-secondary p-3", children: [
|
|
4579
|
+
/* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "flex items-center gap-3", children: [
|
|
4580
|
+
/* @__PURE__ */ (0, import_jsx_runtime88.jsx)(SkeletonBlock, { className: "size-4 shrink-0 rounded-agg-sm" }),
|
|
4581
|
+
/* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "flex flex-col gap-2", children: [
|
|
4582
|
+
/* @__PURE__ */ (0, import_jsx_runtime88.jsx)(SkeletonBlock, { className: "h-5 w-10 rounded-agg-sm" }),
|
|
4583
|
+
/* @__PURE__ */ (0, import_jsx_runtime88.jsx)(SkeletonBlock, { className: "h-3 w-[91px] rounded-agg-sm" })
|
|
4548
4584
|
] })
|
|
4549
4585
|
] }),
|
|
4550
|
-
/* @__PURE__ */ (0,
|
|
4586
|
+
/* @__PURE__ */ (0, import_jsx_runtime88.jsx)(SkeletonBlock, { className: "h-5 w-[75px] shrink-0 rounded-agg-sm" })
|
|
4551
4587
|
] });
|
|
4552
4588
|
};
|
|
4553
4589
|
PlaceOrderRouteCardSkeleton.displayName = "PlaceOrderRouteCardSkeleton";
|
|
4554
4590
|
var TabsSkeletonBar = () => {
|
|
4555
|
-
return /* @__PURE__ */ (0,
|
|
4556
|
-
/* @__PURE__ */ (0,
|
|
4557
|
-
/* @__PURE__ */ (0,
|
|
4558
|
-
/* @__PURE__ */ (0,
|
|
4591
|
+
return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "flex w-full items-end border-b border-agg-border", children: [
|
|
4592
|
+
/* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "flex flex-col rounded-t-agg-lg", children: [
|
|
4593
|
+
/* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "px-5 py-2", children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(SkeletonBlock, { className: "h-6 w-10 rounded-agg-sm" }) }),
|
|
4594
|
+
/* @__PURE__ */ (0, import_jsx_runtime88.jsx)(SkeletonBlock, { className: "h-[2px] w-full rounded-t-agg-sm" })
|
|
4559
4595
|
] }),
|
|
4560
|
-
/* @__PURE__ */ (0,
|
|
4561
|
-
/* @__PURE__ */ (0,
|
|
4562
|
-
/* @__PURE__ */ (0,
|
|
4596
|
+
/* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "flex flex-col", children: [
|
|
4597
|
+
/* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "px-5 py-2", children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(SkeletonBlock, { className: "h-6 w-10 rounded-agg-sm" }) }),
|
|
4598
|
+
/* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "h-[2px] w-full" })
|
|
4563
4599
|
] })
|
|
4564
4600
|
] });
|
|
4565
4601
|
};
|
|
4566
4602
|
var ContentBody = () => {
|
|
4567
|
-
return /* @__PURE__ */ (0,
|
|
4568
|
-
/* @__PURE__ */ (0,
|
|
4569
|
-
/* @__PURE__ */ (0,
|
|
4570
|
-
/* @__PURE__ */ (0,
|
|
4571
|
-
/* @__PURE__ */ (0,
|
|
4572
|
-
/* @__PURE__ */ (0,
|
|
4573
|
-
/* @__PURE__ */ (0,
|
|
4603
|
+
return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: cn("flex flex-col gap-6 p-5"), children: [
|
|
4604
|
+
/* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "flex flex-col gap-2", children: [
|
|
4605
|
+
/* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "flex min-w-0 items-center gap-3", children: [
|
|
4606
|
+
/* @__PURE__ */ (0, import_jsx_runtime88.jsx)(SkeletonBlock, { className: "size-12 shrink-0 rounded-agg-lg" }),
|
|
4607
|
+
/* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col gap-2", children: [
|
|
4608
|
+
/* @__PURE__ */ (0, import_jsx_runtime88.jsx)(SkeletonBlock, { className: "h-4 w-[92%] max-w-[240px] rounded-agg-sm" }),
|
|
4609
|
+
/* @__PURE__ */ (0, import_jsx_runtime88.jsx)(SkeletonBlock, { className: "h-4 w-[64%] max-w-[160px] rounded-agg-sm" })
|
|
4574
4610
|
] })
|
|
4575
4611
|
] }),
|
|
4576
|
-
/* @__PURE__ */ (0,
|
|
4577
|
-
/* @__PURE__ */ (0,
|
|
4612
|
+
/* @__PURE__ */ (0, import_jsx_runtime88.jsx)(SkeletonBlock, { className: "h-6 w-[92px] rounded-agg-sm" }),
|
|
4613
|
+
/* @__PURE__ */ (0, import_jsx_runtime88.jsx)(TabsSkeletonBar, {})
|
|
4578
4614
|
] }),
|
|
4579
|
-
/* @__PURE__ */ (0,
|
|
4580
|
-
/* @__PURE__ */ (0,
|
|
4581
|
-
/* @__PURE__ */ (0,
|
|
4582
|
-
/* @__PURE__ */ (0,
|
|
4615
|
+
/* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "flex flex-col gap-4", children: [
|
|
4616
|
+
/* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "flex w-full gap-2", children: [
|
|
4617
|
+
/* @__PURE__ */ (0, import_jsx_runtime88.jsx)(SkeletonBlock, { className: "h-11 flex-1 rounded-agg-full" }),
|
|
4618
|
+
/* @__PURE__ */ (0, import_jsx_runtime88.jsx)(SkeletonBlock, { className: "h-11 flex-1 rounded-agg-full" })
|
|
4583
4619
|
] }),
|
|
4584
|
-
/* @__PURE__ */ (0,
|
|
4585
|
-
/* @__PURE__ */ (0,
|
|
4586
|
-
/* @__PURE__ */ (0,
|
|
4587
|
-
/* @__PURE__ */ (0,
|
|
4620
|
+
/* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "flex items-center justify-between gap-4", children: [
|
|
4621
|
+
/* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "flex flex-col gap-2", children: [
|
|
4622
|
+
/* @__PURE__ */ (0, import_jsx_runtime88.jsx)(SkeletonBlock, { className: "h-5 w-[63px] rounded-agg-sm" }),
|
|
4623
|
+
/* @__PURE__ */ (0, import_jsx_runtime88.jsx)(SkeletonBlock, { className: "h-4 w-[118px] rounded-agg-sm" })
|
|
4588
4624
|
] }),
|
|
4589
|
-
/* @__PURE__ */ (0,
|
|
4625
|
+
/* @__PURE__ */ (0, import_jsx_runtime88.jsx)("p", { className: cn("text-agg-3xl font-agg-bold leading-agg-9 text-agg-separator"), children: "$0" })
|
|
4590
4626
|
] })
|
|
4591
4627
|
] }),
|
|
4592
|
-
/* @__PURE__ */ (0,
|
|
4593
|
-
/* @__PURE__ */ (0,
|
|
4594
|
-
/* @__PURE__ */ (0,
|
|
4628
|
+
/* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "flex flex-col gap-4", children: [
|
|
4629
|
+
/* @__PURE__ */ (0, import_jsx_runtime88.jsx)(SkeletonBlock, { className: "h-12 w-full rounded-agg-full" }),
|
|
4630
|
+
/* @__PURE__ */ (0, import_jsx_runtime88.jsx)(SkeletonBlock, { className: "h-3.5 w-full max-w-[120px] self-center rounded-agg-sm" })
|
|
4595
4631
|
] }),
|
|
4596
|
-
/* @__PURE__ */ (0,
|
|
4632
|
+
/* @__PURE__ */ (0, import_jsx_runtime88.jsx)(SkeletonBlock, { className: "h-4 w-full max-w-[200px] self-center rounded-agg-sm" })
|
|
4597
4633
|
] });
|
|
4598
4634
|
};
|
|
4599
4635
|
var PlaceOrderSkeletonView = ({
|
|
4600
4636
|
className,
|
|
4601
4637
|
ariaLabel
|
|
4602
4638
|
}) => {
|
|
4603
|
-
return /* @__PURE__ */ (0,
|
|
4639
|
+
return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
|
|
4604
4640
|
"div",
|
|
4605
4641
|
{
|
|
4606
4642
|
className: cn("group/agg-skeleton", "w-full", className),
|
|
4607
4643
|
role: "status",
|
|
4608
4644
|
"aria-label": ariaLabel != null ? ariaLabel : "Loading place order",
|
|
4609
4645
|
"aria-busy": true,
|
|
4610
|
-
children: /* @__PURE__ */ (0,
|
|
4646
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(Card, { className: cn(placeOrderCardClassName, "w-full max-w-[342px]"), children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(ContentBody, {}) })
|
|
4611
4647
|
}
|
|
4612
4648
|
);
|
|
4613
4649
|
};
|
|
@@ -4615,33 +4651,33 @@ PlaceOrderSkeletonView.displayName = "PlaceOrderSkeletonView";
|
|
|
4615
4651
|
|
|
4616
4652
|
// src/primitives/skeleton/views/search-skeleton-view.tsx
|
|
4617
4653
|
var import_hooks14 = require("@agg-build/hooks");
|
|
4618
|
-
var
|
|
4654
|
+
var import_jsx_runtime89 = require("react/jsx-runtime");
|
|
4619
4655
|
var SearchSkeletonRow = () => {
|
|
4620
|
-
return /* @__PURE__ */ (0,
|
|
4621
|
-
/* @__PURE__ */ (0,
|
|
4622
|
-
/* @__PURE__ */ (0,
|
|
4623
|
-
/* @__PURE__ */ (0,
|
|
4624
|
-
/* @__PURE__ */ (0,
|
|
4625
|
-
/* @__PURE__ */ (0,
|
|
4626
|
-
/* @__PURE__ */ (0,
|
|
4627
|
-
/* @__PURE__ */ (0,
|
|
4628
|
-
/* @__PURE__ */ (0,
|
|
4656
|
+
return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "flex w-full items-center gap-6 px-5 py-4", children: [
|
|
4657
|
+
/* @__PURE__ */ (0, import_jsx_runtime89.jsx)(SkeletonBlock, { className: "size-12 shrink-0 rounded-agg-lg" }),
|
|
4658
|
+
/* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col gap-2", children: [
|
|
4659
|
+
/* @__PURE__ */ (0, import_jsx_runtime89.jsx)(SkeletonBlock, { className: "h-5 w-full max-w-[320px] rounded-agg-sm" }),
|
|
4660
|
+
/* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "flex min-w-0 items-center gap-2", children: [
|
|
4661
|
+
/* @__PURE__ */ (0, import_jsx_runtime89.jsx)(SkeletonBlock, { className: "h-4 w-[104px] rounded-agg-sm" }),
|
|
4662
|
+
/* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "flex items-center gap-1", children: [
|
|
4663
|
+
/* @__PURE__ */ (0, import_jsx_runtime89.jsx)(SkeletonBlock, { className: "size-[14px] rounded-[4px]" }),
|
|
4664
|
+
/* @__PURE__ */ (0, import_jsx_runtime89.jsx)(SkeletonBlock, { className: "size-[14px] rounded-[4px]" })
|
|
4629
4665
|
] })
|
|
4630
4666
|
] })
|
|
4631
4667
|
] }),
|
|
4632
|
-
/* @__PURE__ */ (0,
|
|
4633
|
-
/* @__PURE__ */ (0,
|
|
4634
|
-
/* @__PURE__ */ (0,
|
|
4635
|
-
/* @__PURE__ */ (0,
|
|
4636
|
-
/* @__PURE__ */ (0,
|
|
4668
|
+
/* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "flex w-[200px] shrink-0 items-center gap-2", children: [
|
|
4669
|
+
/* @__PURE__ */ (0, import_jsx_runtime89.jsx)(SkeletonBlock, { className: "size-4 rounded-[4px]" }),
|
|
4670
|
+
/* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "flex min-w-0 flex-1 items-center gap-2", children: [
|
|
4671
|
+
/* @__PURE__ */ (0, import_jsx_runtime89.jsx)(SkeletonBlock, { className: "h-6 w-10 rounded-agg-sm" }),
|
|
4672
|
+
/* @__PURE__ */ (0, import_jsx_runtime89.jsx)(SkeletonBlock, { className: "h-4 w-[60px] rounded-agg-sm" })
|
|
4637
4673
|
] })
|
|
4638
4674
|
] }),
|
|
4639
|
-
/* @__PURE__ */ (0,
|
|
4675
|
+
/* @__PURE__ */ (0, import_jsx_runtime89.jsx)(SkeletonBlock, { className: "size-5 rounded-[4px]" })
|
|
4640
4676
|
] });
|
|
4641
4677
|
};
|
|
4642
4678
|
var SearchSkeletonView = ({ className, ariaLabel }) => {
|
|
4643
4679
|
const labels = (0, import_hooks14.useLabels)();
|
|
4644
|
-
return /* @__PURE__ */ (0,
|
|
4680
|
+
return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(
|
|
4645
4681
|
"div",
|
|
4646
4682
|
{
|
|
4647
4683
|
className: cn(
|
|
@@ -4653,8 +4689,8 @@ var SearchSkeletonView = ({ className, ariaLabel }) => {
|
|
|
4653
4689
|
"aria-label": ariaLabel != null ? ariaLabel : labels.search.loadingResults,
|
|
4654
4690
|
"aria-busy": true,
|
|
4655
4691
|
children: [
|
|
4656
|
-
/* @__PURE__ */ (0,
|
|
4657
|
-
/* @__PURE__ */ (0,
|
|
4692
|
+
/* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: "pt-2", children: Array.from({ length: 4 }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: cn(index > 0 && "border-t border-agg-separator"), children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(SearchSkeletonRow, {}) }, index)) }),
|
|
4693
|
+
/* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: "border-t border-agg-separator px-5 py-5", children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(SkeletonBlock, { className: "h-5 w-[116px] rounded-agg-sm" }) })
|
|
4658
4694
|
]
|
|
4659
4695
|
}
|
|
4660
4696
|
);
|
|
@@ -4663,13 +4699,13 @@ SearchSkeletonView.displayName = "SearchSkeletonView";
|
|
|
4663
4699
|
|
|
4664
4700
|
// src/primitives/skeleton/views/settlement-skeleton-view.tsx
|
|
4665
4701
|
var import_hooks15 = require("@agg-build/hooks");
|
|
4666
|
-
var
|
|
4702
|
+
var import_jsx_runtime90 = require("react/jsx-runtime");
|
|
4667
4703
|
var SettlementSkeletonView = ({
|
|
4668
4704
|
className,
|
|
4669
4705
|
ariaLabel
|
|
4670
4706
|
}) => {
|
|
4671
4707
|
const labels = (0, import_hooks15.useLabels)();
|
|
4672
|
-
return /* @__PURE__ */ (0,
|
|
4708
|
+
return /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(
|
|
4673
4709
|
Card,
|
|
4674
4710
|
{
|
|
4675
4711
|
className: cn(
|
|
@@ -4681,26 +4717,26 @@ var SettlementSkeletonView = ({
|
|
|
4681
4717
|
"aria-label": ariaLabel != null ? ariaLabel : labels.trading.settlementLoading,
|
|
4682
4718
|
"aria-busy": true,
|
|
4683
4719
|
children: [
|
|
4684
|
-
/* @__PURE__ */ (0,
|
|
4685
|
-
/* @__PURE__ */ (0,
|
|
4686
|
-
/* @__PURE__ */ (0,
|
|
4720
|
+
/* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "flex w-full items-center justify-between gap-4", children: [
|
|
4721
|
+
/* @__PURE__ */ (0, import_jsx_runtime90.jsx)(SkeletonBlock, { className: "h-4 w-[81px] rounded-agg-sm" }),
|
|
4722
|
+
/* @__PURE__ */ (0, import_jsx_runtime90.jsx)(SkeletonBlock, { className: "h-5 w-full max-w-[240px] rounded-agg-sm" })
|
|
4687
4723
|
] }),
|
|
4688
|
-
/* @__PURE__ */ (0,
|
|
4689
|
-
/* @__PURE__ */ (0,
|
|
4690
|
-
/* @__PURE__ */ (0,
|
|
4691
|
-
/* @__PURE__ */ (0,
|
|
4692
|
-
/* @__PURE__ */ (0,
|
|
4724
|
+
/* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "flex w-full flex-col gap-3", children: [
|
|
4725
|
+
/* @__PURE__ */ (0, import_jsx_runtime90.jsx)(SkeletonBlock, { className: "h-5 w-[200px] rounded-agg-sm" }),
|
|
4726
|
+
/* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "flex flex-col gap-2", children: [
|
|
4727
|
+
/* @__PURE__ */ (0, import_jsx_runtime90.jsx)(SkeletonBlock, { className: "h-4 w-full max-w-[320px] rounded-agg-sm" }),
|
|
4728
|
+
/* @__PURE__ */ (0, import_jsx_runtime90.jsx)(SkeletonBlock, { className: "h-4 w-full max-w-[280px] rounded-agg-sm" })
|
|
4693
4729
|
] })
|
|
4694
4730
|
] }),
|
|
4695
|
-
/* @__PURE__ */ (0,
|
|
4696
|
-
/* @__PURE__ */ (0,
|
|
4697
|
-
/* @__PURE__ */ (0,
|
|
4698
|
-
/* @__PURE__ */ (0,
|
|
4699
|
-
/* @__PURE__ */ (0,
|
|
4731
|
+
/* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: "h-px w-full bg-agg-separator" }),
|
|
4732
|
+
/* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "flex w-full flex-col gap-3", children: [
|
|
4733
|
+
/* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "flex items-center gap-2", children: [
|
|
4734
|
+
/* @__PURE__ */ (0, import_jsx_runtime90.jsx)(SkeletonBlock, { className: "size-4 rounded-agg-sm" }),
|
|
4735
|
+
/* @__PURE__ */ (0, import_jsx_runtime90.jsx)(SkeletonBlock, { className: "h-5 w-[100px] rounded-agg-sm" })
|
|
4700
4736
|
] }),
|
|
4701
|
-
/* @__PURE__ */ (0,
|
|
4702
|
-
/* @__PURE__ */ (0,
|
|
4703
|
-
/* @__PURE__ */ (0,
|
|
4737
|
+
/* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "flex items-center gap-2", children: [
|
|
4738
|
+
/* @__PURE__ */ (0, import_jsx_runtime90.jsx)(SkeletonBlock, { className: "size-4 rounded-agg-sm" }),
|
|
4739
|
+
/* @__PURE__ */ (0, import_jsx_runtime90.jsx)(SkeletonBlock, { className: "h-5 w-[60px] rounded-agg-sm" })
|
|
4704
4740
|
] })
|
|
4705
4741
|
] })
|
|
4706
4742
|
]
|
|
@@ -4710,12 +4746,12 @@ var SettlementSkeletonView = ({
|
|
|
4710
4746
|
SettlementSkeletonView.displayName = "SettlementSkeletonView";
|
|
4711
4747
|
|
|
4712
4748
|
// src/primitives/skeleton/views/user-profile-overview-skeleton-view.tsx
|
|
4713
|
-
var
|
|
4749
|
+
var import_jsx_runtime91 = require("react/jsx-runtime");
|
|
4714
4750
|
var UserProfileOverviewSkeletonView = ({
|
|
4715
4751
|
className,
|
|
4716
4752
|
ariaLabel
|
|
4717
4753
|
}) => {
|
|
4718
|
-
return /* @__PURE__ */ (0,
|
|
4754
|
+
return /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(
|
|
4719
4755
|
"div",
|
|
4720
4756
|
{
|
|
4721
4757
|
className: cn("flex w-full flex-col gap-6 sm:flex-row", className),
|
|
@@ -4723,49 +4759,49 @@ var UserProfileOverviewSkeletonView = ({
|
|
|
4723
4759
|
"aria-label": ariaLabel != null ? ariaLabel : "Loading profile overview",
|
|
4724
4760
|
"aria-busy": "true",
|
|
4725
4761
|
children: [
|
|
4726
|
-
/* @__PURE__ */ (0,
|
|
4727
|
-
/* @__PURE__ */ (0,
|
|
4728
|
-
/* @__PURE__ */ (0,
|
|
4729
|
-
/* @__PURE__ */ (0,
|
|
4730
|
-
/* @__PURE__ */ (0,
|
|
4731
|
-
/* @__PURE__ */ (0,
|
|
4732
|
-
/* @__PURE__ */ (0,
|
|
4762
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col gap-4 sm:gap-6", children: [
|
|
4763
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: "rounded-agg-md border border-agg-separator bg-agg-secondary p-5", children: /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "flex w-full items-center gap-5", children: [
|
|
4764
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsx)(SkeletonBlock, { className: "h-20 w-20 shrink-0 rounded-agg-full sm:h-[120px] sm:w-[120px]" }),
|
|
4765
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col gap-2", children: [
|
|
4766
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "flex items-center justify-between gap-3", children: [
|
|
4767
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsx)(SkeletonBlock, { className: "h-9 w-[140px] rounded-agg-sm" }),
|
|
4768
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsx)(SkeletonBlock, { className: "h-6 w-[72px] rounded-agg-sm" })
|
|
4733
4769
|
] }),
|
|
4734
|
-
/* @__PURE__ */ (0,
|
|
4735
|
-
/* @__PURE__ */ (0,
|
|
4736
|
-
/* @__PURE__ */ (0,
|
|
4737
|
-
/* @__PURE__ */ (0,
|
|
4770
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "flex items-center gap-2", children: [
|
|
4771
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsx)(SkeletonBlock, { className: "h-5 w-5 rounded-agg-sm" }),
|
|
4772
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsx)(SkeletonBlock, { className: "h-6 w-[140px] rounded-agg-sm" }),
|
|
4773
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsx)(SkeletonBlock, { className: "h-5 w-[72px] rounded-agg-sm" })
|
|
4738
4774
|
] })
|
|
4739
4775
|
] })
|
|
4740
4776
|
] }) }),
|
|
4741
|
-
/* @__PURE__ */ (0,
|
|
4742
|
-
/* @__PURE__ */ (0,
|
|
4743
|
-
/* @__PURE__ */ (0,
|
|
4744
|
-
/* @__PURE__ */ (0,
|
|
4777
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: "rounded-agg-md border border-agg-separator bg-agg-secondary p-5", children: /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "flex items-center justify-between", children: [
|
|
4778
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "flex items-end gap-3", children: [
|
|
4779
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsx)(SkeletonBlock, { className: "h-9 w-[80px] rounded-agg-sm" }),
|
|
4780
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsx)(SkeletonBlock, { className: "h-5 w-[100px] rounded-agg-sm" })
|
|
4745
4781
|
] }),
|
|
4746
|
-
/* @__PURE__ */ (0,
|
|
4747
|
-
/* @__PURE__ */ (0,
|
|
4748
|
-
/* @__PURE__ */ (0,
|
|
4749
|
-
/* @__PURE__ */ (0,
|
|
4750
|
-
/* @__PURE__ */ (0,
|
|
4782
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "flex items-center gap-2", children: [
|
|
4783
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsx)(SkeletonBlock, { className: "h-5 w-5 rounded-agg-sm" }),
|
|
4784
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsx)(SkeletonBlock, { className: "h-5 w-5 rounded-agg-sm" }),
|
|
4785
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsx)(SkeletonBlock, { className: "h-5 w-5 rounded-agg-sm" }),
|
|
4786
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsx)(SkeletonBlock, { className: "h-5 w-5 rounded-agg-sm" })
|
|
4751
4787
|
] })
|
|
4752
4788
|
] }) })
|
|
4753
4789
|
] }),
|
|
4754
|
-
/* @__PURE__ */ (0,
|
|
4755
|
-
/* @__PURE__ */ (0,
|
|
4756
|
-
/* @__PURE__ */ (0,
|
|
4757
|
-
/* @__PURE__ */ (0,
|
|
4790
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "w-full shrink-0 rounded-agg-md border border-agg-separator bg-agg-secondary p-5 sm:w-full md:w-[465px]", children: [
|
|
4791
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "mb-4 flex items-center justify-between", children: [
|
|
4792
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsx)(SkeletonBlock, { className: "h-7 w-[84px] rounded-agg-sm" }),
|
|
4793
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsx)(SkeletonBlock, { className: "h-7 w-[64px] rounded-agg-sm" })
|
|
4758
4794
|
] }),
|
|
4759
|
-
/* @__PURE__ */ (0,
|
|
4760
|
-
/* @__PURE__ */ (0,
|
|
4761
|
-
/* @__PURE__ */ (0,
|
|
4762
|
-
/* @__PURE__ */ (0,
|
|
4795
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: "flex flex-col gap-4", children: Array.from({ length: 3 }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "flex items-center justify-between", children: [
|
|
4796
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "flex items-center gap-3", children: [
|
|
4797
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsx)(SkeletonBlock, { className: "h-4 w-4 rounded-agg-sm" }),
|
|
4798
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsx)(SkeletonBlock, { className: "h-6 w-[70px] rounded-agg-sm" })
|
|
4763
4799
|
] }),
|
|
4764
|
-
/* @__PURE__ */ (0,
|
|
4800
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsx)(SkeletonBlock, { className: "h-6 w-[96px] rounded-agg-sm" })
|
|
4765
4801
|
] }, index)) }),
|
|
4766
|
-
/* @__PURE__ */ (0,
|
|
4767
|
-
/* @__PURE__ */ (0,
|
|
4768
|
-
/* @__PURE__ */ (0,
|
|
4802
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "mt-4 flex gap-3", children: [
|
|
4803
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsx)(SkeletonBlock, { className: "h-9 flex-1 rounded-agg-full" }),
|
|
4804
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsx)(SkeletonBlock, { className: "h-9 flex-1 rounded-agg-full" })
|
|
4769
4805
|
] })
|
|
4770
4806
|
] })
|
|
4771
4807
|
]
|
|
@@ -4775,12 +4811,12 @@ var UserProfileOverviewSkeletonView = ({
|
|
|
4775
4811
|
UserProfileOverviewSkeletonView.displayName = "UserProfileOverviewSkeletonView";
|
|
4776
4812
|
|
|
4777
4813
|
// src/primitives/skeleton/views/user-profile-positions-activity-skeleton-view.tsx
|
|
4778
|
-
var
|
|
4814
|
+
var import_jsx_runtime92 = require("react/jsx-runtime");
|
|
4779
4815
|
var UserProfilePositionsActivitySkeletonView = ({
|
|
4780
4816
|
className,
|
|
4781
4817
|
ariaLabel
|
|
4782
4818
|
}) => {
|
|
4783
|
-
return /* @__PURE__ */ (0,
|
|
4819
|
+
return /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(
|
|
4784
4820
|
"div",
|
|
4785
4821
|
{
|
|
4786
4822
|
className: cn(
|
|
@@ -4791,18 +4827,18 @@ var UserProfilePositionsActivitySkeletonView = ({
|
|
|
4791
4827
|
"aria-label": ariaLabel != null ? ariaLabel : "Loading positions and activity",
|
|
4792
4828
|
"aria-busy": "true",
|
|
4793
4829
|
children: [
|
|
4794
|
-
/* @__PURE__ */ (0,
|
|
4795
|
-
/* @__PURE__ */ (0,
|
|
4796
|
-
/* @__PURE__ */ (0,
|
|
4830
|
+
/* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: "h-11 border-b border-agg-separator px-4 sm:h-12 sm:px-6", children: /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: "flex h-full items-center gap-6", children: [
|
|
4831
|
+
/* @__PURE__ */ (0, import_jsx_runtime92.jsx)(SkeletonBlock, { className: "h-6 w-[72px] rounded-agg-sm" }),
|
|
4832
|
+
/* @__PURE__ */ (0, import_jsx_runtime92.jsx)(SkeletonBlock, { className: "h-6 w-[64px] rounded-agg-sm" })
|
|
4797
4833
|
] }) }),
|
|
4798
|
-
/* @__PURE__ */ (0,
|
|
4799
|
-
/* @__PURE__ */ (0,
|
|
4800
|
-
/* @__PURE__ */ (0,
|
|
4801
|
-
/* @__PURE__ */ (0,
|
|
4834
|
+
/* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: "flex flex-col gap-4 p-4 sm:gap-6 sm:p-6", children: [
|
|
4835
|
+
/* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: "flex gap-5", children: [
|
|
4836
|
+
/* @__PURE__ */ (0, import_jsx_runtime92.jsx)(SkeletonBlock, { className: "h-10 w-[270px] rounded-agg-sm" }),
|
|
4837
|
+
/* @__PURE__ */ (0, import_jsx_runtime92.jsx)(SkeletonBlock, { className: "h-10 min-w-0 flex-1 rounded-agg-sm" })
|
|
4802
4838
|
] }),
|
|
4803
|
-
/* @__PURE__ */ (0,
|
|
4804
|
-
/* @__PURE__ */ (0,
|
|
4805
|
-
/* @__PURE__ */ (0,
|
|
4839
|
+
/* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: "flex flex-col gap-3 sm:gap-4", children: Array.from({ length: 3 }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: "flex items-center gap-5", children: [
|
|
4840
|
+
/* @__PURE__ */ (0, import_jsx_runtime92.jsx)(SkeletonBlock, { className: "h-10 w-[270px] rounded-agg-sm" }),
|
|
4841
|
+
/* @__PURE__ */ (0, import_jsx_runtime92.jsx)(SkeletonBlock, { className: "h-10 min-w-0 flex-1 rounded-agg-sm" })
|
|
4806
4842
|
] }, index)) })
|
|
4807
4843
|
] })
|
|
4808
4844
|
]
|
|
@@ -4842,37 +4878,37 @@ var resolveSkeletonView = (view) => {
|
|
|
4842
4878
|
};
|
|
4843
4879
|
|
|
4844
4880
|
// src/primitives/skeleton/index.tsx
|
|
4845
|
-
var
|
|
4881
|
+
var import_jsx_runtime93 = require("react/jsx-runtime");
|
|
4846
4882
|
var Skeleton = ({ view, className, ariaLabel }) => {
|
|
4847
4883
|
const resolvedView = resolveSkeletonView(view);
|
|
4848
4884
|
if (resolvedView === skeletonViews.eventListItem) {
|
|
4849
|
-
return /* @__PURE__ */ (0,
|
|
4885
|
+
return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(EventListItemSkeletonView, { className, ariaLabel, isStandalone: true });
|
|
4850
4886
|
}
|
|
4851
4887
|
if (resolvedView === skeletonViews.eventListItemDetails) {
|
|
4852
|
-
return /* @__PURE__ */ (0,
|
|
4888
|
+
return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(EventListItemDetailsSkeletonView, { className, ariaLabel });
|
|
4853
4889
|
}
|
|
4854
4890
|
if (resolvedView === skeletonViews.marketDetailsMinified) {
|
|
4855
|
-
return /* @__PURE__ */ (0,
|
|
4891
|
+
return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(MarketDetailsSkeletonView, { className, ariaLabel, isDetailed: false });
|
|
4856
4892
|
}
|
|
4857
4893
|
if (resolvedView === skeletonViews.marketDetailsDetailed) {
|
|
4858
|
-
return /* @__PURE__ */ (0,
|
|
4894
|
+
return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(MarketDetailsSkeletonView, { className, ariaLabel, isDetailed: true });
|
|
4859
4895
|
}
|
|
4860
4896
|
if (resolvedView === skeletonViews.settlement) {
|
|
4861
|
-
return /* @__PURE__ */ (0,
|
|
4897
|
+
return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(SettlementSkeletonView, { className, ariaLabel });
|
|
4862
4898
|
}
|
|
4863
4899
|
if (resolvedView === skeletonViews.placeOrder) {
|
|
4864
|
-
return /* @__PURE__ */ (0,
|
|
4900
|
+
return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(PlaceOrderSkeletonView, { className, ariaLabel });
|
|
4865
4901
|
}
|
|
4866
4902
|
if (resolvedView === skeletonViews.search) {
|
|
4867
|
-
return /* @__PURE__ */ (0,
|
|
4903
|
+
return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(SearchSkeletonView, { className, ariaLabel });
|
|
4868
4904
|
}
|
|
4869
4905
|
if (resolvedView === skeletonViews.userProfileOverview) {
|
|
4870
|
-
return /* @__PURE__ */ (0,
|
|
4906
|
+
return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(UserProfileOverviewSkeletonView, { className, ariaLabel });
|
|
4871
4907
|
}
|
|
4872
4908
|
if (resolvedView === skeletonViews.userProfilePositionsActivity) {
|
|
4873
|
-
return /* @__PURE__ */ (0,
|
|
4909
|
+
return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(UserProfilePositionsActivitySkeletonView, { className, ariaLabel });
|
|
4874
4910
|
}
|
|
4875
|
-
return /* @__PURE__ */ (0,
|
|
4911
|
+
return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(EventListSkeletonView, { className, ariaLabel });
|
|
4876
4912
|
};
|
|
4877
4913
|
Skeleton.displayName = "Skeleton";
|
|
4878
4914
|
|
|
@@ -4895,7 +4931,7 @@ var resolveLogoPrimaryColor = ({
|
|
|
4895
4931
|
};
|
|
4896
4932
|
|
|
4897
4933
|
// src/primitives/venue-logo/svg/default-venue.tsx
|
|
4898
|
-
var
|
|
4934
|
+
var import_jsx_runtime94 = require("react/jsx-runtime");
|
|
4899
4935
|
var DefaultVenueIcon = (_a) => {
|
|
4900
4936
|
var _b = _a, {
|
|
4901
4937
|
title: title2,
|
|
@@ -4913,7 +4949,7 @@ var DefaultVenueIcon = (_a) => {
|
|
|
4913
4949
|
isColor,
|
|
4914
4950
|
color
|
|
4915
4951
|
});
|
|
4916
|
-
return /* @__PURE__ */ (0,
|
|
4952
|
+
return /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(
|
|
4917
4953
|
"svg",
|
|
4918
4954
|
__spreadProps(__spreadValues(__spreadValues({
|
|
4919
4955
|
viewBox: "0 0 100 100",
|
|
@@ -4921,9 +4957,9 @@ var DefaultVenueIcon = (_a) => {
|
|
|
4921
4957
|
fill: "none"
|
|
4922
4958
|
}, getIconA11yProps(title2)), props), {
|
|
4923
4959
|
children: [
|
|
4924
|
-
title2 ? /* @__PURE__ */ (0,
|
|
4925
|
-
/* @__PURE__ */ (0,
|
|
4926
|
-
/* @__PURE__ */ (0,
|
|
4960
|
+
title2 ? /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("title", { children: title2 }) : null,
|
|
4961
|
+
/* @__PURE__ */ (0, import_jsx_runtime94.jsx)("circle", { cx: "50", cy: "50", r: "45", stroke: primaryColor, strokeWidth: "6", fill: "none" }),
|
|
4962
|
+
/* @__PURE__ */ (0, import_jsx_runtime94.jsx)("circle", { cx: "50", cy: "50", r: "8", fill: primaryColor })
|
|
4927
4963
|
]
|
|
4928
4964
|
})
|
|
4929
4965
|
);
|
|
@@ -4932,7 +4968,7 @@ var DefaultVenueIcon = (_a) => {
|
|
|
4932
4968
|
// src/primitives/venue-logo/svg/logo-hyperliquid.tsx
|
|
4933
4969
|
var import_hooks16 = require("@agg-build/hooks");
|
|
4934
4970
|
var import_sdk3 = require("@agg-build/sdk");
|
|
4935
|
-
var
|
|
4971
|
+
var import_jsx_runtime95 = require("react/jsx-runtime");
|
|
4936
4972
|
var LogoHyperliquidIcon = (_a) => {
|
|
4937
4973
|
var _b = _a, {
|
|
4938
4974
|
title: title2,
|
|
@@ -4955,7 +4991,7 @@ var LogoHyperliquidIcon = (_a) => {
|
|
|
4955
4991
|
isColor,
|
|
4956
4992
|
color
|
|
4957
4993
|
});
|
|
4958
|
-
return /* @__PURE__ */ (0,
|
|
4994
|
+
return /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(
|
|
4959
4995
|
"svg",
|
|
4960
4996
|
__spreadProps(__spreadValues(__spreadValues({
|
|
4961
4997
|
viewBox: "0 0 100 100",
|
|
@@ -4963,8 +4999,8 @@ var LogoHyperliquidIcon = (_a) => {
|
|
|
4963
4999
|
fill: "none"
|
|
4964
5000
|
}, getIconA11yProps(title2)), props), {
|
|
4965
5001
|
children: [
|
|
4966
|
-
title2 ? /* @__PURE__ */ (0,
|
|
4967
|
-
/* @__PURE__ */ (0,
|
|
5002
|
+
title2 ? /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("title", { children: title2 }) : null,
|
|
5003
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
|
|
4968
5004
|
"path",
|
|
4969
5005
|
{
|
|
4970
5006
|
d: "M82 49.2724C82 70.431 69.0516 77.2204 62.2292 71.175C56.6135 66.2457 54.9427 55.8293 46.496 54.7597C35.7752 53.4112 34.847 67.6875 27.7926 67.6875C19.578 67.6875 18 55.7363 18 49.5979C18 43.3201 19.7636 34.7636 26.7716 34.7636C34.9398 34.7636 35.4039 46.9938 45.6142 46.3427C55.7781 45.6452 55.9637 32.9034 62.5542 27.4626C68.3089 22.7658 82 27.8346 82 49.2724Z",
|
|
@@ -4980,7 +5016,7 @@ LogoHyperliquidIcon.displayName = "LogoHyperliquidIcon";
|
|
|
4980
5016
|
// src/primitives/venue-logo/svg/logo-kalshi.tsx
|
|
4981
5017
|
var import_hooks17 = require("@agg-build/hooks");
|
|
4982
5018
|
var import_sdk4 = require("@agg-build/sdk");
|
|
4983
|
-
var
|
|
5019
|
+
var import_jsx_runtime96 = require("react/jsx-runtime");
|
|
4984
5020
|
var LogoKalshiIcon = (_a) => {
|
|
4985
5021
|
var _b = _a, {
|
|
4986
5022
|
title: title2,
|
|
@@ -5003,7 +5039,7 @@ var LogoKalshiIcon = (_a) => {
|
|
|
5003
5039
|
isColor,
|
|
5004
5040
|
color
|
|
5005
5041
|
});
|
|
5006
|
-
return /* @__PURE__ */ (0,
|
|
5042
|
+
return /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(
|
|
5007
5043
|
"svg",
|
|
5008
5044
|
__spreadProps(__spreadValues(__spreadValues({
|
|
5009
5045
|
viewBox: "0 0 100 100",
|
|
@@ -5011,8 +5047,8 @@ var LogoKalshiIcon = (_a) => {
|
|
|
5011
5047
|
fill: "none"
|
|
5012
5048
|
}, getIconA11yProps(title2)), props), {
|
|
5013
5049
|
children: [
|
|
5014
|
-
title2 ? /* @__PURE__ */ (0,
|
|
5015
|
-
/* @__PURE__ */ (0,
|
|
5050
|
+
title2 ? /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("title", { children: title2 }) : null,
|
|
5051
|
+
/* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
|
|
5016
5052
|
"path",
|
|
5017
5053
|
{
|
|
5018
5054
|
d: "M54.9798 47.579L79.4249 85.9995H58.2273L38.2531 52.9344V85.9995H20.4189V13.9995H38.2531V45.4356L59.6547 13.9995H78.7119L54.9798 47.579Z",
|
|
@@ -5028,7 +5064,7 @@ LogoKalshiIcon.displayName = "LogoKalshiIcon";
|
|
|
5028
5064
|
// src/primitives/venue-logo/svg/logo-limitless.tsx
|
|
5029
5065
|
var import_hooks18 = require("@agg-build/hooks");
|
|
5030
5066
|
var import_sdk5 = require("@agg-build/sdk");
|
|
5031
|
-
var
|
|
5067
|
+
var import_jsx_runtime97 = require("react/jsx-runtime");
|
|
5032
5068
|
var LogoLimitlessIcon = (_a) => {
|
|
5033
5069
|
var _b = _a, {
|
|
5034
5070
|
title: title2,
|
|
@@ -5051,7 +5087,7 @@ var LogoLimitlessIcon = (_a) => {
|
|
|
5051
5087
|
isColor,
|
|
5052
5088
|
color
|
|
5053
5089
|
});
|
|
5054
|
-
return /* @__PURE__ */ (0,
|
|
5090
|
+
return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(
|
|
5055
5091
|
"svg",
|
|
5056
5092
|
__spreadProps(__spreadValues(__spreadValues({
|
|
5057
5093
|
viewBox: "0 0 100 100",
|
|
@@ -5059,8 +5095,8 @@ var LogoLimitlessIcon = (_a) => {
|
|
|
5059
5095
|
fill: "none"
|
|
5060
5096
|
}, getIconA11yProps(title2)), props), {
|
|
5061
5097
|
children: [
|
|
5062
|
-
title2 ? /* @__PURE__ */ (0,
|
|
5063
|
-
/* @__PURE__ */ (0,
|
|
5098
|
+
title2 ? /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("title", { children: title2 }) : null,
|
|
5099
|
+
/* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
|
|
5064
5100
|
"path",
|
|
5065
5101
|
{
|
|
5066
5102
|
d: "M78.2762 44.4662H67.7966L81.9152 30.0554L82 29.9706L76.8528 24.8176H62.8524V21.6803C62.8524 19.6513 61.2036 18 59.1777 18H44.1555C42.1297 18 40.4809 19.6513 40.4809 21.6803V48.171H21.7238C19.6979 48.171 18.0491 49.8223 18.0491 51.8512C18.0491 53.8804 19.6979 55.5317 21.7238 55.5317H32.2034L18.0848 69.9379L18 70.0227L23.145 75.1755H37.1476V78.3195C37.1476 80.3487 38.7964 82 40.8222 82H55.8444C57.8703 82 59.5191 80.3487 59.5191 78.3195V51.8267H78.2762C80.3021 51.8267 81.9509 50.1754 81.9509 48.1464C81.9509 46.1175 80.3021 44.4662 78.2762 44.4662ZM57.9886 78.3173C57.9886 79.5018 57.0269 80.4647 55.8444 80.4647C54.6619 80.4647 53.7003 79.5018 53.7003 78.3173V57.2411L38.2096 73.0506L35.1752 70.0137L50.8712 54.0009H36.7459C35.5634 54.0009 34.6018 53.0377 34.6018 51.8535C34.6018 50.6692 35.5634 49.7038 36.7459 49.7038H54.8204C56.5673 49.7038 57.9886 51.1273 57.9886 52.8769V78.3195V78.3173ZM78.2762 50.2938H60.2018C58.4549 50.2938 57.0336 48.8704 57.0336 47.1208V21.6781C57.0336 20.4938 57.9953 19.5307 59.1777 19.5307C60.3602 19.5307 61.3241 20.4938 61.3241 21.6781V42.7544L76.8126 26.9403L79.847 29.9772L64.1509 45.9968H78.2762C79.4587 45.9968 80.4204 46.9599 80.4204 48.1442C80.4204 49.3285 79.4587 50.2916 78.2762 50.2916V50.2938Z",
|
|
@@ -5076,7 +5112,7 @@ LogoLimitlessIcon.displayName = "LogoLimitlessIcon";
|
|
|
5076
5112
|
// src/primitives/venue-logo/svg/logo-myriad.tsx
|
|
5077
5113
|
var import_hooks19 = require("@agg-build/hooks");
|
|
5078
5114
|
var import_sdk6 = require("@agg-build/sdk");
|
|
5079
|
-
var
|
|
5115
|
+
var import_jsx_runtime98 = require("react/jsx-runtime");
|
|
5080
5116
|
var LogoMyriadIcon = (_a) => {
|
|
5081
5117
|
var _b = _a, {
|
|
5082
5118
|
title: title2,
|
|
@@ -5099,7 +5135,7 @@ var LogoMyriadIcon = (_a) => {
|
|
|
5099
5135
|
isColor,
|
|
5100
5136
|
color
|
|
5101
5137
|
});
|
|
5102
|
-
return /* @__PURE__ */ (0,
|
|
5138
|
+
return /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(
|
|
5103
5139
|
"svg",
|
|
5104
5140
|
__spreadProps(__spreadValues(__spreadValues({
|
|
5105
5141
|
viewBox: "0 0 100 100",
|
|
@@ -5107,8 +5143,8 @@ var LogoMyriadIcon = (_a) => {
|
|
|
5107
5143
|
fill: "none"
|
|
5108
5144
|
}, getIconA11yProps(title2)), props), {
|
|
5109
5145
|
children: [
|
|
5110
|
-
title2 ? /* @__PURE__ */ (0,
|
|
5111
|
-
/* @__PURE__ */ (0,
|
|
5146
|
+
title2 ? /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("title", { children: title2 }) : null,
|
|
5147
|
+
/* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
|
|
5112
5148
|
"path",
|
|
5113
5149
|
{
|
|
5114
5150
|
d: "M24.356 52.5901C24.1479 52.8348 24.0342 53.1458 24.0352 53.467L24.0394 64.9354V68.672H44.3882V58.5767H32.5776L55.2898 31.713C55.4979 31.4683 55.6116 31.1573 55.6107 30.8361V19.3656C55.6107 18.093 54.0108 17.5155 53.1874 18.4887L24.356 52.5901ZM75.9594 31.3259V35.0646L75.9637 46.533C75.9637 46.8538 75.8504 47.1639 75.6429 47.4099L46.8137 81.5113C45.9902 82.4845 44.3925 81.907 44.3925 80.6344V69.1617C44.3925 68.8409 44.5059 68.5329 44.7133 68.287L67.4234 41.4233H55.6128V31.328L75.9594 31.3259Z",
|
|
@@ -5124,7 +5160,7 @@ LogoMyriadIcon.displayName = "LogoMyriadIcon";
|
|
|
5124
5160
|
// src/primitives/venue-logo/svg/logo-opinion.tsx
|
|
5125
5161
|
var import_hooks20 = require("@agg-build/hooks");
|
|
5126
5162
|
var import_sdk7 = require("@agg-build/sdk");
|
|
5127
|
-
var
|
|
5163
|
+
var import_jsx_runtime99 = require("react/jsx-runtime");
|
|
5128
5164
|
var LogoOpinionIcon = (_a) => {
|
|
5129
5165
|
var _b = _a, {
|
|
5130
5166
|
title: title2,
|
|
@@ -5147,7 +5183,7 @@ var LogoOpinionIcon = (_a) => {
|
|
|
5147
5183
|
isColor,
|
|
5148
5184
|
color
|
|
5149
5185
|
});
|
|
5150
|
-
return /* @__PURE__ */ (0,
|
|
5186
|
+
return /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(
|
|
5151
5187
|
"svg",
|
|
5152
5188
|
__spreadProps(__spreadValues(__spreadValues({
|
|
5153
5189
|
viewBox: "0 0 100 100",
|
|
@@ -5155,8 +5191,8 @@ var LogoOpinionIcon = (_a) => {
|
|
|
5155
5191
|
fill: "none"
|
|
5156
5192
|
}, getIconA11yProps(title2)), props), {
|
|
5157
5193
|
children: [
|
|
5158
|
-
title2 ? /* @__PURE__ */ (0,
|
|
5159
|
-
/* @__PURE__ */ (0,
|
|
5194
|
+
title2 ? /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("title", { children: title2 }) : null,
|
|
5195
|
+
/* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
|
|
5160
5196
|
"path",
|
|
5161
5197
|
{
|
|
5162
5198
|
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",
|
|
@@ -5172,7 +5208,7 @@ LogoOpinionIcon.displayName = "LogoOpinionIcon";
|
|
|
5172
5208
|
// src/primitives/venue-logo/svg/logo-polymarket.tsx
|
|
5173
5209
|
var import_hooks21 = require("@agg-build/hooks");
|
|
5174
5210
|
var import_sdk8 = require("@agg-build/sdk");
|
|
5175
|
-
var
|
|
5211
|
+
var import_jsx_runtime100 = require("react/jsx-runtime");
|
|
5176
5212
|
var LogoPolymarketIcon = (_a) => {
|
|
5177
5213
|
var _b = _a, {
|
|
5178
5214
|
title: title2,
|
|
@@ -5195,7 +5231,7 @@ var LogoPolymarketIcon = (_a) => {
|
|
|
5195
5231
|
isColor,
|
|
5196
5232
|
color
|
|
5197
5233
|
});
|
|
5198
|
-
return /* @__PURE__ */ (0,
|
|
5234
|
+
return /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(
|
|
5199
5235
|
"svg",
|
|
5200
5236
|
__spreadProps(__spreadValues(__spreadValues({
|
|
5201
5237
|
viewBox: "0 0 100 100",
|
|
@@ -5203,8 +5239,8 @@ var LogoPolymarketIcon = (_a) => {
|
|
|
5203
5239
|
fill: "none"
|
|
5204
5240
|
}, getIconA11yProps(title2)), props), {
|
|
5205
5241
|
children: [
|
|
5206
|
-
title2 ? /* @__PURE__ */ (0,
|
|
5207
|
-
/* @__PURE__ */ (0,
|
|
5242
|
+
title2 ? /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("title", { children: title2 }) : null,
|
|
5243
|
+
/* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
|
|
5208
5244
|
"path",
|
|
5209
5245
|
{
|
|
5210
5246
|
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",
|
|
@@ -5220,7 +5256,7 @@ LogoPolymarketIcon.displayName = "LogoPolymarketIcon";
|
|
|
5220
5256
|
// src/primitives/venue-logo/svg/logo-predict.tsx
|
|
5221
5257
|
var import_hooks22 = require("@agg-build/hooks");
|
|
5222
5258
|
var import_sdk9 = require("@agg-build/sdk");
|
|
5223
|
-
var
|
|
5259
|
+
var import_jsx_runtime101 = require("react/jsx-runtime");
|
|
5224
5260
|
var LogoPredictIcon = (_a) => {
|
|
5225
5261
|
var _b = _a, {
|
|
5226
5262
|
title: title2,
|
|
@@ -5243,7 +5279,7 @@ var LogoPredictIcon = (_a) => {
|
|
|
5243
5279
|
isColor,
|
|
5244
5280
|
color
|
|
5245
5281
|
});
|
|
5246
|
-
return /* @__PURE__ */ (0,
|
|
5282
|
+
return /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(
|
|
5247
5283
|
"svg",
|
|
5248
5284
|
__spreadProps(__spreadValues(__spreadValues({
|
|
5249
5285
|
viewBox: "0 0 100 100",
|
|
@@ -5251,8 +5287,8 @@ var LogoPredictIcon = (_a) => {
|
|
|
5251
5287
|
fill: "none"
|
|
5252
5288
|
}, getIconA11yProps(title2)), props), {
|
|
5253
5289
|
children: [
|
|
5254
|
-
title2 ? /* @__PURE__ */ (0,
|
|
5255
|
-
/* @__PURE__ */ (0,
|
|
5290
|
+
title2 ? /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("title", { children: title2 }) : null,
|
|
5291
|
+
/* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
|
|
5256
5292
|
"path",
|
|
5257
5293
|
{
|
|
5258
5294
|
fillRule: "evenodd",
|
|
@@ -5270,7 +5306,7 @@ LogoPredictIcon.displayName = "LogoPredictIcon";
|
|
|
5270
5306
|
// src/primitives/venue-logo/svg/logo-probable.tsx
|
|
5271
5307
|
var import_hooks23 = require("@agg-build/hooks");
|
|
5272
5308
|
var import_sdk10 = require("@agg-build/sdk");
|
|
5273
|
-
var
|
|
5309
|
+
var import_jsx_runtime102 = require("react/jsx-runtime");
|
|
5274
5310
|
var LogoProbableIcon = (_a) => {
|
|
5275
5311
|
var _b = _a, {
|
|
5276
5312
|
title: title2,
|
|
@@ -5293,7 +5329,7 @@ var LogoProbableIcon = (_a) => {
|
|
|
5293
5329
|
isColor,
|
|
5294
5330
|
color
|
|
5295
5331
|
});
|
|
5296
|
-
return /* @__PURE__ */ (0,
|
|
5332
|
+
return /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(
|
|
5297
5333
|
"svg",
|
|
5298
5334
|
__spreadProps(__spreadValues(__spreadValues({
|
|
5299
5335
|
viewBox: "0 0 100 100",
|
|
@@ -5301,16 +5337,16 @@ var LogoProbableIcon = (_a) => {
|
|
|
5301
5337
|
fill: "none"
|
|
5302
5338
|
}, getIconA11yProps(title2)), props), {
|
|
5303
5339
|
children: [
|
|
5304
|
-
title2 ? /* @__PURE__ */ (0,
|
|
5305
|
-
/* @__PURE__ */ (0,
|
|
5340
|
+
title2 ? /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("title", { children: title2 }) : null,
|
|
5341
|
+
/* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
|
|
5306
5342
|
"path",
|
|
5307
5343
|
{
|
|
5308
5344
|
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",
|
|
5309
5345
|
fill: primaryColor
|
|
5310
5346
|
}
|
|
5311
5347
|
),
|
|
5312
|
-
/* @__PURE__ */ (0,
|
|
5313
|
-
/* @__PURE__ */ (0,
|
|
5348
|
+
/* @__PURE__ */ (0, import_jsx_runtime102.jsx)("path", { d: "M90.9329 15.4546V30.4546H8.90234V15.4546H90.9329Z", fill: primaryColor }),
|
|
5349
|
+
/* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
|
|
5314
5350
|
"path",
|
|
5315
5351
|
{
|
|
5316
5352
|
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",
|
|
@@ -5421,7 +5457,7 @@ var resolveVenueLogoIsColor = ({
|
|
|
5421
5457
|
};
|
|
5422
5458
|
|
|
5423
5459
|
// src/primitives/venue-logo/index.tsx
|
|
5424
|
-
var
|
|
5460
|
+
var import_jsx_runtime103 = require("react/jsx-runtime");
|
|
5425
5461
|
var VenueLogo = ({
|
|
5426
5462
|
venue,
|
|
5427
5463
|
variant = "icon",
|
|
@@ -5447,7 +5483,7 @@ var VenueLogo = ({
|
|
|
5447
5483
|
console.warn(`[AggUI] Unknown venue "${venue}" \u2014 using default logo`);
|
|
5448
5484
|
}
|
|
5449
5485
|
if (variant === "logo") {
|
|
5450
|
-
return /* @__PURE__ */ (0,
|
|
5486
|
+
return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
|
|
5451
5487
|
RemoteImage,
|
|
5452
5488
|
{
|
|
5453
5489
|
src: (_a = venueLogoUrlRegistry[venue]) != null ? _a : DEFAULT_VENUE_LOGO_URL,
|
|
@@ -5462,7 +5498,7 @@ var VenueLogo = ({
|
|
|
5462
5498
|
isColor,
|
|
5463
5499
|
isMonochromatic
|
|
5464
5500
|
});
|
|
5465
|
-
return /* @__PURE__ */ (0,
|
|
5501
|
+
return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
|
|
5466
5502
|
Component,
|
|
5467
5503
|
{
|
|
5468
5504
|
className: cn("group/agg-venue-logo", "shrink-0", sizeClass, className),
|
|
@@ -5498,7 +5534,7 @@ var resolveIsSelectDisabled = ({
|
|
|
5498
5534
|
};
|
|
5499
5535
|
|
|
5500
5536
|
// src/primitives/select/index.tsx
|
|
5501
|
-
var
|
|
5537
|
+
var import_jsx_runtime104 = require("react/jsx-runtime");
|
|
5502
5538
|
var SELECT_DROPDOWN_Z = 1e4;
|
|
5503
5539
|
function resolveSelectPortalContainer(triggerRoot) {
|
|
5504
5540
|
var _a, _b;
|
|
@@ -5571,7 +5607,7 @@ var Select = ({
|
|
|
5571
5607
|
return () => document.removeEventListener("keydown", handleKeyDown);
|
|
5572
5608
|
}, [isOpen, handleClose]);
|
|
5573
5609
|
const triggerRadiusClass = triggerClassName != null ? triggerClassName : "rounded-agg-md";
|
|
5574
|
-
const listbox = menuRect ? /* @__PURE__ */ (0,
|
|
5610
|
+
const listbox = menuRect ? /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
|
|
5575
5611
|
"div",
|
|
5576
5612
|
{
|
|
5577
5613
|
ref: portalRef,
|
|
@@ -5588,7 +5624,7 @@ var Select = ({
|
|
|
5588
5624
|
className: "agg-select-content pointer-events-auto max-h-[min(20rem,calc(100vh-4rem))] overflow-y-auto rounded-agg-md border border-agg-separator bg-agg-secondary shadow-lg",
|
|
5589
5625
|
children: items.map((item) => {
|
|
5590
5626
|
const isSelected = item.value === value;
|
|
5591
|
-
return /* @__PURE__ */ (0,
|
|
5627
|
+
return /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(
|
|
5592
5628
|
"button",
|
|
5593
5629
|
{
|
|
5594
5630
|
type: "button",
|
|
@@ -5610,8 +5646,8 @@ var Select = ({
|
|
|
5610
5646
|
handleClose();
|
|
5611
5647
|
},
|
|
5612
5648
|
children: [
|
|
5613
|
-
isSelected ? /* @__PURE__ */ (0,
|
|
5614
|
-
item.icon ? /* @__PURE__ */ (0,
|
|
5649
|
+
isSelected ? /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: "absolute left-0 top-0 bottom-0 w-1 bg-agg-primary" }) : null,
|
|
5650
|
+
item.icon ? /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("span", { className: "h-4 w-4 shrink-0 [&_svg]:h-full [&_svg]:w-full", children: item.icon }) : item.iconUrl ? /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
|
|
5615
5651
|
RemoteImage,
|
|
5616
5652
|
{
|
|
5617
5653
|
src: item.iconUrl,
|
|
@@ -5619,7 +5655,7 @@ var Select = ({
|
|
|
5619
5655
|
className: "agg-select-item-icon h-4 w-4 shrink-0 rounded-sm object-contain"
|
|
5620
5656
|
}
|
|
5621
5657
|
) : null,
|
|
5622
|
-
/* @__PURE__ */ (0,
|
|
5658
|
+
/* @__PURE__ */ (0, import_jsx_runtime104.jsx)("span", { className: "agg-select-item-label truncate", children: item.label })
|
|
5623
5659
|
]
|
|
5624
5660
|
},
|
|
5625
5661
|
item.value
|
|
@@ -5627,13 +5663,13 @@ var Select = ({
|
|
|
5627
5663
|
})
|
|
5628
5664
|
}
|
|
5629
5665
|
) : null;
|
|
5630
|
-
return /* @__PURE__ */ (0,
|
|
5666
|
+
return /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(
|
|
5631
5667
|
"div",
|
|
5632
5668
|
{
|
|
5633
5669
|
ref: containerRef,
|
|
5634
5670
|
className: cn("group/agg-select", "relative inline-flex w-full", className),
|
|
5635
5671
|
children: [
|
|
5636
|
-
/* @__PURE__ */ (0,
|
|
5672
|
+
/* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(
|
|
5637
5673
|
"button",
|
|
5638
5674
|
{
|
|
5639
5675
|
type: "button",
|
|
@@ -5655,7 +5691,7 @@ var Select = ({
|
|
|
5655
5691
|
),
|
|
5656
5692
|
onClick: () => setIsOpen((previousValue) => !previousValue),
|
|
5657
5693
|
children: [
|
|
5658
|
-
(selectedItem == null ? void 0 : selectedItem.icon) ? /* @__PURE__ */ (0,
|
|
5694
|
+
(selectedItem == null ? void 0 : selectedItem.icon) ? /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("span", { className: "h-4 w-4 shrink-0 [&_svg]:h-full [&_svg]:w-full", children: selectedItem.icon }) : (selectedItem == null ? void 0 : selectedItem.iconUrl) ? /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
|
|
5659
5695
|
RemoteImage,
|
|
5660
5696
|
{
|
|
5661
5697
|
src: selectedItem.iconUrl,
|
|
@@ -5663,11 +5699,11 @@ var Select = ({
|
|
|
5663
5699
|
className: "agg-select-icon h-4 w-4 shrink-0 rounded-sm object-contain"
|
|
5664
5700
|
}
|
|
5665
5701
|
) : null,
|
|
5666
|
-
/* @__PURE__ */ (0,
|
|
5702
|
+
/* @__PURE__ */ (0, import_jsx_runtime104.jsx)("span", { className: "agg-select-value flex-1 truncate", children: (_a = selectedItem == null ? void 0 : selectedItem.label) != null ? _a : "" })
|
|
5667
5703
|
]
|
|
5668
5704
|
}
|
|
5669
5705
|
),
|
|
5670
|
-
/* @__PURE__ */ (0,
|
|
5706
|
+
/* @__PURE__ */ (0, import_jsx_runtime104.jsx)("span", { className: "agg-select-chevron pointer-events-none absolute inset-y-0 right-3 inline-flex items-center justify-center text-agg-muted-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Icon, { name: "chevron-down-thin", size: "small", color: "currentColor" }) }),
|
|
5671
5707
|
isOpen && typeof document !== "undefined" && listbox ? (0, import_react_dom.createPortal)(listbox, resolveSelectPortalContainer(containerRef.current)) : null
|
|
5672
5708
|
]
|
|
5673
5709
|
}
|
|
@@ -5742,14 +5778,14 @@ var getTypographyClassName = ({
|
|
|
5742
5778
|
};
|
|
5743
5779
|
|
|
5744
5780
|
// src/primitives/typography/index.tsx
|
|
5745
|
-
var
|
|
5781
|
+
var import_jsx_runtime105 = require("react/jsx-runtime");
|
|
5746
5782
|
var Typography = ({
|
|
5747
5783
|
as: Component = "p",
|
|
5748
5784
|
variant = "body",
|
|
5749
5785
|
className,
|
|
5750
5786
|
children
|
|
5751
5787
|
}) => {
|
|
5752
|
-
return /* @__PURE__ */ (0,
|
|
5788
|
+
return /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(Component, { className: getTypographyClassName({ className, variant }), children });
|
|
5753
5789
|
};
|
|
5754
5790
|
Typography.displayName = "Typography";
|
|
5755
5791
|
|
|
@@ -5762,7 +5798,7 @@ var resolveStateMessageHasAction = ({ onAction }) => {
|
|
|
5762
5798
|
};
|
|
5763
5799
|
|
|
5764
5800
|
// src/primitives/state-message/index.tsx
|
|
5765
|
-
var
|
|
5801
|
+
var import_jsx_runtime106 = require("react/jsx-runtime");
|
|
5766
5802
|
var StateMessage = ({
|
|
5767
5803
|
icon,
|
|
5768
5804
|
title: title2,
|
|
@@ -5776,7 +5812,7 @@ var StateMessage = ({
|
|
|
5776
5812
|
className: cn(STATE_MESSAGE_ICON_CLASS_NAME, icon.props.className, classNames == null ? void 0 : classNames.icon),
|
|
5777
5813
|
"aria-hidden": true
|
|
5778
5814
|
});
|
|
5779
|
-
return /* @__PURE__ */ (0,
|
|
5815
|
+
return /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
|
|
5780
5816
|
"div",
|
|
5781
5817
|
{
|
|
5782
5818
|
className: cn(
|
|
@@ -5787,7 +5823,7 @@ var StateMessage = ({
|
|
|
5787
5823
|
role: "status",
|
|
5788
5824
|
"aria-live": "polite",
|
|
5789
5825
|
"aria-label": title2,
|
|
5790
|
-
children: /* @__PURE__ */ (0,
|
|
5826
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)(
|
|
5791
5827
|
"div",
|
|
5792
5828
|
{
|
|
5793
5829
|
className: cn(
|
|
@@ -5796,7 +5832,7 @@ var StateMessage = ({
|
|
|
5796
5832
|
),
|
|
5797
5833
|
children: [
|
|
5798
5834
|
resolvedIcon,
|
|
5799
|
-
/* @__PURE__ */ (0,
|
|
5835
|
+
/* @__PURE__ */ (0, import_jsx_runtime106.jsxs)(
|
|
5800
5836
|
"div",
|
|
5801
5837
|
{
|
|
5802
5838
|
className: cn(
|
|
@@ -5804,8 +5840,8 @@ var StateMessage = ({
|
|
|
5804
5840
|
classNames == null ? void 0 : classNames.text
|
|
5805
5841
|
),
|
|
5806
5842
|
children: [
|
|
5807
|
-
/* @__PURE__ */ (0,
|
|
5808
|
-
description ? /* @__PURE__ */ (0,
|
|
5843
|
+
/* @__PURE__ */ (0, import_jsx_runtime106.jsx)(Typography, { variant: "body-strong", className: classNames == null ? void 0 : classNames.title, children: title2 }),
|
|
5844
|
+
description ? /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
|
|
5809
5845
|
Typography,
|
|
5810
5846
|
{
|
|
5811
5847
|
variant: "label",
|
|
@@ -5816,7 +5852,7 @@ var StateMessage = ({
|
|
|
5816
5852
|
]
|
|
5817
5853
|
}
|
|
5818
5854
|
),
|
|
5819
|
-
hasAction ? /* @__PURE__ */ (0,
|
|
5855
|
+
hasAction ? /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
|
|
5820
5856
|
Button,
|
|
5821
5857
|
{
|
|
5822
5858
|
variant: "tertiary",
|
|
@@ -5871,7 +5907,7 @@ var findEdgeEnabledIndex = (items, direction) => {
|
|
|
5871
5907
|
};
|
|
5872
5908
|
|
|
5873
5909
|
// src/primitives/tabs/index.tsx
|
|
5874
|
-
var
|
|
5910
|
+
var import_jsx_runtime107 = require("react/jsx-runtime");
|
|
5875
5911
|
var getTabButtonClassName = ({
|
|
5876
5912
|
enableAnimations,
|
|
5877
5913
|
isBarVariant,
|
|
@@ -6203,7 +6239,7 @@ var Tabs = ({
|
|
|
6203
6239
|
});
|
|
6204
6240
|
}, [enableAnimations, renderedItems, shouldUseOverflowScroll, value]);
|
|
6205
6241
|
if (shouldUseOverflowSelect) {
|
|
6206
|
-
return /* @__PURE__ */ (0,
|
|
6242
|
+
return /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("div", { className: cn("group/agg-tabs w-full", className, classNames == null ? void 0 : classNames.root), children: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
|
|
6207
6243
|
Select,
|
|
6208
6244
|
{
|
|
6209
6245
|
ariaLabel,
|
|
@@ -6215,7 +6251,7 @@ var Tabs = ({
|
|
|
6215
6251
|
}
|
|
6216
6252
|
) });
|
|
6217
6253
|
}
|
|
6218
|
-
return /* @__PURE__ */ (0,
|
|
6254
|
+
return /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(
|
|
6219
6255
|
"div",
|
|
6220
6256
|
{
|
|
6221
6257
|
className: cn(
|
|
@@ -6226,7 +6262,7 @@ var Tabs = ({
|
|
|
6226
6262
|
classNames == null ? void 0 : classNames.root
|
|
6227
6263
|
),
|
|
6228
6264
|
children: [
|
|
6229
|
-
/* @__PURE__ */ (0,
|
|
6265
|
+
/* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(
|
|
6230
6266
|
"div",
|
|
6231
6267
|
{
|
|
6232
6268
|
ref: tabListRef,
|
|
@@ -6244,7 +6280,7 @@ var Tabs = ({
|
|
|
6244
6280
|
var _a;
|
|
6245
6281
|
const isActive = item.value === value;
|
|
6246
6282
|
const isComingSoon = (_a = item == null ? void 0 : item.isComingSoon) != null ? _a : false;
|
|
6247
|
-
return /* @__PURE__ */ (0,
|
|
6283
|
+
return /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(
|
|
6248
6284
|
"button",
|
|
6249
6285
|
{
|
|
6250
6286
|
ref: (buttonElement) => {
|
|
@@ -6278,7 +6314,7 @@ var Tabs = ({
|
|
|
6278
6314
|
),
|
|
6279
6315
|
children: [
|
|
6280
6316
|
item.icon ? item.icon : null,
|
|
6281
|
-
/* @__PURE__ */ (0,
|
|
6317
|
+
/* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(
|
|
6282
6318
|
"span",
|
|
6283
6319
|
{
|
|
6284
6320
|
className: cn(
|
|
@@ -6296,7 +6332,7 @@ var Tabs = ({
|
|
|
6296
6332
|
item.value
|
|
6297
6333
|
);
|
|
6298
6334
|
}),
|
|
6299
|
-
!isBarVariant ? /* @__PURE__ */ (0,
|
|
6335
|
+
!isBarVariant ? /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
|
|
6300
6336
|
"span",
|
|
6301
6337
|
{
|
|
6302
6338
|
"aria-hidden": true,
|
|
@@ -6315,8 +6351,8 @@ var Tabs = ({
|
|
|
6315
6351
|
]
|
|
6316
6352
|
}
|
|
6317
6353
|
),
|
|
6318
|
-
shouldUseOverflowScroll && !isBarVariant ? /* @__PURE__ */ (0,
|
|
6319
|
-
/* @__PURE__ */ (0,
|
|
6354
|
+
shouldUseOverflowScroll && !isBarVariant ? /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(import_jsx_runtime107.Fragment, { children: [
|
|
6355
|
+
/* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
|
|
6320
6356
|
"span",
|
|
6321
6357
|
{
|
|
6322
6358
|
"aria-hidden": true,
|
|
@@ -6328,7 +6364,7 @@ var Tabs = ({
|
|
|
6328
6364
|
)
|
|
6329
6365
|
}
|
|
6330
6366
|
),
|
|
6331
|
-
/* @__PURE__ */ (0,
|
|
6367
|
+
/* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
|
|
6332
6368
|
"span",
|
|
6333
6369
|
{
|
|
6334
6370
|
"aria-hidden": true,
|
|
@@ -6382,7 +6418,7 @@ var resolveTooltipArrowDimensions = (size) => {
|
|
|
6382
6418
|
};
|
|
6383
6419
|
|
|
6384
6420
|
// src/primitives/tooltip/index.tsx
|
|
6385
|
-
var
|
|
6421
|
+
var import_jsx_runtime108 = require("react/jsx-runtime");
|
|
6386
6422
|
var Tooltip = ({
|
|
6387
6423
|
content,
|
|
6388
6424
|
children,
|
|
@@ -6398,22 +6434,22 @@ var Tooltip = ({
|
|
|
6398
6434
|
} = (0, import_hooks28.useSdkUiConfig)();
|
|
6399
6435
|
const trigger = (0, import_react8.useMemo)(() => {
|
|
6400
6436
|
if (children) return children;
|
|
6401
|
-
return /* @__PURE__ */ (0,
|
|
6437
|
+
return /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
|
|
6402
6438
|
"button",
|
|
6403
6439
|
{
|
|
6404
6440
|
type: "button",
|
|
6405
6441
|
className: resolveTooltipTriggerClassName(classNames == null ? void 0 : classNames.trigger),
|
|
6406
6442
|
"aria-label": ariaLabel != null ? ariaLabel : defaultTooltipTriggerAriaLabel,
|
|
6407
|
-
children: /* @__PURE__ */ (0,
|
|
6443
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(Icon, { name: "info", size: "small", "aria-hidden": true })
|
|
6408
6444
|
}
|
|
6409
6445
|
);
|
|
6410
6446
|
}, [children, classNames == null ? void 0 : classNames.trigger, ariaLabel]);
|
|
6411
6447
|
const { width: arrowWidth, height: arrowHeight } = resolveTooltipArrowDimensions(size);
|
|
6412
6448
|
const arrowPoints = `0,0 ${arrowWidth},0 ${arrowWidth / 2},${arrowHeight}`;
|
|
6413
6449
|
const arrowBorderPath = `M0 0 L${arrowWidth / 2} ${arrowHeight} L${arrowWidth} 0`;
|
|
6414
|
-
return /* @__PURE__ */ (0,
|
|
6415
|
-
/* @__PURE__ */ (0,
|
|
6416
|
-
/* @__PURE__ */ (0,
|
|
6450
|
+
return /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(TooltipPrimitive.Provider, { delayDuration, children: /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)(TooltipPrimitive.Root, { children: [
|
|
6451
|
+
/* @__PURE__ */ (0, import_jsx_runtime108.jsx)(TooltipPrimitive.Trigger, { asChild: true, children: trigger }),
|
|
6452
|
+
/* @__PURE__ */ (0, import_jsx_runtime108.jsx)(TooltipPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)(
|
|
6417
6453
|
TooltipPrimitive.Content,
|
|
6418
6454
|
{
|
|
6419
6455
|
side,
|
|
@@ -6435,7 +6471,7 @@ var Tooltip = ({
|
|
|
6435
6471
|
classNames == null ? void 0 : classNames.content
|
|
6436
6472
|
),
|
|
6437
6473
|
children: [
|
|
6438
|
-
/* @__PURE__ */ (0,
|
|
6474
|
+
/* @__PURE__ */ (0, import_jsx_runtime108.jsx)(TooltipPrimitive.Arrow, { asChild: true, width: arrowWidth, height: arrowHeight, children: /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)(
|
|
6439
6475
|
"svg",
|
|
6440
6476
|
{
|
|
6441
6477
|
width: arrowWidth,
|
|
@@ -6444,8 +6480,8 @@ var Tooltip = ({
|
|
|
6444
6480
|
"aria-hidden": "true",
|
|
6445
6481
|
className: cn("overflow-visible", classNames == null ? void 0 : classNames.arrow),
|
|
6446
6482
|
children: [
|
|
6447
|
-
/* @__PURE__ */ (0,
|
|
6448
|
-
/* @__PURE__ */ (0,
|
|
6483
|
+
/* @__PURE__ */ (0, import_jsx_runtime108.jsx)("polygon", { points: arrowPoints, className: "fill-agg-secondary" }),
|
|
6484
|
+
/* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
|
|
6449
6485
|
"path",
|
|
6450
6486
|
{
|
|
6451
6487
|
d: arrowBorderPath,
|
|
@@ -6477,13 +6513,13 @@ var isErrorWithStatus = (error, status) => {
|
|
|
6477
6513
|
};
|
|
6478
6514
|
|
|
6479
6515
|
// src/events/item/index.tsx
|
|
6480
|
-
var
|
|
6516
|
+
var import_jsx_runtime109 = require("react/jsx-runtime");
|
|
6481
6517
|
var EventListItemLoadingState = ({
|
|
6482
6518
|
classNames,
|
|
6483
6519
|
ariaLabel
|
|
6484
6520
|
}) => {
|
|
6485
6521
|
const labels = (0, import_hooks29.useLabels)();
|
|
6486
|
-
return /* @__PURE__ */ (0,
|
|
6522
|
+
return /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
|
|
6487
6523
|
Skeleton,
|
|
6488
6524
|
{
|
|
6489
6525
|
view: "event-list-item",
|
|
@@ -6497,7 +6533,7 @@ var EventListItemUnavailableState = ({
|
|
|
6497
6533
|
ariaLabel
|
|
6498
6534
|
}) => {
|
|
6499
6535
|
const labels = (0, import_hooks29.useLabels)();
|
|
6500
|
-
return /* @__PURE__ */ (0,
|
|
6536
|
+
return /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
|
|
6501
6537
|
Card,
|
|
6502
6538
|
{
|
|
6503
6539
|
className: cn(
|
|
@@ -6507,8 +6543,8 @@ var EventListItemUnavailableState = ({
|
|
|
6507
6543
|
),
|
|
6508
6544
|
role: "status",
|
|
6509
6545
|
"aria-label": ariaLabel != null ? ariaLabel : labels.eventItem.unavailableAria,
|
|
6510
|
-
children: /* @__PURE__ */ (0,
|
|
6511
|
-
/* @__PURE__ */ (0,
|
|
6546
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("div", { className: cn("agg-event-card-header min-h-12 flex flex-col gap-1", classNames == null ? void 0 : classNames.header), children: [
|
|
6547
|
+
/* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
|
|
6512
6548
|
Typography,
|
|
6513
6549
|
{
|
|
6514
6550
|
variant: "body-large-strong",
|
|
@@ -6516,7 +6552,7 @@ var EventListItemUnavailableState = ({
|
|
|
6516
6552
|
children: labels.eventItem.unavailableTitle
|
|
6517
6553
|
}
|
|
6518
6554
|
),
|
|
6519
|
-
/* @__PURE__ */ (0,
|
|
6555
|
+
/* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Typography, { variant: "body", className: "text-agg-muted-foreground", children: labels.eventItem.unavailableDescription })
|
|
6520
6556
|
] })
|
|
6521
6557
|
}
|
|
6522
6558
|
);
|
|
@@ -6526,12 +6562,12 @@ var EventListItemNotFoundState = ({
|
|
|
6526
6562
|
ariaLabel: _ariaLabel
|
|
6527
6563
|
}) => {
|
|
6528
6564
|
const labels = (0, import_hooks29.useLabels)();
|
|
6529
|
-
return /* @__PURE__ */ (0,
|
|
6565
|
+
return /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
|
|
6530
6566
|
StateMessage,
|
|
6531
6567
|
{
|
|
6532
6568
|
title: labels.eventItemDetails.notFoundTitle,
|
|
6533
6569
|
description: labels.eventItemDetails.notFoundDescription,
|
|
6534
|
-
icon: /* @__PURE__ */ (0,
|
|
6570
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(SearchEmptyIcon, {}),
|
|
6535
6571
|
classNames: { root: "agg-event-card-state min-h-[280px] md:min-h-[320px]" }
|
|
6536
6572
|
}
|
|
6537
6573
|
);
|
|
@@ -6712,9 +6748,9 @@ var EventListItemContent = ({
|
|
|
6712
6748
|
const renderArbitrage = (value) => {
|
|
6713
6749
|
if (value == null) return null;
|
|
6714
6750
|
if (Math.abs(value) < config.market.arbitrageThreshold) return null;
|
|
6715
|
-
return /* @__PURE__ */ (0,
|
|
6716
|
-
/* @__PURE__ */ (0,
|
|
6717
|
-
/* @__PURE__ */ (0,
|
|
6751
|
+
return /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("div", { className: cn("flex items-center gap-1", "text-agg-success"), children: [
|
|
6752
|
+
/* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Typography, { variant: "label-strong", className: "text-agg-success", children: config.formatting.formatPercent(value) }),
|
|
6753
|
+
/* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
|
|
6718
6754
|
Icon,
|
|
6719
6755
|
{
|
|
6720
6756
|
name: "triangle-up",
|
|
@@ -6728,7 +6764,7 @@ var EventListItemContent = ({
|
|
|
6728
6764
|
const _renderPriceGapPill = (value) => {
|
|
6729
6765
|
const formattedPriceGap = formatPriceGapPercent(value);
|
|
6730
6766
|
if (!formattedPriceGap) return null;
|
|
6731
|
-
return /* @__PURE__ */ (0,
|
|
6767
|
+
return /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(
|
|
6732
6768
|
"div",
|
|
6733
6769
|
{
|
|
6734
6770
|
className: cn(
|
|
@@ -6737,8 +6773,8 @@ var EventListItemContent = ({
|
|
|
6737
6773
|
"bg-agg-success/10"
|
|
6738
6774
|
),
|
|
6739
6775
|
children: [
|
|
6740
|
-
/* @__PURE__ */ (0,
|
|
6741
|
-
/* @__PURE__ */ (0,
|
|
6776
|
+
/* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Typography, { variant: "overline", className: "text-agg-success", children: formattedPriceGap }),
|
|
6777
|
+
/* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Typography, { variant: "overline", className: "text-agg-success uppercase", children: labels.eventItem.priceGap })
|
|
6742
6778
|
]
|
|
6743
6779
|
}
|
|
6744
6780
|
);
|
|
@@ -6746,7 +6782,7 @@ var EventListItemContent = ({
|
|
|
6746
6782
|
const renderOutcomePriceBadge = (probability, venue, shouldRenderLoadingSkeleton, market, outcome) => {
|
|
6747
6783
|
var _a;
|
|
6748
6784
|
if (shouldRenderLoadingSkeleton) {
|
|
6749
|
-
return /* @__PURE__ */ (0,
|
|
6785
|
+
return /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
|
|
6750
6786
|
"div",
|
|
6751
6787
|
{
|
|
6752
6788
|
"aria-hidden": "true",
|
|
@@ -6759,11 +6795,11 @@ var EventListItemContent = ({
|
|
|
6759
6795
|
if (typeof probability !== "number") return null;
|
|
6760
6796
|
const marketHref = (_a = getMarketHref == null ? void 0 : getMarketHref(event, market, outcome)) != null ? _a : resolveMarketHrefFromEventHref(href, market.id, outcome.id);
|
|
6761
6797
|
const isInteractive = Boolean(onMarketClick || marketHref);
|
|
6762
|
-
return /* @__PURE__ */ (0,
|
|
6798
|
+
return /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
|
|
6763
6799
|
Badge,
|
|
6764
6800
|
{
|
|
6765
6801
|
text: formatMarketProbabilityPercent(probability, config.formatting.formatPercent),
|
|
6766
|
-
prefix: /* @__PURE__ */ (0,
|
|
6802
|
+
prefix: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(VenueLogo, { venue, size: "small" }),
|
|
6767
6803
|
size: "small",
|
|
6768
6804
|
classNames: {
|
|
6769
6805
|
root: cn(
|
|
@@ -6783,7 +6819,7 @@ var EventListItemContent = ({
|
|
|
6783
6819
|
}
|
|
6784
6820
|
);
|
|
6785
6821
|
};
|
|
6786
|
-
return /* @__PURE__ */ (0,
|
|
6822
|
+
return /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(
|
|
6787
6823
|
Card,
|
|
6788
6824
|
{
|
|
6789
6825
|
className: cn(
|
|
@@ -6800,12 +6836,12 @@ var EventListItemContent = ({
|
|
|
6800
6836
|
"aria-label": ariaLabel != null ? ariaLabel : resolvedTitle,
|
|
6801
6837
|
withGradient: true,
|
|
6802
6838
|
children: [
|
|
6803
|
-
/* @__PURE__ */ (0,
|
|
6839
|
+
/* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(
|
|
6804
6840
|
"div",
|
|
6805
6841
|
{
|
|
6806
6842
|
className: cn("agg-event-card-header min-h-12 flex items-center gap-3", classNames == null ? void 0 : classNames.header),
|
|
6807
6843
|
children: [
|
|
6808
|
-
/* @__PURE__ */ (0,
|
|
6844
|
+
/* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
|
|
6809
6845
|
RemoteImage,
|
|
6810
6846
|
{
|
|
6811
6847
|
src: (0, import_hooks29.optimizedImageUrl)(resolvedImage, 40),
|
|
@@ -6813,7 +6849,7 @@ var EventListItemContent = ({
|
|
|
6813
6849
|
className: cn("agg-event-image h-10 w-10 rounded-agg-lg object-cover")
|
|
6814
6850
|
}
|
|
6815
6851
|
),
|
|
6816
|
-
/* @__PURE__ */ (0,
|
|
6852
|
+
/* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
|
|
6817
6853
|
Typography,
|
|
6818
6854
|
{
|
|
6819
6855
|
variant: "body-strong",
|
|
@@ -6829,7 +6865,7 @@ var EventListItemContent = ({
|
|
|
6829
6865
|
]
|
|
6830
6866
|
}
|
|
6831
6867
|
),
|
|
6832
|
-
/* @__PURE__ */ (0,
|
|
6868
|
+
/* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(
|
|
6833
6869
|
"div",
|
|
6834
6870
|
{
|
|
6835
6871
|
className: cn(
|
|
@@ -6873,7 +6909,7 @@ var EventListItemContent = ({
|
|
|
6873
6909
|
const shouldRenderMidpointSkeleton = shouldUseMidpoint && marketMidpoint == null && isMidpointQueryInFlight;
|
|
6874
6910
|
const arbitragePercent = arbitrageByOutcomeId == null ? void 0 : arbitrageByOutcomeId[outcome.id];
|
|
6875
6911
|
const _priceGapPct = gapsByVenueMarketId.get(market.id);
|
|
6876
|
-
return /* @__PURE__ */ (0,
|
|
6912
|
+
return /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(
|
|
6877
6913
|
"div",
|
|
6878
6914
|
{
|
|
6879
6915
|
className: cn(
|
|
@@ -6882,7 +6918,7 @@ var EventListItemContent = ({
|
|
|
6882
6918
|
classNames == null ? void 0 : classNames.outcomeRow
|
|
6883
6919
|
),
|
|
6884
6920
|
children: [
|
|
6885
|
-
/* @__PURE__ */ (0,
|
|
6921
|
+
/* @__PURE__ */ (0, import_jsx_runtime109.jsx)("div", { className: "agg-outcome-label-row flex min-w-0 flex-row items-center justify-start gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
|
|
6886
6922
|
Typography,
|
|
6887
6923
|
{
|
|
6888
6924
|
variant: "body",
|
|
@@ -6890,7 +6926,7 @@ var EventListItemContent = ({
|
|
|
6890
6926
|
children: resolveOutcomeTitle(outcome)
|
|
6891
6927
|
}
|
|
6892
6928
|
) }),
|
|
6893
|
-
/* @__PURE__ */ (0,
|
|
6929
|
+
/* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("div", { className: "agg-outcome-meta flex flex-row items-center justify-end gap-3", children: [
|
|
6894
6930
|
renderArbitrage(arbitragePercent),
|
|
6895
6931
|
renderOutcomePriceBadge(
|
|
6896
6932
|
probability,
|
|
@@ -6924,7 +6960,7 @@ var EventListItemContent = ({
|
|
|
6924
6960
|
const arbitragePercent = arbitrageByOutcomeId == null ? void 0 : arbitrageByOutcomeId[market.id];
|
|
6925
6961
|
const outcomeTitle = market.question;
|
|
6926
6962
|
const _priceGapPct = gapsByVenueMarketId.get(market.id);
|
|
6927
|
-
return /* @__PURE__ */ (0,
|
|
6963
|
+
return /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(
|
|
6928
6964
|
"div",
|
|
6929
6965
|
{
|
|
6930
6966
|
className: cn(
|
|
@@ -6933,7 +6969,7 @@ var EventListItemContent = ({
|
|
|
6933
6969
|
classNames == null ? void 0 : classNames.outcomeRow
|
|
6934
6970
|
),
|
|
6935
6971
|
children: [
|
|
6936
|
-
/* @__PURE__ */ (0,
|
|
6972
|
+
/* @__PURE__ */ (0, import_jsx_runtime109.jsx)("div", { className: "agg-outcome-label-row flex min-w-0 flex-row items-center justify-start gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
|
|
6937
6973
|
Typography,
|
|
6938
6974
|
{
|
|
6939
6975
|
variant: "body",
|
|
@@ -6941,7 +6977,7 @@ var EventListItemContent = ({
|
|
|
6941
6977
|
children: outcomeTitle
|
|
6942
6978
|
}
|
|
6943
6979
|
) }),
|
|
6944
|
-
/* @__PURE__ */ (0,
|
|
6980
|
+
/* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("div", { className: "agg-outcome-meta flex flex-row items-center justify-end gap-3", children: [
|
|
6945
6981
|
renderArbitrage(arbitragePercent),
|
|
6946
6982
|
renderOutcomePriceBadge(
|
|
6947
6983
|
probability,
|
|
@@ -6956,15 +6992,15 @@ var EventListItemContent = ({
|
|
|
6956
6992
|
`${market.id}`
|
|
6957
6993
|
);
|
|
6958
6994
|
}),
|
|
6959
|
-
shouldRenderLoadingOutcomeRow ? /* @__PURE__ */ (0,
|
|
6960
|
-
/* @__PURE__ */ (0,
|
|
6995
|
+
shouldRenderLoadingOutcomeRow ? /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("div", { className: "agg-outcome-row-loading flex w-full items-center justify-between gap-3", children: [
|
|
6996
|
+
/* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
|
|
6961
6997
|
"div",
|
|
6962
6998
|
{
|
|
6963
6999
|
"aria-hidden": "true",
|
|
6964
7000
|
className: "bg-agg-separator animate-pulse h-5 rounded-agg-sm w-[200px]"
|
|
6965
7001
|
}
|
|
6966
7002
|
),
|
|
6967
|
-
/* @__PURE__ */ (0,
|
|
7003
|
+
/* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
|
|
6968
7004
|
"div",
|
|
6969
7005
|
{
|
|
6970
7006
|
"aria-hidden": "true",
|
|
@@ -6975,7 +7011,7 @@ var EventListItemContent = ({
|
|
|
6975
7011
|
]
|
|
6976
7012
|
}
|
|
6977
7013
|
),
|
|
6978
|
-
/* @__PURE__ */ (0,
|
|
7014
|
+
/* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(
|
|
6979
7015
|
"div",
|
|
6980
7016
|
{
|
|
6981
7017
|
className: cn(
|
|
@@ -6985,25 +7021,25 @@ var EventListItemContent = ({
|
|
|
6985
7021
|
classNames == null ? void 0 : classNames.footer
|
|
6986
7022
|
),
|
|
6987
7023
|
children: [
|
|
6988
|
-
/* @__PURE__ */ (0,
|
|
7024
|
+
/* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(
|
|
6989
7025
|
"div",
|
|
6990
7026
|
{
|
|
6991
7027
|
className: cn(
|
|
6992
7028
|
"agg-event-meta flex items-center gap-1 text-agg-sm leading-agg-5 truncate"
|
|
6993
7029
|
),
|
|
6994
7030
|
children: [
|
|
6995
|
-
/* @__PURE__ */ (0,
|
|
7031
|
+
/* @__PURE__ */ (0, import_jsx_runtime109.jsx)("span", { className: "truncate text-agg-muted-foreground", children: formatCountLabel(
|
|
6996
7032
|
resolvedMarketCount,
|
|
6997
7033
|
labels.eventItem.marketSingular,
|
|
6998
7034
|
labels.eventItem.marketPlural
|
|
6999
7035
|
) }),
|
|
7000
|
-
/* @__PURE__ */ (0,
|
|
7001
|
-
/* @__PURE__ */ (0,
|
|
7036
|
+
/* @__PURE__ */ (0, import_jsx_runtime109.jsx)("span", { className: "text-agg-muted-foreground", children: "\xD7" }),
|
|
7037
|
+
/* @__PURE__ */ (0, import_jsx_runtime109.jsx)("span", { className: "truncate text-agg-muted-foreground", children: formatCountLabel(
|
|
7002
7038
|
resolvedVenueCount,
|
|
7003
7039
|
labels.eventItem.venueSingular,
|
|
7004
7040
|
labels.eventItem.venuePlural
|
|
7005
7041
|
) }),
|
|
7006
|
-
visibleVenueLogos.length > 0 ? /* @__PURE__ */ (0,
|
|
7042
|
+
visibleVenueLogos.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("span", { className: "agg-event-venues flex items-center gap-1 overflow-hidden", children: visibleVenueLogos.map((venue) => /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
|
|
7007
7043
|
VenueLogo,
|
|
7008
7044
|
{
|
|
7009
7045
|
venue,
|
|
@@ -7016,7 +7052,7 @@ var EventListItemContent = ({
|
|
|
7016
7052
|
]
|
|
7017
7053
|
}
|
|
7018
7054
|
),
|
|
7019
|
-
volumeLabel ? /* @__PURE__ */ (0,
|
|
7055
|
+
volumeLabel ? /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
|
|
7020
7056
|
Typography,
|
|
7021
7057
|
{
|
|
7022
7058
|
variant: "label",
|
|
@@ -7050,31 +7086,31 @@ var EventListItemByEventId = (_a) => {
|
|
|
7050
7086
|
return resolveEventListItemEvent(fetchedEvent);
|
|
7051
7087
|
}, [fetchedEvent]);
|
|
7052
7088
|
if (!eventId) {
|
|
7053
|
-
return /* @__PURE__ */ (0,
|
|
7089
|
+
return /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(EventListItemUnavailableState, { classNames: rest.classNames, ariaLabel: rest.ariaLabel });
|
|
7054
7090
|
}
|
|
7055
7091
|
if (isLoading) {
|
|
7056
|
-
return /* @__PURE__ */ (0,
|
|
7092
|
+
return /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(EventListItemLoadingState, { classNames: rest.classNames, ariaLabel: rest.ariaLabel });
|
|
7057
7093
|
}
|
|
7058
7094
|
if (isErrorWithStatus(error, 404)) {
|
|
7059
|
-
return /* @__PURE__ */ (0,
|
|
7095
|
+
return /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(EventListItemNotFoundState, { classNames: rest.classNames, ariaLabel: rest.ariaLabel });
|
|
7060
7096
|
}
|
|
7061
7097
|
if (!fetchedEvent && !isError) {
|
|
7062
|
-
return /* @__PURE__ */ (0,
|
|
7098
|
+
return /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(EventListItemLoadingState, { classNames: rest.classNames, ariaLabel: rest.ariaLabel });
|
|
7063
7099
|
}
|
|
7064
7100
|
if (!resolvedEvent) {
|
|
7065
|
-
return /* @__PURE__ */ (0,
|
|
7101
|
+
return /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(EventListItemUnavailableState, { classNames: rest.classNames, ariaLabel: rest.ariaLabel });
|
|
7066
7102
|
}
|
|
7067
|
-
return /* @__PURE__ */ (0,
|
|
7103
|
+
return /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(EventListItemContent, __spreadValues({ event: resolvedEvent }, rest));
|
|
7068
7104
|
};
|
|
7069
7105
|
var EventListItem = (props) => {
|
|
7070
7106
|
if (props.isLoading) {
|
|
7071
|
-
return /* @__PURE__ */ (0,
|
|
7107
|
+
return /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(EventListItemLoadingState, { classNames: props.classNames, ariaLabel: props.ariaLabel });
|
|
7072
7108
|
}
|
|
7073
7109
|
if ("event" in props && props.event) {
|
|
7074
7110
|
const _a = props, { event } = _a, rest = __objRest(_a, ["event"]);
|
|
7075
|
-
return /* @__PURE__ */ (0,
|
|
7111
|
+
return /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(EventListItemContent, __spreadValues({ event }, rest));
|
|
7076
7112
|
}
|
|
7077
|
-
return /* @__PURE__ */ (0,
|
|
7113
|
+
return /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(EventListItemByEventId, __spreadValues({}, props));
|
|
7078
7114
|
};
|
|
7079
7115
|
EventListItem.displayName = "EventListItem";
|
|
7080
7116
|
|
|
@@ -7109,7 +7145,7 @@ var resolveChartTypeOptionIconName = (chartType) => {
|
|
|
7109
7145
|
};
|
|
7110
7146
|
|
|
7111
7147
|
// src/primitives/chart/chart-type-switch.tsx
|
|
7112
|
-
var
|
|
7148
|
+
var import_jsx_runtime110 = require("react/jsx-runtime");
|
|
7113
7149
|
var ChartTypeSwitch = ({
|
|
7114
7150
|
value,
|
|
7115
7151
|
onValueChange,
|
|
@@ -7145,7 +7181,7 @@ var ChartTypeSwitch = ({
|
|
|
7145
7181
|
}
|
|
7146
7182
|
onValueChange(nextOption.value);
|
|
7147
7183
|
};
|
|
7148
|
-
return /* @__PURE__ */ (0,
|
|
7184
|
+
return /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
|
|
7149
7185
|
"div",
|
|
7150
7186
|
{
|
|
7151
7187
|
className: cn("agg-chart-type-switch inline-flex items-center gap-2", className),
|
|
@@ -7153,7 +7189,7 @@ var ChartTypeSwitch = ({
|
|
|
7153
7189
|
"aria-label": labels.common.chartTypeSwitchAria,
|
|
7154
7190
|
children: options.map((option, index) => {
|
|
7155
7191
|
const isActive = option.value === value;
|
|
7156
|
-
return /* @__PURE__ */ (0,
|
|
7192
|
+
return /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
|
|
7157
7193
|
"button",
|
|
7158
7194
|
{
|
|
7159
7195
|
type: "button",
|
|
@@ -7180,7 +7216,7 @@ var ChartTypeSwitch = ({
|
|
|
7180
7216
|
onKeyDown: (event) => {
|
|
7181
7217
|
handleKeyDown(event, index);
|
|
7182
7218
|
},
|
|
7183
|
-
children: /* @__PURE__ */ (0,
|
|
7219
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Icon, { name: option.iconName, color: "currentColor", className: "h-5 w-5" })
|
|
7184
7220
|
},
|
|
7185
7221
|
option.value
|
|
7186
7222
|
);
|
|
@@ -8092,7 +8128,7 @@ var filterChartVenueOutcomesByRenderableVenues = ({
|
|
|
8092
8128
|
// src/events/item-details/event-list-item-details-market-selector.tsx
|
|
8093
8129
|
var import_hooks34 = require("@agg-build/hooks");
|
|
8094
8130
|
var import_react11 = require("react");
|
|
8095
|
-
var
|
|
8131
|
+
var import_jsx_runtime111 = require("react/jsx-runtime");
|
|
8096
8132
|
var MARKET_PILL_MAX_ROWS = 2;
|
|
8097
8133
|
var MARKET_PILL_FALLBACK_CONTAINER_WIDTH = 640;
|
|
8098
8134
|
var MARKET_PILL_FALLBACK_GAP = 8;
|
|
@@ -8396,7 +8432,7 @@ var EventListItemDetailsMarketSelector = ({
|
|
|
8396
8432
|
setIsDropdownOpen(false);
|
|
8397
8433
|
};
|
|
8398
8434
|
if (isMobileViewport) {
|
|
8399
|
-
return /* @__PURE__ */ (0,
|
|
8435
|
+
return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
|
|
8400
8436
|
AutocompleteSelect,
|
|
8401
8437
|
{
|
|
8402
8438
|
options,
|
|
@@ -8410,11 +8446,11 @@ var EventListItemDetailsMarketSelector = ({
|
|
|
8410
8446
|
}
|
|
8411
8447
|
);
|
|
8412
8448
|
}
|
|
8413
|
-
return /* @__PURE__ */ (0,
|
|
8414
|
-
/* @__PURE__ */ (0,
|
|
8449
|
+
return /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { ref: containerRef, className: cn("agg-market-select relative w-full", className), children: [
|
|
8450
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { className: "agg-market-pill-list flex flex-wrap gap-2", children: [
|
|
8415
8451
|
layout.visibleItems.map((option) => {
|
|
8416
8452
|
const isSelected = option.value === selectedValue;
|
|
8417
|
-
return /* @__PURE__ */ (0,
|
|
8453
|
+
return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
|
|
8418
8454
|
"button",
|
|
8419
8455
|
{
|
|
8420
8456
|
type: "button",
|
|
@@ -8430,12 +8466,12 @@ var EventListItemDetailsMarketSelector = ({
|
|
|
8430
8466
|
eventToHandle.stopPropagation();
|
|
8431
8467
|
handleSelectMarket(option.value);
|
|
8432
8468
|
},
|
|
8433
|
-
children: /* @__PURE__ */ (0,
|
|
8469
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("span", { className: "truncate", children: option.label })
|
|
8434
8470
|
},
|
|
8435
8471
|
option.value
|
|
8436
8472
|
);
|
|
8437
8473
|
}),
|
|
8438
|
-
layout.hiddenItems.length > 0 ? /* @__PURE__ */ (0,
|
|
8474
|
+
layout.hiddenItems.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(
|
|
8439
8475
|
"button",
|
|
8440
8476
|
{
|
|
8441
8477
|
ref: moreButtonRef,
|
|
@@ -8456,8 +8492,8 @@ var EventListItemDetailsMarketSelector = ({
|
|
|
8456
8492
|
setIsDropdownOpen((previousValue) => !previousValue);
|
|
8457
8493
|
},
|
|
8458
8494
|
children: [
|
|
8459
|
-
/* @__PURE__ */ (0,
|
|
8460
|
-
/* @__PURE__ */ (0,
|
|
8495
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsx)("span", { className: "truncate", children: moreButtonLabel }),
|
|
8496
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
|
|
8461
8497
|
Icon,
|
|
8462
8498
|
{
|
|
8463
8499
|
name: isDropdownOpen ? "chevron-up" : "chevron-down",
|
|
@@ -8471,7 +8507,7 @@ var EventListItemDetailsMarketSelector = ({
|
|
|
8471
8507
|
}
|
|
8472
8508
|
) : null
|
|
8473
8509
|
] }),
|
|
8474
|
-
isDropdownOpen ? /* @__PURE__ */ (0,
|
|
8510
|
+
isDropdownOpen ? /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(
|
|
8475
8511
|
"div",
|
|
8476
8512
|
{
|
|
8477
8513
|
id: "agg-event-details-market-dropdown",
|
|
@@ -8488,9 +8524,9 @@ var EventListItemDetailsMarketSelector = ({
|
|
|
8488
8524
|
eventToHandle.stopPropagation();
|
|
8489
8525
|
},
|
|
8490
8526
|
children: [
|
|
8491
|
-
/* @__PURE__ */ (0,
|
|
8492
|
-
/* @__PURE__ */ (0,
|
|
8493
|
-
/* @__PURE__ */ (0,
|
|
8527
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { className: "border-b border-agg-separator", children: [
|
|
8528
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsx)("label", { className: "sr-only", htmlFor: "agg-event-details-market-search", children: labels.eventItemDetails.marketSelectSearchPlaceholder }),
|
|
8529
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
|
|
8494
8530
|
"input",
|
|
8495
8531
|
{
|
|
8496
8532
|
ref: dropdownInputRef,
|
|
@@ -8512,7 +8548,7 @@ var EventListItemDetailsMarketSelector = ({
|
|
|
8512
8548
|
}
|
|
8513
8549
|
)
|
|
8514
8550
|
] }),
|
|
8515
|
-
/* @__PURE__ */ (0,
|
|
8551
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
|
|
8516
8552
|
"div",
|
|
8517
8553
|
{
|
|
8518
8554
|
role: "listbox",
|
|
@@ -8521,7 +8557,7 @@ var EventListItemDetailsMarketSelector = ({
|
|
|
8521
8557
|
style: { maxHeight: `${MARKET_DROPDOWN_MAX_HEIGHT}px` },
|
|
8522
8558
|
children: filteredOptions.length > 0 ? filteredOptions.map((option) => {
|
|
8523
8559
|
const isSelected = option.value === selectedValue;
|
|
8524
|
-
return /* @__PURE__ */ (0,
|
|
8560
|
+
return /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(
|
|
8525
8561
|
"button",
|
|
8526
8562
|
{
|
|
8527
8563
|
type: "button",
|
|
@@ -8540,25 +8576,25 @@ var EventListItemDetailsMarketSelector = ({
|
|
|
8540
8576
|
handleSelectMarket(option.value);
|
|
8541
8577
|
},
|
|
8542
8578
|
children: [
|
|
8543
|
-
isSelected ? /* @__PURE__ */ (0,
|
|
8579
|
+
isSelected ? /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
|
|
8544
8580
|
"span",
|
|
8545
8581
|
{
|
|
8546
8582
|
"aria-hidden": "true",
|
|
8547
8583
|
className: "absolute bottom-2 left-0 top-2 w-1 bg-agg-primary"
|
|
8548
8584
|
}
|
|
8549
8585
|
) : null,
|
|
8550
|
-
/* @__PURE__ */ (0,
|
|
8586
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsx)("span", { className: "truncate", children: option.label })
|
|
8551
8587
|
]
|
|
8552
8588
|
},
|
|
8553
8589
|
option.value
|
|
8554
8590
|
);
|
|
8555
|
-
}) : /* @__PURE__ */ (0,
|
|
8591
|
+
}) : /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("div", { className: "px-5 py-4 text-agg-sm leading-agg-5 text-agg-muted-foreground", children: labels.eventItemDetails.marketSelectEmpty })
|
|
8556
8592
|
}
|
|
8557
8593
|
)
|
|
8558
8594
|
]
|
|
8559
8595
|
}
|
|
8560
8596
|
) : null,
|
|
8561
|
-
/* @__PURE__ */ (0,
|
|
8597
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(
|
|
8562
8598
|
"div",
|
|
8563
8599
|
{
|
|
8564
8600
|
ref: measurementContainerRef,
|
|
@@ -8567,7 +8603,7 @@ var EventListItemDetailsMarketSelector = ({
|
|
|
8567
8603
|
children: [
|
|
8568
8604
|
options.map((option) => {
|
|
8569
8605
|
const isSelected = option.value === selectedValue;
|
|
8570
|
-
return /* @__PURE__ */ (0,
|
|
8606
|
+
return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
|
|
8571
8607
|
"button",
|
|
8572
8608
|
{
|
|
8573
8609
|
ref: (element) => {
|
|
@@ -8579,12 +8615,12 @@ var EventListItemDetailsMarketSelector = ({
|
|
|
8579
8615
|
"inline-flex min-h-8 items-center justify-center rounded-agg-full border px-4 py-1.5 text-agg-sm leading-agg-5",
|
|
8580
8616
|
isSelected ? "border-agg-primary bg-agg-secondary font-agg-bold" : "border-transparent bg-agg-secondary-hover font-agg-normal"
|
|
8581
8617
|
),
|
|
8582
|
-
children: /* @__PURE__ */ (0,
|
|
8618
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("span", { className: "truncate", children: option.label })
|
|
8583
8619
|
},
|
|
8584
8620
|
option.value
|
|
8585
8621
|
);
|
|
8586
8622
|
}),
|
|
8587
|
-
/* @__PURE__ */ (0,
|
|
8623
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(
|
|
8588
8624
|
"button",
|
|
8589
8625
|
{
|
|
8590
8626
|
ref: moreButtonMeasureRef,
|
|
@@ -8592,8 +8628,8 @@ var EventListItemDetailsMarketSelector = ({
|
|
|
8592
8628
|
tabIndex: -1,
|
|
8593
8629
|
className: "inline-flex min-h-8 items-center justify-center gap-1.5 rounded-agg-full border border-agg-primary bg-agg-secondary px-4 py-1.5 text-agg-sm leading-agg-5 text-agg-foreground",
|
|
8594
8630
|
children: [
|
|
8595
|
-
/* @__PURE__ */ (0,
|
|
8596
|
-
/* @__PURE__ */ (0,
|
|
8631
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsx)("span", { children: moreButtonLabel }),
|
|
8632
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
|
|
8597
8633
|
Icon,
|
|
8598
8634
|
{
|
|
8599
8635
|
name: "chevron-down",
|
|
@@ -8681,7 +8717,7 @@ var dedupeSettlementSources = (sources) => {
|
|
|
8681
8717
|
};
|
|
8682
8718
|
|
|
8683
8719
|
// src/trading/settlement/settlement-text-renderer.tsx
|
|
8684
|
-
var
|
|
8720
|
+
var import_jsx_runtime112 = require("react/jsx-runtime");
|
|
8685
8721
|
var inlineTokenRegex = new RegExp(
|
|
8686
8722
|
[
|
|
8687
8723
|
/\[([^\]\n]+)\]\(([^)\s]+)\)/.source,
|
|
@@ -8720,12 +8756,12 @@ var renderInlineSegment = (text, baseKey) => {
|
|
|
8720
8756
|
}
|
|
8721
8757
|
if (match.index > lastIndex) {
|
|
8722
8758
|
nodes.push(
|
|
8723
|
-
/* @__PURE__ */ (0,
|
|
8759
|
+
/* @__PURE__ */ (0, import_jsx_runtime112.jsx)(import_react12.Fragment, { children: text.slice(lastIndex, match.index) }, `${baseKey}-text-${segmentIndex++}`)
|
|
8724
8760
|
);
|
|
8725
8761
|
}
|
|
8726
8762
|
if (isLinkMatch(match)) {
|
|
8727
8763
|
nodes.push(
|
|
8728
|
-
/* @__PURE__ */ (0,
|
|
8764
|
+
/* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
|
|
8729
8765
|
"a",
|
|
8730
8766
|
{
|
|
8731
8767
|
href: match[2],
|
|
@@ -8739,7 +8775,7 @@ var renderInlineSegment = (text, baseKey) => {
|
|
|
8739
8775
|
);
|
|
8740
8776
|
} else if (match[3] !== void 0) {
|
|
8741
8777
|
nodes.push(
|
|
8742
|
-
/* @__PURE__ */ (0,
|
|
8778
|
+
/* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
|
|
8743
8779
|
"strong",
|
|
8744
8780
|
{
|
|
8745
8781
|
className: "agg-settlement-text-bold font-agg-bold",
|
|
@@ -8750,7 +8786,7 @@ var renderInlineSegment = (text, baseKey) => {
|
|
|
8750
8786
|
);
|
|
8751
8787
|
} else if (match[4] !== void 0) {
|
|
8752
8788
|
nodes.push(
|
|
8753
|
-
/* @__PURE__ */ (0,
|
|
8789
|
+
/* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
|
|
8754
8790
|
"code",
|
|
8755
8791
|
{
|
|
8756
8792
|
className: "agg-settlement-text-code rounded-agg-sm bg-agg-secondary-hover px-1 py-0.5 font-mono text-[0.875em]",
|
|
@@ -8761,7 +8797,7 @@ var renderInlineSegment = (text, baseKey) => {
|
|
|
8761
8797
|
);
|
|
8762
8798
|
} else if (bareUrl !== void 0) {
|
|
8763
8799
|
nodes.push(
|
|
8764
|
-
/* @__PURE__ */ (0,
|
|
8800
|
+
/* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
|
|
8765
8801
|
"a",
|
|
8766
8802
|
{
|
|
8767
8803
|
href: bareUrl,
|
|
@@ -8778,18 +8814,18 @@ var renderInlineSegment = (text, baseKey) => {
|
|
|
8778
8814
|
}
|
|
8779
8815
|
if (lastIndex < text.length) {
|
|
8780
8816
|
nodes.push(
|
|
8781
|
-
/* @__PURE__ */ (0,
|
|
8817
|
+
/* @__PURE__ */ (0, import_jsx_runtime112.jsx)(import_react12.Fragment, { children: text.slice(lastIndex) }, `${baseKey}-text-${segmentIndex++}`)
|
|
8782
8818
|
);
|
|
8783
8819
|
}
|
|
8784
8820
|
return nodes;
|
|
8785
8821
|
};
|
|
8786
8822
|
var renderBlock = (block, blockIndex) => {
|
|
8787
8823
|
if (block.kind === "list") {
|
|
8788
|
-
return /* @__PURE__ */ (0,
|
|
8824
|
+
return /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
|
|
8789
8825
|
"ul",
|
|
8790
8826
|
{
|
|
8791
8827
|
className: "agg-settlement-text-list list-disc pl-5 text-agg-sm leading-agg-5 text-agg-foreground",
|
|
8792
|
-
children: block.items.map((item, itemIndex) => /* @__PURE__ */ (0,
|
|
8828
|
+
children: block.items.map((item, itemIndex) => /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
|
|
8793
8829
|
"li",
|
|
8794
8830
|
{
|
|
8795
8831
|
className: "agg-settlement-text-list-item",
|
|
@@ -8801,12 +8837,12 @@ var renderBlock = (block, blockIndex) => {
|
|
|
8801
8837
|
`block-${blockIndex}`
|
|
8802
8838
|
);
|
|
8803
8839
|
}
|
|
8804
|
-
return /* @__PURE__ */ (0,
|
|
8840
|
+
return /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
|
|
8805
8841
|
"p",
|
|
8806
8842
|
{
|
|
8807
8843
|
className: "agg-settlement-text-paragraph text-agg-sm leading-agg-5 text-agg-foreground break-words [overflow-wrap:anywhere]",
|
|
8808
|
-
children: block.lines.map((line, lineIndex) => /* @__PURE__ */ (0,
|
|
8809
|
-
lineIndex > 0 ? /* @__PURE__ */ (0,
|
|
8844
|
+
children: block.lines.map((line, lineIndex) => /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)(import_react12.Fragment, { children: [
|
|
8845
|
+
lineIndex > 0 ? /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("br", {}) : null,
|
|
8810
8846
|
renderInlineSegment(line, `block-${blockIndex}-line-${lineIndex}`)
|
|
8811
8847
|
] }, `block-${blockIndex}-line-${lineIndex}`))
|
|
8812
8848
|
},
|
|
@@ -8819,12 +8855,12 @@ var SettlementTextRenderer = ({
|
|
|
8819
8855
|
}) => {
|
|
8820
8856
|
const blocks = parseSettlementBlocks(content);
|
|
8821
8857
|
if (blocks.length === 0) return null;
|
|
8822
|
-
return /* @__PURE__ */ (0,
|
|
8858
|
+
return /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("div", { className: cn("agg-settlement-text flex flex-col gap-2", className), children: blocks.map((block, blockIndex) => renderBlock(block, blockIndex)) });
|
|
8823
8859
|
};
|
|
8824
8860
|
SettlementTextRenderer.displayName = "SettlementTextRenderer";
|
|
8825
8861
|
|
|
8826
8862
|
// src/trading/settlement/index.tsx
|
|
8827
|
-
var
|
|
8863
|
+
var import_jsx_runtime113 = require("react/jsx-runtime");
|
|
8828
8864
|
var SETTLEMENT_SECTION_ID = "agg-settlement-section";
|
|
8829
8865
|
var getSettlementHeaderClassName = () => {
|
|
8830
8866
|
return "flex items-center justify-between gap-4";
|
|
@@ -8853,7 +8889,7 @@ var Settlement = ({
|
|
|
8853
8889
|
const marketBlock = (_b = blocks.find((block) => block.key === "marketDescription")) != null ? _b : null;
|
|
8854
8890
|
const primaryRulesBlock = (_c = blocks.find((block) => block.key === "primaryRules")) != null ? _c : null;
|
|
8855
8891
|
if (isLoading) {
|
|
8856
|
-
return /* @__PURE__ */ (0,
|
|
8892
|
+
return /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
|
|
8857
8893
|
Skeleton,
|
|
8858
8894
|
{
|
|
8859
8895
|
ariaLabel: labels.trading.settlementLoading,
|
|
@@ -8863,7 +8899,7 @@ var Settlement = ({
|
|
|
8863
8899
|
);
|
|
8864
8900
|
}
|
|
8865
8901
|
const resolvedSectionLabel = sectionLabel === defaultSettlementSectionLabel ? labels.trading.settlementSection : sectionLabel;
|
|
8866
|
-
return /* @__PURE__ */ (0,
|
|
8902
|
+
return /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)(
|
|
8867
8903
|
Card,
|
|
8868
8904
|
{
|
|
8869
8905
|
id,
|
|
@@ -8873,31 +8909,31 @@ var Settlement = ({
|
|
|
8873
8909
|
className
|
|
8874
8910
|
),
|
|
8875
8911
|
children: [
|
|
8876
|
-
/* @__PURE__ */ (0,
|
|
8877
|
-
/* @__PURE__ */ (0,
|
|
8878
|
-
question ? /* @__PURE__ */ (0,
|
|
8912
|
+
/* @__PURE__ */ (0, import_jsx_runtime113.jsxs)("div", { className: cn("agg-settlement-header", getSettlementHeaderClassName()), children: [
|
|
8913
|
+
/* @__PURE__ */ (0, import_jsx_runtime113.jsx)("p", { className: "text-agg-xs font-agg-bold leading-agg-4 uppercase text-agg-muted-foreground", children: resolvedSectionLabel }),
|
|
8914
|
+
question ? /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("p", { className: "agg-settlement-question text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children: question }) : null
|
|
8879
8915
|
] }),
|
|
8880
|
-
blocks.length === 0 ? /* @__PURE__ */ (0,
|
|
8881
|
-
eventBlock || marketBlock ? /* @__PURE__ */ (0,
|
|
8916
|
+
blocks.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("p", { className: "agg-settlement-empty text-agg-sm leading-agg-5 text-agg-muted-foreground", children: labels.trading.settlementEmpty }) : /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)("div", { className: "agg-settlement-sections flex flex-col gap-4", children: [
|
|
8917
|
+
eventBlock || marketBlock ? /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)(
|
|
8882
8918
|
"div",
|
|
8883
8919
|
{
|
|
8884
8920
|
className: "agg-settlement-section agg-settlement-section-description",
|
|
8885
8921
|
"data-source": "description",
|
|
8886
8922
|
children: [
|
|
8887
|
-
eventBlock ? /* @__PURE__ */ (0,
|
|
8888
|
-
eventBlock && marketBlock ? /* @__PURE__ */ (0,
|
|
8889
|
-
marketBlock ? /* @__PURE__ */ (0,
|
|
8923
|
+
eventBlock ? /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("div", { "data-source": "eventDescription", children: /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(SettlementTextRenderer, { content: eventBlock.content }) }) : null,
|
|
8924
|
+
eventBlock && marketBlock ? /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("hr", { className: "agg-settlement-divider my-4 border-0 border-t border-agg-separator" }) : null,
|
|
8925
|
+
marketBlock ? /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("div", { "data-source": "marketDescription", children: /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(SettlementTextRenderer, { content: marketBlock.content }) }) : null
|
|
8890
8926
|
]
|
|
8891
8927
|
}
|
|
8892
8928
|
) : null,
|
|
8893
|
-
primaryRulesBlock ? /* @__PURE__ */ (0,
|
|
8929
|
+
primaryRulesBlock ? /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)(
|
|
8894
8930
|
"div",
|
|
8895
8931
|
{
|
|
8896
8932
|
className: "agg-settlement-section agg-settlement-section-primaryRules",
|
|
8897
8933
|
"data-source": "primaryRules",
|
|
8898
8934
|
children: [
|
|
8899
|
-
/* @__PURE__ */ (0,
|
|
8900
|
-
/* @__PURE__ */ (0,
|
|
8935
|
+
/* @__PURE__ */ (0, import_jsx_runtime113.jsx)("p", { className: "agg-settlement-section-label text-agg-xs font-agg-bold leading-agg-4 uppercase text-agg-muted-foreground mb-2", children: labels.trading.settlementPrimaryRulesLabel }),
|
|
8936
|
+
/* @__PURE__ */ (0, import_jsx_runtime113.jsx)(SettlementTextRenderer, { content: primaryRulesBlock.content })
|
|
8901
8937
|
]
|
|
8902
8938
|
}
|
|
8903
8939
|
) : null
|
|
@@ -8909,7 +8945,7 @@ var Settlement = ({
|
|
|
8909
8945
|
Settlement.displayName = "Settlement";
|
|
8910
8946
|
|
|
8911
8947
|
// src/events/item-details/settlement-summary.tsx
|
|
8912
|
-
var
|
|
8948
|
+
var import_jsx_runtime114 = require("react/jsx-runtime");
|
|
8913
8949
|
var SettlementSummary = ({
|
|
8914
8950
|
content,
|
|
8915
8951
|
settlementSectionId = SETTLEMENT_SECTION_ID,
|
|
@@ -8926,8 +8962,8 @@ var SettlementSummary = ({
|
|
|
8926
8962
|
if (!target) return;
|
|
8927
8963
|
target.scrollIntoView({ behavior: "smooth", block: "start" });
|
|
8928
8964
|
};
|
|
8929
|
-
return /* @__PURE__ */ (0,
|
|
8930
|
-
/* @__PURE__ */ (0,
|
|
8965
|
+
return /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)("div", { className: cn("agg-settlement-summary flex w-full flex-col gap-2", className), children: [
|
|
8966
|
+
/* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
|
|
8931
8967
|
Typography,
|
|
8932
8968
|
{
|
|
8933
8969
|
variant: "caption-caps",
|
|
@@ -8935,8 +8971,8 @@ var SettlementSummary = ({
|
|
|
8935
8971
|
children: labels.settlementSummary.title
|
|
8936
8972
|
}
|
|
8937
8973
|
),
|
|
8938
|
-
/* @__PURE__ */ (0,
|
|
8939
|
-
/* @__PURE__ */ (0,
|
|
8974
|
+
/* @__PURE__ */ (0, import_jsx_runtime114.jsxs)("div", { className: "agg-settlement-summary-row flex w-full items-center gap-3", children: [
|
|
8975
|
+
/* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
|
|
8940
8976
|
"p",
|
|
8941
8977
|
{
|
|
8942
8978
|
className: cn(
|
|
@@ -8946,7 +8982,7 @@ var SettlementSummary = ({
|
|
|
8946
8982
|
children: firstParagraph
|
|
8947
8983
|
}
|
|
8948
8984
|
),
|
|
8949
|
-
/* @__PURE__ */ (0,
|
|
8985
|
+
/* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
|
|
8950
8986
|
"button",
|
|
8951
8987
|
{
|
|
8952
8988
|
type: "button",
|
|
@@ -8967,7 +9003,7 @@ var SettlementSummary = ({
|
|
|
8967
9003
|
SettlementSummary.displayName = "SettlementSummary";
|
|
8968
9004
|
|
|
8969
9005
|
// src/events/item-details/index.tsx
|
|
8970
|
-
var
|
|
9006
|
+
var import_jsx_runtime115 = require("react/jsx-runtime");
|
|
8971
9007
|
var resolveEventDetailsSyncKey = (event) => {
|
|
8972
9008
|
var _a, _b, _c, _d, _e, _f, _g, _h;
|
|
8973
9009
|
const parts = [
|
|
@@ -9013,7 +9049,7 @@ var EventListItemDetailsLoadingState = ({
|
|
|
9013
9049
|
ariaLabel
|
|
9014
9050
|
}) => {
|
|
9015
9051
|
const labels = (0, import_hooks38.useLabels)();
|
|
9016
|
-
return /* @__PURE__ */ (0,
|
|
9052
|
+
return /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
|
|
9017
9053
|
Skeleton,
|
|
9018
9054
|
{
|
|
9019
9055
|
view: "event-list-item-details",
|
|
@@ -9027,15 +9063,15 @@ var EventListItemDetailsUnavailableState = ({
|
|
|
9027
9063
|
ariaLabel
|
|
9028
9064
|
}) => {
|
|
9029
9065
|
const labels = (0, import_hooks38.useLabels)();
|
|
9030
|
-
return /* @__PURE__ */ (0,
|
|
9066
|
+
return /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
|
|
9031
9067
|
Card,
|
|
9032
9068
|
{
|
|
9033
9069
|
className: cn(detailsBaseCardClassName, classNames == null ? void 0 : classNames.root),
|
|
9034
9070
|
role: "status",
|
|
9035
9071
|
"aria-label": ariaLabel != null ? ariaLabel : labels.eventItemDetails.unavailableAria,
|
|
9036
|
-
children: /* @__PURE__ */ (0,
|
|
9037
|
-
/* @__PURE__ */ (0,
|
|
9038
|
-
/* @__PURE__ */ (0,
|
|
9072
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)("div", { className: cn("flex flex-col gap-1", classNames == null ? void 0 : classNames.header), children: [
|
|
9073
|
+
/* @__PURE__ */ (0, import_jsx_runtime115.jsx)(Typography, { variant: "body-large-strong", className: cn("truncate", classNames == null ? void 0 : classNames.title), children: labels.eventItemDetails.unavailableTitle }),
|
|
9074
|
+
/* @__PURE__ */ (0, import_jsx_runtime115.jsx)(Typography, { variant: "body", className: "text-agg-muted-foreground", children: labels.eventItemDetails.unavailableDescription })
|
|
9039
9075
|
] })
|
|
9040
9076
|
}
|
|
9041
9077
|
);
|
|
@@ -9045,12 +9081,12 @@ var EventListItemDetailsNotFoundState = ({
|
|
|
9045
9081
|
ariaLabel: _ariaLabel
|
|
9046
9082
|
}) => {
|
|
9047
9083
|
const labels = (0, import_hooks38.useLabels)();
|
|
9048
|
-
return /* @__PURE__ */ (0,
|
|
9084
|
+
return /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
|
|
9049
9085
|
StateMessage,
|
|
9050
9086
|
{
|
|
9051
9087
|
title: labels.eventItemDetails.notFoundTitle,
|
|
9052
9088
|
description: labels.eventItemDetails.notFoundDescription,
|
|
9053
|
-
icon: /* @__PURE__ */ (0,
|
|
9089
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(SearchEmptyIcon, {}),
|
|
9054
9090
|
classNames: { root: "min-h-[280px] md:min-h-[320px]" }
|
|
9055
9091
|
}
|
|
9056
9092
|
);
|
|
@@ -9173,18 +9209,18 @@ var EventListItemDetailsGraphSection = ({
|
|
|
9173
9209
|
void refetchScopedMarketChart();
|
|
9174
9210
|
};
|
|
9175
9211
|
if (scopedMarketChartError) {
|
|
9176
|
-
return /* @__PURE__ */ (0,
|
|
9212
|
+
return /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("div", { className: cn("agg-chart-region w-full", classNames == null ? void 0 : classNames.chart), children: /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
|
|
9177
9213
|
StateMessage,
|
|
9178
9214
|
{
|
|
9179
9215
|
title: labels.eventItemDetails.chartUnavailableTitle,
|
|
9180
9216
|
description: labels.eventItemDetails.chartUnavailableDescription,
|
|
9181
|
-
icon: /* @__PURE__ */ (0,
|
|
9217
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(WarningIcon, {}),
|
|
9182
9218
|
onAction: handleRetryMarketChart,
|
|
9183
9219
|
classNames: { root: "min-h-[300px] px-5 py-10 md:px-10" }
|
|
9184
9220
|
}
|
|
9185
9221
|
) });
|
|
9186
9222
|
}
|
|
9187
|
-
return /* @__PURE__ */ (0,
|
|
9223
|
+
return /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
|
|
9188
9224
|
LineChart,
|
|
9189
9225
|
{
|
|
9190
9226
|
classNames: { root: cn("agg-chart-region", classNames == null ? void 0 : classNames.chart) },
|
|
@@ -9197,7 +9233,7 @@ var EventListItemDetailsGraphSection = ({
|
|
|
9197
9233
|
showSeriesControls: selectedMarketOutcomes.length > 0,
|
|
9198
9234
|
renderSeriesControls: ({ handleSeriesChange }) => {
|
|
9199
9235
|
var _a2, _b2, _c2, _d2;
|
|
9200
|
-
return /* @__PURE__ */ (0,
|
|
9236
|
+
return /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)(
|
|
9201
9237
|
"div",
|
|
9202
9238
|
{
|
|
9203
9239
|
className: cn(
|
|
@@ -9208,7 +9244,7 @@ var EventListItemDetailsGraphSection = ({
|
|
|
9208
9244
|
classNames == null ? void 0 : classNames.summary
|
|
9209
9245
|
),
|
|
9210
9246
|
children: [
|
|
9211
|
-
/* @__PURE__ */ (0,
|
|
9247
|
+
/* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
|
|
9212
9248
|
"div",
|
|
9213
9249
|
{
|
|
9214
9250
|
className: cn(
|
|
@@ -9222,7 +9258,7 @@ var EventListItemDetailsGraphSection = ({
|
|
|
9222
9258
|
const text = formatMarketProbabilityPercent(percentage, formatPercent);
|
|
9223
9259
|
const seriesId = `${item.venue}-chart`;
|
|
9224
9260
|
const isActiveVenue = activeGraphVenue === item.venue;
|
|
9225
|
-
return /* @__PURE__ */ (0,
|
|
9261
|
+
return /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
|
|
9226
9262
|
"button",
|
|
9227
9263
|
{
|
|
9228
9264
|
type: "button",
|
|
@@ -9240,12 +9276,12 @@ var EventListItemDetailsGraphSection = ({
|
|
|
9240
9276
|
setSelectedGraphVenue(nextSelectedGraphVenue);
|
|
9241
9277
|
handleSeriesChange(seriesId);
|
|
9242
9278
|
},
|
|
9243
|
-
children: /* @__PURE__ */ (0,
|
|
9279
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
|
|
9244
9280
|
Badge,
|
|
9245
9281
|
{
|
|
9246
9282
|
text,
|
|
9247
9283
|
size: "large",
|
|
9248
|
-
prefix: /* @__PURE__ */ (0,
|
|
9284
|
+
prefix: /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
|
|
9249
9285
|
VenueLogo,
|
|
9250
9286
|
{
|
|
9251
9287
|
venue: item.market.venue,
|
|
@@ -9265,7 +9301,7 @@ var EventListItemDetailsGraphSection = ({
|
|
|
9265
9301
|
})
|
|
9266
9302
|
}
|
|
9267
9303
|
),
|
|
9268
|
-
/* @__PURE__ */ (0,
|
|
9304
|
+
/* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
|
|
9269
9305
|
SwitchButton,
|
|
9270
9306
|
{
|
|
9271
9307
|
ariaLabel: labels.eventItemDetails.outcomeSelectorAria,
|
|
@@ -9398,7 +9434,7 @@ var EventListItemDetailsContent = ({
|
|
|
9398
9434
|
if (typeof resolvedVolume !== "number") return "";
|
|
9399
9435
|
return `${config.formatting.formatCompactCurrency(resolvedVolume)} ${labels.eventItemDetails.volumeSuffix}`;
|
|
9400
9436
|
}, [config, event.volume, labels.eventItemDetails.volumeSuffix, venueMarkets]);
|
|
9401
|
-
return /* @__PURE__ */ (0,
|
|
9437
|
+
return /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)(
|
|
9402
9438
|
Card,
|
|
9403
9439
|
{
|
|
9404
9440
|
className: cn("group/agg-event-details", detailsBaseCardClassName, classNames == null ? void 0 : classNames.root),
|
|
@@ -9407,7 +9443,7 @@ var EventListItemDetailsContent = ({
|
|
|
9407
9443
|
onClick == null ? void 0 : onClick(event);
|
|
9408
9444
|
},
|
|
9409
9445
|
children: [
|
|
9410
|
-
/* @__PURE__ */ (0,
|
|
9446
|
+
/* @__PURE__ */ (0, import_jsx_runtime115.jsxs)(
|
|
9411
9447
|
"div",
|
|
9412
9448
|
{
|
|
9413
9449
|
className: cn(
|
|
@@ -9418,7 +9454,7 @@ var EventListItemDetailsContent = ({
|
|
|
9418
9454
|
classNames == null ? void 0 : classNames.header
|
|
9419
9455
|
),
|
|
9420
9456
|
children: [
|
|
9421
|
-
/* @__PURE__ */ (0,
|
|
9457
|
+
/* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
|
|
9422
9458
|
RemoteImage,
|
|
9423
9459
|
{
|
|
9424
9460
|
src: (0, import_hooks38.optimizedImageUrl)(event.image, 60),
|
|
@@ -9426,8 +9462,8 @@ var EventListItemDetailsContent = ({
|
|
|
9426
9462
|
className: "agg-event-image size-10 rounded-agg-lg object-cover md:size-[60px]"
|
|
9427
9463
|
}
|
|
9428
9464
|
),
|
|
9429
|
-
/* @__PURE__ */ (0,
|
|
9430
|
-
/* @__PURE__ */ (0,
|
|
9465
|
+
/* @__PURE__ */ (0, import_jsx_runtime115.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col gap-2", children: [
|
|
9466
|
+
/* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
|
|
9431
9467
|
Typography,
|
|
9432
9468
|
{
|
|
9433
9469
|
variant: "body-strong",
|
|
@@ -9440,7 +9476,7 @@ var EventListItemDetailsContent = ({
|
|
|
9440
9476
|
children: event.title
|
|
9441
9477
|
}
|
|
9442
9478
|
),
|
|
9443
|
-
venueMarkets.length > 1 ? /* @__PURE__ */ (0,
|
|
9479
|
+
venueMarkets.length > 1 ? /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
|
|
9444
9480
|
EventListItemDetailsMarketSelector,
|
|
9445
9481
|
{
|
|
9446
9482
|
className: classNames == null ? void 0 : classNames.headerPills,
|
|
@@ -9455,7 +9491,7 @@ var EventListItemDetailsContent = ({
|
|
|
9455
9491
|
]
|
|
9456
9492
|
}
|
|
9457
9493
|
),
|
|
9458
|
-
detailsStats && detailsStats.length > 0 ? /* @__PURE__ */ (0,
|
|
9494
|
+
detailsStats && detailsStats.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
|
|
9459
9495
|
"div",
|
|
9460
9496
|
{
|
|
9461
9497
|
className: cn(
|
|
@@ -9464,14 +9500,14 @@ var EventListItemDetailsContent = ({
|
|
|
9464
9500
|
),
|
|
9465
9501
|
children: detailsStats.map((statItem) => {
|
|
9466
9502
|
const deltaClassName = statItem.deltaTone === "positive" ? "text-agg-success!" : statItem.deltaTone === "negative" ? "text-agg-error!" : "text-agg-muted-foreground";
|
|
9467
|
-
return /* @__PURE__ */ (0,
|
|
9503
|
+
return /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)(
|
|
9468
9504
|
"div",
|
|
9469
9505
|
{
|
|
9470
9506
|
className: "agg-event-stat flex flex-col gap-1",
|
|
9471
9507
|
children: [
|
|
9472
|
-
/* @__PURE__ */ (0,
|
|
9473
|
-
/* @__PURE__ */ (0,
|
|
9474
|
-
/* @__PURE__ */ (0,
|
|
9508
|
+
/* @__PURE__ */ (0, import_jsx_runtime115.jsx)(Typography, { variant: "caption-caps", className: "text-agg-muted-foreground", children: statItem.label }),
|
|
9509
|
+
/* @__PURE__ */ (0, import_jsx_runtime115.jsxs)("div", { className: "flex items-baseline gap-1", children: [
|
|
9510
|
+
/* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
|
|
9475
9511
|
Typography,
|
|
9476
9512
|
{
|
|
9477
9513
|
variant: "body",
|
|
@@ -9479,7 +9515,7 @@ var EventListItemDetailsContent = ({
|
|
|
9479
9515
|
children: statItem.value
|
|
9480
9516
|
}
|
|
9481
9517
|
),
|
|
9482
|
-
statItem.delta ? /* @__PURE__ */ (0,
|
|
9518
|
+
statItem.delta ? /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(Typography, { variant: "label", className: cn(deltaClassName), children: statItem.delta }) : null
|
|
9483
9519
|
] })
|
|
9484
9520
|
]
|
|
9485
9521
|
},
|
|
@@ -9488,8 +9524,8 @@ var EventListItemDetailsContent = ({
|
|
|
9488
9524
|
})
|
|
9489
9525
|
}
|
|
9490
9526
|
) : null,
|
|
9491
|
-
/* @__PURE__ */ (0,
|
|
9492
|
-
/* @__PURE__ */ (0,
|
|
9527
|
+
/* @__PURE__ */ (0, import_jsx_runtime115.jsxs)("div", { className: cn("agg-event-details-chart", "flex flex-col gap-2"), children: [
|
|
9528
|
+
/* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
|
|
9493
9529
|
EventListItemDetailsGraphSection,
|
|
9494
9530
|
{
|
|
9495
9531
|
classNames,
|
|
@@ -9502,7 +9538,7 @@ var EventListItemDetailsContent = ({
|
|
|
9502
9538
|
live: false
|
|
9503
9539
|
}
|
|
9504
9540
|
),
|
|
9505
|
-
/* @__PURE__ */ (0,
|
|
9541
|
+
/* @__PURE__ */ (0, import_jsx_runtime115.jsxs)(
|
|
9506
9542
|
"div",
|
|
9507
9543
|
{
|
|
9508
9544
|
className: cn(
|
|
@@ -9510,8 +9546,8 @@ var EventListItemDetailsContent = ({
|
|
|
9510
9546
|
classNames == null ? void 0 : classNames.footer
|
|
9511
9547
|
),
|
|
9512
9548
|
children: [
|
|
9513
|
-
/* @__PURE__ */ (0,
|
|
9514
|
-
/* @__PURE__ */ (0,
|
|
9549
|
+
/* @__PURE__ */ (0, import_jsx_runtime115.jsx)(Typography, { variant: "label", className: "agg-chart-volume text-agg-muted-foreground", children: volumeLabel || "-" }),
|
|
9550
|
+
/* @__PURE__ */ (0, import_jsx_runtime115.jsxs)(
|
|
9515
9551
|
"div",
|
|
9516
9552
|
{
|
|
9517
9553
|
className: cn(
|
|
@@ -9519,7 +9555,7 @@ var EventListItemDetailsContent = ({
|
|
|
9519
9555
|
classNames == null ? void 0 : classNames.timeRange
|
|
9520
9556
|
),
|
|
9521
9557
|
children: [
|
|
9522
|
-
/* @__PURE__ */ (0,
|
|
9558
|
+
/* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
|
|
9523
9559
|
ChartTypeSwitch,
|
|
9524
9560
|
{
|
|
9525
9561
|
className: "agg-chart-type-switch",
|
|
@@ -9527,10 +9563,10 @@ var EventListItemDetailsContent = ({
|
|
|
9527
9563
|
onValueChange: setSelectedChartType
|
|
9528
9564
|
}
|
|
9529
9565
|
),
|
|
9530
|
-
/* @__PURE__ */ (0,
|
|
9566
|
+
/* @__PURE__ */ (0, import_jsx_runtime115.jsx)("span", { "aria-hidden": "true", className: "hidden h-4 w-px bg-agg-separator md:block" }),
|
|
9531
9567
|
import_hooks38.CHART_TIME_RANGES.map((timeRange) => {
|
|
9532
9568
|
const isActive = timeRange === config.chart.selectedChartTimeRange;
|
|
9533
|
-
return /* @__PURE__ */ (0,
|
|
9569
|
+
return /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
|
|
9534
9570
|
Button,
|
|
9535
9571
|
{
|
|
9536
9572
|
size: "small",
|
|
@@ -9560,7 +9596,7 @@ var EventListItemDetailsContent = ({
|
|
|
9560
9596
|
}
|
|
9561
9597
|
)
|
|
9562
9598
|
] }),
|
|
9563
|
-
event.description ? /* @__PURE__ */ (0,
|
|
9599
|
+
event.description ? /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(SettlementSummary, { content: event.description }) : null
|
|
9564
9600
|
]
|
|
9565
9601
|
}
|
|
9566
9602
|
);
|
|
@@ -9582,7 +9618,7 @@ var EventListItemDetailsByEventId = (_a) => {
|
|
|
9582
9618
|
enabled: !!resolvedEventId
|
|
9583
9619
|
});
|
|
9584
9620
|
if (!resolvedEventId) {
|
|
9585
|
-
return /* @__PURE__ */ (0,
|
|
9621
|
+
return /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
|
|
9586
9622
|
EventListItemDetailsUnavailableState,
|
|
9587
9623
|
{
|
|
9588
9624
|
classNames: rest.classNames,
|
|
@@ -9591,16 +9627,16 @@ var EventListItemDetailsByEventId = (_a) => {
|
|
|
9591
9627
|
);
|
|
9592
9628
|
}
|
|
9593
9629
|
if (isLoading) {
|
|
9594
|
-
return /* @__PURE__ */ (0,
|
|
9630
|
+
return /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(EventListItemDetailsLoadingState, { classNames: rest.classNames, ariaLabel: rest.ariaLabel });
|
|
9595
9631
|
}
|
|
9596
9632
|
if (isErrorWithStatus(error, 404)) {
|
|
9597
|
-
return /* @__PURE__ */ (0,
|
|
9633
|
+
return /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(EventListItemDetailsNotFoundState, { classNames: rest.classNames, ariaLabel: rest.ariaLabel });
|
|
9598
9634
|
}
|
|
9599
9635
|
if (!fetchedEvent && !isError) {
|
|
9600
|
-
return /* @__PURE__ */ (0,
|
|
9636
|
+
return /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(EventListItemDetailsLoadingState, { classNames: rest.classNames, ariaLabel: rest.ariaLabel });
|
|
9601
9637
|
}
|
|
9602
9638
|
if (!fetchedEvent) {
|
|
9603
|
-
return /* @__PURE__ */ (0,
|
|
9639
|
+
return /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
|
|
9604
9640
|
EventListItemDetailsUnavailableState,
|
|
9605
9641
|
{
|
|
9606
9642
|
classNames: rest.classNames,
|
|
@@ -9608,15 +9644,15 @@ var EventListItemDetailsByEventId = (_a) => {
|
|
|
9608
9644
|
}
|
|
9609
9645
|
);
|
|
9610
9646
|
}
|
|
9611
|
-
return /* @__PURE__ */ (0,
|
|
9647
|
+
return /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(EventListItemDetailsContent, __spreadValues({ event: fetchedEvent }, rest));
|
|
9612
9648
|
};
|
|
9613
9649
|
var EventListItemDetails = (props) => {
|
|
9614
9650
|
if (props.isLoading) {
|
|
9615
|
-
return /* @__PURE__ */ (0,
|
|
9651
|
+
return /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(EventListItemDetailsLoadingState, { classNames: props.classNames, ariaLabel: props.ariaLabel });
|
|
9616
9652
|
}
|
|
9617
9653
|
if ("event" in props && props.event) {
|
|
9618
9654
|
const _a = props, { event } = _a, rest = __objRest(_a, ["event"]);
|
|
9619
|
-
return /* @__PURE__ */ (0,
|
|
9655
|
+
return /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(EventListItemDetailsContent, __spreadValues({ event }, rest));
|
|
9620
9656
|
}
|
|
9621
9657
|
if ("eventId" in props && typeof props.eventId === "string") {
|
|
9622
9658
|
const {
|
|
@@ -9639,9 +9675,9 @@ var EventListItemDetails = (props) => {
|
|
|
9639
9675
|
ariaLabel: ariaLabelOverride,
|
|
9640
9676
|
onClick
|
|
9641
9677
|
};
|
|
9642
|
-
return /* @__PURE__ */ (0,
|
|
9678
|
+
return /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(EventListItemDetailsByEventId, __spreadValues({}, byEventIdProps));
|
|
9643
9679
|
}
|
|
9644
|
-
return /* @__PURE__ */ (0,
|
|
9680
|
+
return /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
|
|
9645
9681
|
EventListItemDetailsUnavailableState,
|
|
9646
9682
|
{
|
|
9647
9683
|
classNames: props.classNames,
|
|
@@ -9839,7 +9875,7 @@ var useCenterOrderbookSpread = ({
|
|
|
9839
9875
|
};
|
|
9840
9876
|
|
|
9841
9877
|
// src/events/orderbook/orderbook-with-states.tsx
|
|
9842
|
-
var
|
|
9878
|
+
var import_jsx_runtime116 = require("react/jsx-runtime");
|
|
9843
9879
|
var stateMessageMinHeight = "min-h-[248px] px-5 py-10 md:min-h-[272px]";
|
|
9844
9880
|
var OrderbookWithStates = (_a) => {
|
|
9845
9881
|
var _b = _a, {
|
|
@@ -9851,65 +9887,65 @@ var OrderbookWithStates = (_a) => {
|
|
|
9851
9887
|
]);
|
|
9852
9888
|
var _a2;
|
|
9853
9889
|
if (state.kind === "loading") {
|
|
9854
|
-
return /* @__PURE__ */ (0,
|
|
9890
|
+
return /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("div", { className: cn("agg-orderbook flex flex-col gap-5", wrapperClassName), children: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(MarketDetailsOderbookSkeleton, {}) });
|
|
9855
9891
|
}
|
|
9856
9892
|
if (state.kind === "disabled") {
|
|
9857
|
-
return /* @__PURE__ */ (0,
|
|
9893
|
+
return /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("div", { className: cn("agg-orderbook flex flex-col gap-5", wrapperClassName), children: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
|
|
9858
9894
|
StateMessage,
|
|
9859
9895
|
{
|
|
9860
9896
|
title: state.title,
|
|
9861
9897
|
description: state.description,
|
|
9862
|
-
icon: (_a2 = state.icon) != null ? _a2 : /* @__PURE__ */ (0,
|
|
9898
|
+
icon: (_a2 = state.icon) != null ? _a2 : /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(WarningIcon, {}),
|
|
9863
9899
|
classNames: { root: stateMessageMinHeight }
|
|
9864
9900
|
}
|
|
9865
9901
|
) });
|
|
9866
9902
|
}
|
|
9867
9903
|
if (state.kind === "error") {
|
|
9868
|
-
return /* @__PURE__ */ (0,
|
|
9904
|
+
return /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("div", { className: cn("agg-orderbook flex flex-col gap-5", wrapperClassName), children: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
|
|
9869
9905
|
StateMessage,
|
|
9870
9906
|
{
|
|
9871
9907
|
title: state.title,
|
|
9872
9908
|
description: state.description,
|
|
9873
|
-
icon: /* @__PURE__ */ (0,
|
|
9909
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(WarningIcon, {}),
|
|
9874
9910
|
onAction: state.onRetry,
|
|
9875
9911
|
classNames: { root: stateMessageMinHeight }
|
|
9876
9912
|
}
|
|
9877
9913
|
) });
|
|
9878
9914
|
}
|
|
9879
9915
|
if (state.kind === "resolved") {
|
|
9880
|
-
return /* @__PURE__ */ (0,
|
|
9916
|
+
return /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("div", { className: cn("agg-orderbook flex flex-col gap-5", wrapperClassName), children: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
|
|
9881
9917
|
StateMessage,
|
|
9882
9918
|
{
|
|
9883
9919
|
title: state.title,
|
|
9884
9920
|
description: state.description,
|
|
9885
|
-
icon: /* @__PURE__ */ (0,
|
|
9921
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(WarningIcon, {}),
|
|
9886
9922
|
classNames: { root: stateMessageMinHeight }
|
|
9887
9923
|
}
|
|
9888
9924
|
) });
|
|
9889
9925
|
}
|
|
9890
9926
|
if (state.kind === "empty") {
|
|
9891
|
-
return /* @__PURE__ */ (0,
|
|
9927
|
+
return /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("div", { className: cn("agg-orderbook flex flex-col gap-5", wrapperClassName), children: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
|
|
9892
9928
|
StateMessage,
|
|
9893
9929
|
{
|
|
9894
9930
|
title: state.title,
|
|
9895
9931
|
description: state.description,
|
|
9896
|
-
icon: /* @__PURE__ */ (0,
|
|
9932
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(SearchEmptyIcon, {}),
|
|
9897
9933
|
classNames: { root: stateMessageMinHeight }
|
|
9898
9934
|
}
|
|
9899
9935
|
) });
|
|
9900
9936
|
}
|
|
9901
|
-
return /* @__PURE__ */ (0,
|
|
9937
|
+
return /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("div", { className: cn("agg-orderbook flex flex-col gap-5", wrapperClassName), children: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(Orderbook, __spreadValues({}, orderbookProps)) });
|
|
9902
9938
|
};
|
|
9903
9939
|
OrderbookWithStates.displayName = "OrderbookWithStates";
|
|
9904
9940
|
|
|
9905
9941
|
// src/events/orderbook/index.tsx
|
|
9906
|
-
var
|
|
9942
|
+
var import_jsx_runtime117 = require("react/jsx-runtime");
|
|
9907
9943
|
var OrderbookVenueLogos = ({ venues }) => {
|
|
9908
9944
|
const visible = (0, import_hooks39.sortVenues)(venues).slice(0, orderbookMaxVisibleVenues);
|
|
9909
9945
|
const overflow = venues.length - visible.length;
|
|
9910
|
-
return /* @__PURE__ */ (0,
|
|
9911
|
-
visible.map((venue) => /* @__PURE__ */ (0,
|
|
9912
|
-
overflow > 0 ? /* @__PURE__ */ (0,
|
|
9946
|
+
return /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)("div", { className: "flex flex-row items-center justify-start gap-0.5 md:gap-1", children: [
|
|
9947
|
+
visible.map((venue) => /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(VenueLogo, { venue, size: "small" }, venue)),
|
|
9948
|
+
overflow > 0 ? /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)("span", { className: "text-agg-xs font-agg-bold leading-agg-4 text-agg-muted-foreground", children: [
|
|
9913
9949
|
"+",
|
|
9914
9950
|
overflow
|
|
9915
9951
|
] }) : null
|
|
@@ -9935,9 +9971,9 @@ var OrderbookRow = ({
|
|
|
9935
9971
|
}).map(([venue]) => venue);
|
|
9936
9972
|
const venues = entry.row.venues && entry.row.venues.length > 0 ? entry.row.venues : venuesFromBreakdown.length > 0 ? venuesFromBreakdown : [entry.row.venue];
|
|
9937
9973
|
const barPercent = Math.max(2, Number((entry.unifiedBarScale * 100).toFixed(2)));
|
|
9938
|
-
return /* @__PURE__ */ (0,
|
|
9939
|
-
/* @__PURE__ */ (0,
|
|
9940
|
-
/* @__PURE__ */ (0,
|
|
9974
|
+
return /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)("div", { className: "agg-orderbook-row relative flex h-9 items-center gap-2.5 overflow-clip md:gap-10 pr-2.5 md:pr-5", children: [
|
|
9975
|
+
/* @__PURE__ */ (0, import_jsx_runtime117.jsxs)("div", { className: "md:relative min-w-0 flex-1 self-stretch", children: [
|
|
9976
|
+
/* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
|
|
9941
9977
|
"div",
|
|
9942
9978
|
{
|
|
9943
9979
|
"aria-hidden": "true",
|
|
@@ -9949,14 +9985,14 @@ var OrderbookRow = ({
|
|
|
9949
9985
|
style: { width: `${barPercent}%` }
|
|
9950
9986
|
}
|
|
9951
9987
|
),
|
|
9952
|
-
showBadge && badgeLabel ? /* @__PURE__ */ (0,
|
|
9988
|
+
showBadge && badgeLabel ? /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
|
|
9953
9989
|
"div",
|
|
9954
9990
|
{
|
|
9955
9991
|
className: cn(
|
|
9956
9992
|
"absolute flex left-5 top-1/2 -translate-y-1/2 rounded-[4px] border px-2 py-0.5",
|
|
9957
9993
|
badgeBorderClassName
|
|
9958
9994
|
),
|
|
9959
|
-
children: /* @__PURE__ */ (0,
|
|
9995
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
|
|
9960
9996
|
"span",
|
|
9961
9997
|
{
|
|
9962
9998
|
className: cn("text-[10px] font-bold uppercase leading-[14px]", badgeTextClassName),
|
|
@@ -9966,8 +10002,8 @@ var OrderbookRow = ({
|
|
|
9966
10002
|
}
|
|
9967
10003
|
) : null
|
|
9968
10004
|
] }),
|
|
9969
|
-
/* @__PURE__ */ (0,
|
|
9970
|
-
/* @__PURE__ */ (0,
|
|
10005
|
+
/* @__PURE__ */ (0, import_jsx_runtime117.jsxs)("div", { className: "flex w-20 shrink-0 items-center justify-start gap-2 md:w-[120px]", children: [
|
|
10006
|
+
/* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
|
|
9971
10007
|
"span",
|
|
9972
10008
|
{
|
|
9973
10009
|
className: cn(
|
|
@@ -9978,10 +10014,10 @@ var OrderbookRow = ({
|
|
|
9978
10014
|
children: formatProbabilityCents(entry.row.price)
|
|
9979
10015
|
}
|
|
9980
10016
|
),
|
|
9981
|
-
/* @__PURE__ */ (0,
|
|
10017
|
+
/* @__PURE__ */ (0, import_jsx_runtime117.jsx)(OrderbookVenueLogos, { venues })
|
|
9982
10018
|
] }),
|
|
9983
|
-
/* @__PURE__ */ (0,
|
|
9984
|
-
/* @__PURE__ */ (0,
|
|
10019
|
+
/* @__PURE__ */ (0, import_jsx_runtime117.jsx)("span", { className: "agg-orderbook-size w-20 shrink-0 truncate text-center text-agg-sm leading-agg-5 text-agg-foreground md:w-[120px]", children: formatNumber(entry.row.size) }),
|
|
10020
|
+
/* @__PURE__ */ (0, import_jsx_runtime117.jsx)("span", { className: "agg-orderbook-total w-20 shrink-0 truncate text-center text-agg-sm leading-agg-5 text-agg-foreground md:w-[120px]", children: formatCurrency(entry.row.total) })
|
|
9985
10021
|
] });
|
|
9986
10022
|
};
|
|
9987
10023
|
var Orderbook = ({
|
|
@@ -10038,15 +10074,15 @@ var Orderbook = ({
|
|
|
10038
10074
|
snapshotKey,
|
|
10039
10075
|
spreadEntry
|
|
10040
10076
|
]);
|
|
10041
|
-
return /* @__PURE__ */ (0,
|
|
10042
|
-
/* @__PURE__ */ (0,
|
|
10043
|
-
/* @__PURE__ */ (0,
|
|
10044
|
-
/* @__PURE__ */ (0,
|
|
10045
|
-
/* @__PURE__ */ (0,
|
|
10046
|
-
/* @__PURE__ */ (0,
|
|
10077
|
+
return /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)("div", { className: cn("agg-orderbook-unified flex flex-col", className), children: [
|
|
10078
|
+
/* @__PURE__ */ (0, import_jsx_runtime117.jsxs)("div", { className: "flex h-9 items-center gap-2.5 overflow-clip border-b border-agg-separator pr-5 md:gap-10", children: [
|
|
10079
|
+
/* @__PURE__ */ (0, import_jsx_runtime117.jsx)("span", { className: "flex min-w-0 flex-1 items-center gap-2 pl-5", children: /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("span", { className: "text-agg-xs font-agg-bold uppercase leading-agg-4 text-agg-muted-foreground", children: labels.tradeOutcome }) }),
|
|
10080
|
+
/* @__PURE__ */ (0, import_jsx_runtime117.jsx)("span", { className: "w-20 shrink-0 text-agg-xs font-agg-bold uppercase leading-agg-4 text-agg-muted-foreground md:w-[120px]", children: labels.price }),
|
|
10081
|
+
/* @__PURE__ */ (0, import_jsx_runtime117.jsx)("span", { className: "w-20 shrink-0 text-center text-agg-xs font-agg-bold uppercase leading-agg-4 text-agg-muted-foreground md:w-[120px]", children: labels.shares }),
|
|
10082
|
+
/* @__PURE__ */ (0, import_jsx_runtime117.jsx)("span", { className: "w-20 shrink-0 text-center text-agg-xs font-agg-bold uppercase leading-agg-4 text-agg-muted-foreground md:w-[120px]", children: labels.total })
|
|
10047
10083
|
] }),
|
|
10048
|
-
/* @__PURE__ */ (0,
|
|
10049
|
-
/* @__PURE__ */ (0,
|
|
10084
|
+
/* @__PURE__ */ (0, import_jsx_runtime117.jsxs)("div", { className: "relative", children: [
|
|
10085
|
+
/* @__PURE__ */ (0, import_jsx_runtime117.jsxs)(
|
|
10050
10086
|
"div",
|
|
10051
10087
|
{
|
|
10052
10088
|
ref: scrollContainerRef,
|
|
@@ -10056,7 +10092,7 @@ var Orderbook = ({
|
|
|
10056
10092
|
"aria-label": "Order book",
|
|
10057
10093
|
tabIndex: 0,
|
|
10058
10094
|
children: [
|
|
10059
|
-
askEntries.length > 0 ? /* @__PURE__ */ (0,
|
|
10095
|
+
askEntries.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("div", { className: "agg-orderbook-asks flex flex-col", children: askEntries.map((entry, index) => /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
|
|
10060
10096
|
OrderbookRow,
|
|
10061
10097
|
{
|
|
10062
10098
|
entry,
|
|
@@ -10068,7 +10104,7 @@ var Orderbook = ({
|
|
|
10068
10104
|
},
|
|
10069
10105
|
entry.row.id
|
|
10070
10106
|
)) }) : null,
|
|
10071
|
-
/* @__PURE__ */ (0,
|
|
10107
|
+
/* @__PURE__ */ (0, import_jsx_runtime117.jsxs)(
|
|
10072
10108
|
"div",
|
|
10073
10109
|
{
|
|
10074
10110
|
ref: spreadRowRef,
|
|
@@ -10076,7 +10112,7 @@ var Orderbook = ({
|
|
|
10076
10112
|
role: "separator",
|
|
10077
10113
|
"aria-label": `${labels.midPrice}: ${formatProbabilityCents((_b = spreadEntry == null ? void 0 : spreadEntry.midPrice) != null ? _b : null)}, ${labels.spread}: ${formatProbabilityCents((_c = spreadEntry == null ? void 0 : spreadEntry.spread) != null ? _c : null)}`,
|
|
10078
10114
|
children: [
|
|
10079
|
-
/* @__PURE__ */ (0,
|
|
10115
|
+
/* @__PURE__ */ (0, import_jsx_runtime117.jsxs)(
|
|
10080
10116
|
Typography,
|
|
10081
10117
|
{
|
|
10082
10118
|
variant: "label",
|
|
@@ -10088,7 +10124,7 @@ var Orderbook = ({
|
|
|
10088
10124
|
]
|
|
10089
10125
|
}
|
|
10090
10126
|
),
|
|
10091
|
-
/* @__PURE__ */ (0,
|
|
10127
|
+
/* @__PURE__ */ (0, import_jsx_runtime117.jsxs)(
|
|
10092
10128
|
Typography,
|
|
10093
10129
|
{
|
|
10094
10130
|
variant: "label",
|
|
@@ -10100,12 +10136,12 @@ var Orderbook = ({
|
|
|
10100
10136
|
]
|
|
10101
10137
|
}
|
|
10102
10138
|
),
|
|
10103
|
-
/* @__PURE__ */ (0,
|
|
10104
|
-
/* @__PURE__ */ (0,
|
|
10139
|
+
/* @__PURE__ */ (0, import_jsx_runtime117.jsx)("div", { className: "hidden md:inline-flex w-20 shrink-0 md:w-[120px]" }),
|
|
10140
|
+
/* @__PURE__ */ (0, import_jsx_runtime117.jsx)("div", { className: "hidden md:inline-flex w-20 shrink-0 md:w-[120px]" })
|
|
10105
10141
|
]
|
|
10106
10142
|
}
|
|
10107
10143
|
),
|
|
10108
|
-
bidEntries.length > 0 ? /* @__PURE__ */ (0,
|
|
10144
|
+
bidEntries.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("div", { className: "agg-orderbook-bids flex flex-col", children: bidEntries.map((entry, index) => /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
|
|
10109
10145
|
OrderbookRow,
|
|
10110
10146
|
{
|
|
10111
10147
|
entry,
|
|
@@ -10120,14 +10156,14 @@ var Orderbook = ({
|
|
|
10120
10156
|
]
|
|
10121
10157
|
}
|
|
10122
10158
|
),
|
|
10123
|
-
/* @__PURE__ */ (0,
|
|
10159
|
+
/* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
|
|
10124
10160
|
"button",
|
|
10125
10161
|
{
|
|
10126
10162
|
type: "button",
|
|
10127
10163
|
onClick: recenter,
|
|
10128
10164
|
className: "absolute bottom-3 left-5 z-10 flex size-8 cursor-pointer items-center justify-center rounded-lg border border-agg-separator bg-agg-secondary text-agg-muted-foreground transition-colors hover:text-agg-foreground",
|
|
10129
10165
|
"aria-label": "Re-center orderbook",
|
|
10130
|
-
children: /* @__PURE__ */ (0,
|
|
10166
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(Icon, { name: "recenter", size: "small", className: "!size-4 text-current" })
|
|
10131
10167
|
}
|
|
10132
10168
|
)
|
|
10133
10169
|
] })
|
|
@@ -10222,7 +10258,7 @@ var resolveTradingStateBadgeClassName = (kind) => {
|
|
|
10222
10258
|
};
|
|
10223
10259
|
|
|
10224
10260
|
// src/events/market-details/market-details-outcome-button.tsx
|
|
10225
|
-
var
|
|
10261
|
+
var import_jsx_runtime118 = require("react/jsx-runtime");
|
|
10226
10262
|
var marketDetailsOutcomeButtonToneClasses = {
|
|
10227
10263
|
positive: {
|
|
10228
10264
|
activeSurface: "bg-agg-success/15",
|
|
@@ -10275,7 +10311,7 @@ var MarketDetailsOutcomeButton = ({
|
|
|
10275
10311
|
isSelected,
|
|
10276
10312
|
tone: item.tone
|
|
10277
10313
|
});
|
|
10278
|
-
return /* @__PURE__ */ (0,
|
|
10314
|
+
return /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)(
|
|
10279
10315
|
"button",
|
|
10280
10316
|
{
|
|
10281
10317
|
type: "button",
|
|
@@ -10288,9 +10324,9 @@ var MarketDetailsOutcomeButton = ({
|
|
|
10288
10324
|
className: cn(classNames.root, "flex-1 md:flex-auto", "gap-1!"),
|
|
10289
10325
|
onClick: () => onSelect(item.label),
|
|
10290
10326
|
children: [
|
|
10291
|
-
/* @__PURE__ */ (0,
|
|
10292
|
-
/* @__PURE__ */ (0,
|
|
10293
|
-
/* @__PURE__ */ (0,
|
|
10327
|
+
/* @__PURE__ */ (0, import_jsx_runtime118.jsx)(VenueLogo, { venue: item.venue, size: "small" }),
|
|
10328
|
+
/* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("div", { className: "flex flex-row items-center gap-1 min-w-0", children: [
|
|
10329
|
+
/* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
|
|
10294
10330
|
Typography,
|
|
10295
10331
|
{
|
|
10296
10332
|
as: "span",
|
|
@@ -10299,7 +10335,7 @@ var MarketDetailsOutcomeButton = ({
|
|
|
10299
10335
|
children: item.label
|
|
10300
10336
|
}
|
|
10301
10337
|
),
|
|
10302
|
-
/* @__PURE__ */ (0,
|
|
10338
|
+
/* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
|
|
10303
10339
|
Typography,
|
|
10304
10340
|
{
|
|
10305
10341
|
as: "span",
|
|
@@ -10316,14 +10352,14 @@ var MarketDetailsOutcomeButton = ({
|
|
|
10316
10352
|
MarketDetailsOutcomeButton.displayName = "MarketDetailsOutcomeButton";
|
|
10317
10353
|
|
|
10318
10354
|
// src/events/market-details/index.tsx
|
|
10319
|
-
var
|
|
10355
|
+
var import_jsx_runtime119 = require("react/jsx-runtime");
|
|
10320
10356
|
var MarketDetailsLoadingState = ({
|
|
10321
10357
|
isOpened = marketDetailsDefaultIsOpened,
|
|
10322
10358
|
ariaLabel,
|
|
10323
10359
|
classNames
|
|
10324
10360
|
}) => {
|
|
10325
10361
|
const labels = (0, import_hooks40.useLabels)();
|
|
10326
|
-
return /* @__PURE__ */ (0,
|
|
10362
|
+
return /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
|
|
10327
10363
|
Skeleton,
|
|
10328
10364
|
{
|
|
10329
10365
|
view: isOpened ? "market-details-detailed" : "market-details-minified",
|
|
@@ -10337,7 +10373,7 @@ var MarketDetailsUnavailableState = ({
|
|
|
10337
10373
|
classNames
|
|
10338
10374
|
}) => {
|
|
10339
10375
|
const labels = (0, import_hooks40.useLabels)();
|
|
10340
|
-
return /* @__PURE__ */ (0,
|
|
10376
|
+
return /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
|
|
10341
10377
|
Card,
|
|
10342
10378
|
{
|
|
10343
10379
|
className: cn(
|
|
@@ -10347,9 +10383,9 @@ var MarketDetailsUnavailableState = ({
|
|
|
10347
10383
|
),
|
|
10348
10384
|
role: "status",
|
|
10349
10385
|
"aria-label": ariaLabel != null ? ariaLabel : labels.marketDetails.unavailableAria,
|
|
10350
|
-
children: /* @__PURE__ */ (0,
|
|
10351
|
-
/* @__PURE__ */ (0,
|
|
10352
|
-
/* @__PURE__ */ (0,
|
|
10386
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)("div", { className: "flex flex-col gap-1 p-5", children: [
|
|
10387
|
+
/* @__PURE__ */ (0, import_jsx_runtime119.jsx)(Typography, { variant: "body-large-strong", children: labels.marketDetails.unavailableTitle }),
|
|
10388
|
+
/* @__PURE__ */ (0, import_jsx_runtime119.jsx)(Typography, { variant: "label", className: "text-agg-muted-foreground", children: labels.marketDetails.unavailableDescription })
|
|
10353
10389
|
] })
|
|
10354
10390
|
}
|
|
10355
10391
|
);
|
|
@@ -10359,12 +10395,12 @@ var MarketDetailsNotFoundState = ({
|
|
|
10359
10395
|
classNames: _classNames
|
|
10360
10396
|
}) => {
|
|
10361
10397
|
const labels = (0, import_hooks40.useLabels)();
|
|
10362
|
-
return /* @__PURE__ */ (0,
|
|
10398
|
+
return /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
|
|
10363
10399
|
StateMessage,
|
|
10364
10400
|
{
|
|
10365
10401
|
title: labels.marketDetails.notFoundTitle,
|
|
10366
10402
|
description: labels.marketDetails.notFoundDescription,
|
|
10367
|
-
icon: /* @__PURE__ */ (0,
|
|
10403
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(SearchEmptyIcon, {}),
|
|
10368
10404
|
classNames: { root: "min-h-[280px] md:min-h-[320px]" }
|
|
10369
10405
|
}
|
|
10370
10406
|
);
|
|
@@ -10713,7 +10749,7 @@ var MarketDetailsContent = ({
|
|
|
10713
10749
|
kind: "disabled",
|
|
10714
10750
|
title: marketStatePresentation.title,
|
|
10715
10751
|
description: marketStatePresentation.description,
|
|
10716
|
-
icon: /* @__PURE__ */ (0,
|
|
10752
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(Icon, { name: marketStatePresentation.iconName, className: "h-5 w-5", "aria-hidden": "true" })
|
|
10717
10753
|
} : isOrderBookLoading ? { kind: "loading" } : hasOrderBookError ? {
|
|
10718
10754
|
kind: "error",
|
|
10719
10755
|
title: labels.marketDetails.orderBookUnavailableTitle,
|
|
@@ -10738,12 +10774,12 @@ var MarketDetailsContent = ({
|
|
|
10738
10774
|
setSelectedGraphVenue(null);
|
|
10739
10775
|
}, [selectedGraphVenue, chartAvailableOutcomesByVenue]);
|
|
10740
10776
|
if (marketId && !resolvedMarket) {
|
|
10741
|
-
return /* @__PURE__ */ (0,
|
|
10777
|
+
return /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(MarketDetailsNotFoundState, { ariaLabel, classNames });
|
|
10742
10778
|
}
|
|
10743
10779
|
if (!model) {
|
|
10744
|
-
return /* @__PURE__ */ (0,
|
|
10780
|
+
return /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(MarketDetailsUnavailableState, { ariaLabel, classNames });
|
|
10745
10781
|
}
|
|
10746
|
-
return /* @__PURE__ */ (0,
|
|
10782
|
+
return /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)(
|
|
10747
10783
|
Card,
|
|
10748
10784
|
{
|
|
10749
10785
|
className: cn(
|
|
@@ -10754,7 +10790,7 @@ var MarketDetailsContent = ({
|
|
|
10754
10790
|
classNames == null ? void 0 : classNames.root
|
|
10755
10791
|
),
|
|
10756
10792
|
children: [
|
|
10757
|
-
/* @__PURE__ */ (0,
|
|
10793
|
+
/* @__PURE__ */ (0, import_jsx_runtime119.jsxs)(
|
|
10758
10794
|
"div",
|
|
10759
10795
|
{
|
|
10760
10796
|
className: cn(
|
|
@@ -10766,7 +10802,7 @@ var MarketDetailsContent = ({
|
|
|
10766
10802
|
),
|
|
10767
10803
|
onClick: handleToggleExpanded,
|
|
10768
10804
|
children: [
|
|
10769
|
-
/* @__PURE__ */ (0,
|
|
10805
|
+
/* @__PURE__ */ (0, import_jsx_runtime119.jsxs)(
|
|
10770
10806
|
"button",
|
|
10771
10807
|
{
|
|
10772
10808
|
type: "button",
|
|
@@ -10780,8 +10816,8 @@ var MarketDetailsContent = ({
|
|
|
10780
10816
|
"aria-label": isOpened ? labels.marketDetails.toggleCloseDetailsAria(model.title) : labels.marketDetails.toggleOpenDetailsAria(model.title),
|
|
10781
10817
|
onClick: handleToggleExpanded,
|
|
10782
10818
|
children: [
|
|
10783
|
-
/* @__PURE__ */ (0,
|
|
10784
|
-
/* @__PURE__ */ (0,
|
|
10819
|
+
/* @__PURE__ */ (0, import_jsx_runtime119.jsxs)("div", { className: "agg-market-summary flex min-w-24 flex-1 items-center gap-3 md:gap-4", children: [
|
|
10820
|
+
/* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
|
|
10785
10821
|
RemoteImage,
|
|
10786
10822
|
{
|
|
10787
10823
|
src: (0, import_hooks40.optimizedImageUrl)(model.image, 60),
|
|
@@ -10789,8 +10825,8 @@ var MarketDetailsContent = ({
|
|
|
10789
10825
|
className: "agg-market-image size-12 rounded-agg-lg object-cover md:size-[60px]"
|
|
10790
10826
|
}
|
|
10791
10827
|
),
|
|
10792
|
-
/* @__PURE__ */ (0,
|
|
10793
|
-
/* @__PURE__ */ (0,
|
|
10828
|
+
/* @__PURE__ */ (0, import_jsx_runtime119.jsxs)("div", { className: "flex min-w-24 flex-col", children: [
|
|
10829
|
+
/* @__PURE__ */ (0, import_jsx_runtime119.jsx)(Tooltip, { content: model.title, side: "top", children: /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("div", { className: "min-w-0", children: /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
|
|
10794
10830
|
Typography,
|
|
10795
10831
|
{
|
|
10796
10832
|
as: "h3",
|
|
@@ -10799,7 +10835,7 @@ var MarketDetailsContent = ({
|
|
|
10799
10835
|
children: model.title
|
|
10800
10836
|
}
|
|
10801
10837
|
) }) }),
|
|
10802
|
-
/* @__PURE__ */ (0,
|
|
10838
|
+
/* @__PURE__ */ (0, import_jsx_runtime119.jsx)("div", { className: "flex items-center gap-3", children: /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
|
|
10803
10839
|
Typography,
|
|
10804
10840
|
{
|
|
10805
10841
|
variant: "label",
|
|
@@ -10807,8 +10843,8 @@ var MarketDetailsContent = ({
|
|
|
10807
10843
|
children: model.subtitle
|
|
10808
10844
|
}
|
|
10809
10845
|
) }),
|
|
10810
|
-
marketTradingState.isTradingDisabled && marketTradingState.kind !== "resolved" && !isUpcomingMarket ? /* @__PURE__ */ (0,
|
|
10811
|
-
/* @__PURE__ */ (0,
|
|
10846
|
+
marketTradingState.isTradingDisabled && marketTradingState.kind !== "resolved" && !isUpcomingMarket ? /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)("div", { className: "mt-2 flex flex-wrap items-center gap-2", children: [
|
|
10847
|
+
/* @__PURE__ */ (0, import_jsx_runtime119.jsxs)(
|
|
10812
10848
|
"span",
|
|
10813
10849
|
{
|
|
10814
10850
|
className: cn(
|
|
@@ -10816,7 +10852,7 @@ var MarketDetailsContent = ({
|
|
|
10816
10852
|
resolveTradingStateBadgeClassName(marketTradingState.kind)
|
|
10817
10853
|
),
|
|
10818
10854
|
children: [
|
|
10819
|
-
/* @__PURE__ */ (0,
|
|
10855
|
+
/* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
|
|
10820
10856
|
Icon,
|
|
10821
10857
|
{
|
|
10822
10858
|
name: marketStatePresentation.iconName,
|
|
@@ -10824,25 +10860,25 @@ var MarketDetailsContent = ({
|
|
|
10824
10860
|
className: "h-3.5 w-3.5"
|
|
10825
10861
|
}
|
|
10826
10862
|
),
|
|
10827
|
-
/* @__PURE__ */ (0,
|
|
10863
|
+
/* @__PURE__ */ (0, import_jsx_runtime119.jsx)("span", { children: marketStatePresentation.badgeLabel })
|
|
10828
10864
|
]
|
|
10829
10865
|
}
|
|
10830
10866
|
),
|
|
10831
|
-
marketStatePresentation.timestampLabel ? /* @__PURE__ */ (0,
|
|
10832
|
-
marketStatePresentation.winningOutcomeLabel ? /* @__PURE__ */ (0,
|
|
10867
|
+
marketStatePresentation.timestampLabel ? /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(Typography, { variant: "label", className: "text-agg-muted-foreground", children: marketStatePresentation.timestampLabel }) : null,
|
|
10868
|
+
marketStatePresentation.winningOutcomeLabel ? /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(Typography, { variant: "label", className: "text-agg-muted-foreground", children: marketStatePresentation.winningOutcomeLabel }) : null
|
|
10833
10869
|
] }) : null
|
|
10834
10870
|
] })
|
|
10835
10871
|
] }),
|
|
10836
|
-
/* @__PURE__ */ (0,
|
|
10872
|
+
/* @__PURE__ */ (0, import_jsx_runtime119.jsx)(Typography, { as: "div", variant: "heading", className: "agg-market-headline shrink-0", children: formatProbabilityPercent(headlineProbability, formatPercent) })
|
|
10837
10873
|
]
|
|
10838
10874
|
}
|
|
10839
10875
|
),
|
|
10840
|
-
marketTradingState.kind === "resolved" && marketTradingState.winningOutcome ? /* @__PURE__ */ (0,
|
|
10876
|
+
marketTradingState.kind === "resolved" && marketTradingState.winningOutcome ? /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
|
|
10841
10877
|
"div",
|
|
10842
10878
|
{
|
|
10843
10879
|
className: "agg-outcomes flex w-full items-center justify-end md:w-auto md:shrink-0",
|
|
10844
10880
|
onClick: (e) => e.stopPropagation(),
|
|
10845
|
-
children: /* @__PURE__ */ (0,
|
|
10881
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)(
|
|
10846
10882
|
"span",
|
|
10847
10883
|
{
|
|
10848
10884
|
className: cn(
|
|
@@ -10855,7 +10891,7 @@ var MarketDetailsContent = ({
|
|
|
10855
10891
|
"border-transparent bg-agg-secondary-hover"
|
|
10856
10892
|
),
|
|
10857
10893
|
children: [
|
|
10858
|
-
/* @__PURE__ */ (0,
|
|
10894
|
+
/* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
|
|
10859
10895
|
Icon,
|
|
10860
10896
|
{
|
|
10861
10897
|
name: marketTradingState.winningOutcome.label.trim().toLowerCase() === "yes" ? "check-circle" : "cross-circle",
|
|
@@ -10866,17 +10902,17 @@ var MarketDetailsContent = ({
|
|
|
10866
10902
|
)
|
|
10867
10903
|
}
|
|
10868
10904
|
),
|
|
10869
|
-
/* @__PURE__ */ (0,
|
|
10905
|
+
/* @__PURE__ */ (0, import_jsx_runtime119.jsx)(Typography, { variant: "body", children: labels.eventMarketPage.resolvedOutcome(marketTradingState.winningOutcome.label) })
|
|
10870
10906
|
]
|
|
10871
10907
|
}
|
|
10872
10908
|
)
|
|
10873
10909
|
}
|
|
10874
|
-
) : isUpcomingMarket ? /* @__PURE__ */ (0,
|
|
10910
|
+
) : isUpcomingMarket ? /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
|
|
10875
10911
|
"div",
|
|
10876
10912
|
{
|
|
10877
10913
|
className: "agg-outcomes flex w-full items-center justify-end md:w-auto md:shrink-0",
|
|
10878
10914
|
onClick: (e) => e.stopPropagation(),
|
|
10879
|
-
children: /* @__PURE__ */ (0,
|
|
10915
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)(
|
|
10880
10916
|
"span",
|
|
10881
10917
|
{
|
|
10882
10918
|
className: cn(
|
|
@@ -10885,7 +10921,7 @@ var MarketDetailsContent = ({
|
|
|
10885
10921
|
resolveTradingStateBadgeClassName(marketTradingState.kind)
|
|
10886
10922
|
),
|
|
10887
10923
|
children: [
|
|
10888
|
-
/* @__PURE__ */ (0,
|
|
10924
|
+
/* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
|
|
10889
10925
|
Icon,
|
|
10890
10926
|
{
|
|
10891
10927
|
name: marketStatePresentation.iconName,
|
|
@@ -10894,12 +10930,12 @@ var MarketDetailsContent = ({
|
|
|
10894
10930
|
"aria-hidden": "true"
|
|
10895
10931
|
}
|
|
10896
10932
|
),
|
|
10897
|
-
/* @__PURE__ */ (0,
|
|
10933
|
+
/* @__PURE__ */ (0, import_jsx_runtime119.jsx)("span", { children: marketStatePresentation.badgeLabel })
|
|
10898
10934
|
]
|
|
10899
10935
|
}
|
|
10900
10936
|
)
|
|
10901
10937
|
}
|
|
10902
|
-
) : /* @__PURE__ */ (0,
|
|
10938
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
|
|
10903
10939
|
"div",
|
|
10904
10940
|
{
|
|
10905
10941
|
className: "agg-outcomes flex w-full flex-wrap gap-2 md:w-auto md:shrink-0 md:flex-nowrap",
|
|
@@ -10909,7 +10945,7 @@ var MarketDetailsContent = ({
|
|
|
10909
10945
|
onKeyDown: (eventToHandle) => handleOutcomeKeyDown(eventToHandle),
|
|
10910
10946
|
children: headerOutcomeItems.map((item) => {
|
|
10911
10947
|
const isActiveOutcome = item.id === selectedOutcomeId;
|
|
10912
|
-
return /* @__PURE__ */ (0,
|
|
10948
|
+
return /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
|
|
10913
10949
|
MarketDetailsOutcomeButton,
|
|
10914
10950
|
{
|
|
10915
10951
|
item,
|
|
@@ -10932,7 +10968,7 @@ var MarketDetailsContent = ({
|
|
|
10932
10968
|
]
|
|
10933
10969
|
}
|
|
10934
10970
|
),
|
|
10935
|
-
/* @__PURE__ */ (0,
|
|
10971
|
+
/* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
|
|
10936
10972
|
"div",
|
|
10937
10973
|
{
|
|
10938
10974
|
id: detailsContentId,
|
|
@@ -10945,9 +10981,9 @@ var MarketDetailsContent = ({
|
|
|
10945
10981
|
isOpened ? "grid-rows-[1fr] opacity-100" : "pointer-events-none grid-rows-[0fr] opacity-0"
|
|
10946
10982
|
),
|
|
10947
10983
|
"aria-hidden": !isOpened,
|
|
10948
|
-
children: /* @__PURE__ */ (0,
|
|
10949
|
-
/* @__PURE__ */ (0,
|
|
10950
|
-
/* @__PURE__ */ (0,
|
|
10984
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)("div", { className: "min-h-0", children: [
|
|
10985
|
+
/* @__PURE__ */ (0, import_jsx_runtime119.jsx)("div", { className: "h-px w-full bg-agg-separator" }),
|
|
10986
|
+
/* @__PURE__ */ (0, import_jsx_runtime119.jsxs)(
|
|
10951
10987
|
"div",
|
|
10952
10988
|
{
|
|
10953
10989
|
className: cn(
|
|
@@ -10961,8 +10997,8 @@ var MarketDetailsContent = ({
|
|
|
10961
10997
|
) : "translate-y-5 opacity-0"
|
|
10962
10998
|
),
|
|
10963
10999
|
children: [
|
|
10964
|
-
!isResolvedMarket ? /* @__PURE__ */ (0,
|
|
10965
|
-
/* @__PURE__ */ (0,
|
|
11000
|
+
!isResolvedMarket ? /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)(import_jsx_runtime119.Fragment, { children: [
|
|
11001
|
+
/* @__PURE__ */ (0, import_jsx_runtime119.jsx)("div", { className: cn("block", classNames == null ? void 0 : classNames.tabs), children: /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
|
|
10966
11002
|
Tabs,
|
|
10967
11003
|
{
|
|
10968
11004
|
ariaLabel: labels.marketDetails.tabsAria,
|
|
@@ -10973,10 +11009,10 @@ var MarketDetailsContent = ({
|
|
|
10973
11009
|
className: "agg-market-tabs w-full px-5"
|
|
10974
11010
|
}
|
|
10975
11011
|
) }),
|
|
10976
|
-
/* @__PURE__ */ (0,
|
|
11012
|
+
/* @__PURE__ */ (0, import_jsx_runtime119.jsx)("div", { className: "h-px w-full bg-agg-separator" })
|
|
10977
11013
|
] }) : null,
|
|
10978
|
-
/* @__PURE__ */ (0,
|
|
10979
|
-
effectiveSelectedTab === "order-book" ? /* @__PURE__ */ (0,
|
|
11014
|
+
/* @__PURE__ */ (0, import_jsx_runtime119.jsxs)("div", { className: cn("agg-market-card-body p-0", classNames == null ? void 0 : classNames.content), children: [
|
|
11015
|
+
effectiveSelectedTab === "order-book" ? /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
|
|
10980
11016
|
OrderbookWithStates,
|
|
10981
11017
|
{
|
|
10982
11018
|
state: orderbookState,
|
|
@@ -11002,17 +11038,17 @@ var MarketDetailsContent = ({
|
|
|
11002
11038
|
wrapperClassName: classNames == null ? void 0 : classNames.orderBook
|
|
11003
11039
|
}
|
|
11004
11040
|
) : null,
|
|
11005
|
-
effectiveSelectedTab === "graph" ? /* @__PURE__ */ (0,
|
|
11006
|
-
hasChartError ? /* @__PURE__ */ (0,
|
|
11041
|
+
effectiveSelectedTab === "graph" ? /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)("div", { className: cn("agg-price-chart flex flex-col gap-5 p-5", classNames == null ? void 0 : classNames.graph), children: [
|
|
11042
|
+
hasChartError ? /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
|
|
11007
11043
|
StateMessage,
|
|
11008
11044
|
{
|
|
11009
11045
|
title: labels.marketDetails.chartUnavailableTitle,
|
|
11010
11046
|
description: labels.marketDetails.chartUnavailableDescription,
|
|
11011
|
-
icon: /* @__PURE__ */ (0,
|
|
11047
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(WarningIcon, {}),
|
|
11012
11048
|
onAction: handleRetryMarketChart,
|
|
11013
11049
|
classNames: { root: "min-h-[248px] px-5 py-10 md:min-h-[272px]" }
|
|
11014
11050
|
}
|
|
11015
|
-
) : /* @__PURE__ */ (0,
|
|
11051
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
|
|
11016
11052
|
LineChart,
|
|
11017
11053
|
{
|
|
11018
11054
|
series: graphSeries,
|
|
@@ -11025,15 +11061,15 @@ var MarketDetailsContent = ({
|
|
|
11025
11061
|
showSeriesControls: chartAvailableOutcomesByVenue.length > 0 || headerOutcomeItems.length > 0,
|
|
11026
11062
|
renderSeriesControls: () => {
|
|
11027
11063
|
var _a2, _b2, _c2, _d2;
|
|
11028
|
-
return /* @__PURE__ */ (0,
|
|
11029
|
-
/* @__PURE__ */ (0,
|
|
11064
|
+
return /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)("div", { className: "agg-chart-toolbar w-full flex flex-col gap-4 md:flex-row md:items-center md:justify-between", children: [
|
|
11065
|
+
/* @__PURE__ */ (0, import_jsx_runtime119.jsx)("div", { className: "agg-market-venues flex flex-wrap gap-2", children: chartAvailableOutcomesByVenue.map((item) => {
|
|
11030
11066
|
var _a3;
|
|
11031
11067
|
const probability = formatProbabilityPercent(
|
|
11032
11068
|
(_a3 = wsLivePrices.get(item.outcome.id)) != null ? _a3 : item.outcome.price,
|
|
11033
11069
|
formatPercent
|
|
11034
11070
|
);
|
|
11035
11071
|
const isActiveVenue = selectedGraphVenue === item.venue;
|
|
11036
|
-
return /* @__PURE__ */ (0,
|
|
11072
|
+
return /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)(
|
|
11037
11073
|
"button",
|
|
11038
11074
|
{
|
|
11039
11075
|
type: "button",
|
|
@@ -11052,14 +11088,14 @@ var MarketDetailsContent = ({
|
|
|
11052
11088
|
handleGraphVenueToggle(item.venue);
|
|
11053
11089
|
},
|
|
11054
11090
|
children: [
|
|
11055
|
-
/* @__PURE__ */ (0,
|
|
11056
|
-
/* @__PURE__ */ (0,
|
|
11091
|
+
/* @__PURE__ */ (0, import_jsx_runtime119.jsx)(VenueLogo, { venue: item.venue, size: "small" }),
|
|
11092
|
+
/* @__PURE__ */ (0, import_jsx_runtime119.jsx)("span", { className: "text-agg-base leading-agg-6 text-agg-foreground", children: probability })
|
|
11057
11093
|
]
|
|
11058
11094
|
},
|
|
11059
11095
|
`${item.market.id}-${item.outcome.id}`
|
|
11060
11096
|
);
|
|
11061
11097
|
}) }),
|
|
11062
|
-
!isOutcomeSelectionLocked ? /* @__PURE__ */ (0,
|
|
11098
|
+
!isOutcomeSelectionLocked ? /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
|
|
11063
11099
|
SwitchButton,
|
|
11064
11100
|
{
|
|
11065
11101
|
ariaLabel: labels.marketDetails.outcomeSelectorAria,
|
|
@@ -11089,7 +11125,7 @@ var MarketDetailsContent = ({
|
|
|
11089
11125
|
}
|
|
11090
11126
|
}
|
|
11091
11127
|
),
|
|
11092
|
-
/* @__PURE__ */ (0,
|
|
11128
|
+
/* @__PURE__ */ (0, import_jsx_runtime119.jsxs)(
|
|
11093
11129
|
"div",
|
|
11094
11130
|
{
|
|
11095
11131
|
className: cn(
|
|
@@ -11098,9 +11134,9 @@ var MarketDetailsContent = ({
|
|
|
11098
11134
|
classNames == null ? void 0 : classNames.footer
|
|
11099
11135
|
),
|
|
11100
11136
|
children: [
|
|
11101
|
-
/* @__PURE__ */ (0,
|
|
11102
|
-
/* @__PURE__ */ (0,
|
|
11103
|
-
/* @__PURE__ */ (0,
|
|
11137
|
+
/* @__PURE__ */ (0, import_jsx_runtime119.jsx)("span", { children: typeof model.market.volume !== "number" ? labels.marketDetails.volumeUnavailable : model.market.volume > 0 ? `${config.formatting.formatCompactCurrency(model.market.volume)} ${labels.marketDetails.meta.volumeSuffix}` : "" }),
|
|
11138
|
+
/* @__PURE__ */ (0, import_jsx_runtime119.jsxs)("div", { className: "flex flex-wrap items-center gap-3 md:gap-4", children: [
|
|
11139
|
+
/* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
|
|
11104
11140
|
ChartTypeSwitch,
|
|
11105
11141
|
{
|
|
11106
11142
|
className: "agg-chart-type-switch shrink-0",
|
|
@@ -11108,7 +11144,7 @@ var MarketDetailsContent = ({
|
|
|
11108
11144
|
onValueChange: setSelectedChartType
|
|
11109
11145
|
}
|
|
11110
11146
|
),
|
|
11111
|
-
/* @__PURE__ */ (0,
|
|
11147
|
+
/* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
|
|
11112
11148
|
"span",
|
|
11113
11149
|
{
|
|
11114
11150
|
"aria-hidden": "true",
|
|
@@ -11118,7 +11154,7 @@ var MarketDetailsContent = ({
|
|
|
11118
11154
|
import_hooks40.CHART_TIME_RANGES.map((timeRange) => {
|
|
11119
11155
|
const isActive = effectiveChartTimeRange === timeRange;
|
|
11120
11156
|
const isDisabled = isResolvedMarket && timeRange !== "ALL";
|
|
11121
|
-
return /* @__PURE__ */ (0,
|
|
11157
|
+
return /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
|
|
11122
11158
|
"button",
|
|
11123
11159
|
{
|
|
11124
11160
|
type: "button",
|
|
@@ -11147,13 +11183,13 @@ var MarketDetailsContent = ({
|
|
|
11147
11183
|
}
|
|
11148
11184
|
)
|
|
11149
11185
|
] }) : null,
|
|
11150
|
-
effectiveSelectedTab === "other" ? /* @__PURE__ */ (0,
|
|
11186
|
+
effectiveSelectedTab === "other" ? /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("div", { className: "agg-market-meta flex flex-col gap-4", children: otherContent != null ? otherContent : /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("div", { className: "agg-market-meta-list grid grid-cols-1 gap-3", children: otherRows.map((row) => /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)(
|
|
11151
11187
|
"div",
|
|
11152
11188
|
{
|
|
11153
11189
|
className: "agg-market-meta-row flex items-center justify-between rounded-agg-xl bg-agg-secondary-hover px-4 py-3",
|
|
11154
11190
|
children: [
|
|
11155
|
-
/* @__PURE__ */ (0,
|
|
11156
|
-
/* @__PURE__ */ (0,
|
|
11191
|
+
/* @__PURE__ */ (0, import_jsx_runtime119.jsx)(Typography, { variant: "label", className: "text-agg-muted-foreground", children: row.label }),
|
|
11192
|
+
/* @__PURE__ */ (0, import_jsx_runtime119.jsx)(Typography, { variant: "body", className: "text-right", children: row.value })
|
|
11157
11193
|
]
|
|
11158
11194
|
},
|
|
11159
11195
|
row.label
|
|
@@ -11172,10 +11208,10 @@ var MarketDetailsContent = ({
|
|
|
11172
11208
|
var MarketDetails = (_a) => {
|
|
11173
11209
|
var _b = _a, { isOpened } = _b, props = __objRest(_b, ["isOpened"]);
|
|
11174
11210
|
if (props.isLoading) {
|
|
11175
|
-
return /* @__PURE__ */ (0,
|
|
11211
|
+
return /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(MarketDetailsLoadingState, { isOpened, classNames: props.classNames });
|
|
11176
11212
|
}
|
|
11177
11213
|
if ("venueMarkets" in props && props.venueMarkets) {
|
|
11178
|
-
return /* @__PURE__ */ (0,
|
|
11214
|
+
return /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
|
|
11179
11215
|
MarketDetailsContent,
|
|
11180
11216
|
__spreadProps(__spreadValues({}, props), {
|
|
11181
11217
|
isOpened,
|
|
@@ -11187,7 +11223,7 @@ var MarketDetails = (_a) => {
|
|
|
11187
11223
|
);
|
|
11188
11224
|
}
|
|
11189
11225
|
const { classNames: fallbackClassNames } = props;
|
|
11190
|
-
return /* @__PURE__ */ (0,
|
|
11226
|
+
return /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(MarketDetailsUnavailableState, { classNames: fallbackClassNames });
|
|
11191
11227
|
};
|
|
11192
11228
|
MarketDetails.displayName = "MarketDetails";
|
|
11193
11229
|
var AFFIRMATIVE_WINNER_LABELS = /* @__PURE__ */ new Set(["yes", "up", "buy", "long", "true"]);
|
|
@@ -11378,15 +11414,15 @@ var MarketDetailsList = ({
|
|
|
11378
11414
|
tradingContext == null ? void 0 : tradingContext.selectMarket(market.id, market);
|
|
11379
11415
|
};
|
|
11380
11416
|
if (!hasPrefetchedMarkets && isLoading) {
|
|
11381
|
-
return /* @__PURE__ */ (0,
|
|
11382
|
-
/* @__PURE__ */ (0,
|
|
11417
|
+
return /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)("div", { className: cn("agg-market-list flex flex-col gap-3", classNames == null ? void 0 : classNames.root), children: [
|
|
11418
|
+
/* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
|
|
11383
11419
|
MarketDetailsLoadingState,
|
|
11384
11420
|
{
|
|
11385
11421
|
isOpened: true,
|
|
11386
11422
|
classNames: { root: cn("agg-market-list-item", classNames == null ? void 0 : classNames.item) }
|
|
11387
11423
|
}
|
|
11388
11424
|
),
|
|
11389
|
-
/* @__PURE__ */ (0,
|
|
11425
|
+
/* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
|
|
11390
11426
|
MarketDetailsLoadingState,
|
|
11391
11427
|
{
|
|
11392
11428
|
isOpened: false,
|
|
@@ -11396,29 +11432,29 @@ var MarketDetailsList = ({
|
|
|
11396
11432
|
] });
|
|
11397
11433
|
}
|
|
11398
11434
|
if (!hasPrefetchedMarkets && error) {
|
|
11399
|
-
return /* @__PURE__ */ (0,
|
|
11435
|
+
return /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
|
|
11400
11436
|
StateMessage,
|
|
11401
11437
|
{
|
|
11402
11438
|
title: labels.marketDetails.unavailableTitle,
|
|
11403
11439
|
description: labels.marketDetails.unavailableDescription,
|
|
11404
|
-
icon: /* @__PURE__ */ (0,
|
|
11440
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(SearchEmptyIcon, {}),
|
|
11405
11441
|
classNames: { root: "min-h-[280px] md:min-h-[320px]" }
|
|
11406
11442
|
}
|
|
11407
11443
|
);
|
|
11408
11444
|
}
|
|
11409
11445
|
if (displayedMarkets.length === 0 && !shouldShowResolvedToggle) {
|
|
11410
11446
|
const hasSourceMarkets = sourceMarkets.length > 0;
|
|
11411
|
-
return /* @__PURE__ */ (0,
|
|
11447
|
+
return /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
|
|
11412
11448
|
StateMessage,
|
|
11413
11449
|
{
|
|
11414
11450
|
title: hasSourceMarkets ? isResolvedEvent ? labels.markets.emptyResolved : labels.markets.emptyNoOpen : labels.marketDetails.notFoundTitle,
|
|
11415
11451
|
description: hasSourceMarkets ? void 0 : labels.marketDetails.notFoundDescription,
|
|
11416
|
-
icon: /* @__PURE__ */ (0,
|
|
11452
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(SearchEmptyIcon, {}),
|
|
11417
11453
|
classNames: { root: "min-h-[280px] md:min-h-[320px]" }
|
|
11418
11454
|
}
|
|
11419
11455
|
);
|
|
11420
11456
|
}
|
|
11421
|
-
const renderMarketCard = (market) => /* @__PURE__ */ (0,
|
|
11457
|
+
const renderMarketCard = (market) => /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
|
|
11422
11458
|
MarketDetails,
|
|
11423
11459
|
{
|
|
11424
11460
|
marketId: market.id,
|
|
@@ -11436,9 +11472,9 @@ var MarketDetailsList = ({
|
|
|
11436
11472
|
midpointsFallbackVenues
|
|
11437
11473
|
}
|
|
11438
11474
|
) }, market.id);
|
|
11439
|
-
return /* @__PURE__ */ (0,
|
|
11475
|
+
return /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)("div", { className: cn("agg-market-list flex flex-col gap-3", classNames == null ? void 0 : classNames.root), children: [
|
|
11440
11476
|
groupedMarkets.primary.map((market) => renderMarketCard(market)),
|
|
11441
|
-
shouldShowResolvedToggle ? /* @__PURE__ */ (0,
|
|
11477
|
+
shouldShowResolvedToggle ? /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
|
|
11442
11478
|
Button,
|
|
11443
11479
|
{
|
|
11444
11480
|
variant: "tertiary",
|
|
@@ -11448,7 +11484,7 @@ var MarketDetailsList = ({
|
|
|
11448
11484
|
setAreResolvedMarketsVisible((isVisible) => !isVisible);
|
|
11449
11485
|
},
|
|
11450
11486
|
"aria-expanded": areResolvedMarketsVisible,
|
|
11451
|
-
suffix: /* @__PURE__ */ (0,
|
|
11487
|
+
suffix: /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
|
|
11452
11488
|
Icon,
|
|
11453
11489
|
{
|
|
11454
11490
|
name: areResolvedMarketsVisible ? "chevron-up" : "chevron-down",
|
|
@@ -11473,13 +11509,13 @@ var import_react20 = require("react");
|
|
|
11473
11509
|
// src/events/list/event-list-tabs.tsx
|
|
11474
11510
|
var import_hooks41 = require("@agg-build/hooks");
|
|
11475
11511
|
var import_react19 = require("react");
|
|
11476
|
-
var
|
|
11512
|
+
var import_jsx_runtime120 = require("react/jsx-runtime");
|
|
11477
11513
|
var renderTabIcon = (tab, isActive) => {
|
|
11478
11514
|
if (tab.venueLogo) {
|
|
11479
|
-
return /* @__PURE__ */ (0,
|
|
11515
|
+
return /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(VenueLogo, { venue: tab.venueLogo, size: "small" });
|
|
11480
11516
|
}
|
|
11481
11517
|
if (!tab.iconName) return null;
|
|
11482
|
-
return /* @__PURE__ */ (0,
|
|
11518
|
+
return /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
|
|
11483
11519
|
Icon,
|
|
11484
11520
|
{
|
|
11485
11521
|
name: tab.iconName,
|
|
@@ -11527,7 +11563,7 @@ var EventListTabs = ({
|
|
|
11527
11563
|
};
|
|
11528
11564
|
});
|
|
11529
11565
|
}, [activeTab, resolvedTabs]);
|
|
11530
|
-
return /* @__PURE__ */ (0,
|
|
11566
|
+
return /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
|
|
11531
11567
|
Tabs,
|
|
11532
11568
|
{
|
|
11533
11569
|
ariaLabel,
|
|
@@ -11602,7 +11638,7 @@ var useEventListTabsHeaderOverflow = (recomputeOn) => {
|
|
|
11602
11638
|
};
|
|
11603
11639
|
|
|
11604
11640
|
// src/events/list/index.tsx
|
|
11605
|
-
var
|
|
11641
|
+
var import_jsx_runtime121 = require("react/jsx-runtime");
|
|
11606
11642
|
var EventList = ({
|
|
11607
11643
|
title: title2,
|
|
11608
11644
|
limit = DEFAULT_EVENTS_LIMIT,
|
|
@@ -11728,10 +11764,10 @@ var EventList = ({
|
|
|
11728
11764
|
"grid grid-cols-[repeat(auto-fill,minmax(240px,1fr))] md:grid-cols-[repeat(auto-fill,minmax(360px,1fr))] gap-4"
|
|
11729
11765
|
);
|
|
11730
11766
|
if (shouldRenderLoadingState) {
|
|
11731
|
-
return /* @__PURE__ */ (0,
|
|
11767
|
+
return /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(Skeleton, { view: "event-list", ariaLabel: labels.eventList.loading(title2) });
|
|
11732
11768
|
}
|
|
11733
|
-
return /* @__PURE__ */ (0,
|
|
11734
|
-
/* @__PURE__ */ (0,
|
|
11769
|
+
return /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)("section", { className: "agg-event-list flex w-full flex-col gap-5", children: [
|
|
11770
|
+
/* @__PURE__ */ (0, import_jsx_runtime121.jsxs)(
|
|
11735
11771
|
"header",
|
|
11736
11772
|
{
|
|
11737
11773
|
ref: headerRef,
|
|
@@ -11741,8 +11777,8 @@ var EventList = ({
|
|
|
11741
11777
|
"gap-2 sm:flex-row sm:items-center sm:gap-4"
|
|
11742
11778
|
),
|
|
11743
11779
|
children: [
|
|
11744
|
-
/* @__PURE__ */ (0,
|
|
11745
|
-
/* @__PURE__ */ (0,
|
|
11780
|
+
/* @__PURE__ */ (0, import_jsx_runtime121.jsx)("div", { ref: titleRef, className: "agg-event-list-title min-w-32", children: /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(Typography, { as: "h2", variant: "title", className: "truncate first-letter:uppercase", children: title2 }) }),
|
|
11781
|
+
/* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
|
|
11746
11782
|
EventListTabs,
|
|
11747
11783
|
{
|
|
11748
11784
|
ariaLabel: labels.eventList.tabsAria(title2),
|
|
@@ -11755,8 +11791,8 @@ var EventList = ({
|
|
|
11755
11791
|
]
|
|
11756
11792
|
}
|
|
11757
11793
|
),
|
|
11758
|
-
/* @__PURE__ */ (0,
|
|
11759
|
-
tileEvents.map((event) => /* @__PURE__ */ (0,
|
|
11794
|
+
/* @__PURE__ */ (0, import_jsx_runtime121.jsxs)("div", { className: cn("agg-event-list-grid", isPlaceholderData && "opacity-60", gridClassName), children: [
|
|
11795
|
+
tileEvents.map((event) => /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
|
|
11760
11796
|
EventListItem,
|
|
11761
11797
|
{
|
|
11762
11798
|
event,
|
|
@@ -11770,7 +11806,7 @@ var EventList = ({
|
|
|
11770
11806
|
},
|
|
11771
11807
|
event.id
|
|
11772
11808
|
)),
|
|
11773
|
-
shouldRenderPaginationLoadingItems ? Array.from({ length: 6 }).map((_, index) => /* @__PURE__ */ (0,
|
|
11809
|
+
shouldRenderPaginationLoadingItems ? Array.from({ length: 6 }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
|
|
11774
11810
|
EventListItem,
|
|
11775
11811
|
{
|
|
11776
11812
|
isLoading: true,
|
|
@@ -11780,24 +11816,24 @@ var EventList = ({
|
|
|
11780
11816
|
},
|
|
11781
11817
|
`loading-${index}`
|
|
11782
11818
|
)) : null,
|
|
11783
|
-
shouldRenderEmptyState ? /* @__PURE__ */ (0,
|
|
11819
|
+
shouldRenderEmptyState ? /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("div", { className: "col-span-full w-full", children: /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
|
|
11784
11820
|
StateMessage,
|
|
11785
11821
|
{
|
|
11786
11822
|
title: labels.eventList.emptyTitle,
|
|
11787
11823
|
description: labels.eventList.emptyDescription,
|
|
11788
|
-
icon: /* @__PURE__ */ (0,
|
|
11824
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(Icon, { name: "search-empty" })
|
|
11789
11825
|
}
|
|
11790
11826
|
) }) : null,
|
|
11791
|
-
isError ? /* @__PURE__ */ (0,
|
|
11827
|
+
isError ? /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
|
|
11792
11828
|
StateMessage,
|
|
11793
11829
|
{
|
|
11794
11830
|
title: labels.eventList.errorTitle,
|
|
11795
11831
|
description: labels.eventList.errorDescription,
|
|
11796
|
-
icon: /* @__PURE__ */ (0,
|
|
11832
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(Icon, { name: "warning" })
|
|
11797
11833
|
}
|
|
11798
11834
|
) : null
|
|
11799
11835
|
] }),
|
|
11800
|
-
shouldPaginate && hasNextPage ? /* @__PURE__ */ (0,
|
|
11836
|
+
shouldPaginate && hasNextPage ? /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("div", { ref: loadMoreRef, className: "agg-event-list-sentinel h-px w-full", "aria-hidden": true }) : null
|
|
11801
11837
|
] });
|
|
11802
11838
|
};
|
|
11803
11839
|
EventList.displayName = "EventList";
|