npm - @n1xyz/wallet-widget - Versions diffs - 0.0.33-alpha.1 → 0.0.33-alpha.3 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (137) hide show

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"onboardingStateMachine.js","sourceRoot":"","sources":["../../../../src/features/onboarding-flow/providers/onboardingStateMachine.ts"],"names":[],"mappings":"~~;;;;;;;;;;;~~AAAA,~~OAAO,EAAqB,cAAc,EAAuB,wBAAwB,EAAE,MAAM,UAAU,CAAC~~;AAqC5G,IAAM,mBAAmB,GAA4B;IACnD,KAAK,EAAE,~~cAAc~~,CAAC,iBAAiB;IACvC,OAAO,EAAE,~~wBAAwB~~;CAClC,CAAC;AAEF,IAAM,qBAAqB,GAAG,UAC5B,OAA0B,EAC1B,cAAuB;IAEvB,IAAI,CAAC,cAAc,EAAE,CAAC;QACpB,6BACK,OAAO,KACV,YAAY,EAAE,SAAS,IACvB;IACJ,CAAC;IAED,6BACK,OAAO,KACV,aAAa,EAAE,IAAI,EACnB,eAAe,EAAE,IAAI,EACrB,oBAAoB,EAAE,IAAI,EAC1B,MAAM,EAAE,EAAE,EACV,YAAY,EAAE,SAAS,EACvB,WAAW,EAAE,IAAI,IACjB;AACJ,CAAC,CAAC;~~AAEF~~,~~MAAM,CAAC,~~IAAM,sBAAsB,GAAG,UACpC,YAA2D,EAC3D,MAA6B;;IAD7B,6BAAA,EAAA,kCAA2D;IAG3D,QAAQ,MAAM,CAAC,IAAI,EAAE,CAAC;QACpB,KAAK,aAAa;YAChB,6BACK,YAAY,KACf,OAAO,wBAAO,YAAY,CAAC,OAAO,GAAK,MAAM,CAAC,OAAO,KACrD;QACJ,KAAK,uBAAuB;YAC1B,OAAO;gBACL,KAAK,EAAE,~~cAAc~~,CAAC,eAAe;gBACrC,OAAO,EAAE,qBAAqB,CAAC,YAAY,CAAC,OAAO,EAAE,MAAM,CAAC,cAAc,CAAC;aAC5E,CAAC;QACJ,KAAK,cAAc;YACjB,OAAO;gBACL,KAAK,EAAE,~~cAAc~~,CAAC,YAAY;gBAClC,OAAO,wBACF,YAAY,CAAC,OAAO,KACvB,aAAa,EAAE,MAAM,CAAC,SAAS,CAAC,IAAI,EACpC,eAAe,EAAE,MAAM,CAAC,SAAS,CAAC,EAAE,EACpC,oBAAoB,EAAE,MAAA,MAAM,CAAC,SAAS,CAAC,OAAO,mCAAI,IAAI,EACtD,YAAY,EAAE,SAAS,EACvB,WAAW,EAAE,IAAI,GAClB;aACF,CAAC;QACJ,KAAK,eAAe;YAClB,OAAO;gBACL,KAAK,EAAE,~~cAAc~~,CAAC,gBAAgB;gBACtC,OAAO,wBACF,YAAY,CAAC,OAAO,KACvB,YAAY,EAAE,SAAS,EACvB,KAAK,EAAE,IAAI,GACZ;aACF,CAAC;QACJ,KAAK,iBAAiB;YACpB,OAAO;gBACL,KAAK,EAAE,~~cAAc~~,CAAC,eAAe;gBACrC,OAAO,wBACF,YAAY,CAAC,OAAO,KACvB,cAAc,EAAE,IAAI,EACpB,aAAa,EAAE,MAAM,CAAC,OAAO,CAAC,aAAa,EAC3C,MAAM,EAAE,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,MAAM,EACpC,aAAa,EAAE,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,SAAS,EAC9C,eAAe,EAAE,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,OAAO,EAC9C,oBAAoB,EAAE,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,YAAY,EACxD,WAAW,EAAE,MAAM,CAAC,OAAO,CAAC,MAAM,EAClC,YAAY,EAAE,SAAS,EACvB,KAAK,EAAE,IAAI,GACZ;aACF,CAAC;QACJ,KAAK,gBAAgB;YACnB,OAAO;gBACL,KAAK,EAAE,~~cAAc~~,CAAC,YAAY;gBAClC,OAAO,wBACF,YAAY,CAAC,OAAO,KACvB,YAAY,EAAE,MAAM,CAAC,OAAO,GAC7B;aACF,CAAC;QACJ,KAAK,YAAY;YACf,OAAO;gBACL,KAAK,EAAE,~~cAAc~~,CAAC,YAAY;gBAClC,OAAO,wBACF,YAAY,CAAC,OAAO,KACvB,cAAc,EACZ,MAAA,MAAM,CAAC,cAAc,mCAAI,YAAY,CAAC,OAAO,CAAC,cAAc,GAC/D;aACF,CAAC;QACJ,KAAK,eAAe;YAClB,OAAO;gBACL,KAAK,EAAE,~~cAAc~~,CAAC,aAAa;gBACnC,OAAO,wBACF,YAAY,CAAC,OAAO,KACvB,cAAc,EAAE,MAAA,MAAM,CAAC,cAAc,mCAAI,IAAI,EAC7C,gBAAgB,EACd,MAAA,MAAM,CAAC,gBAAgB,mCAAI,YAAY,CAAC,OAAO,CAAC,gBAAgB,EAClE,iBAAiB,EAAE,KAAK,GACzB;aACF,CAAC;QACJ,KAAK,WAAW;YACd,OAAO;gBACL,KAAK,EAAE,~~cAAc~~,CAAC,KAAK;gBAC3B,OAAO,wBACF,YAAY,CAAC,OAAO,KACvB,KAAK,EAAE,MAAM,CAAC,KAAK,GACpB;aACF,CAAC;QACJ,KAAK,OAAO;YACV,OAAO;gBACL,KAAK,EAAE,~~cAAc~~,CAAC,iBAAiB;gBACvC,OAAO,EAAE,MAAA,MAAM,CAAC,OAAO,mCAAI,~~wBAAwB~~;aACpD,CAAC;QACJ,KAAK,gBAAgB;YACnB,OAAO,MAAM,CAAC,QAAQ,CAAC;QACzB;YACE,OAAO,YAAY,CAAC;IACxB,CAAC;AACH,CAAC,CAAC;~~AAEF~~,~~MAAM~~,~~CAAC~~,IAAM,4BAA4B,GAAG;IAC1C,OAAA,mBAAmB;AAAnB,CAAmB,CAAC","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"]}
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"]}

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

