@agg-build/ui 2.7.3 → 2.8.0

package/dist/{chunk-MZBYIXYA.mjs → chunk-2QCNDFNC.mjs}

@@ -10,7 +10,7 @@ import {
   isErrorWithStatus,
   useEventListTabs,
   useEventListTabsHeaderOverflow
-} from "./chunk-7DM45TMO.mjs";
+} from "./chunk-MKU5Q6PN.mjs";
 import {
   DEPOSIT_MODAL_OPEN_EVENT,
   PlaceOrder,
@@ -18,10 +18,12 @@ import {
   WITHDRAW_MODAL_OPEN_EVENT,
   useClaimWinnings,
   useResolvedMarketClaim
-} from "./chunk-O27JUYCF.mjs";
+} from "./chunk-R5S2QOYL.mjs";
 import {
-  getDisplayOutcomePrice
-} from "./chunk-JQKJDSTW.mjs";
+  getDisplayOutcomePrice,
+  resolveHeaderOutcomeItems,
+  resolveMarketFromVenueMarkets
+} from "./chunk-VR5ZRDQT.mjs";
 import {
   AggErrorBoundary,
   Button,
@@ -54,7 +56,7 @@ import {
   skeletonViews,
   sortCategoriesForNavigation,
   useOptionalToast
-} from "./chunk-FMYYPNZZ.mjs";
+} from "./chunk-KO6VTRV6.mjs";
 
 // src/pages/home/index.tsx
 import {
@@ -1294,7 +1296,7 @@ function SportsLineRail({
   const didInit = React.useRef(false);
   const programmatic = React.useRef(false);
   const progTimer = React.useRef(void 0);
-  const skipCenterOnPropSync = React.useRef(false);
+  const skipCenterForIndex = React.useRef(null);
   const pendingScrollIndex = React.useRef(null);
   const scrollSettleTimer = React.useRef(void 0);
   const stopCount = stops.length;
@@ -1334,9 +1336,15 @@ function SportsLineRail({
       if (!w) return;
       const firstW = (_b = (_a = itemRefs.current[0]) == null ? void 0 : _a.offsetWidth) != null ? _b : 0;
       const lastW = (_d = (_c = itemRefs.current[stopCount - 1]) == null ? void 0 : _c.offsetWidth) != null ? _d : 0;
-      setPad({
+      const nextPad = {
         left: Math.max(0, w / 2 - firstW / 2),
         right: Math.max(0, w / 2 - lastW / 2)
+      };
+      setPad((currentPad) => {
+        if (currentPad.left === nextPad.left && currentPad.right === nextPad.right) {
+          return currentPad;
+        }
+        return nextPad;
       });
       updateMask();
     };
@@ -1349,7 +1357,7 @@ function SportsLineRail({
           scrollSettleTimer.current = setTimeout(() => {
             const nextIndex = pendingScrollIndex.current;
             if (nextIndex == null || nextIndex === selectedIndex) return;
-            skipCenterOnPropSync.current = true;
+            skipCenterForIndex.current = nextIndex;
             onSelect(nextIndex);
           }, 120);
         }
@@ -1373,11 +1381,12 @@ function SportsLineRail({
     const c = scrollRef.current;
     const el = itemRefs.current[selectedIndex];
     if (!c || !el || !c.clientWidth) return;
-    if (skipCenterOnPropSync.current) {
-      skipCenterOnPropSync.current = false;
+    if (skipCenterForIndex.current === selectedIndex) {
+      skipCenterForIndex.current = null;
       updateMask();
       return;
     }
+    skipCenterForIndex.current = null;
     const max = c.scrollWidth - c.clientWidth;
     const target = el.offsetLeft - c.clientWidth / 2 + el.clientWidth / 2;
     programmatic.current = true;
@@ -1392,11 +1401,18 @@ function SportsLineRail({
     }, 500);
     updateMask();
   }, [selectedIndex, stopCount, pad, updateMask]);
-  const select = (index) => {
-    const next = Math.min(stops.length - 1, Math.max(0, index));
+  const clampStopIndex = (index) => Math.min(stops.length - 1, Math.max(0, index));
+  const handleStopClick = (index) => {
+    const next = clampStopIndex(index);
+    if (next !== selectedIndex) {
+      skipCenterForIndex.current = next;
+    }
+    onSelect(next);
+  };
+  const handleStep = (delta) => {
+    const next = clampStopIndex(selectedIndex + delta);
     if (next !== selectedIndex) onSelect(next);
   };
-  const step = (delta) => select(selectedIndex + delta);
   if (stopCount === 0) return null;
   return /* @__PURE__ */ jsxs2(
     "div",
@@ -1408,7 +1424,7 @@ function SportsLineRail({
           "button",
           {
             type: "button",
-            onClick: () => step(-1),
+            onClick: () => handleStep(-1),
             disabled: selectedIndex === 0,
             "aria-label": previousAriaLabel != null ? previousAriaLabel : "Previous line",
             className: "flex size-5! shrink-0 cursor-pointer items-center justify-center text-agg-muted-foreground transition-colors hover:text-agg-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-agg-primary disabled:cursor-not-allowed disabled:opacity-30",
@@ -1431,7 +1447,7 @@ function SportsLineRail({
                     ref: (el) => {
                       itemRefs.current[index] = el;
                     },
-                    onClick: () => select(index),
+                    onClick: () => handleStopClick(index),
                     disabled: stop.disabled,
                     "aria-pressed": active,
                     className: "flex shrink-0 cursor-pointer flex-col items-center gap-2 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-40",
@@ -1477,7 +1493,7 @@ function SportsLineRail({
           "button",
           {
             type: "button",
-            onClick: () => step(1),
+            onClick: () => handleStep(1),
             disabled: selectedIndex === stopCount - 1,
             "aria-label": nextAriaLabel != null ? nextAriaLabel : "Next line",
             className: "flex size-5! shrink-0 cursor-pointer items-center justify-center text-agg-muted-foreground transition-colors hover:text-agg-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-agg-primary disabled:cursor-not-allowed disabled:opacity-30",
@@ -1491,15 +1507,81 @@ function SportsLineRail({
 
 // src/pages/event-market/sports-market-card.tsx
 import { jsx as jsx3 } from "react/jsx-runtime";
-var resolveSportsLineOutcomeSide = (outcome) => {
+var resolveSpreadHeaderOutcomeItems = ({
+  market,
+  groupMarkets,
+  midpointsResult
+}) => {
   var _a;
-  for (const candidate of [outcome.label, outcome.title]) {
-    if (typeof candidate !== "string") continue;
-    const matchedSide = (_a = candidate.trim().toLowerCase().match(/(?:^|\s)(over|under)(?=\s|$)/)) == null ? void 0 : _a[1];
-    if (matchedSide === "over" || matchedSide === "under") return matchedSide;
-  }
+  const outcomes = (_a = market.venueMarketOutcomes) != null ? _a : [];
+  const lineValue = market.lineValue;
+  if (outcomes.length < 2 || lineValue == null) return void 0;
+  const { favored, dog } = resolveSpreadOutcomeTeamNames(market, groupMarkets);
+  if (!favored && !dog) return void 0;
+  const magnitude = Math.abs(lineValue);
+  const formatLine = (value) => `${value > 0 ? "+" : "\u2212"}${Number.isInteger(magnitude) ? String(magnitude) : magnitude.toFixed(1)}`;
+  return [
+    { index: 0, name: favored, signedLine: -magnitude },
+    { index: 1, name: dog, signedLine: magnitude }
+  ].flatMap(({ index, name, signedLine }) => {
+    var _a2;
+    const outcome = outcomes[index];
+    if (!outcome) return [];
+    const label = name != null ? name : outcome.label.trim();
+    const probability = midpointsResult == null ? void 0 : getDisplayOutcomePrice({
+      outcomeId: outcome.id,
+      outcomeLabel: outcome.label,
+      bestMidpointsByOutcomeId: (_a2 = midpointsResult.bestMidpointsByOutcomeId) != null ? _a2 : midpointsResult.prices
+    });
+    return [
+      {
+        id: outcome.id,
+        label,
+        title: label,
+        lineLabel: formatLine(signedLine),
+        probability,
+        isPriceLoading: (midpointsResult == null ? void 0 : midpointsResult.isLoading) === true && probability == null,
+        tone: index === 0 ? "positive" : "negative",
+        variant: "line",
+        venue: market.venue
+      }
+    ];
+  });
+};
+var resolveDisplayedOutcomes = ({
+  market,
+  venueMarkets,
+  groupMarkets,
+  useSpreadOverride
+}) => {
+  var _a;
+  const spreadHeaderOutcomeItems = useSpreadOverride ? resolveSpreadHeaderOutcomeItems({ market, groupMarkets }) : void 0;
+  const resolvedMarket = resolveMarketFromVenueMarkets(venueMarkets, market.id);
+  const headerOutcomeItems = spreadHeaderOutcomeItems != null ? spreadHeaderOutcomeItems : resolveHeaderOutcomeItems(
+    (_a = resolvedMarket == null ? void 0 : resolvedMarket.venueMarkets) != null ? _a : [market],
+    market,
+    resolveSportsMarketCardVariant(market)
+  );
+  return headerOutcomeItems.flatMap((item) => {
+    const outcome = market.venueMarketOutcomes.find((candidate) => candidate.id === item.id);
+    return outcome ? [outcome] : [];
+  });
+};
+var resolveSelectedOutcomeSide = ({
+  displayedOutcomes,
+  selectedOutcomeId
+}) => {
+  const selectedOutcomeIndex = displayedOutcomes.findIndex(
+    (outcome) => outcome.id === selectedOutcomeId
+  );
+  if (selectedOutcomeIndex === 0) return "left";
+  if (selectedOutcomeIndex === 1) return "right";
   return null;
 };
+var resolveOutcomeBySide = (displayedOutcomes, side) => {
+  var _a;
+  return (_a = displayedOutcomes[side === "right" ? 1 : 0]) != null ? _a : displayedOutcomes[0];
+};
 var SportsMarketCard = ({
   group,
   venueMarkets,
@@ -1617,69 +1699,46 @@ var SportsMarketCard = ({
     });
   }, [combinedMoneylineMarkets, isCombinedMoneylineGroup, midpointsResult]);
   const spreadHeaderOutcomeItems = useMemo(() => {
-    var _a2;
     if (slide.kind !== "spread" || !activeMarket) return void 0;
-    const outcomes = (_a2 = activeMarket.venueMarketOutcomes) != null ? _a2 : [];
-    const lineValue = activeMarket.lineValue;
-    if (outcomes.length < 2 || lineValue == null) return void 0;
-    const { favored, dog } = resolveSpreadOutcomeTeamNames(activeMarket, group.markets);
-    if (!favored && !dog) return void 0;
-    const magnitude = Math.abs(lineValue);
-    const formatLine = (value) => `${value > 0 ? "+" : "\u2212"}${Number.isInteger(magnitude) ? String(magnitude) : magnitude.toFixed(1)}`;
-    return [
-      { index: 0, name: favored, signedLine: -magnitude },
-      { index: 1, name: dog, signedLine: magnitude }
-    ].flatMap(({ index, name, signedLine }) => {
-      var _a3;
-      const outcome = outcomes[index];
-      if (!outcome) return [];
-      const label = name != null ? name : outcome.label.trim();
-      const probability = midpointsResult == null ? void 0 : getDisplayOutcomePrice({
-        outcomeId: outcome.id,
-        outcomeLabel: outcome.label,
-        bestMidpointsByOutcomeId: (_a3 = midpointsResult.bestMidpointsByOutcomeId) != null ? _a3 : midpointsResult.prices
-      });
-      return [
-        {
-          id: outcome.id,
-          label,
-          title: label,
-          lineLabel: formatLine(signedLine),
-          probability,
-          isPriceLoading: (midpointsResult == null ? void 0 : midpointsResult.isLoading) === true && probability == null,
-          tone: index === 0 ? "positive" : "negative",
-          variant: "line",
-          venue: activeMarket.venue
-        }
-      ];
+    return resolveSpreadHeaderOutcomeItems({
+      market: activeMarket,
+      groupMarkets: group.markets,
+      midpointsResult
     });
   }, [slide.kind, activeMarket, group.markets, midpointsResult]);
   const headerOutcomeItemsOverride = combinedMoneylineHeaderOutcomeItems != null ? combinedMoneylineHeaderOutcomeItems : spreadHeaderOutcomeItems;
   const headerOutcomeVariant = isCombinedMoneylineGroup ? "outcome" : resolveSportsMarketCardVariant(activeMarket);
   const handleLineSelect = (index) => {
-    var _a2, _b2;
-    const previousMarket = activeMarket;
+    var _a2, _b2, _c2;
+    const targetMarket = (_a2 = slide.stops[index]) == null ? void 0 : _a2.market;
+    if (!targetMarket) return;
+    const selectedMarket = (_c2 = (_b2 = tradingContext == null ? void 0 : tradingContext.selectedMarket) != null ? _b2 : venueMarkets.find((market) => market.id === (tradingContext == null ? void 0 : tradingContext.selectedMarketId))) != null ? _c2 : null;
+    const selectedMarketIsInGroup = selectedMarket != null && group.markets.some((market) => market.id === selectedMarket.id);
+    const selectedSide = selectedMarket ? resolveSelectedOutcomeSide({
+      displayedOutcomes: resolveDisplayedOutcomes({
+        market: selectedMarket,
+        venueMarkets,
+        groupMarkets: group.markets,
+        useSpreadOverride: slide.kind === "spread" && selectedMarketIsInGroup
+      }),
+      selectedOutcomeId: tradingContext == null ? void 0 : tradingContext.selectedOutcomeId
+    }) : null;
+    const targetDisplayedOutcomes = resolveDisplayedOutcomes({
+      market: targetMarket,
+      venueMarkets,
+      groupMarkets: group.markets,
+      useSpreadOverride: slide.kind === "spread"
+    });
+    const nextOutcome = resolveOutcomeBySide(targetDisplayedOutcomes, selectedSide != null ? selectedSide : "left");
     setSelectedLineIndex(index);
-    const market = (_a2 = slide.stops[index]) == null ? void 0 : _a2.market;
-    if (!market) return;
-    const previousOutcomeIndex = previousMarket ? previousMarket.venueMarketOutcomes.findIndex(
-      (outcome) => outcome.id === (tradingContext == null ? void 0 : tradingContext.selectedOutcomeId)
-    ) : -1;
-    const previousOutcome = previousOutcomeIndex >= 0 ? previousMarket == null ? void 0 : previousMarket.venueMarketOutcomes[previousOutcomeIndex] : void 0;
-    const previousOutcomeSide = previousOutcome ? resolveSportsLineOutcomeSide(previousOutcome) : null;
-    const matchingSideOutcomes = previousOutcomeSide ? market.venueMarketOutcomes.filter(
-      (outcome) => resolveSportsLineOutcomeSide(outcome) === previousOutcomeSide
-    ) : [];
-    const matchingSideOutcome = matchingSideOutcomes.length === 1 ? matchingSideOutcomes[0] : void 0;
-    const nextOutcome = (_b2 = matchingSideOutcome != null ? matchingSideOutcome : previousOutcomeIndex >= 0 ? market.venueMarketOutcomes[previousOutcomeIndex] : void 0) != null ? _b2 : market.venueMarketOutcomes[0];
     if (nextOutcome) {
-      tradingContext == null ? void 0 : tradingContext.selectMarketAndOutcome(market.id, nextOutcome.id);
+      tradingContext == null ? void 0 : tradingContext.selectMarketAndOutcome(targetMarket.id, nextOutcome.id);
       onOutcomeSelect == null ? void 0 : onOutcomeSelect(group.id, {
-        marketId: market.id,
+        marketId: targetMarket.id,
         outcomeId: nextOutcome.id
       });
     } else {
-      tradingContext == null ? void 0 : tradingContext.selectMarket(market.id, market);
+      tradingContext == null ? void 0 : tradingContext.selectMarket(targetMarket.id, targetMarket);
     }
   };
   return /* @__PURE__ */ jsx3(
@@ -3501,7 +3560,7 @@ var ClaimActivityBreakdownModal = ({
 };
 
 // src/pages/user-profile/components/positions-activity.tsx
-import { optimizedImageUrl as optimizedImageUrl3, useLabels as useLabels9 } from "@agg-build/hooks";
+import { optimizedImageUrl as optimizedImageUrl3, useAggUiConfig as useAggUiConfig2, useLabels as useLabels9 } from "@agg-build/hooks";
 import { Fragment as Fragment4, useEffect as useEffect9, useMemo as useMemo6, useRef as useRef8, useState as useState10 } from "react";
 
 // src/pages/user-profile/user-profile.constants.ts
@@ -3551,17 +3610,19 @@ var parsePercentLabel = (label) => {
   const parsed = Number(match[1].replace(/,/g, ""));
   return Number.isFinite(parsed) ? parsed : null;
 };
-var formatCurrency = (value) => {
+var formatCurrency = (value, formatCurrencyOverride) => {
   if (!isFiniteNumber(value)) return missingLabel;
+  if (formatCurrencyOverride) return formatCurrencyOverride(value);
   return usdFormatter.format(value);
 };
-var formatSignedCurrency = (value) => {
+var formatSignedCurrency = (value, formatCurrencyOverride) => {
   if (!isFiniteNumber(value)) return missingLabel;
-  if (value === 0) return usdFormatter.format(0);
-  return `${value > 0 ? "+" : "-"}${usdFormatter.format(Math.abs(value))}`;
+  if (value === 0) return formatCurrency(0, formatCurrencyOverride);
+  return `${value > 0 ? "+" : "-"}${formatCurrency(Math.abs(value), formatCurrencyOverride)}`;
 };
-var formatPriceCents = (value) => {
+var formatPriceCents = (value, formatPrice) => {
   if (!isFiniteNumber(value)) return missingLabel;
+  if (formatPrice) return formatPrice(value);
   return `${Math.round(value * 100)}\xA2`;
 };
 var formatSignedPercent = (value) => {
@@ -3656,7 +3717,8 @@ var getPositionTone = (value) => {
   if (!isFiniteNumber(value) || value === 0) return "neutral";
   return value > 0 ? "positive" : "negative";
 };
-var toPositionRowViewModel = (position, labels = defaultLabels) => {
+var toPositionRowViewModel = (position, labels = defaultLabels, formatters = {}) => {
+  const { formatCurrency: currency, formatPrice: price } = formatters;
   const positionStatus = resolvePositionStatus(position);
   const currentValue = getCurrentValue(position);
   const currentPnl = getPnlValue(position, currentValue);
@@ -3674,20 +3736,20 @@ var toPositionRowViewModel = (position, labels = defaultLabels) => {
     resolutionLabel: position.resolutionLabel || position.outcomeLabel || missingLabel,
     venueShareBreakdown: position.venueShareBreakdown,
     totalTraded: {
-      primaryLabel: formatCurrency(getTotalTradedValue(position)),
-      averageLabel: `${labels.avgPrefix} ${formatPriceCents(getAveragePrice(position))}`
+      primaryLabel: formatCurrency(getTotalTradedValue(position), currency),
+      averageLabel: `${labels.avgPrefix} ${formatPriceCents(getAveragePrice(position), price)}`
     },
     currentValue: {
-      primaryLabel: formatCurrency(currentValue),
-      deltaLabel: formatSignedCurrency(currentPnl),
-      priceLabel: `${labels.nowPrefix} ${formatPriceCents(getCurrentPrice(position))}`,
+      primaryLabel: formatCurrency(currentValue, currency),
+      deltaLabel: formatSignedCurrency(currentPnl, currency),
+      priceLabel: `${labels.nowPrefix} ${formatPriceCents(getCurrentPrice(position), price)}`,
       percentLabel: formatSignedPercent(currentPercent),
       tone: getPositionTone(currentPnl)
     },
     payout: {
-      primaryLabel: formatCurrency(finalPayout),
-      deltaLabel: formatSignedCurrency(payoutPnl),
-      priceLabel: `${labels.finalPrefix} ${formatPriceCents(getFinalPrice(position))}`,
+      primaryLabel: formatCurrency(finalPayout, currency),
+      deltaLabel: formatSignedCurrency(payoutPnl, currency),
+      priceLabel: `${labels.finalPrefix} ${formatPriceCents(getFinalPrice(position), price)}`,
       percentLabel: formatSignedPercent(payoutPercent),
       tone: getPositionTone(payoutPnl)
     },
@@ -4294,6 +4356,19 @@ import { jsx as jsx12, jsxs as jsxs11 } from "react/jsx-runtime";
 var shouldUseNativeLinkNavigation2 = (event) => {
   return event.metaKey || event.ctrlKey || event.shiftKey || event.altKey || event.button === 1;
 };
+var CANCELLABLE_LIMIT_ORDER_STATUSES = /* @__PURE__ */ new Set([
+  "submitted",
+  "open",
+  "partially_filled_open",
+  "cancel_pending"
+]);
+var canCancelOpenOrder = (order) => {
+  const status = order.status.trim().toLowerCase();
+  if (status === "pending" && !order.dagRunId) return true;
+  const isLimitOrder = order.orderType === "limit" || order.limitPriceLabel != null;
+  if (!isLimitOrder) return false;
+  return CANCELLABLE_LIMIT_ORDER_STATUSES.has(status);
+};
 var OpenOrderRow = ({
   order,
   href,
@@ -4329,9 +4404,7 @@ var OpenOrderRow = ({
     event.stopPropagation();
     onCancel == null ? void 0 : onCancel(order);
   };
-  const status = order.status.toLowerCase();
-  const isLimitOrder = order.orderType === "limit";
-  const canCancel = status === "open" || status === "partially_filled_open" || status === "cancel_pending" || status === "submitted" && isLimitOrder || status === "pending" && !order.dagRunId;
+  const canCancel = canCancelOpenOrder(order);
   const Wrapper = href ? "a" : "div";
   const wrapperProps = href ? {
     href,
@@ -4418,7 +4491,7 @@ var OpenOrderRow = ({
 OpenOrderRow.displayName = "OpenOrderRow";
 
 // src/pages/user-profile/components/position-row.tsx
-import { optimizedImageUrl as optimizedImageUrl2, useLabels as useLabels8 } from "@agg-build/hooks";
+import { optimizedImageUrl as optimizedImageUrl2, useAggUiConfig, useLabels as useLabels8 } from "@agg-build/hooks";
 import { Fragment as Fragment3, jsx as jsx13, jsxs as jsxs12 } from "react/jsx-runtime";
 var shouldUseNativeLinkNavigation3 = (event) => {
   return event.metaKey || event.ctrlKey || event.shiftKey || event.altKey || event.button === 1;
@@ -4557,11 +4630,16 @@ var PositionRow = ({
   isClaiming = false
 }) => {
   const labels = useLabels8().userProfile.positions;
-  const model = toPositionRowViewModel(position, {
-    avgPrefix: labels.avgPrefix,
-    nowPrefix: labels.nowPrefix,
-    finalPrefix: labels.finalPrefix
-  });
+  const { formatCurrency: formatCurrency2, formatPrice } = useAggUiConfig().formatting;
+  const model = toPositionRowViewModel(
+    position,
+    {
+      avgPrefix: labels.avgPrefix,
+      nowPrefix: labels.nowPrefix,
+      finalPrefix: labels.finalPrefix
+    },
+    { formatCurrency: formatCurrency2, formatPrice }
+  );
   const isClosed = (variant != null ? variant : model.bucket) === "closed";
   const handleClaim = (event) => {
     event.preventDefault();
@@ -4782,6 +4860,7 @@ var PositionsActivity = ({
   const userProfileLabels = useLabels9().userProfile;
   const positionsLabels = userProfileLabels.positions;
   const openOrdersLabels = userProfileLabels.openOrders;
+  const { formatCurrency: formatCurrency2, formatPrice } = useAggUiConfig2().formatting;
   const tabItems = useMemo6(
     () => getTabItems(userProfileLabels.tabs, showOpenOrders),
     [showOpenOrders, userProfileLabels.tabs]
@@ -4860,14 +4939,25 @@ var PositionsActivity = ({
       title: position.title,
       thumbnailSrc: position.thumbnailSrc,
       metaPrimary: position.outcomeLabel,
-      metaSecondary: toPositionRowViewModel(position, {
-        avgPrefix: positionsLabels.avgPrefix,
-        nowPrefix: positionsLabels.nowPrefix,
-        finalPrefix: positionsLabels.finalPrefix
-      }).currentValue.primaryLabel,
+      metaSecondary: toPositionRowViewModel(
+        position,
+        {
+          avgPrefix: positionsLabels.avgPrefix,
+          nowPrefix: positionsLabels.nowPrefix,
+          finalPrefix: positionsLabels.finalPrefix
+        },
+        { formatCurrency: formatCurrency2, formatPrice }
+      ).currentValue.primaryLabel,
       raw: position
     }));
-  }, [filteredPositions, isPositionsTab, positionsLabels, searchValue]);
+  }, [
+    filteredPositions,
+    formatCurrency2,
+    formatPrice,
+    isPositionsTab,
+    positionsLabels,
+    searchValue
+  ]);
   const handleSearchChange = (event) => {
     setSearchValue(event.target.value);
   };