@n1xyz/wallet-widget 0.0.1 → 0.0.5

package/dist/Modal/NordFlow/hooks/useDepositFlow.js

@@ -0,0 +1,365 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+import { useCallback, useEffect, useState } from 'react';
+import { FlowState } from '../types';
+import { AVAILABLE_CHAINS } from '../constants';
+import { getExplorerUrl } from '../../../Logic/transactionManager';
+import { useN1WalletContext, useN1WalletInternalContext } from '../../../Provider/hooks';
+import { N1SessionMode } from '../../../Provider/types';
+import { isNordConfigured } from '../utils/nordUtils';
+import { useNordInstance } from './useNordInstance';
+/**
+ * Hook for handling the deposit flow
+ *
+ * @param options Configuration options
+ * @returns Deposit flow methods and state
+ */
+export var useDepositFlow = function (options) {
+    var _a = useState(null), txId = _a[0], setTxId = _a[1];
+    var state = options.state, context = options.context, transition = options.transition, handleError = options.handleError;
+    var _b = useN1WalletContext(), address = _b.address, nord = _b.nord, signMessageWithWalletKey = _b.signMessageWithWalletKey, signMessageWithSessionKey = _b.signMessageWithSessionKey, nordUser = _b.nordUser;
+    var sessionMode = useN1WalletInternalContext().sessionMode;
+    var instanceNordUser = useNordInstance().nordUser;
+    var _c = useState(context.selectedChain), selectedChain = _c[0], setSelectedChain = _c[1];
+    var _d = useState(context.amount), amount = _d[0], setAmount = _d[1];
+    var _e = useState(false), isDepositing = _e[0], setIsDepositing = _e[1];
+    var _f = useState(context.transactionId), transactionId = _f[0], setTransactionId = _f[1];
+    var _g = useState(null), transactionResult = _g[0], setTransactionResult = _g[1];
+    // Use the nordUser from context, falling back to the one from useNordInstance
+    var currentNordUser = nordUser || instanceNordUser;
+    useEffect(function () {
+        if (txId) {
+            // Transition to the appropriate screen based on whether user has an active session
+            if (context.hasActiveSession) {
+                // If user has an active session, go directly to FINAL_SUCCESS
+                transition(FlowState.FINAL_SUCCESS, { transactionId: txId });
+            }
+            else {
+                // Check if there's a sessionId stored in localStorage
+                var sessionIdKey = "n1_sessionId_".concat(address);
+                var storedSessionId = localStorage.getItem(sessionIdKey);
+                if (storedSessionId !== null) {
+                    // If we have a sessionId in localStorage (even if it's 0), go directly to FINAL_SUCCESS
+                    transition(FlowState.FINAL_SUCCESS, { transactionId: txId });
+                }
+                else {
+                    // If user doesn't have an active session and no sessionId in localStorage, go to DEPOSIT_SUCCESS first
+                    transition(FlowState.DEPOSIT_SUCCESS, { transactionId: txId });
+                }
+            }
+            setTxId(null);
+        }
+    }, [txId, transition, context.hasActiveSession, address]);
+    /**
+     * Select a chain for deposit
+     */
+    var selectChain = useCallback(function (chainId) {
+        var validChain = AVAILABLE_CHAINS.find(function (chain) { return chain.id === chainId; });
+        if (!validChain) {
+            handleError(new Error("Invalid chain: ".concat(chainId)));
+            return;
+        }
+        setSelectedChain(chainId);
+        transition(FlowState.AMOUNT_INPUT, { selectedChain: chainId });
+    }, [transition, handleError]);
+    /**
+     * Update amount for deposit
+     */
+    var updateAmount = useCallback(function (newAmount) {
+        setAmount(newAmount);
+        // Only update the context without transitioning to the same state
+        // This prevents the "Transition from AMOUNT_INPUT to AMOUNT_INPUT is not allowed" error
+        if (state === FlowState.AMOUNT_INPUT) {
+            // Use updateContext function if available to update without state transition
+            if (options.updateContext) {
+                options.updateContext({ amount: newAmount });
+            }
+        }
+        else {
+            transition(state, { amount: newAmount });
+        }
+    }, [state, transition, options.updateContext]);
+    /**
+     * Start deposit process
+     */
+    var startDeposit = useCallback(function () { return __awaiter(void 0, void 0, void 0, function () {
+        var currentSessionMode, txId_1, usdcToken, accountInitialized, i, exists, result, depositError_1, error_1, error_2;
+        var _a;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    if (isDepositing)
+                        return [2 /*return*/];
+                    console.log("tah dah!");
+                    // Validate input
+                    if (!selectedChain) {
+                        handleError(new Error('No chain selected'));
+                        return [2 /*return*/];
+                    }
+                    if (!amount || parseFloat(amount) <= 0) {
+                        handleError(new Error('Invalid amount'));
+                        return [2 /*return*/];
+                    }
+                    if (!address) {
+                        handleError(new Error('No wallet address found'));
+                        return [2 /*return*/];
+                    }
+                    setIsDepositing(true);
+                    transition(FlowState.DEPOSIT_PROGRESS);
+                    _b.label = 1;
+                case 1:
+                    _b.trys.push([1, 18, , 19]);
+                    currentSessionMode = sessionMode !== null && sessionMode !== void 0 ? sessionMode : N1SessionMode.NTS;
+                    txId_1 = '';
+                    if (!(currentNordUser && nord && isNordConfigured(nord))) return [3 /*break*/, 16];
+                    _b.label = 2;
+                case 2:
+                    _b.trys.push([2, 14, , 15]);
+                    usdcToken = nord.tokens.find(function (t) { return t.symbol === 'USDC'; });
+                    if (!usdcToken) {
+                        throw new Error('USDC token not found');
+                    }
+                    _b.label = 3;
+                case 3:
+                    _b.trys.push([3, 12, , 13]);
+                    if (!(typeof currentNordUser.depositSpl === 'function')) return [3 /*break*/, 10];
+                    return [4 /*yield*/, currentNordUser.depositSpl(parseFloat(amount), usdcToken.tokenId)];
+                case 4:
+                    txId_1 = _b.sent();
+                    accountInitialized = false;
+                    i = 0;
+                    _b.label = 5;
+                case 5:
+                    if (!(i < 70)) return [3 /*break*/, 9];
+                    return [4 /*yield*/, (nord === null || nord === void 0 ? void 0 : nord.accountExists(address))];
+                case 6:
+                    exists = _b.sent();
+                    if (exists) {
+                        accountInitialized = true;
+                        return [3 /*break*/, 9];
+                    }
+                    return [4 /*yield*/, new Promise(function (resolve) { return setTimeout(resolve, 5000); })];
+                case 7:
+                    _b.sent();
+                    _b.label = 8;
+                case 8:
+                    i++;
+                    return [3 /*break*/, 5];
+                case 9:
+                    if (!accountInitialized) {
+                        throw new Error('Account failed to intialize on N1.');
+                    }
+                    console.log('Deposit successful using Nord-TS', txId_1);
+                    // Make sure we have a valid chain ID
+                    if (selectedChain) {
+                        result = {
+                            success: true,
+                            transactionId: txId_1,
+                            amount: amount,
+                            tokenSymbol: 'USDC', // Default to USDC for now
+                            fromAddress: address || 'Your Wallet',
+                            toAddress: currentSessionMode === N1SessionMode.Nord ? 'Nord Account' : 'NTS Account',
+                            networkName: ((_a = AVAILABLE_CHAINS.find(function (chain) { return chain.id === selectedChain; })) === null || _a === void 0 ? void 0 : _a.name) || selectedChain,
+                            status: 'Completed',
+                            explorerUrl: getExplorerUrl(txId_1, selectedChain)
+                        };
+                        // Update state with transaction result
+                        setTransactionId(txId_1);
+                        setTransactionResult(result);
+                        console.log("yayayyay");
+                        setTxId(txId_1);
+                        return [2 /*return*/]; // Exit the function early since we've handled everything
+                    }
+                    else {
+                        throw new Error('No chain selected for deposit');
+                    }
+                    return [3 /*break*/, 11];
+                case 10: 
+                // If depositSpl doesn't exist, throw an error to fall back to mock implementation
+                throw new Error('depositSpl method not available');
+                case 11: return [3 /*break*/, 13];
+                case 12:
+                    depositError_1 = _b.sent();
+                    console.warn('Error using depositSpl, falling back to mock implementation:', depositError_1);
+                    setIsDepositing(false);
+                    return [3 /*break*/, 13];
+                case 13: return [3 /*break*/, 15];
+                case 14:
+                    error_1 = _b.sent();
+                    console.error('Error using Nord-TS for deposit:', error_1);
+                    throw error_1;
+                case 15: return [3 /*break*/, 17];
+                case 16:
+                    console.log("Nord configuration issue:", {
+                        hasNord: !!nord,
+                        isConfigured: nord ? isNordConfigured(nord) : false,
+                        hasAddress: !!address,
+                        hasWalletSignFn: !!signMessageWithWalletKey,
+                        hasSessionSignFn: !!signMessageWithSessionKey
+                    });
+                    throw new Error('Nord is not configured or user is not initialized');
+                case 17: return [3 /*break*/, 19];
+                case 18:
+                    error_2 = _b.sent();
+                    setIsDepositing(false);
+                    handleError(error_2 instanceof Error ? error_2 : new Error('Failed to process deposit'));
+                    return [3 /*break*/, 19];
+                case 19: return [2 /*return*/];
+            }
+        });
+    }); }, [
+        isDepositing,
+        selectedChain,
+        amount,
+        address,
+        sessionMode,
+        transition,
+        handleError,
+        nord,
+        signMessageWithWalletKey,
+        signMessageWithSessionKey,
+        currentNordUser
+    ]);
+    /**
+     * Complete the deposit process and move to the next screen
+     */
+    var completeDeposit = useCallback(function () {
+        // Check if user has an active session to determine the next state
+        if (context.hasActiveSession) {
+            // If user has an active session, go directly to FINAL_SUCCESS
+            transition(FlowState.FINAL_SUCCESS);
+        }
+        else {
+            // Check if there's a sessionId stored in localStorage
+            var sessionIdKey = "n1_sessionId_".concat(address);
+            var storedSessionId = localStorage.getItem(sessionIdKey);
+            if (storedSessionId !== null) {
+                // If we have a sessionId in localStorage (even if it's 0), go directly to FINAL_SUCCESS
+                transition(FlowState.FINAL_SUCCESS);
+            }
+            else {
+                // If user doesn't have an active session and no sessionId in localStorage, go to NORD_AUTH
+                transition(FlowState.AUTH_LOADING);
+            }
+        }
+    }, [context.hasActiveSession, transition, address]);
+    /**
+     * Go back to chain selection
+     */
+    var goBackToChainSelection = useCallback(function () {
+        setAmount('');
+        transition(FlowState.CHAIN_SELECTION, { amount: '' });
+    }, [transition]);
+    /**
+     * Update state based on context changes
+     */
+    useEffect(function () {
+        if (context.selectedChain !== selectedChain) {
+            setSelectedChain(context.selectedChain);
+        }
+        if (context.amount !== amount) {
+            setAmount(context.amount);
+        }
+        if (context.transactionId !== transactionId) {
+            setTransactionId(context.transactionId);
+        }
+    }, [
+        context.selectedChain,
+        context.amount,
+        context.transactionId,
+        selectedChain,
+        amount,
+        transactionId,
+    ]);
+    /**
+     * Auto-start deposit if in deposit progress state
+     */
+    useEffect(function () {
+        if (state === FlowState.DEPOSIT_PROGRESS &&
+            !isDepositing &&
+            !transactionId) {
+            startDeposit();
+        }
+    }, [state, isDepositing, transactionId, startDeposit]);
+    /**
+     * Get transaction details for display
+     */
+    var getTransactionDetails = useCallback(function () {
+        var _a;
+        // Ensure we have a valid session mode
+        var currentSessionMode = sessionMode !== null && sessionMode !== void 0 ? sessionMode : N1SessionMode.NTS;
+        // Determine account type based on session mode
+        var accountType = currentSessionMode === N1SessionMode.Nord ? 'Nord Account' : 'NTS Account';
+        if (!transactionResult) {
+            // If we don't have a transaction result yet, return default values
+            return {
+                amount: amount || '0',
+                tx: transactionId || 'Processing...',
+                from: address || 'Your Wallet',
+                to: accountType,
+                network: selectedChain ? ((_a = AVAILABLE_CHAINS.find(function (chain) { return chain.id === selectedChain; })) === null || _a === void 0 ? void 0 : _a.name) || selectedChain : 'Unknown',
+                status: 'Processing',
+                explorerUrl: '',
+            };
+        }
+        // Return actual transaction details
+        return {
+            amount: "".concat(transactionResult.amount, " ").concat(transactionResult.tokenSymbol),
+            tx: transactionResult.transactionId,
+            from: transactionResult.fromAddress,
+            to: transactionResult.toAddress,
+            network: transactionResult.networkName,
+            status: transactionResult.status,
+            explorerUrl: transactionResult.explorerUrl || getExplorerUrl(transactionResult.transactionId, selectedChain || ''),
+        };
+    }, [transactionResult, amount, transactionId, address, sessionMode, selectedChain]);
+    return {
+        selectedChain: selectedChain,
+        setSelectedChain: setSelectedChain,
+        amount: amount,
+        setAmount: setAmount,
+        isDepositing: isDepositing,
+        transactionId: transactionId,
+        transactionResult: transactionResult,
+        selectChain: selectChain,
+        updateAmount: updateAmount,
+        startDeposit: startDeposit,
+        completeDeposit: completeDeposit,
+        goBackToChainSelection: goBackToChainSelection,
+        getTransactionDetails: getTransactionDetails,
+    };
+};

