@agg-build/ui 4.26.0 → 4.26.1
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-4X7OLBO6.mjs → chunk-6CZNJSRL.mjs} +1 -1
- package/dist/{chunk-YYGS6S7N.mjs → chunk-7G2GTWAS.mjs} +17 -8
- package/dist/{chunk-MDCFCGA3.mjs → chunk-EJXA32MG.mjs} +1 -1
- package/dist/{chunk-PHT5VLGB.mjs → chunk-PN5HEBFC.mjs} +3 -3
- package/dist/{event-market-Q2LBJJ5E.mjs → event-market-A276CAYG.mjs} +2 -2
- package/dist/events.js +16 -8
- package/dist/events.mjs +2 -2
- package/dist/index.js +16 -8
- package/dist/index.mjs +4 -4
- package/dist/pages.js +16 -8
- package/dist/pages.mjs +4 -4
- package/package.json +2 -2
|
@@ -806,6 +806,7 @@ import {
|
|
|
806
806
|
useMarketOrderbook as useMarketOrderbook2,
|
|
807
807
|
useRollingChartWindow as useRollingChartWindow2,
|
|
808
808
|
useSdkUiConfig as useSdkUiConfig4,
|
|
809
|
+
useSettlementDetailsData,
|
|
809
810
|
useVenueEvent
|
|
810
811
|
} from "@agg-build/hooks";
|
|
811
812
|
import { useEffect as useEffect2, useMemo as useMemo6, useRef as useRef2, useState as useState3 } from "react";
|
|
@@ -2389,7 +2390,7 @@ var EventListItemDetailsContent = ({
|
|
|
2389
2390
|
recurringMarkets,
|
|
2390
2391
|
sportsLiveState
|
|
2391
2392
|
}) => {
|
|
2392
|
-
var _a, _b, _c, _d, _e, _f;
|
|
2393
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
|
|
2393
2394
|
const [selectedChartType, setSelectedChartType] = useState3("line");
|
|
2394
2395
|
const [chartView, setChartView] = useState3(defaultChartView);
|
|
2395
2396
|
const lastAppliedEventSyncKeyRef = useRef2(null);
|
|
@@ -2401,10 +2402,18 @@ var EventListItemDetailsContent = ({
|
|
|
2401
2402
|
const labels = useLabels7();
|
|
2402
2403
|
const tradingContext = useEventTradingContext();
|
|
2403
2404
|
const eventSyncKey = useMemo6(() => resolveEventDetailsSyncKey(event), [event]);
|
|
2405
|
+
const { eventQuery: deferredDetailsQuery } = useSettlementDetailsData({
|
|
2406
|
+
eventId: event.id,
|
|
2407
|
+
enabled: true,
|
|
2408
|
+
needsEvent: event.detailsDeferred === true,
|
|
2409
|
+
needsMarket: false
|
|
2410
|
+
});
|
|
2411
|
+
const summaryDescription = (_b = (_a = deferredDetailsQuery.data) == null ? void 0 : _a.description) != null ? _b : event.description;
|
|
2412
|
+
const summarySettlementDiff = (_d = (_c = deferredDetailsQuery.data) == null ? void 0 : _c.settlementDiff) != null ? _d : event.settlementDiff;
|
|
2404
2413
|
const resolvedEventTradingState = useMemo6(() => {
|
|
2405
2414
|
return eventTradingState != null ? eventTradingState : resolveEventTradingState(event);
|
|
2406
2415
|
}, [event, eventTradingState]);
|
|
2407
|
-
const scopedSelectedMarket = (tradingContext == null ? void 0 : tradingContext.selectedEventId) === event.id ? (
|
|
2416
|
+
const scopedSelectedMarket = (tradingContext == null ? void 0 : tradingContext.selectedEventId) === event.id ? (_e = tradingContext.selectedMarket) != null ? _e : resolvedEventTradingState.primaryMarket : resolvedEventTradingState.primaryMarket;
|
|
2408
2417
|
const venueMarkets = useMemo6(
|
|
2409
2418
|
() => resolvedEventTradingState.displayMarkets,
|
|
2410
2419
|
[resolvedEventTradingState.displayMarkets]
|
|
@@ -2443,7 +2452,7 @@ var EventListItemDetailsContent = ({
|
|
|
2443
2452
|
bestMidpoint: void 0,
|
|
2444
2453
|
bestMidpointVenue: void 0
|
|
2445
2454
|
};
|
|
2446
|
-
const restMidpoints = (
|
|
2455
|
+
const restMidpoints = (_f = resolvedMidpointsResult.bestMidpointsByOutcomeId) != null ? _f : resolvedMidpointsResult.prices;
|
|
2447
2456
|
const bestMidpoint = resolvedMidpointsResult.bestMidpoint;
|
|
2448
2457
|
const restBestPrices = resolvedMidpointsResult.bestPrices;
|
|
2449
2458
|
const bestPrices = useMemo6(
|
|
@@ -2548,7 +2557,7 @@ var EventListItemDetailsContent = ({
|
|
|
2548
2557
|
Card,
|
|
2549
2558
|
{
|
|
2550
2559
|
className: cn("group/agg-event-details", detailsBaseCardClassName, classNames == null ? void 0 : classNames.root),
|
|
2551
|
-
"aria-label": ariaLabel != null ? ariaLabel : [resolvedTitle.title, (
|
|
2560
|
+
"aria-label": ariaLabel != null ? ariaLabel : [resolvedTitle.title, (_g = recurringMarkets == null ? void 0 : recurringMarkets.windowLabel) != null ? _g : resolvedTitle.timestampLabel].filter(Boolean).join(" "),
|
|
2552
2561
|
onClick: onClick ? () => onClick(event) : void 0,
|
|
2553
2562
|
children: [
|
|
2554
2563
|
/* @__PURE__ */ jsxs5(
|
|
@@ -2645,7 +2654,7 @@ var EventListItemDetailsContent = ({
|
|
|
2645
2654
|
{
|
|
2646
2655
|
role: "timer",
|
|
2647
2656
|
"aria-live": "off",
|
|
2648
|
-
"aria-label": (
|
|
2657
|
+
"aria-label": (_h = recurringMarkets.countdownAriaLabel) != null ? _h : void 0,
|
|
2649
2658
|
className: "flex shrink-0 items-center gap-1.5 text-agg-foreground",
|
|
2650
2659
|
children: [
|
|
2651
2660
|
/* @__PURE__ */ jsx7(
|
|
@@ -2666,7 +2675,7 @@ var EventListItemDetailsContent = ({
|
|
|
2666
2675
|
{
|
|
2667
2676
|
className: classNames == null ? void 0 : classNames.headerPills,
|
|
2668
2677
|
options: marketOptions,
|
|
2669
|
-
selectedValue: (
|
|
2678
|
+
selectedValue: (_i = scopedSelectedMarket == null ? void 0 : scopedSelectedMarket.id) != null ? _i : "",
|
|
2670
2679
|
onChange: (marketId) => {
|
|
2671
2680
|
tradingContext == null ? void 0 : tradingContext.selectMarket(marketId);
|
|
2672
2681
|
setChartView("selected");
|
|
@@ -2731,7 +2740,7 @@ var EventListItemDetailsContent = ({
|
|
|
2731
2740
|
selectedChartType,
|
|
2732
2741
|
venueInfo,
|
|
2733
2742
|
venueMarkets,
|
|
2734
|
-
selectedMarketId: (
|
|
2743
|
+
selectedMarketId: (_j = scopedSelectedMarket == null ? void 0 : scopedSelectedMarket.id) != null ? _j : null,
|
|
2735
2744
|
livePrices,
|
|
2736
2745
|
restMidpoints,
|
|
2737
2746
|
bestMidpoint,
|
|
@@ -2803,7 +2812,7 @@ var EventListItemDetailsContent = ({
|
|
|
2803
2812
|
}
|
|
2804
2813
|
)
|
|
2805
2814
|
] }),
|
|
2806
|
-
|
|
2815
|
+
summaryDescription || summarySettlementDiff ? /* @__PURE__ */ jsx7(SettlementSummary, { content: summaryDescription, settlementDiff: summarySettlementDiff }) : null
|
|
2807
2816
|
]
|
|
2808
2817
|
}
|
|
2809
2818
|
);
|
|
@@ -8,7 +8,7 @@ import {
|
|
|
8
8
|
EventListTabs,
|
|
9
9
|
useEventListTabs,
|
|
10
10
|
useEventListTabsHeaderOverflow
|
|
11
|
-
} from "./chunk-
|
|
11
|
+
} from "./chunk-EJXA32MG.mjs";
|
|
12
12
|
import {
|
|
13
13
|
OPEN_ORDER_FALLBACK_THUMBNAIL_SRC,
|
|
14
14
|
OPEN_ORDER_QUERY_STATUSES,
|
|
@@ -21,7 +21,7 @@ import {
|
|
|
21
21
|
parseRawMicroValue,
|
|
22
22
|
selectOpenLimitOrders,
|
|
23
23
|
useOpenOrderCancellation
|
|
24
|
-
} from "./chunk-
|
|
24
|
+
} from "./chunk-6CZNJSRL.mjs";
|
|
25
25
|
import {
|
|
26
26
|
DEPOSIT_MODAL_OPEN_EVENT,
|
|
27
27
|
WITHDRAW_MODAL_OPEN_EVENT,
|
|
@@ -266,7 +266,7 @@ var useHomePageModals = () => {
|
|
|
266
266
|
// src/pages/home/index.tsx
|
|
267
267
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
268
268
|
var DeferredEventMarketPage = lazy(
|
|
269
|
-
() => import("./event-market-
|
|
269
|
+
() => import("./event-market-A276CAYG.mjs").then((module) => ({ default: module.EventMarketPage }))
|
|
270
270
|
);
|
|
271
271
|
var MIN_SEARCH_LENGTH = 3;
|
|
272
272
|
var SEARCH_DEBOUNCE_MS = 300;
|
|
@@ -6,8 +6,8 @@ import {
|
|
|
6
6
|
EventOpenOrdersCard,
|
|
7
7
|
formatRecurringCountdown,
|
|
8
8
|
useEventOpenOrders
|
|
9
|
-
} from "./chunk-
|
|
10
|
-
import "./chunk-
|
|
9
|
+
} from "./chunk-6CZNJSRL.mjs";
|
|
10
|
+
import "./chunk-7G2GTWAS.mjs";
|
|
11
11
|
import "./chunk-KN7JN7F5.mjs";
|
|
12
12
|
import "./chunk-WOCZ4TVT.mjs";
|
|
13
13
|
import "./chunk-7ORC3TUJ.mjs";
|
package/dist/events.js
CHANGED
|
@@ -13532,7 +13532,7 @@ var EventListItemDetailsContent = ({
|
|
|
13532
13532
|
recurringMarkets,
|
|
13533
13533
|
sportsLiveState
|
|
13534
13534
|
}) => {
|
|
13535
|
-
var _a, _b, _c, _d, _e, _f;
|
|
13535
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
|
|
13536
13536
|
const [selectedChartType, setSelectedChartType] = (0, import_react23.useState)("line");
|
|
13537
13537
|
const [chartView, setChartView] = (0, import_react23.useState)(defaultChartView);
|
|
13538
13538
|
const lastAppliedEventSyncKeyRef = (0, import_react23.useRef)(null);
|
|
@@ -13544,10 +13544,18 @@ var EventListItemDetailsContent = ({
|
|
|
13544
13544
|
const labels = (0, import_hooks51.useLabels)();
|
|
13545
13545
|
const tradingContext = (0, import_hooks38.useEventTradingContext)();
|
|
13546
13546
|
const eventSyncKey = (0, import_react23.useMemo)(() => resolveEventDetailsSyncKey(event), [event]);
|
|
13547
|
+
const { eventQuery: deferredDetailsQuery } = (0, import_hooks51.useSettlementDetailsData)({
|
|
13548
|
+
eventId: event.id,
|
|
13549
|
+
enabled: true,
|
|
13550
|
+
needsEvent: event.detailsDeferred === true,
|
|
13551
|
+
needsMarket: false
|
|
13552
|
+
});
|
|
13553
|
+
const summaryDescription = (_b = (_a = deferredDetailsQuery.data) == null ? void 0 : _a.description) != null ? _b : event.description;
|
|
13554
|
+
const summarySettlementDiff = (_d = (_c = deferredDetailsQuery.data) == null ? void 0 : _c.settlementDiff) != null ? _d : event.settlementDiff;
|
|
13547
13555
|
const resolvedEventTradingState = (0, import_react23.useMemo)(() => {
|
|
13548
13556
|
return eventTradingState != null ? eventTradingState : (0, import_hooks51.resolveEventTradingState)(event);
|
|
13549
13557
|
}, [event, eventTradingState]);
|
|
13550
|
-
const scopedSelectedMarket = (tradingContext == null ? void 0 : tradingContext.selectedEventId) === event.id ? (
|
|
13558
|
+
const scopedSelectedMarket = (tradingContext == null ? void 0 : tradingContext.selectedEventId) === event.id ? (_e = tradingContext.selectedMarket) != null ? _e : resolvedEventTradingState.primaryMarket : resolvedEventTradingState.primaryMarket;
|
|
13551
13559
|
const venueMarkets = (0, import_react23.useMemo)(
|
|
13552
13560
|
() => resolvedEventTradingState.displayMarkets,
|
|
13553
13561
|
[resolvedEventTradingState.displayMarkets]
|
|
@@ -13586,7 +13594,7 @@ var EventListItemDetailsContent = ({
|
|
|
13586
13594
|
bestMidpoint: void 0,
|
|
13587
13595
|
bestMidpointVenue: void 0
|
|
13588
13596
|
};
|
|
13589
|
-
const restMidpoints = (
|
|
13597
|
+
const restMidpoints = (_f = resolvedMidpointsResult.bestMidpointsByOutcomeId) != null ? _f : resolvedMidpointsResult.prices;
|
|
13590
13598
|
const bestMidpoint = resolvedMidpointsResult.bestMidpoint;
|
|
13591
13599
|
const restBestPrices = resolvedMidpointsResult.bestPrices;
|
|
13592
13600
|
const bestPrices = (0, import_react23.useMemo)(
|
|
@@ -13691,7 +13699,7 @@ var EventListItemDetailsContent = ({
|
|
|
13691
13699
|
Card,
|
|
13692
13700
|
{
|
|
13693
13701
|
className: cn("group/agg-event-details", detailsBaseCardClassName, classNames == null ? void 0 : classNames.root),
|
|
13694
|
-
"aria-label": ariaLabel != null ? ariaLabel : [resolvedTitle.title, (
|
|
13702
|
+
"aria-label": ariaLabel != null ? ariaLabel : [resolvedTitle.title, (_g = recurringMarkets == null ? void 0 : recurringMarkets.windowLabel) != null ? _g : resolvedTitle.timestampLabel].filter(Boolean).join(" "),
|
|
13695
13703
|
onClick: onClick ? () => onClick(event) : void 0,
|
|
13696
13704
|
children: [
|
|
13697
13705
|
/* @__PURE__ */ (0, import_jsx_runtime144.jsxs)(
|
|
@@ -13788,7 +13796,7 @@ var EventListItemDetailsContent = ({
|
|
|
13788
13796
|
{
|
|
13789
13797
|
role: "timer",
|
|
13790
13798
|
"aria-live": "off",
|
|
13791
|
-
"aria-label": (
|
|
13799
|
+
"aria-label": (_h = recurringMarkets.countdownAriaLabel) != null ? _h : void 0,
|
|
13792
13800
|
className: "flex shrink-0 items-center gap-1.5 text-agg-foreground",
|
|
13793
13801
|
children: [
|
|
13794
13802
|
/* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
|
|
@@ -13809,7 +13817,7 @@ var EventListItemDetailsContent = ({
|
|
|
13809
13817
|
{
|
|
13810
13818
|
className: classNames == null ? void 0 : classNames.headerPills,
|
|
13811
13819
|
options: marketOptions,
|
|
13812
|
-
selectedValue: (
|
|
13820
|
+
selectedValue: (_i = scopedSelectedMarket == null ? void 0 : scopedSelectedMarket.id) != null ? _i : "",
|
|
13813
13821
|
onChange: (marketId) => {
|
|
13814
13822
|
tradingContext == null ? void 0 : tradingContext.selectMarket(marketId);
|
|
13815
13823
|
setChartView("selected");
|
|
@@ -13874,7 +13882,7 @@ var EventListItemDetailsContent = ({
|
|
|
13874
13882
|
selectedChartType,
|
|
13875
13883
|
venueInfo,
|
|
13876
13884
|
venueMarkets,
|
|
13877
|
-
selectedMarketId: (
|
|
13885
|
+
selectedMarketId: (_j = scopedSelectedMarket == null ? void 0 : scopedSelectedMarket.id) != null ? _j : null,
|
|
13878
13886
|
livePrices,
|
|
13879
13887
|
restMidpoints,
|
|
13880
13888
|
bestMidpoint,
|
|
@@ -13946,7 +13954,7 @@ var EventListItemDetailsContent = ({
|
|
|
13946
13954
|
}
|
|
13947
13955
|
)
|
|
13948
13956
|
] }),
|
|
13949
|
-
|
|
13957
|
+
summaryDescription || summarySettlementDiff ? /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(SettlementSummary, { content: summaryDescription, settlementDiff: summarySettlementDiff }) : null
|
|
13950
13958
|
]
|
|
13951
13959
|
}
|
|
13952
13960
|
);
|
package/dist/events.mjs
CHANGED
|
@@ -5,7 +5,7 @@ import {
|
|
|
5
5
|
EventListItem,
|
|
6
6
|
EventListItemV2,
|
|
7
7
|
EventListVenueStrip
|
|
8
|
-
} from "./chunk-
|
|
8
|
+
} from "./chunk-EJXA32MG.mjs";
|
|
9
9
|
import {
|
|
10
10
|
EventListItemDetails,
|
|
11
11
|
MarketDetails,
|
|
@@ -20,7 +20,7 @@ import {
|
|
|
20
20
|
orderbookRowLimitDefault,
|
|
21
21
|
resolveEventDetailsSyncKey,
|
|
22
22
|
useCenterOrderbookSpread
|
|
23
|
-
} from "./chunk-
|
|
23
|
+
} from "./chunk-7G2GTWAS.mjs";
|
|
24
24
|
import {
|
|
25
25
|
formatProbabilityCents,
|
|
26
26
|
resolveOrderBookRows,
|
package/dist/index.js
CHANGED
|
@@ -17356,7 +17356,7 @@ var init_item_details = __esm({
|
|
|
17356
17356
|
recurringMarkets,
|
|
17357
17357
|
sportsLiveState
|
|
17358
17358
|
}) => {
|
|
17359
|
-
var _a, _b, _c, _d, _e, _f;
|
|
17359
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
|
|
17360
17360
|
const [selectedChartType, setSelectedChartType] = (0, import_react31.useState)("line");
|
|
17361
17361
|
const [chartView, setChartView] = (0, import_react31.useState)(defaultChartView);
|
|
17362
17362
|
const lastAppliedEventSyncKeyRef = (0, import_react31.useRef)(null);
|
|
@@ -17368,10 +17368,18 @@ var init_item_details = __esm({
|
|
|
17368
17368
|
const labels = (0, import_hooks59.useLabels)();
|
|
17369
17369
|
const tradingContext = (0, import_hooks46.useEventTradingContext)();
|
|
17370
17370
|
const eventSyncKey = (0, import_react31.useMemo)(() => resolveEventDetailsSyncKey(event), [event]);
|
|
17371
|
+
const { eventQuery: deferredDetailsQuery } = (0, import_hooks59.useSettlementDetailsData)({
|
|
17372
|
+
eventId: event.id,
|
|
17373
|
+
enabled: true,
|
|
17374
|
+
needsEvent: event.detailsDeferred === true,
|
|
17375
|
+
needsMarket: false
|
|
17376
|
+
});
|
|
17377
|
+
const summaryDescription = (_b = (_a = deferredDetailsQuery.data) == null ? void 0 : _a.description) != null ? _b : event.description;
|
|
17378
|
+
const summarySettlementDiff = (_d = (_c = deferredDetailsQuery.data) == null ? void 0 : _c.settlementDiff) != null ? _d : event.settlementDiff;
|
|
17371
17379
|
const resolvedEventTradingState = (0, import_react31.useMemo)(() => {
|
|
17372
17380
|
return eventTradingState != null ? eventTradingState : (0, import_hooks59.resolveEventTradingState)(event);
|
|
17373
17381
|
}, [event, eventTradingState]);
|
|
17374
|
-
const scopedSelectedMarket = (tradingContext == null ? void 0 : tradingContext.selectedEventId) === event.id ? (
|
|
17382
|
+
const scopedSelectedMarket = (tradingContext == null ? void 0 : tradingContext.selectedEventId) === event.id ? (_e = tradingContext.selectedMarket) != null ? _e : resolvedEventTradingState.primaryMarket : resolvedEventTradingState.primaryMarket;
|
|
17375
17383
|
const venueMarkets = (0, import_react31.useMemo)(
|
|
17376
17384
|
() => resolvedEventTradingState.displayMarkets,
|
|
17377
17385
|
[resolvedEventTradingState.displayMarkets]
|
|
@@ -17410,7 +17418,7 @@ var init_item_details = __esm({
|
|
|
17410
17418
|
bestMidpoint: void 0,
|
|
17411
17419
|
bestMidpointVenue: void 0
|
|
17412
17420
|
};
|
|
17413
|
-
const restMidpoints = (
|
|
17421
|
+
const restMidpoints = (_f = resolvedMidpointsResult.bestMidpointsByOutcomeId) != null ? _f : resolvedMidpointsResult.prices;
|
|
17414
17422
|
const bestMidpoint = resolvedMidpointsResult.bestMidpoint;
|
|
17415
17423
|
const restBestPrices = resolvedMidpointsResult.bestPrices;
|
|
17416
17424
|
const bestPrices = (0, import_react31.useMemo)(
|
|
@@ -17515,7 +17523,7 @@ var init_item_details = __esm({
|
|
|
17515
17523
|
Card,
|
|
17516
17524
|
{
|
|
17517
17525
|
className: cn("group/agg-event-details", detailsBaseCardClassName, classNames == null ? void 0 : classNames.root),
|
|
17518
|
-
"aria-label": ariaLabel != null ? ariaLabel : [resolvedTitle.title, (
|
|
17526
|
+
"aria-label": ariaLabel != null ? ariaLabel : [resolvedTitle.title, (_g = recurringMarkets == null ? void 0 : recurringMarkets.windowLabel) != null ? _g : resolvedTitle.timestampLabel].filter(Boolean).join(" "),
|
|
17519
17527
|
onClick: onClick ? () => onClick(event) : void 0,
|
|
17520
17528
|
children: [
|
|
17521
17529
|
/* @__PURE__ */ (0, import_jsx_runtime162.jsxs)(
|
|
@@ -17612,7 +17620,7 @@ var init_item_details = __esm({
|
|
|
17612
17620
|
{
|
|
17613
17621
|
role: "timer",
|
|
17614
17622
|
"aria-live": "off",
|
|
17615
|
-
"aria-label": (
|
|
17623
|
+
"aria-label": (_h = recurringMarkets.countdownAriaLabel) != null ? _h : void 0,
|
|
17616
17624
|
className: "flex shrink-0 items-center gap-1.5 text-agg-foreground",
|
|
17617
17625
|
children: [
|
|
17618
17626
|
/* @__PURE__ */ (0, import_jsx_runtime162.jsx)(
|
|
@@ -17633,7 +17641,7 @@ var init_item_details = __esm({
|
|
|
17633
17641
|
{
|
|
17634
17642
|
className: classNames == null ? void 0 : classNames.headerPills,
|
|
17635
17643
|
options: marketOptions,
|
|
17636
|
-
selectedValue: (
|
|
17644
|
+
selectedValue: (_i = scopedSelectedMarket == null ? void 0 : scopedSelectedMarket.id) != null ? _i : "",
|
|
17637
17645
|
onChange: (marketId) => {
|
|
17638
17646
|
tradingContext == null ? void 0 : tradingContext.selectMarket(marketId);
|
|
17639
17647
|
setChartView("selected");
|
|
@@ -17698,7 +17706,7 @@ var init_item_details = __esm({
|
|
|
17698
17706
|
selectedChartType,
|
|
17699
17707
|
venueInfo,
|
|
17700
17708
|
venueMarkets,
|
|
17701
|
-
selectedMarketId: (
|
|
17709
|
+
selectedMarketId: (_j = scopedSelectedMarket == null ? void 0 : scopedSelectedMarket.id) != null ? _j : null,
|
|
17702
17710
|
livePrices,
|
|
17703
17711
|
restMidpoints,
|
|
17704
17712
|
bestMidpoint,
|
|
@@ -17770,7 +17778,7 @@ var init_item_details = __esm({
|
|
|
17770
17778
|
}
|
|
17771
17779
|
)
|
|
17772
17780
|
] }),
|
|
17773
|
-
|
|
17781
|
+
summaryDescription || summarySettlementDiff ? /* @__PURE__ */ (0, import_jsx_runtime162.jsx)(SettlementSummary, { content: summaryDescription, settlementDiff: summarySettlementDiff }) : null
|
|
17774
17782
|
]
|
|
17775
17783
|
}
|
|
17776
17784
|
);
|
package/dist/index.mjs
CHANGED
|
@@ -16,13 +16,13 @@ import {
|
|
|
16
16
|
buildAggTxExplorerHref,
|
|
17
17
|
formatShareAmount,
|
|
18
18
|
useHomePageModals
|
|
19
|
-
} from "./chunk-
|
|
19
|
+
} from "./chunk-PN5HEBFC.mjs";
|
|
20
20
|
import {
|
|
21
21
|
EventList,
|
|
22
22
|
EventListItem,
|
|
23
23
|
EventListItemV2,
|
|
24
24
|
EventListVenueStrip
|
|
25
|
-
} from "./chunk-
|
|
25
|
+
} from "./chunk-EJXA32MG.mjs";
|
|
26
26
|
import {
|
|
27
27
|
CARD_NETWORK_OPTIONS,
|
|
28
28
|
DepositModal,
|
|
@@ -40,7 +40,7 @@ import {
|
|
|
40
40
|
EventOpenOrdersCard,
|
|
41
41
|
formatRecurringCountdown,
|
|
42
42
|
useEventOpenOrders
|
|
43
|
-
} from "./chunk-
|
|
43
|
+
} from "./chunk-6CZNJSRL.mjs";
|
|
44
44
|
import {
|
|
45
45
|
EventListItemDetails,
|
|
46
46
|
MarketDetails,
|
|
@@ -55,7 +55,7 @@ import {
|
|
|
55
55
|
orderbookRowLimitDefault,
|
|
56
56
|
resolveEventDetailsSyncKey,
|
|
57
57
|
useCenterOrderbookSpread
|
|
58
|
-
} from "./chunk-
|
|
58
|
+
} from "./chunk-7G2GTWAS.mjs";
|
|
59
59
|
import {
|
|
60
60
|
AggNotificationEventsProvider,
|
|
61
61
|
DEPOSIT_MODAL_OPEN_EVENT,
|
package/dist/pages.js
CHANGED
|
@@ -16589,7 +16589,7 @@ var init_item_details = __esm({
|
|
|
16589
16589
|
recurringMarkets,
|
|
16590
16590
|
sportsLiveState
|
|
16591
16591
|
}) => {
|
|
16592
|
-
var _a, _b, _c, _d, _e, _f;
|
|
16592
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
|
|
16593
16593
|
const [selectedChartType, setSelectedChartType] = (0, import_react36.useState)("line");
|
|
16594
16594
|
const [chartView, setChartView] = (0, import_react36.useState)(defaultChartView);
|
|
16595
16595
|
const lastAppliedEventSyncKeyRef = (0, import_react36.useRef)(null);
|
|
@@ -16601,10 +16601,18 @@ var init_item_details = __esm({
|
|
|
16601
16601
|
const labels = (0, import_hooks59.useLabels)();
|
|
16602
16602
|
const tradingContext = (0, import_hooks46.useEventTradingContext)();
|
|
16603
16603
|
const eventSyncKey = (0, import_react36.useMemo)(() => resolveEventDetailsSyncKey(event), [event]);
|
|
16604
|
+
const { eventQuery: deferredDetailsQuery } = (0, import_hooks59.useSettlementDetailsData)({
|
|
16605
|
+
eventId: event.id,
|
|
16606
|
+
enabled: true,
|
|
16607
|
+
needsEvent: event.detailsDeferred === true,
|
|
16608
|
+
needsMarket: false
|
|
16609
|
+
});
|
|
16610
|
+
const summaryDescription = (_b = (_a = deferredDetailsQuery.data) == null ? void 0 : _a.description) != null ? _b : event.description;
|
|
16611
|
+
const summarySettlementDiff = (_d = (_c = deferredDetailsQuery.data) == null ? void 0 : _c.settlementDiff) != null ? _d : event.settlementDiff;
|
|
16604
16612
|
const resolvedEventTradingState = (0, import_react36.useMemo)(() => {
|
|
16605
16613
|
return eventTradingState != null ? eventTradingState : (0, import_hooks59.resolveEventTradingState)(event);
|
|
16606
16614
|
}, [event, eventTradingState]);
|
|
16607
|
-
const scopedSelectedMarket = (tradingContext == null ? void 0 : tradingContext.selectedEventId) === event.id ? (
|
|
16615
|
+
const scopedSelectedMarket = (tradingContext == null ? void 0 : tradingContext.selectedEventId) === event.id ? (_e = tradingContext.selectedMarket) != null ? _e : resolvedEventTradingState.primaryMarket : resolvedEventTradingState.primaryMarket;
|
|
16608
16616
|
const venueMarkets = (0, import_react36.useMemo)(
|
|
16609
16617
|
() => resolvedEventTradingState.displayMarkets,
|
|
16610
16618
|
[resolvedEventTradingState.displayMarkets]
|
|
@@ -16643,7 +16651,7 @@ var init_item_details = __esm({
|
|
|
16643
16651
|
bestMidpoint: void 0,
|
|
16644
16652
|
bestMidpointVenue: void 0
|
|
16645
16653
|
};
|
|
16646
|
-
const restMidpoints = (
|
|
16654
|
+
const restMidpoints = (_f = resolvedMidpointsResult.bestMidpointsByOutcomeId) != null ? _f : resolvedMidpointsResult.prices;
|
|
16647
16655
|
const bestMidpoint = resolvedMidpointsResult.bestMidpoint;
|
|
16648
16656
|
const restBestPrices = resolvedMidpointsResult.bestPrices;
|
|
16649
16657
|
const bestPrices = (0, import_react36.useMemo)(
|
|
@@ -16748,7 +16756,7 @@ var init_item_details = __esm({
|
|
|
16748
16756
|
Card,
|
|
16749
16757
|
{
|
|
16750
16758
|
className: cn("group/agg-event-details", detailsBaseCardClassName, classNames == null ? void 0 : classNames.root),
|
|
16751
|
-
"aria-label": ariaLabel != null ? ariaLabel : [resolvedTitle.title, (
|
|
16759
|
+
"aria-label": ariaLabel != null ? ariaLabel : [resolvedTitle.title, (_g = recurringMarkets == null ? void 0 : recurringMarkets.windowLabel) != null ? _g : resolvedTitle.timestampLabel].filter(Boolean).join(" "),
|
|
16752
16760
|
onClick: onClick ? () => onClick(event) : void 0,
|
|
16753
16761
|
children: [
|
|
16754
16762
|
/* @__PURE__ */ (0, import_jsx_runtime160.jsxs)(
|
|
@@ -16845,7 +16853,7 @@ var init_item_details = __esm({
|
|
|
16845
16853
|
{
|
|
16846
16854
|
role: "timer",
|
|
16847
16855
|
"aria-live": "off",
|
|
16848
|
-
"aria-label": (
|
|
16856
|
+
"aria-label": (_h = recurringMarkets.countdownAriaLabel) != null ? _h : void 0,
|
|
16849
16857
|
className: "flex shrink-0 items-center gap-1.5 text-agg-foreground",
|
|
16850
16858
|
children: [
|
|
16851
16859
|
/* @__PURE__ */ (0, import_jsx_runtime160.jsx)(
|
|
@@ -16866,7 +16874,7 @@ var init_item_details = __esm({
|
|
|
16866
16874
|
{
|
|
16867
16875
|
className: classNames == null ? void 0 : classNames.headerPills,
|
|
16868
16876
|
options: marketOptions,
|
|
16869
|
-
selectedValue: (
|
|
16877
|
+
selectedValue: (_i = scopedSelectedMarket == null ? void 0 : scopedSelectedMarket.id) != null ? _i : "",
|
|
16870
16878
|
onChange: (marketId) => {
|
|
16871
16879
|
tradingContext == null ? void 0 : tradingContext.selectMarket(marketId);
|
|
16872
16880
|
setChartView("selected");
|
|
@@ -16931,7 +16939,7 @@ var init_item_details = __esm({
|
|
|
16931
16939
|
selectedChartType,
|
|
16932
16940
|
venueInfo,
|
|
16933
16941
|
venueMarkets,
|
|
16934
|
-
selectedMarketId: (
|
|
16942
|
+
selectedMarketId: (_j = scopedSelectedMarket == null ? void 0 : scopedSelectedMarket.id) != null ? _j : null,
|
|
16935
16943
|
livePrices,
|
|
16936
16944
|
restMidpoints,
|
|
16937
16945
|
bestMidpoint,
|
|
@@ -17003,7 +17011,7 @@ var init_item_details = __esm({
|
|
|
17003
17011
|
}
|
|
17004
17012
|
)
|
|
17005
17013
|
] }),
|
|
17006
|
-
|
|
17014
|
+
summaryDescription || summarySettlementDiff ? /* @__PURE__ */ (0, import_jsx_runtime160.jsx)(SettlementSummary, { content: summaryDescription, settlementDiff: summarySettlementDiff }) : null
|
|
17007
17015
|
]
|
|
17008
17016
|
}
|
|
17009
17017
|
);
|
package/dist/pages.mjs
CHANGED
|
@@ -13,16 +13,16 @@ import {
|
|
|
13
13
|
buildAggTxExplorerHref,
|
|
14
14
|
formatShareAmount,
|
|
15
15
|
useHomePageModals
|
|
16
|
-
} from "./chunk-
|
|
17
|
-
import "./chunk-
|
|
16
|
+
} from "./chunk-PN5HEBFC.mjs";
|
|
17
|
+
import "./chunk-EJXA32MG.mjs";
|
|
18
18
|
import {
|
|
19
19
|
EventMarketPage,
|
|
20
20
|
EventOpenOrders,
|
|
21
21
|
EventOpenOrdersCard,
|
|
22
22
|
formatRecurringCountdown,
|
|
23
23
|
useEventOpenOrders
|
|
24
|
-
} from "./chunk-
|
|
25
|
-
import "./chunk-
|
|
24
|
+
} from "./chunk-6CZNJSRL.mjs";
|
|
25
|
+
import "./chunk-7G2GTWAS.mjs";
|
|
26
26
|
import {
|
|
27
27
|
DEPOSIT_MODAL_OPEN_EVENT,
|
|
28
28
|
WITHDRAW_MODAL_OPEN_EVENT,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@agg-build/ui",
|
|
3
|
-
"version": "4.26.
|
|
3
|
+
"version": "4.26.1",
|
|
4
4
|
"description": "Pre-built React component library for the AGG prediction market aggregator. Tailwind-based, themeable, with primitives, event surfaces, trading flows, full pages, and modals.",
|
|
5
5
|
"sideEffects": false,
|
|
6
6
|
"license": "MIT",
|
|
@@ -100,7 +100,7 @@
|
|
|
100
100
|
"liveline": "^0.0.7",
|
|
101
101
|
"react": "^18.0.0 || ^19.0.0",
|
|
102
102
|
"react-dom": "^18.0.0 || ^19.0.0",
|
|
103
|
-
"@agg-build/hooks": "^4.26.
|
|
103
|
+
"@agg-build/hooks": "^4.26.1",
|
|
104
104
|
"@agg-build/sdk": "^4.26.0"
|
|
105
105
|
},
|
|
106
106
|
"dependencies": {
|