@n1xyz/wallet-widget 0.0.30 → 0.0.33-alpha.0

package/dist/features/onboarding-flow/providers/OnboardingStateProvider.js

@@ -0,0 +1,185 @@
+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 { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useCallback, useContext, useEffect, useMemo, useReducer, useRef, useState, } from 'react';
+import { OnboardingStep, initialOnboardingContext, } from '../types';
+import { logger } from '../../../utils/logger';
+import { useN1WalletContext, useN1WalletInternalContext } from '../../../hooks';
+import { N1ModalViewMode } from '../../../types/wallet';
+import { DEBUG_VIEW_TO_FLOW } from './debug';
+import { createInitialOnboardingState, onboardingStateReducer, } from './onboardingStateMachine';
+var OnboardingStateContext = createContext(undefined);
+/**
+ * Provider component for the onboarding state machine
+ */
+export var OnboardingStateProvider = function (_a) {
+    var children = _a.children;
+    var _b = useReducer(onboardingStateReducer, undefined, createInitialOnboardingState), machineState = _b[0], dispatch = _b[1];
+    var state = machineState.state, context = machineState.context;
+    var _c = useState(false), isClosing = _c[0], setIsClosing = _c[1];
+    var _d = useState(false), isDebugOverride = _d[0], setIsDebugOverride = _d[1];
+    var contextRef = useRef(context);
+    var debugOverrideRef = useRef(false);
+    var lastDepositRequestRef = useRef(0);
+    var prevStateRef = useRef(null);
+    var _e = useN1WalletContext(), nordUser = _e.nordUser, viewMode = _e.viewMode;
+    var _f = useN1WalletInternalContext(), dynamicSdkHasLoaded = _f.dynamicSdkHasLoaded, depositFlowRequestId = _f.depositFlowRequestId, dynamicWallet = _f.dynamicWallet;
+    useEffect(function () {
+        contextRef.current = context;
+    }, [context]);
+    var guardedDispatch = useCallback(function (action) {
+        if (isDebugOverride) {
+            logger.debug("Transition suppressed (debug override \u2192 ".concat(N1ModalViewMode[viewMode], ")"));
+            return;
+        }
+        if (!dynamicSdkHasLoaded) {
+            logger.debug("Ignoring action ".concat(action.type, " until Dynamic SDK is ready"));
+            return;
+        }
+        dispatch(action);
+    }, [dynamicSdkHasLoaded, isDebugOverride, viewMode]);
+    useEffect(function () {
+        var prevState = prevStateRef.current;
+        if (prevState && prevState !== state) {
+            logger.debug("State changed from ".concat(prevState, " to ").concat(state));
+        }
+        prevStateRef.current = state;
+        if (state === OnboardingStep.CONNECTING_WALLET) {
+            forcedAuthRequestedRef.current = false;
+        }
+    }, [state]);
+    var forcedAuthRequestedRef = useRef(false);
+    useEffect(function () {
+        if (!dynamicWallet ||
+            state !== OnboardingStep.CONNECTING_WALLET ||
+            context.isDepositOnlyFlow ||
+            forcedAuthRequestedRef.current ||
+            !context.hasNordAccount) {
+            return;
+        }
+        forcedAuthRequestedRef.current = true;
+        guardedDispatch({
+            type: 'GO_TO_AUTH',
+            hasNordAccount: context.hasNordAccount || undefined,
+        });
+    }, [dynamicWallet, state, context.isDepositOnlyFlow, context.hasNordAccount, guardedDispatch]);
+    var updateContext = useCallback(function (updates) {
+        if (!updates || Object.keys(updates).length === 0) {
+            return;
+        }
+        var prev = contextRef.current;
+        var hasChanges = Object.keys(updates).some(function (key) { return prev[key] !== updates[key]; });
+        if (!hasChanges) {
+            return;
+        }
+        dispatch({ type: 'SET_CONTEXT', updates: updates });
+    }, [dispatch]);
+    var actions = useMemo(function () { return ({
+        updateContext: updateContext,
+        goToChainSelection: function (options) {
+            var _a;
+            return guardedDispatch({
+                type: 'GO_TO_CHAIN_SELECTION',
+                resetSelection: (_a = options === null || options === void 0 ? void 0 : options.resetSelection) !== null && _a !== void 0 ? _a : false,
+            });
+        },
+        selectChain: function (selection) {
+            return guardedDispatch({ type: 'SELECT_CHAIN', selection: selection });
+        },
+        startDeposit: function () { return guardedDispatch({ type: 'START_DEPOSIT' }); },
+        markDepositSuccess: function (payload) {
+            return guardedDispatch({ type: 'DEPOSIT_SUCCESS', payload: payload });
+        },
+        markDepositFailed: function (message) {
+            return guardedDispatch({ type: 'DEPOSIT_FAILED', message: message });
+        },
+        requireAuth: function (options) {
+            return guardedDispatch({
+                type: 'GO_TO_AUTH',
+                hasNordAccount: options === null || options === void 0 ? void 0 : options.hasNordAccount,
+            });
+        },
+        completeFlow: function (options) {
+            return guardedDispatch({
+                type: 'COMPLETE_FLOW',
+                hasActiveSession: options === null || options === void 0 ? void 0 : options.hasActiveSession,
+                hasNordAccount: options === null || options === void 0 ? void 0 : options.hasNordAccount,
+            });
+        },
+        setErrorState: function (error) { return guardedDispatch({ type: 'SET_ERROR', error: error }); },
+        resetFlow: function (overrideContext) {
+            return guardedDispatch({ type: 'RESET', context: overrideContext });
+        },
+    }); }, [guardedDispatch, updateContext]);
+    useEffect(function () {
+        if (!depositFlowRequestId ||
+            depositFlowRequestId === lastDepositRequestRef.current) {
+            return;
+        }
+        lastDepositRequestRef.current = depositFlowRequestId;
+        if (!nordUser || !nordUser.sessionId) {
+            logger.warn('Ignoring deposit flow request without an active Nord session');
+            return;
+        }
+        var nextContext = __assign(__assign({}, initialOnboardingContext), { hasNordAccount: true, hasActiveSession: true, isDepositOnlyFlow: true });
+        debugOverrideRef.current = false;
+        setIsDebugOverride(false);
+        dispatch({ type: 'RESET', context: nextContext });
+        dispatch({ type: 'GO_TO_CHAIN_SELECTION', resetSelection: false });
+        setIsClosing(false);
+        logger.debug('Deposit-only flow activated');
+    }, [depositFlowRequestId, nordUser, dispatch]);
+    // Debug-only: allow external callers (e.g. UI playground) to jump to a specific view
+    useEffect(function () {
+        var debugTarget = viewMode === N1ModalViewMode.Automatic ? undefined : DEBUG_VIEW_TO_FLOW[viewMode];
+        if (debugTarget) {
+            debugOverrideRef.current = true;
+            setIsDebugOverride(true);
+            var snapshot = {
+                state: debugTarget.state,
+                context: debugTarget.context,
+            };
+            dispatch({ type: 'APPLY_SNAPSHOT', snapshot: snapshot });
+            logger.debug("Debug view override: ".concat(N1ModalViewMode[viewMode], " \u2192 ").concat(debugTarget.state));
+            return;
+        }
+        if (debugOverrideRef.current) {
+            debugOverrideRef.current = false;
+            setIsDebugOverride(false);
+            dispatch({
+                type: 'APPLY_SNAPSHOT',
+                snapshot: createInitialOnboardingState(),
+            });
+            logger.debug('Debug view override cleared; returning to state machine');
+        }
+    }, [viewMode, dispatch]);
+    var contextValue = {
+        state: state,
+        context: context,
+        isClosing: isClosing,
+        isDebugOverride: isDebugOverride,
+        actions: actions,
+        updateContext: updateContext,
+    };
+    return (_jsx(OnboardingStateContext.Provider, { value: contextValue, children: children }));
+};
+/**
+ * Custom hook to use the onboarding state context
+ */
+export var useOnboardingState = function () {
+    var contextValue = useContext(OnboardingStateContext);
+    if (contextValue === undefined) {
+        throw new Error('useOnboardingState must be used within an OnboardingStateProvider');
+    }
+    return contextValue;
+};
+//# sourceMappingURL=OnboardingStateProvider.js.map