package/dist/Modal/NordFlow/hooks/useFlowState.d.ts

@@ -0,0 +1,32 @@
+import { FlowContext, FlowState } from '../types';
+/**
+ * Custom hook for managing the wallet connection flow state machine
+ * @param options Configuration options
+ * @returns Flow state management methods and properties
+ */
+export declare const useFlowState: (options: {
+    /**
+     * Whether to automatically recover saved state on initialization
+     */
+    autoRecover?: boolean;
+    /**
+     * Callback when state changes
+     */
+    onStateChange?: (newState: FlowState, prevState: FlowState | null) => void;
+    /**
+     * Callback when an error occurs
+     */
+    onError?: (error: Error) => void;
+}) => {
+    state: FlowState;
+    prevState: FlowState | null;
+    context: FlowContext;
+    isTransitioning: boolean;
+    isRecoveryAvailable: boolean;
+    transition: (targetState: FlowState, contextUpdates?: Partial<FlowContext>) => boolean;
+    updateContext: (updates: Partial<FlowContext>) => void;
+    reset: () => void;
+    recover: () => boolean;
+    recordInterruption: () => void;
+    handleError: (error: Error) => void;
+};

package/dist/Modal/NordFlow/hooks/useFlowState.js

@@ -0,0 +1,166 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { useCallback, useEffect, useState } from 'react';
+import { FlowState, initialFlowContext } from '../types';
+import { STATE_TRANSITIONS } from '../constants';
+import { clearStoredState, loadStateFromLocalStorage, saveStateToLocalStorage, } from '../utils/persistence';
+/**
+ * Custom hook for managing the wallet connection flow state machine
+ * @param options Configuration options
+ * @returns Flow state management methods and properties
+ */
+export var useFlowState = function (options) {
+    var _a = options.autoRecover, autoRecover = _a === void 0 ? true : _a, onStateChange = options.onStateChange, onError = options.onError;
+    // Flow state
+    var _b = useState(FlowState.IDLE), state = _b[0], setState = _b[1];
+    var _c = useState(null), prevState = _c[0], setPrevState = _c[1];
+    var _d = useState(initialFlowContext), context = _d[0], setContext = _d[1];
+    var _e = useState(false), isTransitioning = _e[0], setIsTransitioning = _e[1];
+    var _f = useState(false), isRecoveryAvailable = _f[0], setIsRecoveryAvailable = _f[1];
+    /**
+     * Check if a transition is allowed based on current state and context
+     */
+    var canTransition = useCallback(function (targetState, context) {
+        return STATE_TRANSITIONS.some(function (transition) {
+            var fromMatches = Array.isArray(transition.from)
+                ? transition.from.includes(state)
+                : transition.from === state;
+            if (!fromMatches || transition.to !== targetState) {
+                return false;
+            }
+            if (transition.condition) {
+                return transition.condition(context);
+            }
+            return true;
+        });
+    }, [state, context]);
+    /**
+     * Transition to a new state if allowed
+     */
+    var transition = useCallback(function (targetState, contextUpdates) {
+        if (contextUpdates === void 0) { contextUpdates = {}; }
+        if (!canTransition(targetState, __assign(__assign({}, context), contextUpdates))) {
+            console.warn("Transition from ".concat(state, " to ").concat(targetState, " is not allowed"));
+            return false;
+        }
+        setIsTransitioning(true);
+        // Update context first
+        setContext(function (prevContext) {
+            var newContext = __assign(__assign({}, prevContext), contextUpdates);
+            // Save new state and context to localStorage for recovery
+            saveStateToLocalStorage(targetState, newContext);
+            return newContext;
+        });
+        // Then update state
+        setPrevState(state);
+        console.log(targetState, "targetState");
+        setState(targetState);
+        if (onStateChange) {
+            onStateChange(targetState, state);
+        }
+        setIsTransitioning(false);
+        return true;
+    }, [canTransition, state, onStateChange]);
+    /**
+     * Reset flow to initial state
+     */
+    var reset = useCallback(function () {
+        clearStoredState();
+        setContext(initialFlowContext);
+        setPrevState(null);
+        console.log("resetting");
+        setState(FlowState.IDLE);
+        if (onStateChange) {
+            onStateChange(FlowState.IDLE, state);
+        }
+    }, [state, onStateChange]);
+    /**
+     * Handle an error by transitioning to error state
+     */
+    var handleError = useCallback(function (error) {
+        if (onError) {
+            onError(error);
+        }
+        transition(FlowState.ERROR, { error: error });
+    }, [transition, onError]);
+    /**
+     * Recover state from localStorage
+     */
+    var recover = useCallback(function () {
+        var savedState = loadStateFromLocalStorage();
+        if (!savedState) {
+            setIsRecoveryAvailable(false);
+            return false;
+        }
+        setContext(savedState.context);
+        setPrevState(state);
+        console.log(savedState.state, "savedState.state");
+        setState(savedState.state);
+        if (onStateChange) {
+            onStateChange(savedState.state, state);
+        }
+        return true;
+    }, [state, onStateChange]);
+    /**
+     * Update context without state transition
+     */
+    var updateContext = useCallback(function (updates) {
+        setContext(function (prevContext) {
+            var newContext = __assign(__assign({}, prevContext), updates);
+            saveStateToLocalStorage(state, newContext);
+            return newContext;
+        });
+    }, [state]);
+    /**
+     * Record an interruption in the flow (e.g., modal close, page reload)
+     */
+    var recordInterruption = useCallback(function () {
+        updateContext({
+            lastInterruption: {
+                timestamp: Date.now(),
+                state: state,
+                context: __assign({}, context),
+            },
+        });
+    }, [state, context, updateContext]);
+    // Check for recoverable state on mount
+    useEffect(function () {
+        var hasRecoverable = loadStateFromLocalStorage() !== null;
+        setIsRecoveryAvailable(hasRecoverable);
+        if (autoRecover && hasRecoverable) {
+            recover();
+        }
+    }, [autoRecover, recover]);
+    // Register unload handler to record interruptions
+    useEffect(function () {
+        var handleBeforeUnload = function () {
+            recordInterruption();
+        };
+        window.addEventListener('beforeunload', handleBeforeUnload);
+        return function () {
+            window.removeEventListener('beforeunload', handleBeforeUnload);
+        };
+    }, [recordInterruption]);
+    return {
+        state: state,
+        prevState: prevState,
+        context: context,
+        isTransitioning: isTransitioning,
+        isRecoveryAvailable: isRecoveryAvailable,
+        transition: transition,
+        updateContext: updateContext,
+        reset: reset,
+        recover: recover,
+        recordInterruption: recordInterruption,
+        handleError: handleError,
+    };
+};

