fix: expose jumper widget navigation context to parent

Author: mmioana

src/components/composite/JumperWidget/JumperWidget.tsx

@@ -15,6 +15,7 @@ import {
 } from 'react';
 import { useForm, useStore } from '@tanstack/react-form';
 import { useStore as useZustandStore } from 'zustand';
+import type { NavigationContextValue } from './context';
 import {
   FormContext,
   NavigationContext,
@@ -237,6 +238,7 @@ const JumperWidgetInner: FC<JumperWidgetInnerProps> = ({
 interface JumperWidgetProps {
   views: WidgetView[];
   statusSheet?: JumperWidgetStatusSheetProp;
+  onNavigationReady?: (navigationContext: NavigationContextValue) => void;
   style?: {
     container?: SxProps<Theme>;
     mainView?: SxProps<Theme>;
@@ -248,6 +250,7 @@ interface JumperWidgetProps {
 export const JumperWidget: FC<JumperWidgetProps> = ({
   views,
   statusSheet,
+  onNavigationReady,
   style,
 }) => {
   const uiStoreRef = useRef<ReturnType<typeof createWidgetStore> | null>(null);
@@ -318,6 +321,10 @@ export const JumperWidget: FC<JumperWidgetProps> = ({
     [currentViewId, goToView, submit, isSubmitting, error, clearError],
   );
 
+  useEffect(() => {
+    onNavigationReady?.({ ...navigationContext });
+  }, [navigationContext, onNavigationReady]);
+
   return (
     <WidgetStoreContext.Provider value={uiStoreRef.current}>
       <FormContext.Provider value={form}>

src/components/composite/RequestRedeemModal/RequestRedeemModal.tsx

@@ -1,12 +1,13 @@
 import { ModalContainer } from '@/components/core/modals/ModalContainer/ModalContainer';
 import type { ModalContainerProps } from '@/components/core/modals/ModalContainer/ModalContainer';
 import type { EarnOpportunityExtended } from '@/stores/depositFlow/DepositFlowStore';
-import { useMemo, useState, useCallback, type FC } from 'react';
+import { useMemo, useState, useCallback, useRef, type FC } from 'react';
 import { useRedeemableClaims } from '@/hooks/earn/useRedeemableClaims';
 import type { FormattedClaim } from './hooks/useFormatRedeemClaimData';
 import { useFormatRedeemClaimData } from './hooks/useFormatRedeemClaimData';
 import { useTransactionForm } from '@/hooks/transactions/useTransactionForm';
 import { JumperWidget } from '@/components/composite/JumperWidget/JumperWidget';
+import type { NavigationContextValue } from '../JumperWidget/context';
 import { createTokenBalance } from '@/types/tokens';
 import { useTranslation } from 'react-i18next';
 import { RequestViewSubmitButton } from './components/RequestViewSubmitButton';
@@ -53,6 +54,15 @@ export const RequestRedeemModal: FC<RequestRedeemModalProps> = ({
   const { lpToken, lpTokenAmount, assetToken, refetchLpTokenAmount } =
     useEarnOpportunityTokens(earnOpportunity);
 
+  const widgetNavigationRef = useRef<NavigationContextValue | null>(null);
+
+  const handleWidgetNavigationReady = useCallback(
+    (value: NavigationContextValue) => {
+      widgetNavigationRef.current = value;
+    },
+    [],
+  );
+
   const isClaimFlow = selectedClaim !== null;
 
   const fetchCallData = useCallback(async () => {
@@ -141,6 +151,14 @@ export const RequestRedeemModal: FC<RequestRedeemModalProps> = ({
       setSelectedClaim(null);
       handleResetAmount();
       refetchLpTokenAmount();
+      if (
+        widgetNavigationRef.current?.currentViewId !==
+        RequestRedeemModalView.REQUEST_WITHDRAW
+      ) {
+        widgetNavigationRef.current?.goToView(
+          RequestRedeemModalView.REQUEST_WITHDRAW,
+        );
+      }
     },
   });
 
@@ -227,6 +245,7 @@ export const RequestRedeemModal: FC<RequestRedeemModalProps> = ({
         <JumperWidget
           views={views}
           statusSheet={statusSheet}
+          onNavigationReady={handleWidgetNavigationReady}
           style={widgetStyle}
         />
       ) : null}