@@ -1,15 +1,18 @@
-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 () {
+"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 () {
         if (!isConnecting) {
             connectWallet();
         }
     }, [isConnecting, connectWallet]);
-    return (_jsx(WaitingMessage, { loaderSize: 52, message: {
+    return ((0, jsx_runtime_1.jsx)(WaitingMessage_1.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 CHANGED Viewed

	@@ -1 +1 @@
1	- {"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"]}
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"]}

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

@@ -1,25 +1,29 @@
-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";
+"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");
 var sharedLogoWrapperStyle = { width: 16, height: 16 };
-export var CHAINS_WITH_NETWORK_INFO = [
+exports.CHAINS_WITH_NETWORK_INFO = [
     {
         id: "solana",
         name: "Solana",
         subtitle: "~1 minute deposit time",
-        logo: (_jsx("div", { className: "flex items-center justify-center", style: sharedLogoWrapperStyle, children: _jsx(SolanaLogo, { width: 16, height: 16 }) })),
-        network: SolanaNetwork.MAINNET,
+        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,
         soon: false,
     },
     {
         id: "hyperliquid",
         name: "Hyperliquid",
         subtitle: undefined,
-        logo: (_jsx("div", { className: "flex items-center justify-center", style: sharedLogoWrapperStyle, children: _jsx(HyperliquidLogo, { width: 16, height: 16 }) })),
+        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 }) })),
         network: "",
         soon: true,
     },
@@ -27,7 +31,7 @@ export var CHAINS_WITH_NETWORK_INFO = [
         id: "arbitrum",
         name: "Arbitrum",
         subtitle: undefined,
-        logo: (_jsx("div", { className: "flex items-center justify-center", style: sharedLogoWrapperStyle, children: _jsx(ArbitrumLogo, { width: 16, height: 16 }) })),
+        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 }) })),
         network: "",
         soon: true,
     },
