@agg-build/ui 2.1.0 → 2.1.2

package/dist/{chunk-YAEA6EDG.mjs → chunk-ZOECARZW.mjs}

@@ -8,10 +8,10 @@ import {
   getTradingValueLabel,
   getTradingVenueLabel,
   resolveOrderEligibilityMessage
-} from "./chunk-C5M2OOM3.mjs";
+} from "./chunk-5RBHMMY3.mjs";
 import {
   GeoBlockBanner
-} from "./chunk-YMVD6Q2A.mjs";
+} from "./chunk-75AMJAWR.mjs";
 import {
   AGG_TERMS_OF_SERVICE_URL,
   Button,
@@ -31,14 +31,17 @@ import {
   UserTrustIcon,
   VenueLogo,
   __async,
+  __objRest,
   __pow,
+  __restKey,
   __spreadProps,
   __spreadValues,
   cn,
   formatUsd,
   getMotionClassName,
-  skeletonViews
-} from "./chunk-DXF2LMNN.mjs";
+  skeletonViews,
+  useOptionalToast
+} from "./chunk-TBD3N4T4.mjs";
 
 // src/trading/types.ts
 import { Venue, enumGuard, isFiniteNonNeg, safeParse } from "@agg-build/sdk";
@@ -2406,10 +2409,8 @@ var PlaceOrderResolvedView = ({
   resolvedClaim,
   className
 }) => {
-  var _a, _b, _c, _d, _e;
   const labels = useLabels();
   const tradingLabels = labels.trading;
-  const extendedTradingLabels = tradingLabels;
   return /* @__PURE__ */ jsx4(
     Card,
     {
@@ -2448,18 +2449,18 @@ var PlaceOrderResolvedView = ({
         resolvedClaim ? /* @__PURE__ */ jsxs3(Fragment2, { children: [
           /* @__PURE__ */ jsx4("div", { className: "h-px w-full bg-agg-separator" }),
           /* @__PURE__ */ jsxs3("div", { className: "flex w-full flex-col gap-5 p-6", children: [
-            /* @__PURE__ */ jsx4(Typography, { variant: "body-strong", className: "text-center", children: (_a = extendedTradingLabels.resolvedEarningsTitle) != null ? _a : "Your Earnings" }),
+            /* @__PURE__ */ jsx4(Typography, { variant: "body-strong", className: "text-center", children: tradingLabels.resolvedEarningsTitle }),
             /* @__PURE__ */ jsxs3("div", { className: "flex flex-col gap-3 text-agg-sm leading-agg-5 text-agg-foreground", children: [
               resolvedClaim.resolutionDateLabel ? /* @__PURE__ */ jsxs3("div", { className: "flex items-center justify-between gap-4", children: [
-                /* @__PURE__ */ jsx4("span", { children: (_b = extendedTradingLabels.resolvedResolutionDateLabel) != null ? _b : "Resolution date" }),
+                /* @__PURE__ */ jsx4("span", { children: tradingLabels.resolvedResolutionDateLabel }),
                 /* @__PURE__ */ jsx4("span", { className: "font-agg-bold", children: resolvedClaim.resolutionDateLabel })
               ] }) : null,
               /* @__PURE__ */ jsxs3("div", { className: "flex items-center justify-between gap-4", children: [
-                /* @__PURE__ */ jsx4("span", { children: (_c = extendedTradingLabels.resolvedSharesLabel) != null ? _c : "Shares" }),
+                /* @__PURE__ */ jsx4("span", { children: tradingLabels.resolvedSharesLabel }),
                 /* @__PURE__ */ jsx4("span", { className: "font-agg-bold", children: resolvedClaim.sharesLabel })
               ] }),
               /* @__PURE__ */ jsxs3("div", { className: "flex items-center justify-between gap-4", children: [
-                /* @__PURE__ */ jsx4("span", { children: (_d = extendedTradingLabels.resolvedTotalPayoutLabel) != null ? _d : "Total payout" }),
+                /* @__PURE__ */ jsx4("span", { children: tradingLabels.resolvedTotalPayoutLabel }),
                 /* @__PURE__ */ jsx4("span", { className: "font-agg-bold", children: resolvedClaim.totalPayoutLabel })
               ] })
             ] }),
@@ -2471,7 +2472,7 @@ var PlaceOrderResolvedView = ({
                 onClick: resolvedClaim.onClaim,
                 isLoading: resolvedClaim.isClaiming,
                 disabled: resolvedClaim.isClaiming,
-                children: (_e = extendedTradingLabels.claimWinnings) != null ? _e : "Claim Winnings"
+                children: tradingLabels.claimWinnings
               }
             ) : null
           ] })
@@ -2798,7 +2799,7 @@ var PlaceOrder = ({
   className,
   classNames,
   eventTradingState,
-  executionMode = "live",
+  executionMode,
   isLoading = false,
   isPrimaryActionDisabled = false,
   isPrimaryActionLoading = false,
@@ -2807,6 +2808,7 @@ var PlaceOrder = ({
   onClose,
   onOutcomeChange,
   onPrimaryAction,
+  onBeforePrimaryAction,
   onTabChange,
   onSuccess,
   onError,
@@ -2818,7 +2820,8 @@ var PlaceOrder = ({
   const {
     enableDebug: isExecutionDebugEnabled,
     features: { enableAnimations, showFeesBreakdown },
-    general: { locale }
+    general: { locale },
+    trading: { executionMode: configuredExecutionMode = "live" } = { executionMode: "live" }
   } = useSdkUiConfig();
   const labels = useLabels();
   const tradingLabels = labels.trading;
@@ -2883,7 +2886,8 @@ var PlaceOrder = ({
   );
   const isResolvedOutcomeCtaLocked = resolvedEventTradingState.kind === "resolved" || resolvedTradingState.kind === "resolved";
   const { isAuthenticated, user } = useAggAuthContext();
-  const isPaperMode = executionMode === "paper";
+  const resolvedExecutionMode = executionMode != null ? executionMode : configuredExecutionMode;
+  const isPaperMode = resolvedExecutionMode === "paper";
   const liveBalanceState = useAggBalanceState();
   const paperBalancesQuery = useManagedBalances({
     enabled: Boolean(isAuthenticated && isPaperMode),
@@ -2943,6 +2947,7 @@ var PlaceOrder = ({
   const [isSplitDetailOpen, setIsSplitDetailOpen] = useState3(false);
   const [submissionFeedback, setSubmissionFeedback] = useState3(null);
   const [submissionProgressState, setSubmissionProgressState] = useState3(null);
+  const [isBeforeActionPending, setIsBeforeActionPending] = useState3(false);
   const executionDebugStoreRef = useRef2(null);
   const executionDebugAttemptIdRef = useRef2(null);
   const submittedSelectionRef = useRef2(null);
@@ -3528,7 +3533,7 @@ var PlaceOrder = ({
       }
     ];
   }, [activeFeeBreakdown, tradingLabels]);
-  const isActionLoading = isPrimaryActionLoading || executeManaged.isPending;
+  const isActionLoading = isPrimaryActionLoading || executeManaged.isPending || isBeforeActionPending;
   const selectedRouteGeoBlocked = (_D = selectedRouteCard == null ? void 0 : selectedRouteCard.isUnavailable) != null ? _D : false;
   const geoBlockedVenuesFromWarnings = useMemo2(
     () => {
@@ -3894,7 +3899,7 @@ var PlaceOrder = ({
     });
   };
   const handlePrimaryAction = () => __async(null, null, function* () {
-    var _a2;
+    var _a2, _b2, _c2;
     if (!orderEligibility.canPlaceOrder) {
       setSubmissionFeedback({
         message: (_a2 = resolveOrderEligibilityMessage(labels, orderEligibility.reason)) != null ? _a2 : tradingLabels.orderFailed,
@@ -3904,6 +3909,26 @@ var PlaceOrder = ({
     }
     if (!selectedRouteCard) return;
     setSubmissionFeedback(null);
+    if (onBeforePrimaryAction) {
+      const beforeContext = isPaperMode ? { quoteId: (_b2 = selectedRouteCard.quoteData) == null ? void 0 : _b2.quoteId, mode: "paper" } : { quoteId: (_c2 = selectedRouteCard.quoteData) == null ? void 0 : _c2.quoteId };
+      setIsBeforeActionPending(true);
+      try {
+        const proceed = yield onBeforePrimaryAction(beforeContext);
+        if (proceed === false) return;
+      } catch (error) {
+        setSubmissionFeedback({
+          message: normalizePlaceOrderErrorMessage({
+            errorMessage: error instanceof Error ? error.message : String(error),
+            fallbackMessage: tradingLabels.orderFailed,
+            labels: tradingLabels
+          }),
+          tone: "error"
+        });
+        return;
+      } finally {
+        setIsBeforeActionPending(false);
+      }
+    }
     if (scopedSelectedMarket && scopedSelectedOutcomeId) {
       submittedSelectionRef.current = {
         marketId: scopedSelectedMarket.id,
@@ -4374,6 +4399,326 @@ var PlaceOrder = ({
 };
 PlaceOrder.displayName = "PlaceOrder";
 
+// src/trading/use-claim-winnings.ts
+import {
+  executionKeys,
+  invalidateBalanceQueries as invalidateBalanceQueries2,
+  invalidatePositionQueries as invalidatePositionQueries2,
+  invalidateUserActivityQueries,
+  useLabels as useLabels2,
+  useQueryClient as useQueryClient2,
+  useRedeem,
+  useRedeemLifecycles
+} from "@agg-build/hooks";
+import { useCallback as useCallback3, useEffect as useEffect3, useMemo as useMemo3, useRef as useRef3, useState as useState4 } from "react";
+var toClaimError = (err) => {
+  if (err instanceof Error) return err;
+  return new Error(String(err));
+};
+function useClaimWinnings(options = {}) {
+  const { onClaim, onClaimResult, onClaimSubmitError, externalClaimingKeys } = options;
+  const labels = useLabels2();
+  const claimNotificationLabels = labels.notifications.claim;
+  const toastCtx = useOptionalToast();
+  const queryClient = useQueryClient2();
+  const redeemMutation = useRedeem();
+  const [activeRedeems, setActiveRedeems] = useState4({});
+  const activeClaimKeysRef = useRef3(/* @__PURE__ */ new Set());
+  const pendingClaimToastIdsRef = useRef3({});
+  const submittedClaimToastKeysRef = useRef3(/* @__PURE__ */ new Set());
+  const [submittingClaimKeys, setSubmittingClaimKeys] = useState4({});
+  const lifecycleInputs = useMemo3(
+    () => Object.values(activeRedeems),
+    [activeRedeems]
+  );
+  const lifecycleStates = useRedeemLifecycles(lifecycleInputs);
+  const internalClaimingIds = useMemo3(() => {
+    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 claimingKeys = externalClaimingKeys != null ? externalClaimingKeys : internalClaimingIds;
+  const isClaiming = useCallback3(
+    (claimKey) => Boolean(externalClaimingKeys == null ? void 0 : externalClaimingKeys[claimKey]) || Boolean(internalClaimingIds[claimKey]),
+    [externalClaimingKeys, internalClaimingIds]
+  );
+  const invalidateClaimUiState = useCallback3(() => {
+    invalidateBalanceQueries2(queryClient);
+    invalidatePositionQueries2(queryClient);
+    queryClient.invalidateQueries({
+      queryKey: executionKeys.claimablePositionsCount(),
+      refetchType: "active"
+    });
+    invalidateUserActivityQueries(queryClient);
+  }, [queryClient]);
+  const claim = useCallback3(
+    (_0) => __async(null, [_0], function* ({ claimKey, winningOutcomeIds, payload }) {
+      if (activeClaimKeysRef.current.has(claimKey) || Boolean(externalClaimingKeys == null ? void 0 : externalClaimingKeys[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"
+      });
+      if (pendingToastId != null) {
+        pendingClaimToastIdsRef.current[claimKey] = pendingToastId;
+      }
+      if (onClaim) {
+        try {
+          yield onClaim(payload);
+          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("[useClaimWinnings] 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 _a = prev, { [claimKey]: _removed } = _a, rest = __objRest(_a, [__restKey(claimKey)]);
+            return rest;
+          });
+        }
+        return;
+      }
+      if (winningOutcomeIds.length === 0) {
+        const error = new Error(claimNotificationLabels.missingOutcomeMessage);
+        console.error("[useClaimWinnings] 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 _a = prev, { [claimKey]: _removed } = _a, rest = __objRest(_a, [__restKey(claimKey)]);
+          return rest;
+        });
+        throw error;
+      }
+      try {
+        const response = yield redeemMutation.mutateAsync({
+          venueMarketOutcomeIds: winningOutcomeIds
+        });
+        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("[useClaimWinnings] 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 _a = prev, { [claimKey]: _removed } = _a, rest = __objRest(_a, [__restKey(claimKey)]);
+          return rest;
+        });
+      }
+    }),
+    [
+      claimNotificationLabels,
+      externalClaimingKeys,
+      internalClaimingIds,
+      invalidateClaimUiState,
+      onClaim,
+      onClaimSubmitError,
+      queryClient,
+      redeemMutation,
+      toastCtx
+    ]
+  );
+  const firedTerminalRef = useRef3({});
+  useEffect3(() => {
+    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
+  ]);
+  return { claim, claimingKeys, isClaiming };
+}
+
+// src/trading/use-resolved-market-claim.ts
+import {
+  computeClosedPositionTotals,
+  resolveMarketTradingState as resolveMarketTradingState2,
+  useAggAuthState,
+  useExecutionPositions as useExecutionPositions2
+} from "@agg-build/hooks";
+import { useMemo as useMemo4 } from "react";
+var sharesFormatter = new Intl.NumberFormat("en-US", { maximumFractionDigits: 2 });
+var dateFormatter = new Intl.DateTimeFormat("en-US", {
+  month: "short",
+  day: "numeric",
+  year: "numeric"
+});
+var formatResolutionDate = (value) => {
+  if (!value) return "";
+  const date = new Date(value);
+  if (Number.isNaN(date.getTime())) return "";
+  return dateFormatter.format(date);
+};
+function useResolvedMarketClaim(options = {}) {
+  var _a;
+  const { market, enabled = true, executionMode } = options;
+  const { isAuthenticated } = useAggAuthState();
+  const tradingState = useMemo4(() => resolveMarketTradingState2(market), [market]);
+  const isResolved = tradingState.kind === "resolved";
+  const marketId = (_a = market == null ? void 0 : market.id) != null ? _a : null;
+  const shouldFetch = Boolean(enabled && isAuthenticated && isResolved && marketId);
+  const { positions } = useExecutionPositions2(__spreadValues({
+    enabled: shouldFetch,
+    status: "active",
+    limit: 50
+  }, executionMode === "paper" ? { mode: "paper" } : {}));
+  const claimWinnings = useClaimWinnings();
+  return useMemo4(() => {
+    var _a2, _b, _c;
+    if (!shouldFetch || !marketId) return void 0;
+    const group = positions.find(
+      (candidate) => candidate.targetMarketId === marketId
+    );
+    if (!group || group.venueMarket.status !== "resolved") return void 0;
+    const winningOutcomes = group.venueMarket.venueMarketOutcomes.filter(
+      (outcome) => outcome.winner === true && outcome.totalSize > 0
+    );
+    if (winningOutcomes.length === 0) return void 0;
+    const totals = computeClosedPositionTotals(group);
+    const winningShares = winningOutcomes.reduce((sum, outcome) => sum + outcome.totalSize, 0);
+    const winningOutcomeLabel = ((_b = (_a2 = winningOutcomes[0]) == null ? void 0 : _a2.title) == null ? void 0 : _b.trim()) || ((_c = winningOutcomes[0]) == null ? void 0 : _c.label) || "";
+    const claimKey = group.targetMarketId;
+    const canClaim = group.redeemStatus === "eligible" && totals.winningOutcomeIds.length > 0;
+    return {
+      resolutionDateLabel: formatResolutionDate(group.resolutionDate),
+      winningOutcomeLabel,
+      sharesLabel: `${sharesFormatter.format(winningShares)} ${winningOutcomeLabel}`.trim(),
+      // Payout is always shown with 2 decimals (e.g. "$8.50"), matching the
+      // resolved-earnings design and the profile positions list.
+      totalPayoutLabel: formatUsd(totals.amountWon, {
+        minimumFractionDigits: 2,
+        maximumFractionDigits: 2
+      }),
+      isClaiming: claimWinnings.isClaiming(claimKey),
+      onClaim: canClaim ? () => {
+        void claimWinnings.claim({
+          claimKey,
+          winningOutcomeIds: totals.winningOutcomeIds
+        });
+      } : void 0
+    };
+  }, [claimWinnings, marketId, positions, shouldFetch]);
+}
+
 export {
   parseVenue,
   parseAmount,
@@ -4384,5 +4729,7 @@ export {
   requestAggWithdrawModalOpen,
   PlaceOrderFailureView,
   PlaceOrderSuccessView,
-  PlaceOrder
+  PlaceOrder,
+  useClaimWinnings,
+  useResolvedMarketClaim
 };