package/dist/Modal/NordFlow/hooks/useInterruptHandler.d.ts

@@ -0,0 +1,24 @@
+import { FlowState } from '../types';
+/**
+ * Hook for handling interruptions during the flow
+ *
+ * @param options Configuration options
+ * @returns Interruption handling methods and state
+ */
+export declare const useInterruptHandler: (options: {
+    /**
+     * Flow state
+     */
+    state: FlowState;
+    /**
+     * Record an interruption
+     */
+    recordInterruption: () => void;
+    /**
+     * Callback to handle modal close
+     */
+    onClose?: () => void;
+}) => {
+    isClosing: boolean;
+    handleCloseRequest: () => true;
+};

package/dist/Modal/NordFlow/hooks/useInterruptHandler.js

@@ -0,0 +1,56 @@
+import { useCallback, useEffect, useState } from 'react';
+/**
+ * Hook for handling interruptions during the flow
+ *
+ * @param options Configuration options
+ * @returns Interruption handling methods and state
+ */
+export var useInterruptHandler = function (options) {
+    var state = options.state, recordInterruption = options.recordInterruption, onClose = options.onClose;
+    var _a = useState(false), isClosing = _a[0], setIsClosing = _a[1];
+    /**
+     * Handle modal close request
+     */
+    var handleCloseRequest = useCallback(function () {
+        // Always proceed with closing
+        setIsClosing(true);
+        recordInterruption();
+        // Delay actual close to allow animation
+        setTimeout(function () {
+            if (onClose) {
+                onClose();
+            }
+        }, 300);
+        return true;
+    }, [recordInterruption, onClose]);
+    /**
+     * Handle beforeunload event to record interruptions
+     */
+    useEffect(function () {
+        var handleBeforeUnload = function (event) {
+            // Record the interruption
+            recordInterruption();
+        };
+        window.addEventListener('beforeunload', handleBeforeUnload);
+        return function () {
+            window.removeEventListener('beforeunload', handleBeforeUnload);
+        };
+    }, [recordInterruption]);
+    /**
+     * Handle focus events to detect when user returns to the page
+     */
+    useEffect(function () {
+        var handleFocus = function () {
+            // Here we could potentially check for state changes
+            // that happened while the user was away
+        };
+        window.addEventListener('focus', handleFocus);
+        return function () {
+            window.removeEventListener('focus', handleFocus);
+        };
+    }, []);
+    return {
+        isClosing: isClosing,
+        handleCloseRequest: handleCloseRequest,
+    };
+};

package/dist/Modal/NordFlow/hooks/useNordInstance.d.ts

@@ -0,0 +1,10 @@
+import { NordUser } from '@n1xyz/nord-ts';
+/**
+ * Hook to access the Nord instance and create a NordUser if needed
+ */
+export declare const useNordInstance: () => {
+    nord: import("@n1xyz/nord-ts").Nord | undefined;
+    createNordUser: () => Promise<NordUser | null>;
+    nordUser: any;
+    createTransactionSignFunction: () => (transaction: any) => Promise<any>;
+};