package/dist/features/onboarding-flow/providers/OnboardingStateProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OnboardingStateProvider.js","sourceRoot":"","sources":["../../../../src/features/onboarding-flow/providers/OnboardingStateProvider.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, {\n  createContext,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useReducer,\n  useRef,\n  useState,\n} from 'react';\nimport {\n  OnboardingContext,\n  OnboardingStep,\n  StoredDepositRecord,\n  initialOnboardingContext,\n} from '../types';\nimport { logger } from '../../../utils/logger';\nimport { useN1WalletContext, useN1WalletInternalContext } from '../../../hooks';\nimport { N1ModalViewMode } from '../../../types/wallet';\nimport { DEBUG_VIEW_TO_FLOW } from './debug';\nimport {\n  OnboardingStateAction,\n  OnboardingStateSnapshot,\n  createInitialOnboardingState,\n  onboardingStateReducer,\n} from './onboardingStateMachine';\n\nexport interface OnboardingStateActions {\n  updateContext: (updates: Partial<OnboardingContext>) => void;\n  goToChainSelection: (options?: { resetSelection?: boolean }) => void;\n  selectChain: (selection: {\n    id: string;\n    name: string;\n    network?: string | null;\n  }) => void;\n  startDeposit: () => void;\n  markDepositSuccess: (payload: {\n    transactionId: string;\n    record: StoredDepositRecord;\n  }) => void;\n  markDepositFailed: (message: string) => void;\n  requireAuth: (options?: { hasNordAccount?: boolean }) => void;\n  completeFlow: (options?: {\n    hasActiveSession?: boolean;\n    hasNordAccount?: boolean;\n  }) => void;\n  setErrorState: (error: Error) => void;\n  resetFlow: (overrideContext?: OnboardingContext) => void;\n}\n\nexport interface OnboardingStateValue {\n  state: OnboardingStep;\n  context: OnboardingContext;\n  isClosing: boolean;\n  isDebugOverride: boolean;\n  actions: OnboardingStateActions;\n  updateContext: (updates: Partial<OnboardingContext>) => void;\n}\n\nconst OnboardingStateContext = createContext<OnboardingStateValue | undefined>(undefined);\n\ninterface OnboardingStateProviderProps {\n  children: React.ReactNode;\n}\n\n/**\n * Provider component for the onboarding state machine\n */\nexport const OnboardingStateProvider: React.FC<OnboardingStateProviderProps> = ({\n  children,\n}) => {\n  const [machineState, dispatch] = useReducer(\n    onboardingStateReducer,\n    undefined,\n    createInitialOnboardingState\n  );\n  const { state, context } = machineState;\n  const [isClosing, setIsClosing] = useState(false);\n  const [isDebugOverride, setIsDebugOverride] = useState(false);\n\n  const contextRef = useRef<OnboardingContext>(context);\n  const debugOverrideRef = useRef(false);\n  const lastDepositRequestRef = useRef(0);\n  const prevStateRef = useRef<OnboardingStep | null>(null);\n\n  const { nordUser, viewMode } = useN1WalletContext();\n  const { dynamicSdkHasLoaded, depositFlowRequestId, dynamicWallet } = useN1WalletInternalContext();\n\n  useEffect(() => {\n    contextRef.current = context;\n  }, [context]);\n\n  const guardedDispatch = useCallback(\n    (action: OnboardingStateAction) => {\n      if (isDebugOverride) {\n        logger.debug(\n          `Transition suppressed (debug override → ${N1ModalViewMode[viewMode]})`\n        );\n        return;\n      }\n\n      if (!dynamicSdkHasLoaded) {\n        logger.debug(\n          `Ignoring action ${action.type} until Dynamic SDK is ready`\n        );\n        return;\n      }\n\n      dispatch(action);\n    },\n    [dynamicSdkHasLoaded, isDebugOverride, viewMode]\n  );\n\n  useEffect(() => {\n    const prevState = prevStateRef.current;\n    if (prevState && prevState !== state) {\n      logger.debug(`State changed from ${prevState} to ${state}`);\n    }\n    prevStateRef.current = state;\n    if (state === OnboardingStep.CONNECTING_WALLET) {\n      forcedAuthRequestedRef.current = false;\n    }\n  }, [state]);\n\n  const forcedAuthRequestedRef = useRef(false);\n\n  useEffect(() => {\n    if (\n      !dynamicWallet ||\n      state !== OnboardingStep.CONNECTING_WALLET ||\n      context.isDepositOnlyFlow ||\n      forcedAuthRequestedRef.current ||\n      !context.hasNordAccount\n    ) {\n      return;\n    }\n\n    forcedAuthRequestedRef.current = true;\n    guardedDispatch({\n      type: 'GO_TO_AUTH',\n      hasNordAccount: context.hasNordAccount || undefined,\n    });\n  }, [dynamicWallet, state, context.isDepositOnlyFlow, context.hasNordAccount, guardedDispatch]);\n\n  const updateContext = useCallback(\n    (updates: Partial<OnboardingContext>) => {\n      if (!updates || Object.keys(updates).length === 0) {\n        return;\n      }\n\n      const prev = contextRef.current;\n      const hasChanges = (Object.keys(updates) as Array<keyof OnboardingContext>).some(\n        (key) => prev[key] !== updates[key]\n      );\n\n      if (!hasChanges) {\n        return;\n      }\n\n      dispatch({ type: 'SET_CONTEXT', updates });\n    },\n    [dispatch]\n  );\n\n  const actions = useMemo<OnboardingStateActions>(\n    () => ({\n      updateContext,\n      goToChainSelection: (options) =>\n        guardedDispatch({\n          type: 'GO_TO_CHAIN_SELECTION',\n          resetSelection: options?.resetSelection ?? false,\n        }),\n      selectChain: (selection) =>\n        guardedDispatch({ type: 'SELECT_CHAIN', selection }),\n      startDeposit: () => guardedDispatch({ type: 'START_DEPOSIT' }),\n      markDepositSuccess: (payload) =>\n        guardedDispatch({ type: 'DEPOSIT_SUCCESS', payload }),\n      markDepositFailed: (message) =>\n        guardedDispatch({ type: 'DEPOSIT_FAILED', message }),\n      requireAuth: (options) =>\n        guardedDispatch({\n          type: 'GO_TO_AUTH',\n          hasNordAccount: options?.hasNordAccount,\n        }),\n      completeFlow: (options) =>\n        guardedDispatch({\n          type: 'COMPLETE_FLOW',\n          hasActiveSession: options?.hasActiveSession,\n          hasNordAccount: options?.hasNordAccount,\n        }),\n      setErrorState: (error) => guardedDispatch({ type: 'SET_ERROR', error }),\n      resetFlow: (overrideContext) =>\n        guardedDispatch({ type: 'RESET', context: overrideContext }),\n    }),\n    [guardedDispatch, updateContext]\n  );\n\n  useEffect(() => {\n    if (\n      !depositFlowRequestId ||\n      depositFlowRequestId === lastDepositRequestRef.current\n    ) {\n      return;\n    }\n\n    lastDepositRequestRef.current = depositFlowRequestId;\n\n    if (!nordUser || !nordUser.sessionId) {\n      logger.warn('Ignoring deposit flow request without an active Nord session');\n      return;\n    }\n\n    const nextContext: OnboardingContext = {\n      ...initialOnboardingContext,\n      hasNordAccount: true,\n      hasActiveSession: true,\n      isDepositOnlyFlow: true,\n    };\n\n    debugOverrideRef.current = false;\n    setIsDebugOverride(false);\n    dispatch({ type: 'RESET', context: nextContext });\n    dispatch({ type: 'GO_TO_CHAIN_SELECTION', resetSelection: false });\n    setIsClosing(false);\n    logger.debug('Deposit-only flow activated');\n  }, [depositFlowRequestId, nordUser, dispatch]);\n\n  // Debug-only: allow external callers (e.g. UI playground) to jump to a specific view\n  useEffect(() => {\n    const debugTarget =\n      viewMode === N1ModalViewMode.Automatic ? undefined : DEBUG_VIEW_TO_FLOW[viewMode];\n\n    if (debugTarget) {\n      debugOverrideRef.current = true;\n      setIsDebugOverride(true);\n      const snapshot: OnboardingStateSnapshot = {\n        state: debugTarget.state,\n        context: debugTarget.context,\n      };\n      dispatch({ type: 'APPLY_SNAPSHOT', snapshot });\n      logger.debug(\n        `Debug view override: ${N1ModalViewMode[viewMode]} → ${debugTarget.state}`\n      );\n      return;\n    }\n\n    if (debugOverrideRef.current) {\n      debugOverrideRef.current = false;\n      setIsDebugOverride(false);\n      dispatch({\n        type: 'APPLY_SNAPSHOT',\n        snapshot: createInitialOnboardingState(),\n      });\n      logger.debug('Debug view override cleared; returning to state machine');\n    }\n  }, [viewMode, dispatch]);\n\n  const contextValue: OnboardingStateValue = {\n    state,\n    context,\n    isClosing,\n    isDebugOverride,\n    actions,\n    updateContext,\n  };\n\n  return (\n    <OnboardingStateContext.Provider value={contextValue}>\n      {children}\n    </OnboardingStateContext.Provider>\n  );\n};\n\n/**\n * Custom hook to use the onboarding state context\n */\nexport const useOnboardingState = (): OnboardingStateValue => {\n  const contextValue = useContext(OnboardingStateContext);\n\n  if (contextValue === undefined) {\n    throw new Error('useOnboardingState must be used within an OnboardingStateProvider');\n  }\n\n  return contextValue;\n};\n"]}

package/dist/features/onboarding-flow/providers/StateProvider.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+interface OnboardingProviderProps {
+    children: React.ReactNode;
+}
+/**
+ * A provider component that combines OnboardingStateProvider, WalletConnectionProvider, and DepositFlowProvider
+ * into a single wrapper component for easier implementation.
+ */
+export declare const StateProvider: React.FC<OnboardingProviderProps>;
+export default StateProvider;

package/dist/features/onboarding-flow/providers/StateProvider.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { OnboardingStateProvider } from './OnboardingStateProvider';
+import { WalletConnectionProvider } from './WalletConnectionProvider';
+import { DepositFlowProvider } from './DepositFlowProvider';
+/**
+ * A provider component that combines OnboardingStateProvider, WalletConnectionProvider, and DepositFlowProvider
+ * into a single wrapper component for easier implementation.
+ */
+export var StateProvider = function (_a) {
+    var children = _a.children;
+    return (_jsx(OnboardingStateProvider, { children: _jsx(WalletConnectionProvider, { children: _jsx(DepositFlowProvider, { children: children }) }) }));
+};
+export default StateProvider;
+//# sourceMappingURL=StateProvider.js.map

package/dist/features/onboarding-flow/providers/StateProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StateProvider.js","sourceRoot":"","sources":["../../../../src/features/onboarding-flow/providers/StateProvider.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAM5D;;;GAGG;AACH,MAAM,CAAC,IAAM,aAAa,GAAsC,UAAC,EAAY;QAAV,QAAQ,cAAA;IACzE,OAAO,CACL,KAAC,uBAAuB,cACtB,KAAC,wBAAwB,cACvB,KAAC,mBAAmB,cACjB,QAAQ,GACW,GACG,GACH,CAC3B,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC","sourcesContent":["import React from 'react';\nimport { OnboardingStateProvider } from './OnboardingStateProvider';\nimport { WalletConnectionProvider } from './WalletConnectionProvider';\nimport { DepositFlowProvider } from './DepositFlowProvider';\n\ninterface OnboardingProviderProps {\n  children: React.ReactNode;\n}\n\n/**\n * A provider component that combines OnboardingStateProvider, WalletConnectionProvider, and DepositFlowProvider\n * into a single wrapper component for easier implementation.\n */\nexport const StateProvider: React.FC<OnboardingProviderProps> = ({ children }) => {\n  return (\n    <OnboardingStateProvider>\n      <WalletConnectionProvider>\n        <DepositFlowProvider>\n          {children}\n        </DepositFlowProvider>\n      </WalletConnectionProvider>\n    </OnboardingStateProvider>\n  );\n};\n\nexport default StateProvider;\n"]}

package/dist/features/onboarding-flow/providers/WalletConnectionProvider.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+export declare const FLOW_STATE_STORAGE_KEY = "n1_wallet_connection_flow_state";
+export interface WalletConnectionContextValue {
+    isConnecting: boolean;
+    connectWallet: () => Promise<void>;
+    disconnectWallet: () => void;
+}
+interface WalletConnectionProviderProps {
+    children: React.ReactNode;
+}
+/**
+ * Provider component for the wallet connection context
+ */
+export declare const WalletConnectionProvider: React.FC<WalletConnectionProviderProps>;
+/**
+ * Custom hook to use the wallet connection context
+ * @returns The wallet connection context value
+ * @throws Error if used outside of a WalletConnectionProvider
+ */
+export declare const useWalletConnection: () => WalletConnectionContextValue;
+export {};

package/dist/features/onboarding-flow/providers/WalletConnectionProvider.js

@@ -0,0 +1,394 @@
+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 { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useCallback, useContext, useEffect, useRef, useState } from 'react';
+import { useN1WalletContext, useN1WalletInternalContext } from '../../../hooks';
+import { logger } from '../../../utils/logger';
+import { OnboardingStep, initialOnboardingContext } from '../types';
+import { useOnboardingState } from './OnboardingStateProvider';
+import { clearLastDepositRecord, readLastDepositRecord } from '../utils/depositStorage';
+import { N1ModalViewMode } from '../../../types/wallet';
+import { removeKeysFromLocalStorage } from '../utils/utils';
+export var FLOW_STATE_STORAGE_KEY = 'n1_wallet_connection_flow_state';
+// Create the context with a default value
+var WalletConnectionContext = createContext(undefined);
+/**
+ * Provider component for the wallet connection context
+ */
+export var WalletConnectionProvider = function (_a) {
+    var children = _a.children;
+    var _b = useN1WalletContext(), nord = _b.nord, nordUser = _b.nordUser, address = _b.address, setShowLogin = _b.setShowLogin, showLogin = _b.showLogin;
+    var _c = useN1WalletInternalContext(), showDynamicWidget = _c.showDynamicWidget, dynamicWallet = _c.dynamicWallet, setIsConnected = _c.setIsConnected, dynamicSdkHasLoaded = _c.dynamicSdkHasLoaded, dynamicHandleLogOut = _c.dynamicHandleLogOut, setAddress = _c.setAddress, setBalances = _c.setBalances, setChain = _c.setChain, setDynamicWallet = _c.setDynamicWallet, setSessionPubKey = _c.setSessionPubKey, setSignMessageWithSessionKey = _c.setSignMessageWithSessionKey, setSignMessageWithWalletKey = _c.setSignMessageWithWalletKey, setSignTransactionWithWalletKey = _c.setSignTransactionWithWalletKey, setNordUser = _c.setNordUser, setViewMode = _c.setViewMode, setWalletPubKey = _c.setWalletPubKey, setUsername = _c.setUsername, setUserChain = _c.setUserChain, setStartClosingLogin = _c.setStartClosingLogin, setDisconnectWalletHandler = _c.setDisconnectWalletHandler;
+    // Get flow context
+    var _d = useOnboardingState(), state = _d.state, context = _d.context, flowActions = _d.actions, updateContext = _d.updateContext;
+    var _e = useState(false), isConnecting = _e[0], setIsConnecting = _e[1];
+    var dynamicWidgetRequestedRef = useRef(false);
+    // Use refs to track previous values
+    var processedWalletAddressRef = useRef(null);
+    var prevNordUserRef = useRef(nordUser);
+    var prevSessionIdRef = useRef((nordUser === null || nordUser === void 0 ? void 0 : nordUser.sessionId) ? nordUser.sessionId.toString() : null);
+    var prevStateRef = useRef(state);
+    var reportedNordClientErrorRef = useRef(false);
+    var clearWalletCache = useCallback(function () {
+        if (typeof window === 'undefined') {
+            return;
+        }
+        try {
+            if (address) {
+                var sessionIdKey = "n1_sessionId_".concat(address);
+                window.localStorage.removeItem(sessionIdKey);
+                removeKeysFromLocalStorage(address);
+            }
+            window.localStorage.removeItem(FLOW_STATE_STORAGE_KEY);
+            clearLastDepositRecord(address);
+            updateContext(initialOnboardingContext);
+            logger.debug('Cleared wallet cache for address', { address: address });
+        }
+        catch (error) {
+            logger.warn('Failed to clear wallet cache', error);
+        }
+    }, [address, updateContext]);
+    var closeDynamicWidget = useCallback(function () {
+        if (!dynamicWidgetRequestedRef.current) {
+            return;
+        }
+        if (showDynamicWidget) {
+            try {
+                showDynamicWidget(false);
+            }
+            catch (error) {
+                logger.warn('Failed to close Dynamic widget', error);
+            }
+        }
+        dynamicWidgetRequestedRef.current = false;
+    }, [showDynamicWidget]);
+    /**
+     * Disconnect wallet
+     */
+    var disconnectWallet = useCallback(function () {
+        logger.debug('Disconnecting wallet');
+        try {
+            clearWalletCache();
+            dynamicHandleLogOut === null || dynamicHandleLogOut === void 0 ? void 0 : dynamicHandleLogOut();
+            closeDynamicWidget();
+        }
+        catch (error) {
+            logger.warn('Error during wallet disconnect', error);
+        }
+        processedWalletAddressRef.current = null;
+        setIsConnected(false);
+        setAddress('');
+        setBalances([]);
+        setChain('');
+        setDynamicWallet(null);
+        setSessionPubKey(null);
+        setWalletPubKey(null);
+        setSignMessageWithSessionKey(null);
+        setSignMessageWithWalletKey(null);
+        setSignTransactionWithWalletKey(null);
+        setUserChain(null);
+        setUsername('');
+        setNordUser(null);
+        setViewMode(N1ModalViewMode.Automatic);
+        setShowLogin(false);
+        setStartClosingLogin(false);
+        flowActions.resetFlow();
+    }, [
+        clearWalletCache,
+        closeDynamicWidget,
+        dynamicHandleLogOut,
+        setAddress,
+        setBalances,
+        setChain,
+        setDynamicWallet,
+        setIsConnected,
+        setNordUser,
+        setSessionPubKey,
+        setShowLogin,
+        setSignMessageWithSessionKey,
+        setSignMessageWithWalletKey,
+        setSignTransactionWithWalletKey,
+        setStartClosingLogin,
+        setUserChain,
+        setUsername,
+        setViewMode,
+        setWalletPubKey,
+        flowActions,
+    ]);
+    useEffect(function () {
+        setDisconnectWalletHandler(function () { return disconnectWallet; });
+    }, [disconnectWallet, setDisconnectWalletHandler]);
+    useEffect(function () {
+        if (state === OnboardingStep.CONNECTING_WALLET) {
+            processedWalletAddressRef.current = null;
+        }
+    }, [state]);
+    /**
+     * Connect wallet using Dynamic widget
+     */
+    var connectWallet = useCallback(function () { return __awaiter(void 0, void 0, void 0, function () {
+        var error_1;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    if (isConnecting || !showDynamicWidget || !dynamicSdkHasLoaded)
+                        return [2 /*return*/];
+                    if (dynamicWallet) {
+                        logger.debug('Dynamic wallet already available; skipping widget open');
+                        return [2 /*return*/];
+                    }
+                    setIsConnecting(true);
+                    logger.debug('Starting wallet connection process');
+                    _a.label = 1;
+                case 1:
+                    _a.trys.push([1, 3, , 4]);
+                    dynamicWidgetRequestedRef.current = true;
+                    return [4 /*yield*/, showDynamicWidget(true)];
+                case 2:
+                    _a.sent();
+                    logger.debug('Dynamic widget shown');
+                    return [3 /*break*/, 4];
+                case 3:
+                    error_1 = _a.sent();
+                    dynamicWidgetRequestedRef.current = false;
+                    setIsConnecting(false);
+                    logger.error('Error showing Dynamic widget:', error_1);
+                    return [3 /*break*/, 4];
+                case 4: return [2 /*return*/];
+            }
+        });
+    }); }, [isConnecting, showDynamicWidget, dynamicSdkHasLoaded, dynamicWallet]);
+    useEffect(function () {
+        if (!dynamicSdkHasLoaded) {
+            return;
+        }
+        if (nord) {
+            reportedNordClientErrorRef.current = false;
+            return;
+        }
+        if (typeof nord === 'undefined') {
+            // Nord client is still initializing; wait before reporting an error
+            return;
+        }
+        if (reportedNordClientErrorRef.current) {
+            setIsConnecting(false);
+            return;
+        }
+        reportedNordClientErrorRef.current = true;
+        setIsConnecting(false);
+        flowActions.setErrorState(new Error('The client could not be initialized. Verify your Nord environment variables and try again.'));
+    }, [dynamicSdkHasLoaded, nord, flowActions]);
+    // Process nordUser changes
+    useEffect(function () {
+        var _a;
+        if (!dynamicSdkHasLoaded || !nordUser || !dynamicWallet)
+            return;
+        var currentNordUser = nordUser;
+        var prevNordUser = prevNordUserRef.current;
+        var currentSessionId = currentNordUser.sessionId
+            ? currentNordUser.sessionId.toString()
+            : null;
+        var prevSessionId = prevSessionIdRef.current;
+        var walletAddress = (_a = dynamicWallet.address) !== null && _a !== void 0 ? _a : null;
+        var hasProcessedWallet = walletAddress != null && processedWalletAddressRef.current === walletAddress;
+        if (currentNordUser === prevNordUser &&
+            currentSessionId === prevSessionId &&
+            hasProcessedWallet) {
+            return;
+        }
+        prevNordUserRef.current = currentNordUser;
+        prevSessionIdRef.current = currentSessionId;
+        if (walletAddress) {
+            processedWalletAddressRef.current = walletAddress;
+        }
+        // Only run if we have processed a wallet
+        if (dynamicWallet) {
+            logger.debug('NordUser changed, checking account status');
+            (function () { return __awaiter(void 0, void 0, void 0, function () {
+                var nordAccount, hasNordAccount, sessionId, sessionIdString, serverSessions, sessionMatchesServer, sessionIdKey, hasActiveSession, lastDepositRecord, transitionDestination, error_2;
+                var _a;
+                return __generator(this, function (_b) {
+                    switch (_b.label) {
+                        case 0:
+                            _b.trys.push([0, 2, , 3]);
+                            if (!nord) {
+                                throw new Error('Nord client is not available.');
+                            }
+                            return [4 /*yield*/, nord.getUser({ pubkey: dynamicWallet.address })];
+                        case 1:
+                            nordAccount = _b.sent();
+                            hasNordAccount = nordAccount != null;
+                            sessionId = currentNordUser.sessionId;
+                            sessionIdString = sessionId ? sessionId.toString() : null;
+                            serverSessions = (_a = nordAccount === null || nordAccount === void 0 ? void 0 : nordAccount.sessions) !== null && _a !== void 0 ? _a : {};
+                            sessionMatchesServer = sessionIdString != null && Boolean(serverSessions === null || serverSessions === void 0 ? void 0 : serverSessions[sessionIdString]);
+                            if (sessionIdString && !sessionMatchesServer) {
+                                logger.debug('Stored session is missing on Nord; clearing cached session ID');
+                                if (typeof window !== 'undefined') {
+                                    try {
+                                        sessionIdKey = "n1_sessionId_".concat(dynamicWallet.address);
+                                        window.localStorage.removeItem(sessionIdKey);
+                                    }
+                                    catch (storageError) {
+                                        logger.warn('Failed to clear stale sessionId from localStorage', storageError);
+                                    }
+                                }
+                            }
+                            hasActiveSession = sessionMatchesServer;
+                            updateContext({ hasNordAccount: hasNordAccount, hasActiveSession: hasActiveSession });
+                            if (state === OnboardingStep.CONNECTING_WALLET &&
+                                !context.isDepositOnlyFlow) {
+                                try {
+                                    lastDepositRecord = readLastDepositRecord(dynamicWallet.address);
+                                    if (lastDepositRecord) {
+                                        logger.debug('Resuming last deposit from local storage');
+                                        flowActions.markDepositSuccess({
+                                            transactionId: lastDepositRecord.transactionId,
+                                            record: lastDepositRecord,
+                                        });
+                                        closeDynamicWidget();
+                                        setIsConnecting(false);
+                                        return [2 /*return*/];
+                                    }
+                                }
+                                catch (error) {
+                                    logger.error('Error restoring last deposit record:', error);
+                                }
+                            }
+                            transitionDestination = hasNordAccount
+                                ? hasActiveSession
+                                    ? OnboardingStep.FINAL_SUCCESS
+                                    : OnboardingStep.AUTH_LOADING
+                                : OnboardingStep.CHAIN_SELECTION;
+                            if (hasNordAccount && hasActiveSession) {
+                                setIsConnected(true);
+                            }
+                            closeDynamicWidget();
+                            // Transition immediately without setTimeout
+                            try {
+                                logger.debug('Attempting transition to ' + transitionDestination);
+                                if (transitionDestination === OnboardingStep.FINAL_SUCCESS) {
+                                    flowActions.completeFlow({
+                                        hasNordAccount: hasNordAccount,
+                                        hasActiveSession: hasActiveSession,
+                                    });
+                                }
+                                else if (transitionDestination === OnboardingStep.AUTH_LOADING) {
+                                    flowActions.requireAuth({ hasNordAccount: hasNordAccount });
+                                }
+                                else {
+                                    flowActions.goToChainSelection();
+                                }
+                                logger.debug('Transition to ' + transitionDestination + ' completed');
+                            }
+                            catch (error) {
+                                logger.error('Error during transition:', error);
+                            }
+                            finally {
+                                setIsConnecting(false);
+                            }
+                            return [3 /*break*/, 3];
+                        case 2:
+                            error_2 = _b.sent();
+                            logger.error('Error checking account status:', error_2);
+                            closeDynamicWidget();
+                            setIsConnecting(false);
+                            return [3 /*break*/, 3];
+                        case 3: return [2 /*return*/];
+                    }
+                });
+            }); })();
+        }
+    }, [
+        nord,
+        nordUser,
+        dynamicWallet,
+        updateContext,
+        flowActions,
+        setIsConnected,
+        state,
+        dynamicSdkHasLoaded,
+        context.isDepositOnlyFlow,
+        nordUser === null || nordUser === void 0 ? void 0 : nordUser.sessionId,
+        closeDynamicWidget,
+    ]);
+    // Handle Dynamic widget closing while still connecting
+    useEffect(function () {
+        if (!isConnecting || state !== OnboardingStep.CONNECTING_WALLET) {
+            return;
+        }
+        if (!showLogin) {
+            logger.debug('Wallet modal closed before connection completed; resetting state');
+            closeDynamicWidget();
+            setIsConnecting(false);
+        }
+    }, [isConnecting, showLogin, state, closeDynamicWidget]);
+    // Handle connecting state changes in a separate effect
+    useEffect(function () {
+        var currentState = state;
+        var prevState = prevStateRef.current;
+        // Only run if state has changed
+        if (currentState !== prevState) {
+            if (currentState !== OnboardingStep.CONNECTING_WALLET && isConnecting) {
+                // If we're no longer in the connecting state, reset the connecting flag
+                setIsConnecting(false);
+            }
+            // Update ref
+            prevStateRef.current = currentState;
+        }
+    }, [state, isConnecting]);
+    // Create the context value
+    var contextValue = {
+        isConnecting: isConnecting,
+        connectWallet: connectWallet,
+        disconnectWallet: disconnectWallet,
+    };
+    return (_jsx(WalletConnectionContext.Provider, { value: contextValue, children: children }));
+};
+/**
+ * Custom hook to use the wallet connection context
+ * @returns The wallet connection context value
+ * @throws Error if used outside of a WalletConnectionProvider
+ */
+export var useWalletConnection = function () {
+    var context = useContext(WalletConnectionContext);
+    if (context === undefined) {
+        throw new Error('useWalletConnection must be used within a WalletConnectionProvider');
+    }
+    return context;
+};
+//# sourceMappingURL=WalletConnectionProvider.js.map