@n1xyz/wallet-widget 0.0.33-alpha.3 → 0.0.34

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

@@ -1,4 +1,3 @@
-"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -10,12 +9,10 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.createInitialOnboardingState = exports.onboardingStateReducer = void 0;
-var types_1 = require("../types");
+import { OnboardingStep, initialOnboardingContext } from '../types';
 var initialMachineState = {
-    state: types_1.OnboardingStep.CONNECTING_WALLET,
-    context: types_1.initialOnboardingContext,
+    state: OnboardingStep.CONNECTING_WALLET,
+    context: initialOnboardingContext,
 };
 var resetSelectionContext = function (context, resetSelection) {
     if (!resetSelection) {
@@ -23,7 +20,7 @@ var resetSelectionContext = function (context, resetSelection) {
     }
     return __assign(__assign({}, context), { selectedChain: null, selectedChainId: null, selectedChainNetwork: null, amount: '', depositError: undefined, lastDeposit: null });
 };
-var onboardingStateReducer = function (machineState, action) {
+export var onboardingStateReducer = function (machineState, action) {
     var _a, _b, _c, _d, _e;
     if (machineState === void 0) { machineState = initialMachineState; }
     switch (action.type) {
@@ -31,48 +28,48 @@ var onboardingStateReducer = function (machineState, action) {
             return __assign(__assign({}, machineState), { context: __assign(__assign({}, machineState.context), action.updates) });
         case 'GO_TO_CHAIN_SELECTION':
             return {
-                state: types_1.OnboardingStep.CHAIN_SELECTION,
+                state: OnboardingStep.CHAIN_SELECTION,
                 context: resetSelectionContext(machineState.context, action.resetSelection),
             };
         case 'SELECT_CHAIN':
             return {
-                state: types_1.OnboardingStep.AMOUNT_INPUT,
+                state: OnboardingStep.AMOUNT_INPUT,
                 context: __assign(__assign({}, machineState.context), { selectedChain: action.selection.name, selectedChainId: action.selection.id, selectedChainNetwork: (_a = action.selection.network) !== null && _a !== void 0 ? _a : null, depositError: undefined, lastDeposit: null }),
             };
         case 'START_DEPOSIT':
             return {
-                state: types_1.OnboardingStep.DEPOSIT_PROGRESS,
+                state: OnboardingStep.DEPOSIT_PROGRESS,
                 context: __assign(__assign({}, machineState.context), { depositError: undefined, error: null }),
             };
         case 'DEPOSIT_SUCCESS':
             return {
-                state: types_1.OnboardingStep.DEPOSIT_SUCCESS,
+                state: OnboardingStep.DEPOSIT_SUCCESS,
                 context: __assign(__assign({}, machineState.context), { hasNordAccount: true, transactionId: action.payload.transactionId, amount: action.payload.record.amount, selectedChain: action.payload.record.chainName, selectedChainId: action.payload.record.chainId, selectedChainNetwork: action.payload.record.chainNetwork, lastDeposit: action.payload.record, depositError: undefined, error: null }),
             };
         case 'DEPOSIT_FAILED':
             return {
-                state: types_1.OnboardingStep.AMOUNT_INPUT,
+                state: OnboardingStep.AMOUNT_INPUT,
                 context: __assign(__assign({}, machineState.context), { depositError: action.message }),
             };
         case 'GO_TO_AUTH':
             return {
-                state: types_1.OnboardingStep.AUTH_LOADING,
+                state: OnboardingStep.AUTH_LOADING,
                 context: __assign(__assign({}, machineState.context), { hasNordAccount: (_b = action.hasNordAccount) !== null && _b !== void 0 ? _b : machineState.context.hasNordAccount }),
             };
         case 'COMPLETE_FLOW':
             return {
-                state: types_1.OnboardingStep.FINAL_SUCCESS,
+                state: OnboardingStep.FINAL_SUCCESS,
                 context: __assign(__assign({}, machineState.context), { hasNordAccount: (_c = action.hasNordAccount) !== null && _c !== void 0 ? _c : true, hasActiveSession: (_d = action.hasActiveSession) !== null && _d !== void 0 ? _d : machineState.context.hasActiveSession, isDepositOnlyFlow: false }),
             };
         case 'SET_ERROR':
             return {
-                state: types_1.OnboardingStep.ERROR,
+                state: OnboardingStep.ERROR,
                 context: __assign(__assign({}, machineState.context), { error: action.error }),
             };
         case 'RESET':
             return {
-                state: types_1.OnboardingStep.CONNECTING_WALLET,
-                context: (_e = action.context) !== null && _e !== void 0 ? _e : types_1.initialOnboardingContext,
+                state: OnboardingStep.CONNECTING_WALLET,
+                context: (_e = action.context) !== null && _e !== void 0 ? _e : initialOnboardingContext,
             };
         case 'APPLY_SNAPSHOT':
             return action.snapshot;
@@ -80,9 +77,7 @@ var onboardingStateReducer = function (machineState, action) {
             return machineState;
     }
 };
-exports.onboardingStateReducer = onboardingStateReducer;
-var createInitialOnboardingState = function () {
+export var createInitialOnboardingState = function () {
     return initialMachineState;
 };
-exports.createInitialOnboardingState = createInitialOnboardingState;
 //# sourceMappingURL=onboardingStateMachine.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"onboardingStateMachine.js","sourceRoot":"","sources":["../../../../src/features/onboarding-flow/providers/onboardingStateMachine.ts"],"names":[],"mappings":"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","sourcesContent":["import { OnboardingContext, OnboardingStep, StoredDepositRecord, initialOnboardingContext } from '../types';\n\nexport interface OnboardingStateSnapshot {\n  state: OnboardingStep;\n  context: OnboardingContext;\n}\n\nexport type OnboardingStateAction =\n  | { type: 'SET_CONTEXT'; updates: Partial<OnboardingContext> }\n  | { type: 'GO_TO_CHAIN_SELECTION'; resetSelection: boolean }\n  | {\n      type: 'SELECT_CHAIN';\n      selection: {\n        id: string;\n        name: string;\n        network?: string | null;\n      };\n    }\n  | { type: 'START_DEPOSIT' }\n  | {\n      type: 'DEPOSIT_SUCCESS';\n      payload: {\n        transactionId: string;\n        record: StoredDepositRecord;\n      };\n    }\n  | { type: 'DEPOSIT_FAILED'; message: string }\n  | { type: 'GO_TO_AUTH'; hasNordAccount?: boolean }\n  | {\n      type: 'COMPLETE_FLOW';\n      hasActiveSession?: boolean;\n      hasNordAccount?: boolean;\n    }\n  | { type: 'SET_ERROR'; error: Error }\n  | { type: 'RESET'; context?: OnboardingContext }\n  | { type: 'APPLY_SNAPSHOT'; snapshot: OnboardingStateSnapshot };\n\nconst initialMachineState: OnboardingStateSnapshot = {\n  state: OnboardingStep.CONNECTING_WALLET,\n  context: initialOnboardingContext,\n};\n\nconst resetSelectionContext = (\n  context: OnboardingContext,\n  resetSelection: boolean\n): OnboardingContext => {\n  if (!resetSelection) {\n    return {\n      ...context,\n      depositError: undefined,\n    };\n  }\n\n  return {\n    ...context,\n    selectedChain: null,\n    selectedChainId: null,\n    selectedChainNetwork: null,\n    amount: '',\n    depositError: undefined,\n    lastDeposit: null,\n  };\n};\n\nexport const onboardingStateReducer = (\n  machineState: OnboardingStateSnapshot = initialMachineState,\n  action: OnboardingStateAction\n): OnboardingStateSnapshot => {\n  switch (action.type) {\n    case 'SET_CONTEXT':\n      return {\n        ...machineState,\n        context: { ...machineState.context, ...action.updates },\n      };\n    case 'GO_TO_CHAIN_SELECTION':\n      return {\n        state: OnboardingStep.CHAIN_SELECTION,\n        context: resetSelectionContext(machineState.context, action.resetSelection),\n      };\n    case 'SELECT_CHAIN':\n      return {\n        state: OnboardingStep.AMOUNT_INPUT,\n        context: {\n          ...machineState.context,\n          selectedChain: action.selection.name,\n          selectedChainId: action.selection.id,\n          selectedChainNetwork: action.selection.network ?? null,\n          depositError: undefined,\n          lastDeposit: null,\n        },\n      };\n    case 'START_DEPOSIT':\n      return {\n        state: OnboardingStep.DEPOSIT_PROGRESS,\n        context: {\n          ...machineState.context,\n          depositError: undefined,\n          error: null,\n        },\n      };\n    case 'DEPOSIT_SUCCESS':\n      return {\n        state: OnboardingStep.DEPOSIT_SUCCESS,\n        context: {\n          ...machineState.context,\n          hasNordAccount: true,\n          transactionId: action.payload.transactionId,\n          amount: action.payload.record.amount,\n          selectedChain: action.payload.record.chainName,\n          selectedChainId: action.payload.record.chainId,\n          selectedChainNetwork: action.payload.record.chainNetwork,\n          lastDeposit: action.payload.record,\n          depositError: undefined,\n          error: null,\n        },\n      };\n    case 'DEPOSIT_FAILED':\n      return {\n        state: OnboardingStep.AMOUNT_INPUT,\n        context: {\n          ...machineState.context,\n          depositError: action.message,\n        },\n      };\n    case 'GO_TO_AUTH':\n      return {\n        state: OnboardingStep.AUTH_LOADING,\n        context: {\n          ...machineState.context,\n          hasNordAccount:\n            action.hasNordAccount ?? machineState.context.hasNordAccount,\n        },\n      };\n    case 'COMPLETE_FLOW':\n      return {\n        state: OnboardingStep.FINAL_SUCCESS,\n        context: {\n          ...machineState.context,\n          hasNordAccount: action.hasNordAccount ?? true,\n          hasActiveSession:\n            action.hasActiveSession ?? machineState.context.hasActiveSession,\n          isDepositOnlyFlow: false,\n        },\n      };\n    case 'SET_ERROR':\n      return {\n        state: OnboardingStep.ERROR,\n        context: {\n          ...machineState.context,\n          error: action.error,\n        },\n      };\n    case 'RESET':\n      return {\n        state: OnboardingStep.CONNECTING_WALLET,\n        context: action.context ?? initialOnboardingContext,\n      };\n    case 'APPLY_SNAPSHOT':\n      return action.snapshot;\n    default:\n      return machineState;\n  }\n};\n\nexport const createInitialOnboardingState = (): OnboardingStateSnapshot =>\n  initialMachineState;\n"]}
+{"version":3,"file":"onboardingStateMachine.js","sourceRoot":"","sources":["../../../../src/features/onboarding-flow/providers/onboardingStateMachine.ts"],"names":[],"mappings":"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","sourcesContent":["import { OnboardingContext, OnboardingStep, StoredDepositRecord, initialOnboardingContext } from '../types';\n\nexport interface OnboardingStateSnapshot {\n  state: OnboardingStep;\n  context: OnboardingContext;\n}\n\nexport type OnboardingStateAction =\n  | { type: 'SET_CONTEXT'; updates: Partial<OnboardingContext> }\n  | { type: 'GO_TO_CHAIN_SELECTION'; resetSelection: boolean }\n  | {\n      type: 'SELECT_CHAIN';\n      selection: {\n        id: string;\n        name: string;\n        network?: string | null;\n      };\n    }\n  | { type: 'START_DEPOSIT' }\n  | {\n      type: 'DEPOSIT_SUCCESS';\n      payload: {\n        transactionId: string;\n        record: StoredDepositRecord;\n      };\n    }\n  | { type: 'DEPOSIT_FAILED'; message: string }\n  | { type: 'GO_TO_AUTH'; hasNordAccount?: boolean }\n  | {\n      type: 'COMPLETE_FLOW';\n      hasActiveSession?: boolean;\n      hasNordAccount?: boolean;\n    }\n  | { type: 'SET_ERROR'; error: Error }\n  | { type: 'RESET'; context?: OnboardingContext }\n  | { type: 'APPLY_SNAPSHOT'; snapshot: OnboardingStateSnapshot };\n\nconst initialMachineState: OnboardingStateSnapshot = {\n  state: OnboardingStep.CONNECTING_WALLET,\n  context: initialOnboardingContext,\n};\n\nconst resetSelectionContext = (\n  context: OnboardingContext,\n  resetSelection: boolean\n): OnboardingContext => {\n  if (!resetSelection) {\n    return {\n      ...context,\n      depositError: undefined,\n    };\n  }\n\n  return {\n    ...context,\n    selectedChain: null,\n    selectedChainId: null,\n    selectedChainNetwork: null,\n    amount: '',\n    depositError: undefined,\n    lastDeposit: null,\n  };\n};\n\nexport const onboardingStateReducer = (\n  machineState: OnboardingStateSnapshot = initialMachineState,\n  action: OnboardingStateAction\n): OnboardingStateSnapshot => {\n  switch (action.type) {\n    case 'SET_CONTEXT':\n      return {\n        ...machineState,\n        context: { ...machineState.context, ...action.updates },\n      };\n    case 'GO_TO_CHAIN_SELECTION':\n      return {\n        state: OnboardingStep.CHAIN_SELECTION,\n        context: resetSelectionContext(machineState.context, action.resetSelection),\n      };\n    case 'SELECT_CHAIN':\n      return {\n        state: OnboardingStep.AMOUNT_INPUT,\n        context: {\n          ...machineState.context,\n          selectedChain: action.selection.name,\n          selectedChainId: action.selection.id,\n          selectedChainNetwork: action.selection.network ?? null,\n          depositError: undefined,\n          lastDeposit: null,\n        },\n      };\n    case 'START_DEPOSIT':\n      return {\n        state: OnboardingStep.DEPOSIT_PROGRESS,\n        context: {\n          ...machineState.context,\n          depositError: undefined,\n          error: null,\n        },\n      };\n    case 'DEPOSIT_SUCCESS':\n      return {\n        state: OnboardingStep.DEPOSIT_SUCCESS,\n        context: {\n          ...machineState.context,\n          hasNordAccount: true,\n          transactionId: action.payload.transactionId,\n          amount: action.payload.record.amount,\n          selectedChain: action.payload.record.chainName,\n          selectedChainId: action.payload.record.chainId,\n          selectedChainNetwork: action.payload.record.chainNetwork,\n          lastDeposit: action.payload.record,\n          depositError: undefined,\n          error: null,\n        },\n      };\n    case 'DEPOSIT_FAILED':\n      return {\n        state: OnboardingStep.AMOUNT_INPUT,\n        context: {\n          ...machineState.context,\n          depositError: action.message,\n        },\n      };\n    case 'GO_TO_AUTH':\n      return {\n        state: OnboardingStep.AUTH_LOADING,\n        context: {\n          ...machineState.context,\n          hasNordAccount:\n            action.hasNordAccount ?? machineState.context.hasNordAccount,\n        },\n      };\n    case 'COMPLETE_FLOW':\n      return {\n        state: OnboardingStep.FINAL_SUCCESS,\n        context: {\n          ...machineState.context,\n          hasNordAccount: action.hasNordAccount ?? true,\n          hasActiveSession:\n            action.hasActiveSession ?? machineState.context.hasActiveSession,\n          isDepositOnlyFlow: false,\n        },\n      };\n    case 'SET_ERROR':\n      return {\n        state: OnboardingStep.ERROR,\n        context: {\n          ...machineState.context,\n          error: action.error,\n        },\n      };\n    case 'RESET':\n      return {\n        state: OnboardingStep.CONNECTING_WALLET,\n        context: action.context ?? initialOnboardingContext,\n      };\n    case 'APPLY_SNAPSHOT':\n      return action.snapshot;\n    default:\n      return machineState;\n  }\n};\n\nexport const createInitialOnboardingState = (): OnboardingStateSnapshot =>\n  initialMachineState;\n"]}

package/dist/features/onboarding-flow/screens/01-ConnectWalletScreen.js

@@ -1,18 +1,15 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ConnectWalletScreen = ConnectWalletScreen;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var providers_1 = require("../providers");
-var WaitingMessage_1 = require("../components/WaitingMessage");
-function ConnectWalletScreen() {
-    var _a = (0, providers_1.useWalletConnection)(), isConnecting = _a.isConnecting, connectWallet = _a.connectWallet;
-    (0, react_1.useEffect)(function () {
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect } from 'react';
+import { useWalletConnection } from '../providers';
+import { WaitingMessage } from '../components/WaitingMessage';
+export function ConnectWalletScreen() {
+    var _a = useWalletConnection(), isConnecting = _a.isConnecting, connectWallet = _a.connectWallet;
+    useEffect(function () {
         if (!isConnecting) {
             connectWallet();
         }
     }, [isConnecting, connectWallet]);
-    return ((0, jsx_runtime_1.jsx)(WaitingMessage_1.WaitingMessage, { loaderSize: 52, message: {
+    return (_jsx(WaitingMessage, { loaderSize: 52, message: {
             visible: true,
             title: 'Connecting Wallet',
             subtitle: 'Please approve the connection request in your wallet',

package/dist/features/onboarding-flow/screens/01-ConnectWalletScreen.js.map

@@ -1 +1 @@
-{"version":3,"file":"01-ConnectWalletScreen.js","sourceRoot":"","sources":["../../../../src/features/onboarding-flow/screens/01-ConnectWalletScreen.tsx"],"names":[],"mappings":";;AAIA,kDAoBC;;AAxBD,+BAAkC;AAClC,0CAAmD;AACnD,+DAA8D;AAE9D,SAAgB,mBAAmB;IAC3B,IAAA,KAAkC,IAAA,+BAAmB,GAAE,EAArD,YAAY,kBAAA,EAAE,aAAa,mBAA0B,CAAC;IAE9D,IAAA,iBAAS,EAAC;QACR,IAAI,CAAC,YAAY,EAAE,CAAC;YAClB,aAAa,EAAE,CAAC;QAClB,CAAC;IACH,CAAC,EAAE,CAAC,YAAY,EAAE,aAAa,CAAC,CAAC,CAAC;IAElC,OAAO,CACL,uBAAC,+BAAc,IACb,UAAU,EAAE,EAAE,EACd,OAAO,EAAE;YACP,OAAO,EAAE,IAAI;YACb,KAAK,EAAE,mBAAmB;YAC1B,QAAQ,EAAE,sDAAsD;YAChE,QAAQ,EAAE,KAAK;SAChB,GACD,CACH,CAAC;AACJ,CAAC","sourcesContent":["import { useEffect } from 'react';\nimport { useWalletConnection } from '../providers';\nimport { WaitingMessage } from '../components/WaitingMessage';\n\nexport function ConnectWalletScreen() {\n  const { isConnecting, connectWallet } = useWalletConnection();\n\n  useEffect(() => {\n    if (!isConnecting) {\n      connectWallet();\n    }\n  }, [isConnecting, connectWallet]);\n\n  return (\n    <WaitingMessage\n      loaderSize={52}\n      message={{\n        visible: true,\n        title: 'Connecting Wallet',\n        subtitle: 'Please approve the connection request in your wallet',\n        isTyping: false,\n      }}\n    />\n  );\n}\n"]}
+{"version":3,"file":"01-ConnectWalletScreen.js","sourceRoot":"","sources":["../../../../src/features/onboarding-flow/screens/01-ConnectWalletScreen.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAE9D,MAAM,UAAU,mBAAmB;IAC3B,IAAA,KAAkC,mBAAmB,EAAE,EAArD,YAAY,kBAAA,EAAE,aAAa,mBAA0B,CAAC;IAE9D,SAAS,CAAC;QACR,IAAI,CAAC,YAAY,EAAE,CAAC;YAClB,aAAa,EAAE,CAAC;QAClB,CAAC;IACH,CAAC,EAAE,CAAC,YAAY,EAAE,aAAa,CAAC,CAAC,CAAC;IAElC,OAAO,CACL,KAAC,cAAc,IACb,UAAU,EAAE,EAAE,EACd,OAAO,EAAE;YACP,OAAO,EAAE,IAAI;YACb,KAAK,EAAE,mBAAmB;YAC1B,QAAQ,EAAE,sDAAsD;YAChE,QAAQ,EAAE,KAAK;SAChB,GACD,CACH,CAAC;AACJ,CAAC","sourcesContent":["import { useEffect } from 'react';\nimport { useWalletConnection } from '../providers';\nimport { WaitingMessage } from '../components/WaitingMessage';\n\nexport function ConnectWalletScreen() {\n  const { isConnecting, connectWallet } = useWalletConnection();\n\n  useEffect(() => {\n    if (!isConnecting) {\n      connectWallet();\n    }\n  }, [isConnecting, connectWallet]);\n\n  return (\n    <WaitingMessage\n      loaderSize={52}\n      message={{\n        visible: true,\n        title: 'Connecting Wallet',\n        subtitle: 'Please approve the connection request in your wallet',\n        isTyping: false,\n      }}\n    />\n  );\n}\n"]}

package/dist/features/onboarding-flow/screens/02-ChainSelectionScreen.js

@@ -1,29 +1,25 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CHAINS_WITH_NETWORK_INFO = void 0;
-exports.ChainSelectionScreen = ChainSelectionScreen;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var logger_1 = require("../../../utils/logger");
-var ChainButton_1 = require("../components/ChainButton");
-var providers_1 = require("../providers");
-var logos_1 = require("../../../components/logos");
-var solana_1 = require("../../../config/solana");
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useMemo, useState } from "react";
+import { logger } from "../../../utils/logger";
+import { ChainButton } from "../components/ChainButton";
+import { useWalletConnection, useOnboardingState } from "../providers";
+import { SolanaLogo, HyperliquidLogo, ArbitrumLogo, EthereumLogo, } from "../../../components/logos";
+import { SolanaNetwork } from "../../../config/solana";
 var sharedLogoWrapperStyle = { width: 16, height: 16 };
-exports.CHAINS_WITH_NETWORK_INFO = [
+export var CHAINS_WITH_NETWORK_INFO = [
     {
         id: "solana",
         name: "Solana",
         subtitle: "~1 minute deposit time",
-        logo: ((0, jsx_runtime_1.jsx)("div", { className: "flex items-center justify-center", style: sharedLogoWrapperStyle, children: (0, jsx_runtime_1.jsx)(logos_1.SolanaLogo, { width: 16, height: 16 }) })),
-        network: solana_1.SolanaNetwork.MAINNET,
+        logo: (_jsx("div", { className: "flex items-center justify-center", style: sharedLogoWrapperStyle, children: _jsx(SolanaLogo, { width: 16, height: 16 }) })),
+        network: SolanaNetwork.MAINNET,
         soon: false,
     },
     {
         id: "hyperliquid",
         name: "Hyperliquid",
         subtitle: undefined,
-        logo: ((0, jsx_runtime_1.jsx)("div", { className: "flex items-center justify-center", style: sharedLogoWrapperStyle, children: (0, jsx_runtime_1.jsx)(logos_1.HyperliquidLogo, { width: 16, height: 16 }) })),
+        logo: (_jsx("div", { className: "flex items-center justify-center", style: sharedLogoWrapperStyle, children: _jsx(HyperliquidLogo, { width: 16, height: 16 }) })),
         network: "",
         soon: true,
     },
@@ -31,7 +27,7 @@ exports.CHAINS_WITH_NETWORK_INFO = [
         id: "arbitrum",
         name: "Arbitrum",
         subtitle: undefined,
-        logo: ((0, jsx_runtime_1.jsx)("div", { className: "flex items-center justify-center", style: sharedLogoWrapperStyle, children: (0, jsx_runtime_1.jsx)(logos_1.ArbitrumLogo, { width: 16, height: 16 }) })),
+        logo: (_jsx("div", { className: "flex items-center justify-center", style: sharedLogoWrapperStyle, children: _jsx(ArbitrumLogo, { width: 16, height: 16 }) })),
         network: "",
         soon: true,
     },
@@ -39,25 +35,25 @@ exports.CHAINS_WITH_NETWORK_INFO = [
         id: "ethereum",
         name: "Ethereum",
         subtitle: undefined,
-        logo: ((0, jsx_runtime_1.jsx)("div", { className: "flex items-center justify-center", style: sharedLogoWrapperStyle, children: (0, jsx_runtime_1.jsx)(logos_1.EthereumLogo, { width: 16, height: 16 }) })),
+        logo: (_jsx("div", { className: "flex items-center justify-center", style: sharedLogoWrapperStyle, children: _jsx(EthereumLogo, { width: 16, height: 16 }) })),
         network: "",
         soon: true,
     },
 ];
-function ChainSelectionScreen() {
-    var disconnectWallet = (0, providers_1.useWalletConnection)().disconnectWallet;
-    var _a = (0, providers_1.useOnboardingState)(), actions = _a.actions, context = _a.context;
-    var initialSelectedChainId = (0, react_1.useMemo)(function () {
+export function ChainSelectionScreen() {
+    var disconnectWallet = useWalletConnection().disconnectWallet;
+    var _a = useOnboardingState(), actions = _a.actions, context = _a.context;
+    var initialSelectedChainId = useMemo(function () {
         var _a;
         if (context.selectedChainId) {
-            var chainFromId = exports.CHAINS_WITH_NETWORK_INFO.find(function (chain) { return chain.id === context.selectedChainId; });
+            var chainFromId = CHAINS_WITH_NETWORK_INFO.find(function (chain) { return chain.id === context.selectedChainId; });
             if (chainFromId) {
                 return chainFromId.id;
             }
         }
         if (context.selectedChain) {
             var normalizedContextValue_1 = context.selectedChain.toLowerCase();
-            var chainFromContext = exports.CHAINS_WITH_NETWORK_INFO.find(function (chain) {
+            var chainFromContext = CHAINS_WITH_NETWORK_INFO.find(function (chain) {
                 return chain.name.toLowerCase() === normalizedContextValue_1 ||
                     chain.id.toLowerCase() === normalizedContextValue_1;
             });
@@ -65,24 +61,24 @@ function ChainSelectionScreen() {
                 return chainFromContext.id;
             }
         }
-        return ((_a = exports.CHAINS_WITH_NETWORK_INFO.find(function (c) { return !c.soon; })) === null || _a === void 0 ? void 0 : _a.id) || null;
+        return ((_a = CHAINS_WITH_NETWORK_INFO.find(function (c) { return !c.soon; })) === null || _a === void 0 ? void 0 : _a.id) || null;
     }, [context.selectedChain, context.selectedChainId]);
-    var _b = (0, react_1.useState)(initialSelectedChainId), selectedChainId = _b[0], setSelectedChainId = _b[1];
-    var handleChainSelect = (0, react_1.useCallback)(function (chainId) {
-        logger_1.logger.debug("Chain selected in ChainSelectionScreen:", chainId);
-        var chain = exports.CHAINS_WITH_NETWORK_INFO.find(function (c) { return c.id === chainId; });
+    var _b = useState(initialSelectedChainId), selectedChainId = _b[0], setSelectedChainId = _b[1];
+    var handleChainSelect = useCallback(function (chainId) {
+        logger.debug("Chain selected in ChainSelectionScreen:", chainId);
+        var chain = CHAINS_WITH_NETWORK_INFO.find(function (c) { return c.id === chainId; });
         if (chain && !chain.soon) {
             setSelectedChainId(chainId);
         }
         else {
-            logger_1.logger.debug("Chain not selectable:", chainId);
+            logger.debug("Chain not selectable:", chainId);
         }
-    }, [logger_1.logger]);
-    var selectedChain = (0, react_1.useMemo)(function () { return exports.CHAINS_WITH_NETWORK_INFO.find(function (chain) { return chain.id === selectedChainId; }); }, [selectedChainId]);
-    var handleContinue = (0, react_1.useCallback)(function () {
+    }, [logger]);
+    var selectedChain = useMemo(function () { return CHAINS_WITH_NETWORK_INFO.find(function (chain) { return chain.id === selectedChainId; }); }, [selectedChainId]);
+    var handleContinue = useCallback(function () {
         var _a;
         if (!selectedChain || selectedChain.soon) {
-            logger_1.logger.debug("Continue button clicked without selectable chain");
+            logger.debug("Continue button clicked without selectable chain");
             return;
         }
         actions.selectChain({
@@ -90,15 +86,15 @@ function ChainSelectionScreen() {
             name: selectedChain.name,
             network: (_a = selectedChain.network) !== null && _a !== void 0 ? _a : null,
         });
-        logger_1.logger.debug("Transitioned to amount input from chain selection");
+        logger.debug("Transitioned to amount input from chain selection");
     }, [selectedChain, actions]);
-    var handleDisconnect = (0, react_1.useCallback)(function () {
-        logger_1.logger.debug("Disconnect button clicked");
+    var handleDisconnect = useCallback(function () {
+        logger.debug("Disconnect button clicked");
         disconnectWallet();
     }, [disconnectWallet]);
     var isContinueDisabled = !selectedChain || selectedChain.soon;
-    return ((0, jsx_runtime_1.jsx)("div", { className: "overflow-visible relative", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col space-y-3", children: [exports.CHAINS_WITH_NETWORK_INFO.map(function (chain) { return ((0, jsx_runtime_1.jsx)(ChainButton_1.ChainButton, { chain: chain, onClick: function () { return handleChainSelect(chain.id); }, selected: selectedChainId === chain.id && !chain.soon, soon: chain.soon, subtitle: chain.subtitle }, chain.id)); }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col space-y-2", children: [(0, jsx_runtime_1.jsx)("button", { type: "button", onClick: handleContinue, disabled: isContinueDisabled, className: "w-full h-8 rounded border bg-transparent flex font-medium items-center justify-center transition-all duration-200 transform ".concat(isContinueDisabled
+    return (_jsx("div", { className: "overflow-visible relative", children: _jsxs("div", { className: "flex flex-col space-y-3", children: [CHAINS_WITH_NETWORK_INFO.map(function (chain) { return (_jsx(ChainButton, { chain: chain, onClick: function () { return handleChainSelect(chain.id); }, selected: selectedChainId === chain.id && !chain.soon, soon: chain.soon, subtitle: chain.subtitle }, chain.id)); }), _jsxs("div", { className: "flex flex-col space-y-2", children: [_jsx("button", { type: "button", onClick: handleContinue, disabled: isContinueDisabled, className: "w-full h-8 rounded border bg-transparent flex font-medium items-center justify-center transition-all duration-200 transform ".concat(isContinueDisabled
                                 ? "border-n1-ww-border opacity-50 cursor-not-allowed"
-                                : "border-n1-ww-main hover:bg-n1-ww-gray-900 cursor-pointer"), children: (0, jsx_runtime_1.jsx)("span", { className: "font-medium text-sm opacity-90 ".concat(isContinueDisabled ? "text-n1-ww-gray-500" : "text-n1-ww-main"), children: "Continue" }) }), (0, jsx_runtime_1.jsx)("button", { type: "button", onClick: handleDisconnect, className: "w-full h-8 rounded border border-n1-ww-border bg-transparent flex font-medium items-center justify-center transition-all duration-200 transform hover:bg-n1-ww-gray-900 cursor-pointer", children: (0, jsx_runtime_1.jsx)("span", { className: "text-white font-medium text-sm opacity-90", children: "Disconnect" }) })] })] }) }));
+                                : "border-n1-ww-main hover:bg-n1-ww-gray-900 cursor-pointer"), children: _jsx("span", { className: "font-medium text-sm opacity-90 ".concat(isContinueDisabled ? "text-n1-ww-gray-500" : "text-n1-ww-main"), children: "Continue" }) }), _jsx("button", { type: "button", onClick: handleDisconnect, className: "w-full h-8 rounded border border-n1-ww-border bg-transparent flex font-medium items-center justify-center transition-all duration-200 transform hover:bg-n1-ww-gray-900 cursor-pointer", children: _jsx("span", { className: "text-white font-medium text-sm opacity-90", children: "Disconnect" }) })] })] }) }));
 }
 //# sourceMappingURL=02-ChainSelectionScreen.js.map

package/dist/features/onboarding-flow/screens/02-ChainSelectionScreen.js.map

@@ -1 +1 @@
-{"version":3,"file":"02-ChainSelectionScreen.js","sourceRoot":"","sources":["../../../../src/features/onboarding-flow/screens/02-ChainSelectionScreen.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useCallback, useMemo, useState } from \"react\";\nimport { logger } from \"../../../utils/logger\";\nimport { ChainButton } from \"../components/ChainButton\";\nimport { useWalletConnection, useOnboardingState } from \"../providers\";\nimport { \n  SolanaLogo,\n  HyperliquidLogo,\n  ArbitrumLogo,\n  EthereumLogo,\n} from \"../../../components/logos\";\nimport { SolanaNetwork } from \"../../../config/solana\";\n\n\n\nconst sharedLogoWrapperStyle = { width: 16, height: 16 };\n\nexport const CHAINS_WITH_NETWORK_INFO = [\n  {\n    id: \"solana\",\n    name: \"Solana\",\n    subtitle: \"~1 minute deposit time\",\n    logo: (\n      <div className=\"flex items-center justify-center\" style={sharedLogoWrapperStyle}>\n        <SolanaLogo width={16} height={16} />\n      </div>\n    ),\n    network: SolanaNetwork.MAINNET,\n    soon: false,\n  },\n  {\n    id: \"hyperliquid\",\n    name: \"Hyperliquid\",\n    subtitle: undefined,\n    logo: (\n      <div className=\"flex items-center justify-center\" style={sharedLogoWrapperStyle}>\n        <HyperliquidLogo width={16} height={16} />\n      </div>\n    ),\n    network: \"\",\n    soon: true,\n  },\n  {\n    id: \"arbitrum\",\n    name: \"Arbitrum\",\n    subtitle: undefined,\n    logo: (\n      <div className=\"flex items-center justify-center\" style={sharedLogoWrapperStyle}>\n        <ArbitrumLogo width={16} height={16} />\n      </div>\n    ),\n    network: \"\",\n    soon: true,\n  },\n  {\n    id: \"ethereum\",\n    name: \"Ethereum\",\n    subtitle: undefined,\n    logo: (\n      <div className=\"flex items-center justify-center\" style={sharedLogoWrapperStyle}>\n        <EthereumLogo width={16} height={16} />\n      </div>\n    ),\n    network: \"\",\n    soon: true,\n  },\n] as const;\n\n\n\nexport function ChainSelectionScreen() {\n  const { disconnectWallet } = useWalletConnection();\n  const { actions, context } = useOnboardingState();\n\n  const initialSelectedChainId = useMemo(() => {\n    if (context.selectedChainId) {\n      const chainFromId = CHAINS_WITH_NETWORK_INFO.find(\n        (chain) => chain.id === context.selectedChainId\n      );\n      if (chainFromId) {\n        return chainFromId.id;\n      }\n    }\n\n    if (context.selectedChain) {\n      const normalizedContextValue = context.selectedChain.toLowerCase();\n      const chainFromContext = CHAINS_WITH_NETWORK_INFO.find(\n        (chain) =>\n          chain.name.toLowerCase() === normalizedContextValue ||\n          chain.id.toLowerCase() === normalizedContextValue\n      );\n      if (chainFromContext) {\n        return chainFromContext.id;\n      }\n    }\n\n    return CHAINS_WITH_NETWORK_INFO.find((c) => !c.soon)?.id || null;\n  }, [context.selectedChain, context.selectedChainId]);\n\n  const [selectedChainId, setSelectedChainId] = useState<string | null>(\n    initialSelectedChainId\n  );\n\n  const handleChainSelect = useCallback((chainId: string) => {\n    logger.debug(\"Chain selected in ChainSelectionScreen:\", chainId);\n  \n    const chain = CHAINS_WITH_NETWORK_INFO.find((c) => c.id === chainId);\n  \n    if (chain && !chain.soon) {\n      setSelectedChainId(chainId);\n    } else {\n      logger.debug(\"Chain not selectable:\", chainId);\n    }\n  }, [logger]);\n\n  const selectedChain = useMemo(\n    () => CHAINS_WITH_NETWORK_INFO.find((chain) => chain.id === selectedChainId),\n    [selectedChainId]\n  );\n\n  const handleContinue = useCallback(() => {\n    if (!selectedChain || selectedChain.soon) {\n      logger.debug(\"Continue button clicked without selectable chain\");\n      return;\n    }\n\n    actions.selectChain({\n      id: selectedChain.id,\n      name: selectedChain.name,\n      network: selectedChain.network ?? null,\n    });\n    logger.debug(\"Transitioned to amount input from chain selection\");\n  }, [selectedChain, actions]);\n\n  const handleDisconnect = useCallback(() => {\n    logger.debug(\"Disconnect button clicked\");\n    disconnectWallet();\n  }, [disconnectWallet]);\n\n  const isContinueDisabled = !selectedChain || selectedChain.soon;\n\n  return (\n    <div className=\"overflow-visible relative\">\n      <div className=\"flex flex-col space-y-3\">\n        {CHAINS_WITH_NETWORK_INFO.map((chain) => (\n          <ChainButton\n            key={chain.id}\n            chain={chain}\n            onClick={() => handleChainSelect(chain.id)}\n            selected={selectedChainId === chain.id && !chain.soon}\n            soon={chain.soon}\n            subtitle={chain.subtitle}\n          />\n        ))}\n        <div className=\"flex flex-col space-y-2\">\n          <button\n            type=\"button\"\n            onClick={handleContinue}\n            disabled={isContinueDisabled}\n            className={`w-full h-8 rounded border bg-transparent flex font-medium items-center justify-center transition-all duration-200 transform ${\n              isContinueDisabled\n                ? \"border-n1-ww-border opacity-50 cursor-not-allowed\"\n                : \"border-n1-ww-main hover:bg-n1-ww-gray-900 cursor-pointer\"\n            }`}\n          >\n            <span\n              className={`font-medium text-sm opacity-90 ${\n                isContinueDisabled ? \"text-n1-ww-gray-500\" : \"text-n1-ww-main\"\n              }`}\n            >\n              Continue\n            </span>\n          </button>\n          <button\n            type=\"button\"\n            onClick={handleDisconnect}\n            className=\"w-full h-8 rounded border border-n1-ww-border bg-transparent flex font-medium items-center justify-center transition-all duration-200 transform hover:bg-n1-ww-gray-900 cursor-pointer\"\n          >\n            <span className=\"text-white font-medium text-sm opacity-90\">\n              Disconnect\n            </span>\n          </button>\n        </div>\n      </div>\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"02-ChainSelectionScreen.js","sourceRoot":"","sources":["../../../../src/features/onboarding-flow/screens/02-ChainSelectionScreen.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useCallback, useMemo, useState } from \"react\";\nimport { logger } from \"../../../utils/logger\";\nimport { ChainButton } from \"../components/ChainButton\";\nimport { useWalletConnection, useOnboardingState } from \"../providers\";\nimport { \n  SolanaLogo,\n  HyperliquidLogo,\n  ArbitrumLogo,\n  EthereumLogo,\n} from \"../../../components/logos\";\nimport { SolanaNetwork } from \"../../../config/solana\";\n\n\n\nconst sharedLogoWrapperStyle = { width: 16, height: 16 };\n\nexport const CHAINS_WITH_NETWORK_INFO = [\n  {\n    id: \"solana\",\n    name: \"Solana\",\n    subtitle: \"~1 minute deposit time\",\n    logo: (\n      <div className=\"flex items-center justify-center\" style={sharedLogoWrapperStyle}>\n        <SolanaLogo width={16} height={16} />\n      </div>\n    ),\n    network: SolanaNetwork.MAINNET,\n    soon: false,\n  },\n  {\n    id: \"hyperliquid\",\n    name: \"Hyperliquid\",\n    subtitle: undefined,\n    logo: (\n      <div className=\"flex items-center justify-center\" style={sharedLogoWrapperStyle}>\n        <HyperliquidLogo width={16} height={16} />\n      </div>\n    ),\n    network: \"\",\n    soon: true,\n  },\n  {\n    id: \"arbitrum\",\n    name: \"Arbitrum\",\n    subtitle: undefined,\n    logo: (\n      <div className=\"flex items-center justify-center\" style={sharedLogoWrapperStyle}>\n        <ArbitrumLogo width={16} height={16} />\n      </div>\n    ),\n    network: \"\",\n    soon: true,\n  },\n  {\n    id: \"ethereum\",\n    name: \"Ethereum\",\n    subtitle: undefined,\n    logo: (\n      <div className=\"flex items-center justify-center\" style={sharedLogoWrapperStyle}>\n        <EthereumLogo width={16} height={16} />\n      </div>\n    ),\n    network: \"\",\n    soon: true,\n  },\n] as const;\n\n\n\nexport function ChainSelectionScreen() {\n  const { disconnectWallet } = useWalletConnection();\n  const { actions, context } = useOnboardingState();\n\n  const initialSelectedChainId = useMemo(() => {\n    if (context.selectedChainId) {\n      const chainFromId = CHAINS_WITH_NETWORK_INFO.find(\n        (chain) => chain.id === context.selectedChainId\n      );\n      if (chainFromId) {\n        return chainFromId.id;\n      }\n    }\n\n    if (context.selectedChain) {\n      const normalizedContextValue = context.selectedChain.toLowerCase();\n      const chainFromContext = CHAINS_WITH_NETWORK_INFO.find(\n        (chain) =>\n          chain.name.toLowerCase() === normalizedContextValue ||\n          chain.id.toLowerCase() === normalizedContextValue\n      );\n      if (chainFromContext) {\n        return chainFromContext.id;\n      }\n    }\n\n    return CHAINS_WITH_NETWORK_INFO.find((c) => !c.soon)?.id || null;\n  }, [context.selectedChain, context.selectedChainId]);\n\n  const [selectedChainId, setSelectedChainId] = useState<string | null>(\n    initialSelectedChainId\n  );\n\n  const handleChainSelect = useCallback((chainId: string) => {\n    logger.debug(\"Chain selected in ChainSelectionScreen:\", chainId);\n  \n    const chain = CHAINS_WITH_NETWORK_INFO.find((c) => c.id === chainId);\n  \n    if (chain && !chain.soon) {\n      setSelectedChainId(chainId);\n    } else {\n      logger.debug(\"Chain not selectable:\", chainId);\n    }\n  }, [logger]);\n\n  const selectedChain = useMemo(\n    () => CHAINS_WITH_NETWORK_INFO.find((chain) => chain.id === selectedChainId),\n    [selectedChainId]\n  );\n\n  const handleContinue = useCallback(() => {\n    if (!selectedChain || selectedChain.soon) {\n      logger.debug(\"Continue button clicked without selectable chain\");\n      return;\n    }\n\n    actions.selectChain({\n      id: selectedChain.id,\n      name: selectedChain.name,\n      network: selectedChain.network ?? null,\n    });\n    logger.debug(\"Transitioned to amount input from chain selection\");\n  }, [selectedChain, actions]);\n\n  const handleDisconnect = useCallback(() => {\n    logger.debug(\"Disconnect button clicked\");\n    disconnectWallet();\n  }, [disconnectWallet]);\n\n  const isContinueDisabled = !selectedChain || selectedChain.soon;\n\n  return (\n    <div className=\"overflow-visible relative\">\n      <div className=\"flex flex-col space-y-3\">\n        {CHAINS_WITH_NETWORK_INFO.map((chain) => (\n          <ChainButton\n            key={chain.id}\n            chain={chain}\n            onClick={() => handleChainSelect(chain.id)}\n            selected={selectedChainId === chain.id && !chain.soon}\n            soon={chain.soon}\n            subtitle={chain.subtitle}\n          />\n        ))}\n        <div className=\"flex flex-col space-y-2\">\n          <button\n            type=\"button\"\n            onClick={handleContinue}\n            disabled={isContinueDisabled}\n            className={`w-full h-8 rounded border bg-transparent flex font-medium items-center justify-center transition-all duration-200 transform ${\n              isContinueDisabled\n                ? \"border-n1-ww-border opacity-50 cursor-not-allowed\"\n                : \"border-n1-ww-main hover:bg-n1-ww-gray-900 cursor-pointer\"\n            }`}\n          >\n            <span\n              className={`font-medium text-sm opacity-90 ${\n                isContinueDisabled ? \"text-n1-ww-gray-500\" : \"text-n1-ww-main\"\n              }`}\n            >\n              Continue\n            </span>\n          </button>\n          <button\n            type=\"button\"\n            onClick={handleDisconnect}\n            className=\"w-full h-8 rounded border border-n1-ww-border bg-transparent flex font-medium items-center justify-center transition-all duration-200 transform hover:bg-n1-ww-gray-900 cursor-pointer\"\n          >\n            <span className=\"text-white font-medium text-sm opacity-90\">\n              Disconnect\n            </span>\n          </button>\n        </div>\n      </div>\n    </div>\n  );\n}\n"]}

package/dist/features/onboarding-flow/screens/02-TurnkeyAuthScreen.d.ts

@@ -0,0 +1 @@
+export declare function TurnkeyAuthScreen(): import("react/jsx-runtime").JSX.Element;

package/dist/features/onboarding-flow/screens/02-TurnkeyAuthScreen.js

@@ -0,0 +1,18 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { WaitingMessage } from '../components/WaitingMessage';
+import { useWalletConnection } from '../providers';
+var TURNKEY_ERROR_FALLBACK = 'Turnkey could not complete authentication. Retry or disconnect to start over.';
+export function TurnkeyAuthScreen() {
+    var _a = useWalletConnection(), turnkeyStatus = _a.turnkeyStatus, turnkeyError = _a.turnkeyError, retryTurnkeyBootstrap = _a.retryTurnkeyBootstrap, disconnectWallet = _a.disconnectWallet;
+    if (turnkeyStatus === 'error') {
+        return (_jsxs("div", { className: "flex flex-col gap-4 text-center", children: [_jsxs("div", { children: [_jsx("h3", { className: "text-base font-semibold text-white", children: "We couldn't complete Turnkey login" }), _jsx("p", { className: "text-sm text-neutral-400 mt-1", children: turnkeyError || TURNKEY_ERROR_FALLBACK })] }), _jsxs("div", { className: "flex gap-2", children: [_jsx("button", { type: "button", className: "flex-1 h-9 rounded border border-n1-ww-main text-n1-ww-main text-sm font-medium", onClick: retryTurnkeyBootstrap, children: "Retry" }), _jsx("button", { type: "button", className: "flex-1 h-9 rounded border border-n1-ww-border text-white text-sm font-medium", onClick: disconnectWallet, children: "Disconnect" })] })] }));
+    }
+    return (_jsx(WaitingMessage, { loaderSize: 52, message: {
+            visible: true,
+            title: 'Secure Turnkey login',
+            subtitle: 'Complete the Turnkey prompt to continue',
+            isTyping: false,
+        } }));
+}
+//# sourceMappingURL=02-TurnkeyAuthScreen.js.map

package/dist/features/onboarding-flow/screens/02-TurnkeyAuthScreen.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"02-TurnkeyAuthScreen.js","sourceRoot":"","sources":["../../../../src/features/onboarding-flow/screens/02-TurnkeyAuthScreen.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAEnD,IAAM,sBAAsB,GAC1B,+EAA+E,CAAC;AAElF,MAAM,UAAU,iBAAiB;IACzB,IAAA,KAKF,mBAAmB,EAAE,EAJvB,aAAa,mBAAA,EACb,YAAY,kBAAA,EACZ,qBAAqB,2BAAA,EACrB,gBAAgB,sBACO,CAAC;IAE1B,IAAI,aAAa,KAAK,OAAO,EAAE,CAAC;QAC9B,OAAO,CACL,eAAK,SAAS,EAAC,iCAAiC,aAC9C,0BACE,aAAI,SAAS,EAAC,oCAAoC,mDAE7C,EACL,YAAG,SAAS,EAAC,+BAA+B,YACzC,YAAY,IAAI,sBAAsB,GACrC,IACA,EACN,eAAK,SAAS,EAAC,YAAY,aACzB,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,iFAAiF,EAC3F,OAAO,EAAE,qBAAqB,sBAGvB,EACT,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,8EAA8E,EACxF,OAAO,EAAE,gBAAgB,2BAGlB,IACL,IACF,CACP,CAAC;IACJ,CAAC;IAED,OAAO,CACL,KAAC,cAAc,IACb,UAAU,EAAE,EAAE,EACd,OAAO,EAAE;YACP,OAAO,EAAE,IAAI;YACb,KAAK,EAAE,sBAAsB;YAC7B,QAAQ,EAAE,yCAAyC;YACnD,QAAQ,EAAE,KAAK;SAChB,GACD,CACH,CAAC;AACJ,CAAC","sourcesContent":["\"use client\";\n\nimport { WaitingMessage } from '../components/WaitingMessage';\nimport { useWalletConnection } from '../providers';\n\nconst TURNKEY_ERROR_FALLBACK =\n  'Turnkey could not complete authentication. Retry or disconnect to start over.';\n\nexport function TurnkeyAuthScreen() {\n  const {\n    turnkeyStatus,\n    turnkeyError,\n    retryTurnkeyBootstrap,\n    disconnectWallet,\n  } = useWalletConnection();\n\n  if (turnkeyStatus === 'error') {\n    return (\n      <div className=\"flex flex-col gap-4 text-center\">\n        <div>\n          <h3 className=\"text-base font-semibold text-white\">\n            We couldn&apos;t complete Turnkey login\n          </h3>\n          <p className=\"text-sm text-neutral-400 mt-1\">\n            {turnkeyError || TURNKEY_ERROR_FALLBACK}\n          </p>\n        </div>\n        <div className=\"flex gap-2\">\n          <button\n            type=\"button\"\n            className=\"flex-1 h-9 rounded border border-n1-ww-main text-n1-ww-main text-sm font-medium\"\n            onClick={retryTurnkeyBootstrap}\n          >\n            Retry\n          </button>\n          <button\n            type=\"button\"\n            className=\"flex-1 h-9 rounded border border-n1-ww-border text-white text-sm font-medium\"\n            onClick={disconnectWallet}\n          >\n            Disconnect\n          </button>\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <WaitingMessage\n      loaderSize={52}\n      message={{\n        visible: true,\n        title: 'Secure Turnkey login',\n        subtitle: 'Complete the Turnkey prompt to continue',\n        isTyping: false,\n      }}\n    />\n  );\n}\n"]}