@@ -35,25 +39,25 @@ export var CHAINS_WITH_NETWORK_INFO = [
         id: "ethereum",
         name: "Ethereum",
         subtitle: undefined,
-        logo: (_jsx("div", { className: "flex items-center justify-center", style: sharedLogoWrapperStyle, children: _jsx(EthereumLogo, { width: 16, height: 16 }) })),
+        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 }) })),
         network: "",
         soon: true,
     },
 ];
-export function ChainSelectionScreen() {
-    var disconnectWallet = useWalletConnection().disconnectWallet;
-    var _a = useOnboardingState(), actions = _a.actions, context = _a.context;
-    var initialSelectedChainId = useMemo(function () {
+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 () {
         var _a;
         if (context.selectedChainId) {
-            var chainFromId = CHAINS_WITH_NETWORK_INFO.find(function (chain) { return chain.id === context.selectedChainId; });
+            var chainFromId = exports.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 = CHAINS_WITH_NETWORK_INFO.find(function (chain) {
+            var chainFromContext = exports.CHAINS_WITH_NETWORK_INFO.find(function (chain) {
                 return chain.name.toLowerCase() === normalizedContextValue_1 ||
                     chain.id.toLowerCase() === normalizedContextValue_1;
             });
@@ -61,24 +65,24 @@ export function ChainSelectionScreen() {
                 return chainFromContext.id;
             }
         }
-        return ((_a = CHAINS_WITH_NETWORK_INFO.find(function (c) { return !c.soon; })) === null || _a === void 0 ? void 0 : _a.id) || null;
+        return ((_a = exports.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 = 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; });
+    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; });
         if (chain && !chain.soon) {
             setSelectedChainId(chainId);
         }
         else {
-            logger.debug("Chain not selectable:", chainId);
+            logger_1.logger.debug("Chain not selectable:", chainId);
         }
-    }, [logger]);
-    var selectedChain = useMemo(function () { return CHAINS_WITH_NETWORK_INFO.find(function (chain) { return chain.id === selectedChainId; }); }, [selectedChainId]);
-    var handleContinue = useCallback(function () {
+    }, [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 () {
         var _a;
         if (!selectedChain || selectedChain.soon) {
-            logger.debug("Continue button clicked without selectable chain");
+            logger_1.logger.debug("Continue button clicked without selectable chain");
             return;
         }
         actions.selectChain({
@@ -86,15 +90,15 @@ export function ChainSelectionScreen() {
             name: selectedChain.name,
             network: (_a = selectedChain.network) !== null && _a !== void 0 ? _a : null,
         });
-        logger.debug("Transitioned to amount input from chain selection");
+        logger_1.logger.debug("Transitioned to amount input from chain selection");
     }, [selectedChain, actions]);
-    var handleDisconnect = useCallback(function () {
-        logger.debug("Disconnect button clicked");
+    var handleDisconnect = (0, react_1.useCallback)(function () {
+        logger_1.logger.debug("Disconnect button clicked");
         disconnectWallet();
     }, [disconnectWallet]);
     var isContinueDisabled = !selectedChain || selectedChain.soon;
-    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
+    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
                                 ? "border-n1-ww-border opacity-50 cursor-not-allowed"
-                                : "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" }) })] })] }) }));
+                                : "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" }) })] })] }) }));
 }
 //# sourceMappingURL=02-ChainSelectionScreen.js.map

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

	@@ -1 +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"]}
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"]}

package/dist/features/onboarding-flow/screens/03-AmountInputScreen.js CHANGED Viewed

