@agg-build/ui 2.1.1 → 2.1.2

package/dist/{chunk-TERG43WW.mjs → chunk-5RBHMMY3.mjs}

@@ -17,7 +17,7 @@ import {
   selectPrimaryVenueMarket,
   skeletonViews,
   sortOutcomes
-} from "./chunk-YJO6LMRT.mjs";
+} from "./chunk-TBD3N4T4.mjs";
 
 // src/trading/trading-context/index.tsx
 import { useEventTradingContext } from "@agg-build/hooks";

package/dist/{chunk-RPXRTXCY.mjs → chunk-75AMJAWR.mjs}

@@ -3,7 +3,7 @@ import {
   AGG_TERMS_OF_SERVICE_URL,
   Icon,
   cn
-} from "./chunk-YJO6LMRT.mjs";
+} from "./chunk-TBD3N4T4.mjs";
 
 // src/geo-block-banner/index.tsx
 import { useLabels } from "@agg-build/hooks";

package/dist/{chunk-IQT4I5B4.mjs → chunk-7ZR5JYB3.mjs}

@@ -10,13 +10,15 @@ import {
   isErrorWithStatus,
   useEventListTabs,
   useEventListTabsHeaderOverflow
-} from "./chunk-NK57KMYN.mjs";
+} from "./chunk-JJDYOBVG.mjs";
 import {
   DEPOSIT_MODAL_OPEN_EVENT,
   PlaceOrder,
   SettlementDetails,
-  WITHDRAW_MODAL_OPEN_EVENT
-} from "./chunk-XHDGSRG7.mjs";
+  WITHDRAW_MODAL_OPEN_EVENT,
+  useClaimWinnings,
+  useResolvedMarketClaim
+} from "./chunk-ZOECARZW.mjs";
 import {
   AggErrorBoundary,
   Button,
@@ -45,9 +47,8 @@ import {
   filterOpenEvents,
   resolveTabVenus,
   shortenAddress,
-  sortCategoriesForNavigation,
-  useOptionalToast
-} from "./chunk-YJO6LMRT.mjs";
+  sortCategoriesForNavigation
+} from "./chunk-TBD3N4T4.mjs";
 
 // src/pages/home/index.tsx
 import {
@@ -190,7 +191,8 @@ var EventMarketPageMobileTrade = ({
   showPlaceOrder = true,
   isOpen,
   onOpenChange,
-  midpointsResult
+  midpointsResult,
+  onBeforePrimaryAction
 }) => {
   const labels = useLabels();
   if (!showPlaceOrder) return null;
@@ -230,6 +232,7 @@ var EventMarketPageMobileTrade = ({
             eventTradingState,
             executionMode,
             midpointsResult,
+            onBeforePrimaryAction,
             className: cn(
               "agg-mobile-trade-panel w-full overflow-hidden rounded-t-agg-2xl sm:rounded-agg-xl",
               classNames == null ? void 0 : classNames.mobileTrade
@@ -358,7 +361,8 @@ var EventMarketPageContent = ({
   showPlaceOrder,
   executionMode,
   stickyOrderPanel,
-  resolvedClaim
+  resolvedClaim,
+  onBeforePrimaryAction
 }) => {
   const eventTradingState = useMemo(() => resolveEventTradingState(event), [event]);
   const stickyOrderPanelState = resolveEventMarketPageStickyState({
@@ -372,6 +376,12 @@ var EventMarketPageContent = ({
   const isMobileViewport = useIsMobileEventMarketViewport();
   const tradingContext = useEventTradingContext();
   const midpointsResult = useMidpoints(event.venueMarkets);
+  const internalResolvedClaim = useResolvedMarketClaim({
+    market: eventTradingState.primaryMarket,
+    enabled: eventTradingState.kind === "resolved",
+    executionMode: resolvedExecutionMode
+  });
+  const effectiveResolvedClaim = resolvedClaim != null ? resolvedClaim : internalResolvedClaim;
   const setTradeSideRef = useRef(tradingContext == null ? void 0 : tradingContext.setTradeSide);
   setTradeSideRef.current = tradingContext == null ? void 0 : tradingContext.setTradeSide;
   useEffect(() => {
@@ -449,8 +459,9 @@ var EventMarketPageContent = ({
                       {
                         eventTradingState,
                         executionMode: resolvedExecutionMode,
-                        resolvedClaim,
+                        resolvedClaim: effectiveResolvedClaim,
                         midpointsResult,
+                        onBeforePrimaryAction,
                         className: cn(
                           "agg-mobile-trade-panel w-full overflow-hidden",
                           classNames == null ? void 0 : classNames.mobileTrade
@@ -475,8 +486,9 @@ var EventMarketPageContent = ({
                     {
                       eventTradingState,
                       executionMode: resolvedExecutionMode,
-                      resolvedClaim,
+                      resolvedClaim: effectiveResolvedClaim,
                       midpointsResult,
+                      onBeforePrimaryAction,
                       className: cn(stickyOrderPanelState == null ? void 0 : stickyOrderPanelState.placeOrder, classNames == null ? void 0 : classNames.trade),
                       classNames: resolveDesktopTradePlaceOrderClassNames(classNames)
                     }
@@ -495,7 +507,8 @@ var EventMarketPageContent = ({
             showPlaceOrder,
             isOpen: isMobileTradeOpen,
             onOpenChange: setIsMobileTradeOpen,
-            midpointsResult
+            midpointsResult,
+            onBeforePrimaryAction
           }
         ) : null
       ]
@@ -1154,11 +1167,7 @@ HomePage.displayName = "HomePage";
 // src/pages/user-profile/index.tsx
 import {
   computeClosedPositionTotals,
-  executionKeys,
   getWalletAddressFromUserProfile,
-  invalidateBalanceQueries,
-  invalidatePositionQueries,
-  invalidateUserActivityQueries,
   useAggAuthState,
   useAggBalance,
   useAggClient,
@@ -1167,13 +1176,11 @@ import {
   useGeoBlock,
   useLabels as useLabels7,
   useQueryClient,
-  useRedeem,
-  useRedeemLifecycles,
   useSdkUiConfig as useSdkUiConfig3,
   useUserActivity
 } from "@agg-build/hooks";
 import { Venue } from "@agg-build/sdk";
-import { useCallback as useCallback3, useEffect as useEffect5, useMemo as useMemo4, useRef as useRef5, useState as useState6 } from "react";
+import { useCallback as useCallback3, useEffect as useEffect5, useMemo as useMemo4, useState as useState6 } from "react";
 
 // src/pages/user-profile/chain-display.ts
 var CHAIN_ID_TO_LABEL = {
@@ -3652,10 +3659,6 @@ function buildVenueShareBreakdown(outcome) {
     sharesLabel: `${twoDecimalNumberFormatter.format(row.size)} shares`
   }));
 }
-var toClaimError = (err) => {
-  if (err instanceof Error) return err;
-  return new Error(String(err));
-};
 var UserProfilePage = ({
   user,
   balanceChainsOverride,
@@ -3717,29 +3720,14 @@ var UserProfilePage = ({
   const {
     trading: { executionMode: configuredExecutionMode }
   } = useSdkUiConfig3();
-  const claimNotificationLabels = labels.notifications.claim;
-  const toastCtx = useOptionalToast();
   const queryClient = useQueryClient();
-  const redeemMutation = useRedeem();
   const [internalCancellingIds, setInternalCancellingIds] = useState6({});
-  const [activeRedeems, setActiveRedeems] = useState6({});
-  const activeClaimKeysRef = useRef5(/* @__PURE__ */ new Set());
-  const pendingClaimToastIdsRef = useRef5({});
-  const submittedClaimToastKeysRef = useRef5(/* @__PURE__ */ new Set());
-  const [submittingClaimKeys, setSubmittingClaimKeys] = useState6({});
-  const lifecycleInputs = useMemo4(
-    () => Object.values(activeRedeems),
-    [activeRedeems]
-  );
-  const lifecycleStates = useRedeemLifecycles(lifecycleInputs);
-  const internalClaimingIds = useMemo4(() => {
-    const out = __spreadValues({}, submittingClaimKeys);
-    for (const [claimKey, active] of Object.entries(activeRedeems)) {
-      const state = lifecycleStates[active.redeemId];
-      if (!state || !state.terminal) out[claimKey] = true;
-    }
-    return out;
-  }, [activeRedeems, lifecycleStates, submittingClaimKeys]);
+  const { claim: startClaim, claimingKeys } = useClaimWinnings({
+    onClaim,
+    onClaimResult,
+    onClaimSubmitError,
+    externalClaimingKeys: claimingPositionKeys
+  });
   const [profileUser, setProfileUser] = useState6(void 0);
   const shouldUseHookData = !user;
   const connectedVenues = useMemo4(() => {
@@ -3802,207 +3790,17 @@ var UserProfilePage = ({
     }),
     [client, onCancelOrder, queryClient]
   );
-  const invalidateClaimUiState = useCallback3(() => {
-    invalidateBalanceQueries(queryClient);
-    invalidatePositionQueries(queryClient);
-    queryClient.invalidateQueries({
-      queryKey: executionKeys.claimablePositionsCount(),
-      refetchType: "active"
-    });
-    invalidateUserActivityQueries(queryClient);
-  }, [queryClient]);
   const handleClaimPosition = useCallback3(
-    (position) => __async(null, null, function* () {
+    (position) => {
       var _a, _b;
-      const claimKey = (_a = position.marketId) != null ? _a : position.id;
-      if (activeClaimKeysRef.current.has(claimKey) || (claimingPositionKeys == null ? void 0 : claimingPositionKeys[claimKey]) || internalClaimingIds[claimKey]) {
-        return;
-      }
-      activeClaimKeysRef.current.add(claimKey);
-      setSubmittingClaimKeys((prev) => __spreadProps(__spreadValues({}, prev), { [claimKey]: true }));
-      const pendingToastId = toastCtx == null ? void 0 : toastCtx.toast(claimNotificationLabels.pendingMessage, {
-        title: claimNotificationLabels.pendingTitle,
-        tone: "info"
+      return startClaim({
+        claimKey: (_a = position.marketId) != null ? _a : position.id,
+        winningOutcomeIds: (_b = position.winningOutcomeIds) != null ? _b : [],
+        payload: position
       });
-      if (pendingToastId != null) {
-        pendingClaimToastIdsRef.current[claimKey] = pendingToastId;
-      }
-      if (onClaim) {
-        try {
-          yield onClaim(position);
-          const pendingId = pendingClaimToastIdsRef.current[claimKey];
-          if (pendingId != null) toastCtx == null ? void 0 : toastCtx.dismiss(pendingId);
-          delete pendingClaimToastIdsRef.current[claimKey];
-          toastCtx == null ? void 0 : toastCtx.toast(claimNotificationLabels.successMessage, {
-            title: claimNotificationLabels.successTitle,
-            tone: "success"
-          });
-        } catch (err) {
-          const error = toClaimError(err);
-          console.error("[UserProfilePage] redeem failed", error);
-          const pendingId = pendingClaimToastIdsRef.current[claimKey];
-          if (pendingId != null) toastCtx == null ? void 0 : toastCtx.dismiss(pendingId);
-          delete pendingClaimToastIdsRef.current[claimKey];
-          toastCtx == null ? void 0 : toastCtx.toast(claimNotificationLabels.failedMessage(error.message), {
-            title: claimNotificationLabels.failedTitle,
-            tone: "error"
-          });
-          onClaimSubmitError == null ? void 0 : onClaimSubmitError(claimKey, error);
-          throw error;
-        } finally {
-          invalidateClaimUiState();
-          activeClaimKeysRef.current.delete(claimKey);
-          setSubmittingClaimKeys((prev) => {
-            const _a2 = prev, { [claimKey]: _removed } = _a2, rest = __objRest(_a2, [__restKey(claimKey)]);
-            return rest;
-          });
-        }
-        return;
-      }
-      const venueMarketOutcomeIds = (_b = position.winningOutcomeIds) != null ? _b : [];
-      if (venueMarketOutcomeIds.length === 0) {
-        const error = new Error(claimNotificationLabels.missingOutcomeMessage);
-        console.error("[UserProfilePage] redeem failed", error);
-        const pendingId = pendingClaimToastIdsRef.current[claimKey];
-        if (pendingId != null) toastCtx == null ? void 0 : toastCtx.dismiss(pendingId);
-        delete pendingClaimToastIdsRef.current[claimKey];
-        toastCtx == null ? void 0 : toastCtx.toast(claimNotificationLabels.failedMessage(error.message), {
-          title: claimNotificationLabels.failedTitle,
-          tone: "error"
-        });
-        onClaimSubmitError == null ? void 0 : onClaimSubmitError(claimKey, error);
-        invalidateClaimUiState();
-        activeClaimKeysRef.current.delete(claimKey);
-        setSubmittingClaimKeys((prev) => {
-          const _a2 = prev, { [claimKey]: _removed } = _a2, rest = __objRest(_a2, [__restKey(claimKey)]);
-          return rest;
-        });
-        throw error;
-      }
-      try {
-        const response = yield redeemMutation.mutateAsync({ venueMarketOutcomeIds });
-        const expectedOutcomeIds = [];
-        const preFailedOutcomeIds = [];
-        const preFailedReasons = {};
-        const preConfirmedOutcomeIds = [];
-        const preConfirmedTxHashes = {};
-        for (const result of response.results) {
-          if (result.status === "submitted") {
-            expectedOutcomeIds.push(result.venueMarketOutcomeId);
-          } else if (result.status === "confirmed") {
-            preConfirmedOutcomeIds.push(result.venueMarketOutcomeId);
-            preConfirmedTxHashes[result.venueMarketOutcomeId] = result.txHash;
-          } else if (result.status === "ineligible" || result.status === "rejected") {
-            preFailedOutcomeIds.push(result.venueMarketOutcomeId);
-            preFailedReasons[result.venueMarketOutcomeId] = result.reason;
-          }
-        }
-        if (expectedOutcomeIds.length > 0) {
-          const pendingId = pendingClaimToastIdsRef.current[claimKey];
-          if (pendingId != null) toastCtx == null ? void 0 : toastCtx.dismiss(pendingId);
-          delete pendingClaimToastIdsRef.current[claimKey];
-          submittedClaimToastKeysRef.current.add(claimKey);
-          toastCtx == null ? void 0 : toastCtx.toast(claimNotificationLabels.submittedMessage, {
-            title: claimNotificationLabels.submittedTitle,
-            tone: "success"
-          });
-        }
-        setActiveRedeems((prev) => __spreadProps(__spreadValues({}, prev), {
-          [claimKey]: {
-            redeemId: response.redeemId,
-            expectedOutcomeIds,
-            preFailedOutcomeIds,
-            preFailedReasons,
-            preConfirmedOutcomeIds,
-            preConfirmedTxHashes
-          }
-        }));
-        yield queryClient.invalidateQueries({ queryKey: ["current-user"] });
-      } catch (err) {
-        const error = toClaimError(err);
-        console.error("[UserProfilePage] redeem failed", error);
-        const pendingId = pendingClaimToastIdsRef.current[claimKey];
-        if (pendingId != null) toastCtx == null ? void 0 : toastCtx.dismiss(pendingId);
-        delete pendingClaimToastIdsRef.current[claimKey];
-        toastCtx == null ? void 0 : toastCtx.toast(claimNotificationLabels.failedMessage(error.message), {
-          title: claimNotificationLabels.failedTitle,
-          tone: "error"
-        });
-        onClaimSubmitError == null ? void 0 : onClaimSubmitError(claimKey, error);
-        throw error;
-      } finally {
-        activeClaimKeysRef.current.delete(claimKey);
-        setSubmittingClaimKeys((prev) => {
-          const _a2 = prev, { [claimKey]: _removed } = _a2, rest = __objRest(_a2, [__restKey(claimKey)]);
-          return rest;
-        });
-      }
-    }),
-    [
-      claimingPositionKeys,
-      claimNotificationLabels,
-      invalidateClaimUiState,
-      internalClaimingIds,
-      onClaim,
-      onClaimSubmitError,
-      queryClient,
-      redeemMutation,
-      toastCtx
-    ]
+    },
+    [startClaim]
   );
-  const firedTerminalRef = useRef5({});
-  useEffect5(() => {
-    var _a, _b;
-    for (const [claimKey, active] of Object.entries(activeRedeems)) {
-      const state = lifecycleStates[active.redeemId];
-      if (!state || !state.terminal) continue;
-      if (firedTerminalRef.current[active.redeemId]) continue;
-      firedTerminalRef.current[active.redeemId] = true;
-      onClaimResult == null ? void 0 : onClaimResult(claimKey, {
-        allConfirmed: state.allConfirmed,
-        anyFailed: state.anyFailed,
-        errorMessage: state.errorMessage
-      });
-      const pendingId = pendingClaimToastIdsRef.current[claimKey];
-      if (pendingId != null) toastCtx == null ? void 0 : toastCtx.dismiss(pendingId);
-      delete pendingClaimToastIdsRef.current[claimKey];
-      if (state.allConfirmed) {
-        if (!submittedClaimToastKeysRef.current.has(claimKey)) {
-          toastCtx == null ? void 0 : toastCtx.toast(claimNotificationLabels.successMessage, {
-            title: claimNotificationLabels.successTitle,
-            tone: "success"
-          });
-        }
-      } else if (state.anyFailed) {
-        const hasConfirmedLeg = Object.values(state.legs).some((leg) => leg.status === "confirmed");
-        if (hasConfirmedLeg) {
-          toastCtx == null ? void 0 : toastCtx.toast(claimNotificationLabels.partialMessage((_a = state.errorMessage) != null ? _a : void 0), {
-            title: claimNotificationLabels.partialTitle,
-            tone: "warning"
-          });
-        } else {
-          toastCtx == null ? void 0 : toastCtx.toast(claimNotificationLabels.failedMessage((_b = state.errorMessage) != null ? _b : void 0), {
-            title: claimNotificationLabels.failedTitle,
-            tone: "error"
-          });
-        }
-      }
-      submittedClaimToastKeysRef.current.delete(claimKey);
-      invalidateClaimUiState();
-      delete firedTerminalRef.current[active.redeemId];
-      setActiveRedeems((prev) => {
-        const _a2 = prev, { [claimKey]: _removed } = _a2, rest = __objRest(_a2, [__restKey(claimKey)]);
-        return rest;
-      });
-    }
-  }, [
-    activeRedeems,
-    claimNotificationLabels,
-    invalidateClaimUiState,
-    lifecycleStates,
-    onClaimResult,
-    toastCtx
-  ]);
   useEffect5(() => {
     if (!shouldUseHookData || !isAuthenticated) {
       setProfileUser(void 0);
@@ -4407,7 +4205,7 @@ var UserProfilePage = ({
                 onPositionClick,
                 getPositionHref,
                 onClaim: handleClaimPosition,
-                claimingPositionKeys: claimingPositionKeys != null ? claimingPositionKeys : internalClaimingIds,
+                claimingPositionKeys: claimingKeys,
                 onActivityClick,
                 getActivityHref,
                 onOpenOrderClick,