@@ -1,3 +1,4 @@
+"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -54,52 +55,55 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     }
     return to.concat(ar || Array.prototype.slice.call(from));
 };
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Connection, LAMPORTS_PER_SOL, PublicKey } from "@solana/web3.js";
-import { useCallback, useEffect, useMemo, useRef, useState } from "react";
-import { SolanaLogo } from "../../../components/logos";
-import { useN1WalletContext } from "../../../hooks";
-import { logger } from "../../../utils/logger";
-import { useDepositFlow, useOnboardingState } from "../providers";
-import { formatAmount, isNordConfigured } from "../utils/nordUtils";
-import { getSolanaRpcUrl } from "../../../config/solana";
-export var DEFAULT_MIN_DEPOSIT = 5;
-export var BALANCE_REFRESH_MS = 20000;
-export function AmountInputScreen(_a) {
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BALANCE_REFRESH_MS = exports.DEFAULT_MIN_DEPOSIT = void 0;
+exports.AmountInputScreen = AmountInputScreen;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var web3_js_1 = require("@solana/web3.js");
+var react_1 = require("react");
+var logos_1 = require("../../../components/logos");
+var hooks_1 = require("../../../hooks");
+var logger_1 = require("../../../utils/logger");
+var providers_1 = require("../providers");
+var nordUtils_1 = require("../utils/nordUtils");
+var solana_1 = require("../../../config/solana");
+exports.DEFAULT_MIN_DEPOSIT = 5;
+exports.BALANCE_REFRESH_MS = 20000;
+function AmountInputScreen(_a) {
     var _this = this;
-    var context = useOnboardingState().context;
-    var _b = useDepositFlow(), amount = _b.amount, updateAmount = _b.updateAmount, startDeposit = _b.startDeposit;
-    var _c = useN1WalletContext(), nord = _c.nord, address = _c.address;
-    var _d = useState(null), tokenSymbol = _d[0], setTokenSymbol = _d[1];
-    var _e = useState(null), tokenDecimals = _e[0], setTokenDecimals = _e[1];
-    var _f = useState(null), nordTokens = _f[0], setNordTokens = _f[1];
-    var _g = useState({
+    var context = (0, providers_1.useOnboardingState)().context;
+    var _b = (0, providers_1.useDepositFlow)(), amount = _b.amount, updateAmount = _b.updateAmount, startDeposit = _b.startDeposit;
+    var _c = (0, hooks_1.useN1WalletContext)(), nord = _c.nord, address = _c.address;
+    var _d = (0, react_1.useState)(null), tokenSymbol = _d[0], setTokenSymbol = _d[1];
+    var _e = (0, react_1.useState)(null), tokenDecimals = _e[0], setTokenDecimals = _e[1];
+    var _f = (0, react_1.useState)(null), nordTokens = _f[0], setNordTokens = _f[1];
+    var _g = (0, react_1.useState)({
         usdc: null,
         sol: null,
         loading: false,
         error: null,
     }), walletBalances = _g[0], setWalletBalances = _g[1];
-    var isMountedRef = useRef(true);
-    useEffect(function () {
+    var isMountedRef = (0, react_1.useRef)(true);
+    (0, react_1.useEffect)(function () {
         return function () {
             isMountedRef.current = false;
         };
     }, []);
-    useEffect(function () {
+    (0, react_1.useEffect)(function () {
         if (!amount) {
             updateAmount("100");
         }
     }, [amount, updateAmount]);
     var selectedChainName = context.selectedChain || "Solana";
-    var _h = useState(null), tokenMintAddress = _h[0], setTokenMintAddress = _h[1];
-    useEffect(function () {
+    var _h = (0, react_1.useState)(null), tokenMintAddress = _h[0], setTokenMintAddress = _h[1];
+    (0, react_1.useEffect)(function () {
         var isCancelled = false;
         var loadNordTokens = function () { return __awaiter(_this, void 0, void 0, function () {
             var error_1;
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
-                        if (!nord || !isNordConfigured(nord)) {
+                        if (!nord || !(0, nordUtils_1.isNordConfigured)(nord)) {
                             if (!isCancelled) {
                                 setNordTokens(null);
                             }
@@ -130,7 +134,7 @@ export function AmountInputScreen(_a) {
                     case 3:
                         error_1 = _a.sent();
                         if (!isCancelled) {
-                            logger.warn("Unable to fetch Nord info:", error_1);
+                            logger_1.logger.warn("Unable to fetch Nord info:", error_1);
                             setNordTokens(null);
                         }
                         return [3 /*break*/, 4];
@@ -143,8 +147,8 @@ export function AmountInputScreen(_a) {
             isCancelled = true;
         };
     }, [nord]);
-    useEffect(function () {
-        if (nord && isNordConfigured(nord)) {
+    (0, react_1.useEffect)(function () {
+        if (nord && (0, nordUtils_1.isNordConfigured)(nord)) {
             try {
                 if (!nordTokens || nordTokens.length === 0) {
                     return;
@@ -167,17 +171,17 @@ export function AmountInputScreen(_a) {
                 }
             }
             catch (error) {
-                logger.warn("Error getting token information from Nord:", error);
+                logger_1.logger.warn("Error getting token information from Nord:", error);
             }
         }
     }, [nord, nordTokens]);
-    var minDeposit = useMemo(function () {
+    var minDeposit = (0, react_1.useMemo)(function () {
         var _a, _b;
         if (!nord ||
-            !isNordConfigured(nord) ||
+            !(0, nordUtils_1.isNordConfigured)(nord) ||
             !tokenMintAddress ||
             tokenDecimals == null) {
-            return DEFAULT_MIN_DEPOSIT;
+            return exports.DEFAULT_MIN_DEPOSIT;
         }
         try {
             // @ts-ignore
@@ -191,11 +195,11 @@ export function AmountInputScreen(_a) {
             }
         }
         catch (error) {
-            logger.warn("Unable to derive min deposit from Nord config", error);
+            logger_1.logger.warn("Unable to derive min deposit from Nord config", error);
         }
-        return DEFAULT_MIN_DEPOSIT;
+        return exports.DEFAULT_MIN_DEPOSIT;
     }, [nord, tokenMintAddress, tokenDecimals]);
-    var fetchBalances = useCallback(function () {
+    var fetchBalances = (0, react_1.useCallback)(function () {
         var args_1 = [];
         for (var _i = 0; _i < arguments.length; _i++) {
             args_1[_i] = arguments[_i];
@@ -223,13 +227,13 @@ export function AmountInputScreen(_a) {
                         _b.label = 1;
                     case 1:
                         _b.trys.push([1, 3, , 4]);
-                        rpcEndpoint = getSolanaRpcUrl();
-                        connection = new Connection(rpcEndpoint, "confirmed");
-                        ownerKey = new PublicKey(address);
+                        rpcEndpoint = (0, solana_1.getSolanaRpcUrl)();
+                        connection = new web3_js_1.Connection(rpcEndpoint, "confirmed");
+                        ownerKey = new web3_js_1.PublicKey(address);
                         return [4 /*yield*/, Promise.all([
                                 connection.getBalance(ownerKey),
                                 connection.getParsedTokenAccountsByOwner(ownerKey, {
-                                    mint: new PublicKey(tokenMintAddress),
+                                    mint: new web3_js_1.PublicKey(tokenMintAddress),
                                 }),
                             ])];
                     case 2:
@@ -252,14 +256,14 @@ export function AmountInputScreen(_a) {
                         }
                         setWalletBalances({
                             usdc: usdcTotal,
-                            sol: solLamports / LAMPORTS_PER_SOL,
+                            sol: solLamports / web3_js_1.LAMPORTS_PER_SOL,
                             loading: false,
                             error: null,
                         });
                         return [3 /*break*/, 4];
                     case 3:
                         error_2 = _b.sent();
-                        logger.warn("Failed to load wallet balances", error_2);
+                        logger_1.logger.warn("Failed to load wallet balances", error_2);
                         if (!isMountedRef.current) {
                             return [2 /*return*/];
                         }
@@ -270,14 +274,14 @@ export function AmountInputScreen(_a) {
             });
         });
     }, [address, tokenMintAddress]);
-    useEffect(function () {
+    (0, react_1.useEffect)(function () {
         if (!tokenMintAddress) {
             return;
         }
         fetchBalances();
         var interval = setInterval(function () {
             fetchBalances(false);
-        }, BALANCE_REFRESH_MS);
+        }, exports.BALANCE_REFRESH_MS);
         return function () { return clearInterval(interval); };
     }, [fetchBalances, tokenMintAddress]);
     var isSolana = selectedChainName.toLowerCase().includes("solana");
@@ -289,7 +293,7 @@ export function AmountInputScreen(_a) {
         ? walletBalances.loading
             ? "Loading..."
             : "—"
-        : formatAmount(walletBalances.usdc, tokenDecimals);
+        : (0, nordUtils_1.formatAmount)(walletBalances.usdc, tokenDecimals);
     var formattedSolBalance = walletBalances.sol == null
         ? walletBalances.loading
             ? "Loading..."
@@ -302,7 +306,7 @@ export function AmountInputScreen(_a) {
     var hasSufficientSol = walletBalances.sol == null
         ? false
         : walletBalances.sol >= requiredSolForFees;
-    var validationError = useMemo(function () {
+    var validationError = (0, react_1.useMemo)(function () {
         if (!address) {
             return "Connect a wallet to continue.";
         }
@@ -353,8 +357,8 @@ export function AmountInputScreen(_a) {
         }
         updateAmount(walletBalances.usdc.toFixed(tokenDecimals));
     };
-    return (_jsxs("div", { className: "overflow-hidden relative", children: [_jsxs("div", { className: "flex items-center justify-between mb-4", children: [_jsx("h2", { className: "text-sm text-white font-medium", children: "Deposit From" }), _jsxs("div", { className: "flex items-center space-x-2 rounded-md bg-n1-ww-border h-5 justify-center p-1", children: [isSolana ? (_jsx("div", { className: "rounded-full flex items-center justify-center bg-black h-3 w-3", children: _jsx(SolanaLogo, { width: 6, height: 6 }) })) : (_jsx("div", { className: "w-4 h-4 rounded-full bg-n1-ww-gray-600" })), _jsx("span", { className: "text-white text-xs font-medium", children: selectedChainName })] })] }), _jsxs("div", { className: "space-y-3 mb-4 text-white text-xs font-light", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("span", { children: "Available Balance:" }), _jsxs("span", { children: [formattedBalance, " ", tokenSymbolDisplay] })] }), _jsxs("div", { className: "flex items-center justify-between", children: [_jsx("span", { children: "SOL Balance:" }), _jsxs("span", { children: [formattedSolBalance, " SOL"] })] }), _jsxs("div", { className: "flex items-center justify-between", children: [_jsx("span", { children: "Minimum Deposit:" }), _jsxs("span", { children: [minDepositDisplay, " ", tokenSymbolDisplay] })] }), _jsxs("div", { className: "flex items-center justify-between", children: [_jsx("span", { children: "Gas Fee:" }), _jsx("span", { children: gasFeeDisplay })] })] }), _jsx("div", { className: "h-px bg-n1-ww-border mb-4" }), _jsxs("div", { className: "mb-4 flex justify-between w-full", children: [_jsx("div", { className: "flex items-center gap-3", children: _jsxs("div", { className: "flex items-center justify-between border border-n1-ww-gray-400 bg-n1-ww-gray-600 flex-1 w-[292px] rounded h-8 px-2", children: [_jsx("span", { className: "text-white text-sm font-medium", children: "Amount" }), _jsxs("div", { className: "flex items-center space-x-2", children: [_jsx("input", { type: "number", step: "0.000001", value: amount, onChange: function (e) { return updateAmount(e.target.value); }, className: "text-white font-light text-xs text-right bg-transparent border-none outline-none focus:ring-2 focus:ring-n1-ww-main focus:ring-offset-0 rounded px-1" }), _jsx("button", { className: "border border-n1-ww-gray-400 h-5 text-white text-xs font-light flex items-center justify-center px-1 rounded transition-colors", children: tokenSymbolDisplay })] })] }) }), _jsx("button", { className: "border border-n1-ww-gray-400 bg-n1-ww-gray-600 rounded text-white text-sm font-medium px-2 h-8 hover:bg-n1-ww-gray-800 transition-colors w-[68px]", onClick: handleUseMax, type: "button", children: "Max" })] }), validationError && (_jsx("p", { className: "mb-2 text-xs text-red-400", children: validationError })), _jsx("button", { onClick: startDeposit, disabled: !isValidAmount, className: "\n          w-full h-8 rounded border bg-transparent flex font-medium items-center justify-center\n          transition-all duration-200 transform\n          ".concat(isValidAmount
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "overflow-hidden relative", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between mb-4", children: [(0, jsx_runtime_1.jsx)("h2", { className: "text-sm text-white font-medium", children: "Deposit From" }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center space-x-2 rounded-md bg-n1-ww-border h-5 justify-center p-1", children: [isSolana ? ((0, jsx_runtime_1.jsx)("div", { className: "rounded-full flex items-center justify-center bg-black h-3 w-3", children: (0, jsx_runtime_1.jsx)(logos_1.SolanaLogo, { width: 6, height: 6 }) })) : ((0, jsx_runtime_1.jsx)("div", { className: "w-4 h-4 rounded-full bg-n1-ww-gray-600" })), (0, jsx_runtime_1.jsx)("span", { className: "text-white text-xs font-medium", children: selectedChainName })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "space-y-3 mb-4 text-white text-xs font-light", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between", children: [(0, jsx_runtime_1.jsx)("span", { children: "Available Balance:" }), (0, jsx_runtime_1.jsxs)("span", { children: [formattedBalance, " ", tokenSymbolDisplay] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between", children: [(0, jsx_runtime_1.jsx)("span", { children: "SOL Balance:" }), (0, jsx_runtime_1.jsxs)("span", { children: [formattedSolBalance, " SOL"] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between", children: [(0, jsx_runtime_1.jsx)("span", { children: "Minimum Deposit:" }), (0, jsx_runtime_1.jsxs)("span", { children: [minDepositDisplay, " ", tokenSymbolDisplay] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between", children: [(0, jsx_runtime_1.jsx)("span", { children: "Gas Fee:" }), (0, jsx_runtime_1.jsx)("span", { children: gasFeeDisplay })] })] }), (0, jsx_runtime_1.jsx)("div", { className: "h-px bg-n1-ww-border mb-4" }), (0, jsx_runtime_1.jsxs)("div", { className: "mb-4 flex justify-between w-full", children: [(0, jsx_runtime_1.jsx)("div", { className: "flex items-center gap-3", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between border border-n1-ww-gray-400 bg-n1-ww-gray-600 flex-1 w-[292px] rounded h-8 px-2", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-white text-sm font-medium", children: "Amount" }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center space-x-2", children: [(0, jsx_runtime_1.jsx)("input", { type: "number", step: "0.000001", value: amount, onChange: function (e) { return updateAmount(e.target.value); }, className: "text-white font-light text-xs text-right bg-transparent border-none outline-none focus:ring-2 focus:ring-n1-ww-main focus:ring-offset-0 rounded px-1" }), (0, jsx_runtime_1.jsx)("button", { className: "border border-n1-ww-gray-400 h-5 text-white text-xs font-light flex items-center justify-center px-1 rounded transition-colors", children: tokenSymbolDisplay })] })] }) }), (0, jsx_runtime_1.jsx)("button", { className: "border border-n1-ww-gray-400 bg-n1-ww-gray-600 rounded text-white text-sm font-medium px-2 h-8 hover:bg-n1-ww-gray-800 transition-colors w-[68px]", onClick: handleUseMax, type: "button", children: "Max" })] }), validationError && ((0, jsx_runtime_1.jsx)("p", { className: "mb-2 text-xs text-red-400", children: validationError })), (0, jsx_runtime_1.jsx)("button", { onClick: startDeposit, disabled: !isValidAmount, className: "\n          w-full h-8 rounded border bg-transparent flex font-medium items-center justify-center\n          transition-all duration-200 transform\n          ".concat(isValidAmount
                     ? "border-n1-ww-main hover:bg-n1-ww-gray-900 cursor-pointer"
-                    : "border-n1-ww-border opacity-50 cursor-not-allowed", "\n        "), children: _jsx("span", { className: "\n            font-medium text-sm opacity-90\n            ".concat(isValidAmount ? "text-n1-ww-main" : "text-n1-ww-gray-600", "\n          "), children: "Deposit" }) })] }));
+                    : "border-n1-ww-border opacity-50 cursor-not-allowed", "\n        "), children: (0, jsx_runtime_1.jsx)("span", { className: "\n            font-medium text-sm opacity-90\n            ".concat(isValidAmount ? "text-n1-ww-main" : "text-n1-ww-gray-600", "\n          "), children: "Deposit" }) })] }));
 }
 //# sourceMappingURL=03-AmountInputScreen.js.map