@n1xyz/wallet-widget 0.0.8 → 0.0.10

package/dist/Modal/NTSFlow/NordFlow/components/AnimatedButton.js

@@ -1,75 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from 'react';
-import { ANIMATION_EASE } from '../constants';
-var formatButtonText = function (text) {
-    return text.split('').join(' ');
-};
-export var AnimatedButton = function (_a) {
-    var onClick = _a.onClick, text = _a.text, isTyping = _a.isTyping, _b = _a.disabled, disabled = _b === void 0 ? false : _b, onMouseEnter = _a.onMouseEnter, onMouseLeave = _a.onMouseLeave;
-    var _c = useState(false), isHovered = _c[0], setIsHovered = _c[1];
-    var _d = useState(false), isPressed = _d[0], setIsPressed = _d[1];
-    var handleMouseEnter = function () {
-        setIsHovered(true);
-        onMouseEnter === null || onMouseEnter === void 0 ? void 0 : onMouseEnter();
-    };
-    var handleMouseLeave = function () {
-        setIsHovered(false);
-        setIsPressed(false);
-        onMouseLeave === null || onMouseLeave === void 0 ? void 0 : onMouseLeave();
-    };
-    return (_jsxs("button", { onClick: onClick, disabled: disabled, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onMouseDown: function () { return setIsPressed(true); }, onMouseUp: function () { return setIsPressed(false); }, className: "group relative w-full overflow-hidden rounded-md border-2 ".concat(disabled
-            ? 'border-gray-200 dark:border-gray-800 bg-gray-100 dark:bg-neutral-950 cursor-not-allowed'
-            : isPressed
-                ? 'border-main bg-main/10 dark:bg-main/5'
-                : isHovered
-                    ? 'border-main bg-gray-100 dark:bg-neutral-950'
-                    : 'border-gray-200 dark:border-gray-800 bg-gray-100 dark:bg-neutral-950 hover:border-main', " py-4 text-center \n      transition-all duration-300 ease-[").concat(ANIMATION_EASE, "]"), children: [_jsx("div", { className: "absolute inset-0 bg-gradient-to-r from-transparent via-main/10 to-transparent -translate-x-full group-hover:animate-shimmer", style: {
-                    backgroundSize: '200% 100%',
-                } }), _jsx("div", { className: "relative flex items-center justify-center", children: _jsx("span", { className: "text-lg font-medium tracking-wide ".concat(disabled
-                        ? 'text-gray-400 dark:text-gray-600'
-                        : isPressed
-                            ? 'text-main'
-                            : isHovered
-                                ? 'text-main'
-                                : 'text-gray-700 dark:text-gray-300 group-hover:text-main', " transition-colors duration-300"), children: isTyping ? (_jsxs("span", { className: "inline-flex items-center", children: [_jsx("span", { className: "tracking-widest", children: formatButtonText(text) }), _jsx("span", { className: "ml-1 h-5 w-0.5 bg-main animate-cursor-blink" })] })) : (text || '\u00A0') }) })] }));
-};
-export var useButtonTyping = function (buttonStates, setButtonStates, buttonConfigs) {
-    var BUTTON_CONFIGS = buttonConfigs || {
-        deposit: { text: 'Deposit' },
-        continue: { text: 'Continue' },
-        openApp: { text: 'Launch' },
-    };
-    useState(function () {
-        Object.entries(buttonStates).forEach(function (_a) {
-            var key = _a[0], state = _a[1];
-            if (state.isTyping) {
-                var config_1 = BUTTON_CONFIGS[key];
-                var index_1 = 0;
-                var interval_1 = setInterval(function () {
-                    if (index_1 <= config_1.text.length) {
-                        setButtonStates(function (prev) {
-                            var _a;
-                            return (__assign(__assign({}, prev), (_a = {}, _a[key] = __assign(__assign({}, prev[key]), { text: config_1.text.slice(0, index_1) }), _a)));
-                        });
-                        index_1++;
-                    }
-                    else {
-                        clearInterval(interval_1);
-                    }
-                }, 50);
-                return function () { return clearInterval(interval_1); };
-            }
-        });
-    });
-};

package/dist/Modal/NTSFlow/NordFlow/components/ChainButton.d.ts

@@ -1,7 +0,0 @@
-import { Chain } from '../types';
-interface ChainButtonProps {
-    chain: Chain;
-    onClick: (chainId: string) => void;
-}
-export declare function ChainButton({ chain, onClick }: ChainButtonProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/Modal/NTSFlow/NordFlow/components/ChainButton.js

@@ -1,5 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export function ChainButton(_a) {
-    var chain = _a.chain, onClick = _a.onClick;
-    return (_jsxs("button", { onClick: function () { return onClick(chain.id); }, className: "flex flex-col items-center justify-center p-6 bg-gray-50 dark:bg-gray-950 border-2 border-gray-100 dark:border-gray-800 hover:border-red-500 dark:hover:border-red-500 hover:bg-red-50/50 dark:hover:bg-gray-900 transition-all duration-200 group rounded-lg", children: [_jsx("img", { src: chain.logo, width: 48, height: 48, alt: chain.name, className: "opacity-90 grayscale group-hover:grayscale-0 group-hover:scale-105 transition-all duration-200" }), _jsx("span", { className: "mt-4 font-medium text-gray-600 dark:text-gray-400 group-hover:text-red-500 dark:group-hover:text-gray-50 transition-colors duration-200", children: chain.name })] }));
-}

package/dist/Modal/NTSFlow/NordFlow/components/LoadingSquares.d.ts

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

package/dist/Modal/NTSFlow/NordFlow/components/LoadingSquares.js

@@ -1,5 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export function LoadingSquares() {
-    return (_jsx("div", { className: "relative w-32 h-32 animate-fade-up", style: { animationDelay: '0.2s' }, children: _jsxs("div", { className: "absolute inset-0 grid grid-cols-2 gap-2", children: [_jsx("div", { className: "relative bg-white dark:bg-neutral-900 border-2 border-gray-100 dark:border-neutral-800 overflow-hidden", children: _jsx("div", { className: "absolute inset-x-0 bottom-0 h-full bg-main/40 dark:bg-main/20 animate-square-loader" }) }), _jsx("div", { className: "relative bg-white dark:bg-neutral-900 border-2 border-gray-100 dark:border-neutral-800 overflow-hidden", children: _jsx("div", { className: "absolute inset-x-0 bottom-0 h-full bg-main/40 dark:bg-main/20 animate-square-loader", style: { animationDelay: '0.2s' } }) }), _jsx("div", { className: "relative bg-white dark:bg-neutral-900 border-2 border-gray-100 dark:border-neutral-800 overflow-hidden", children: _jsx("div", { className: "absolute inset-x-0 bottom-0 h-full bg-main/40 dark:bg-main/20 animate-square-loader", style: { animationDelay: '0.4s' } }) }), _jsx("div", { className: "relative bg-white dark:bg-neutral-900 border-2 border-gray-100 dark:border-neutral-800 overflow-hidden", children: _jsx("div", { className: "absolute inset-x-0 bottom-0 h-full bg-main/40 dark:bg-main/20 animate-square-loader", style: { animationDelay: '0.6s' } }) })] }) }));
-}

package/dist/Modal/NTSFlow/NordFlow/components/TransactionTable.d.ts

@@ -1,13 +0,0 @@
-import { TableValues } from '../types';
-interface TransactionTableProps {
-    tableValues: TableValues & {
-        amount?: {
-            text: string;
-            visible: boolean;
-            typing: boolean;
-        };
-    };
-    onClose?: () => void;
-}
-export declare function TransactionTable({ tableValues, onClose }: TransactionTableProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/Modal/NTSFlow/NordFlow/components/TransactionTable.js

@@ -1,58 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export function TransactionTable(_a) {
-    var tableValues = _a.tableValues, onClose = _a.onClose;
-    // Friendly labels for the keys
-    var getLabel = function (key) {
-        var labels = {
-            amount: 'Amount',
-            tx: 'Transaction ID',
-            from: 'From',
-            to: 'To',
-            network: 'Network',
-            status: 'Status'
-        };
-        return labels[key] || key;
-    };
-    // Get appropriate color for values based on key
-    var getValueStyles = function (key, value) {
-        if (key === 'status') {
-            if (value.toLowerCase().includes('success') || value.toLowerCase().includes('confirmed')) {
-                return 'text-green-500 dark:text-emerald-500 font-medium';
-            }
-            if (value.toLowerCase().includes('pending')) {
-                return 'text-amber-500 dark:text-amber-400 font-medium';
-            }
-            if (value.toLowerCase().includes('fail') || value.toLowerCase().includes('error')) {
-                return 'text-red-500 dark:text-red-400 font-medium';
-            }
-        }
-        if (key === 'tx') {
-            return 'text-primary-600 dark:text-primary-400 text-xs ';
-        }
-        if (key === 'network') {
-            return 'text-purple-600 dark:text-purple-400 font-medium';
-        }
-        if (key === 'from' || key === 'to') {
-            return 'text-gray-800 dark:text-gray-200 text-xs ';
-        }
-        if (key === 'amount') {
-            return 'text-green-600 dark:text-emerald-500 font-semibold';
-        }
-        return 'text-gray-900 dark:text-gray-50 font-medium';
-    };
-    // Order of fields to display
-    var fieldOrder = ['amount', 'status', 'network', 'from', 'to', 'tx'];
-    // Sort entries based on fieldOrder
-    var sortedEntries = Object.entries(tableValues)
-        .sort(function (_a, _b) {
-        var keyA = _a[0];
-        var keyB = _b[0];
-        var indexA = fieldOrder.indexOf(keyA);
-        var indexB = fieldOrder.indexOf(keyB);
-        return (indexA === -1 ? 999 : indexA) - (indexB === -1 ? 999 : indexB);
-    });
-    return (_jsxs("div", { className: "relative w-full h-full bg-gray-100 dark:bg-gray-950 border border-gray-200 dark:border-gray-800 p-5 rounded-sm flex flex-col justify-center", children: [onClose && (_jsx("button", { onClick: onClose, className: "absolute top-3 right-2 text-gray-500 dark:text-gray-600 hover:text-gray-500 dark:hover:text-gray-300 transition-colors duration-200 focus:outline-none", "aria-label": "Close details", children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", className: "h-5 w-5", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) }) })), _jsx("div", { className: "space-y-3 text-sm pt-5", children: sortedEntries.map(function (_a) {
-                    var key = _a[0], value = _a[1];
-                    return (_jsxs("div", { className: "flex items-center justify-between py-2 ", children: [_jsx("span", { className: "text-gray-500 dark:text-gray-400 font-medium min-w-[120px]", children: getLabel(key) }), _jsxs("div", { className: "relative transition-all duration-300 ".concat(value.visible ? 'opacity-100' : 'opacity-0', " max-w-[65%] text-right flex-1"), children: [_jsx("span", { className: "".concat(getValueStyles(key, value.text), " break-all inline-block"), children: value.text }), value.typing && (_jsx("span", { className: "inline-block ml-1 w-[2px] h-[14px] bg-primary-500 dark:bg-primary-400 animate-pulse" }))] })] }, key));
-                }) })] }));
-}

package/dist/Modal/NTSFlow/NordFlow/components/WaitingMessage.d.ts

@@ -1,6 +0,0 @@
-import { WaitingMessageState } from '../types';
-interface WaitingMessageProps {
-    message: WaitingMessageState;
-}
-export declare function WaitingMessage({ message }: WaitingMessageProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/Modal/NTSFlow/NordFlow/components/WaitingMessage.js

@@ -1,6 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { LoadingSquares } from './LoadingSquares';
-export function WaitingMessage(_a) {
-    var message = _a.message;
-    return (_jsxs("div", { className: "flex flex-col items-center justify-center py-12 space-y-6", children: [_jsx(LoadingSquares, {}), _jsxs("div", { className: "space-y-2 text-center w-[300px]", children: [_jsxs("h3", { className: "text-xl text-gray-800 dark:text-white transition-all duration-300 h-[32px] flex items-center justify-center relative font-semibold", children: [_jsx("span", { className: "opacity-0 absolute select-none", "aria-hidden": "true", children: "Waiting for transaction" }), _jsx("div", { className: "absolute min-w-[280px]", children: message.visible && message.title })] }), _jsxs("p", { className: "text-sm text-gray-600 dark:text-neutral-400 h-[20px] flex items-center justify-center relative", children: [_jsx("span", { className: "opacity-0 absolute select-none", "aria-hidden": "true", children: "Please sign the transaction in your wallet" }), _jsx("div", { className: "absolute min-w-[280px]", children: message.visible && message.subtitle })] })] })] }));
-}

package/dist/Modal/NTSFlow/NordFlow/components/index.d.ts

@@ -1,5 +0,0 @@
-export * from './AnimatedButton';
-export * from './ChainButton';
-export * from './LoadingSquares';
-export * from './TransactionTable';
-export * from './WaitingMessage';

package/dist/Modal/NTSFlow/NordFlow/components/index.js

@@ -1,5 +0,0 @@
-export * from './AnimatedButton';
-export * from './ChainButton';
-export * from './LoadingSquares';
-export * from './TransactionTable';
-export * from './WaitingMessage';

package/dist/Modal/NTSFlow/NordFlow/constants.d.ts

@@ -1,37 +0,0 @@
-import { StateTransition } from './types';
-export declare const ANIMATION_EASE = "cubic-bezier(0.16, 1, 0.3, 1)";
-export declare const TYPING_INTERVAL = 50;
-export declare const ANIMATION_DURATION = 3000;
-export declare const MIN_DEPOSIT = 1;
-export declare const MAX_DEPOSIT = 10000;
-export declare const INITIAL_APPS: {
-    name: string;
-    color: string;
-    progress: number;
-}[];
-/**
- * Available chains for deposit
- */
-export declare const AVAILABLE_CHAINS: {
-    id: string;
-    name: string;
-    logo: string;
-}[];
-export declare const CHAINS: {
-    id: string;
-    name: string;
-    logo: string;
-}[];
-/**
- * State machine transitions
- * Defines all possible transitions between states and their conditions
- */
-export declare const STATE_TRANSITIONS: StateTransition[];
-/**
- * Local storage key for persisting flow state
- */
-export declare const FLOW_STATE_STORAGE_KEY = "n1_wallet_connection_flow_state";
-/**
- * Time in milliseconds after which a persisted state is considered stale
- */
-export declare const STATE_EXPIRY_TIME: number;

package/dist/Modal/NTSFlow/NordFlow/constants.js

@@ -1,223 +0,0 @@
-import { FlowState } from './types';
-export var ANIMATION_EASE = 'cubic-bezier(0.16, 1, 0.3, 1)';
-export var TYPING_INTERVAL = 50;
-export var ANIMATION_DURATION = 3000;
-export var MIN_DEPOSIT = 1;
-export var MAX_DEPOSIT = 10000;
-export var INITIAL_APPS = Array.from({ length: 20 }, function (_, i) { return ({
-    name: "App".concat(i + 1),
-    color: '#ff2b1f',
-    progress: 0,
-}); });
-/**
- * Available chains for deposit
- */
-export var AVAILABLE_CHAINS = [
-    {
-        id: 'ethereum',
-        name: 'Ethereum',
-        logo: 'ethereum-logo.svg',
-    },
-    {
-        id: 'solana',
-        name: 'Solana',
-        logo: 'solana-logo.svg',
-    },
-];
-export var CHAINS = [
-    {
-        id: 'ethereum',
-        name: 'Ethereum',
-        logo: '/images/chains/ethereum.svg',
-    },
-    {
-        id: 'polygon',
-        name: 'Polygon',
-        logo: '/images/chains/polygon.svg',
-    },
-    {
-        id: 'arbitrum',
-        name: 'Arbitrum',
-        logo: '/images/chains/arbitrum.svg',
-    },
-    {
-        id: 'optimism',
-        name: 'Optimism',
-        logo: '/images/chains/optimism.svg',
-    },
-];
-/**
- * State machine transitions
- * Defines all possible transitions between states and their conditions
- */
-export var STATE_TRANSITIONS = [
-    // From IDLE state
-    {
-        from: FlowState.IDLE,
-        to: FlowState.CONNECTING_WALLET,
-        condition: function (context) { return !context.walletType; }, // Only if wallet is not connected
-    },
-    {
-        from: FlowState.IDLE,
-        to: FlowState.WALLET_CONNECTED,
-        condition: function (context) { return !!context.walletType; }, // If wallet is already connected
-    },
-    // From CONNECTING_WALLET state
-    {
-        from: FlowState.CONNECTING_WALLET,
-        to: FlowState.WALLET_CONNECTED,
-        // When wallet connection is successful
-    },
-    {
-        from: FlowState.CONNECTING_WALLET,
-        to: FlowState.ERROR,
-        // When wallet connection fails
-    },
-    // From WALLET_CONNECTED state
-    {
-        from: FlowState.WALLET_CONNECTED,
-        to: FlowState.ETH_TO_SOL_AUTH,
-        condition: function (context) { return context.walletType === 'ethereum'; }, // If Ethereum wallet
-    },
-    {
-        from: FlowState.WALLET_CONNECTED,
-        to: FlowState.CHAIN_SELECTION,
-        condition: function (context) {
-            return context.walletType === 'solana' && !context.hasNordAccount;
-        }, // If Solana wallet and no Nord account
-    },
-    {
-        from: FlowState.WALLET_CONNECTED,
-        to: FlowState.NORD_AUTH,
-        condition: function (context) {
-            return context.walletType === 'solana' &&
-                context.hasNordAccount &&
-                !context.hasActiveSession;
-        },
-        // If Solana wallet, has Nord account but no active session
-    },
-    {
-        from: FlowState.WALLET_CONNECTED,
-        to: FlowState.FINAL_SUCCESS,
-        condition: function (context) {
-            return context.walletType === 'solana' &&
-                context.hasNordAccount &&
-                context.hasActiveSession;
-        },
-        // If Solana wallet, has Nord account and active session
-    },
-    // From ETH_TO_SOL_AUTH state
-    {
-        from: FlowState.ETH_TO_SOL_AUTH,
-        to: FlowState.CHAIN_SELECTION,
-        condition: function (context) { return !context.hasNordAccount; }, // After ETH auth, if no Nord account
-    },
-    {
-        from: FlowState.ETH_TO_SOL_AUTH,
-        to: FlowState.NORD_AUTH,
-        condition: function (context) { return context.hasNordAccount && !context.hasActiveSession; },
-        // After ETH auth, if has Nord account but no active session
-    },
-    {
-        from: FlowState.ETH_TO_SOL_AUTH,
-        to: FlowState.FINAL_SUCCESS,
-        condition: function (context) { return context.hasNordAccount && context.hasActiveSession; },
-        // After ETH auth, if has Nord account and active session
-    },
-    {
-        from: FlowState.ETH_TO_SOL_AUTH,
-        to: FlowState.ERROR,
-        // If ETH to SOL auth fails
-    },
-    // From CHAIN_SELECTION state
-    {
-        from: FlowState.CHAIN_SELECTION,
-        to: FlowState.AMOUNT_INPUT,
-        // After chain selection
-    },
-    // From AMOUNT_INPUT state
-    {
-        from: FlowState.AMOUNT_INPUT,
-        to: FlowState.DEPOSIT_PROGRESS,
-        // After amount input
-    },
-    {
-        from: FlowState.AMOUNT_INPUT,
-        to: FlowState.CHAIN_SELECTION,
-        // If user goes back to chain selection
-    },
-    // From DEPOSIT_PROGRESS state
-    {
-        from: FlowState.DEPOSIT_PROGRESS,
-        to: FlowState.DEPOSIT_SUCCESS,
-        // When deposit is successful
-    },
-    {
-        from: FlowState.DEPOSIT_PROGRESS,
-        to: FlowState.ERROR,
-        // When deposit fails
-    },
-    // From DEPOSIT_SUCCESS state
-    {
-        from: FlowState.DEPOSIT_SUCCESS,
-        to: FlowState.NORD_AUTH,
-        condition: function (context) { return !context.hasActiveSession; }, // If no active Nord session
-    },
-    {
-        from: FlowState.DEPOSIT_SUCCESS,
-        to: FlowState.FINAL_SUCCESS,
-        condition: function (context) { return context.hasActiveSession; }, // If active Nord session exists
-    },
-    // From NORD_AUTH state
-    {
-        from: FlowState.NORD_AUTH,
-        to: FlowState.AUTH_LOADING,
-        // When Nord auth starts
-    },
-    {
-        from: FlowState.NORD_AUTH,
-        to: FlowState.ERROR,
-        // When Nord auth fails to start
-    },
-    // From AUTH_LOADING state
-    {
-        from: FlowState.AUTH_LOADING,
-        to: FlowState.FINAL_SUCCESS,
-        // When auth is successful
-    },
-    {
-        from: FlowState.AUTH_LOADING,
-        to: FlowState.ERROR,
-        // When auth fails
-    },
-    // From ERROR state
-    {
-        from: FlowState.ERROR,
-        to: FlowState.IDLE,
-        // When restarting after error
-    },
-    // Global recovery transition (can happen from any state upon recovery)
-    {
-        from: [
-            FlowState.CONNECTING_WALLET,
-            FlowState.WALLET_CONNECTED,
-            FlowState.ETH_TO_SOL_AUTH,
-            FlowState.CHAIN_SELECTION,
-            FlowState.AMOUNT_INPUT,
-            FlowState.DEPOSIT_PROGRESS,
-            FlowState.DEPOSIT_SUCCESS,
-            FlowState.NORD_AUTH,
-            FlowState.AUTH_LOADING,
-        ],
-        to: FlowState.IDLE,
-        // For recovery after interruption
-    },
-];
-/**
- * Local storage key for persisting flow state
- */
-export var FLOW_STATE_STORAGE_KEY = 'n1_wallet_connection_flow_state';
-/**
- * Time in milliseconds after which a persisted state is considered stale
- */
-export var STATE_EXPIRY_TIME = 30 * 60 * 1000; // 30 minutes

package/dist/Modal/NTSFlow/NordFlow/hooks/index.d.ts

@@ -1,8 +0,0 @@
-export * from './useNordSession';
-export * from './useDepositFlow';
-export * from './useWalletConnect';
-export * from './useInterruptHandler';
-export * from './useFlowState';
-export * from './useWaitingMessage';
-export * from './useTableValues';
-export * from './useButtonTyping';

package/dist/Modal/NTSFlow/NordFlow/hooks/index.js

@@ -1,8 +0,0 @@
-export * from './useNordSession';
-export * from './useDepositFlow';
-export * from './useWalletConnect';
-export * from './useInterruptHandler';
-export * from './useFlowState';
-export * from './useWaitingMessage';
-export * from './useTableValues';
-export * from './useButtonTyping';

package/dist/Modal/NTSFlow/NordFlow/hooks/useButtonTyping.d.ts

@@ -1,7 +0,0 @@
-import { Dispatch, SetStateAction } from 'react';
-import { ButtonKey, ButtonStates } from '../types';
-interface ButtonConfig {
-    text: string;
-}
-export declare function useButtonTyping(buttonStates: ButtonStates, setButtonStates: Dispatch<SetStateAction<ButtonStates>>, buttonConfigs?: Record<ButtonKey, ButtonConfig>): void;
-export {};

package/dist/Modal/NTSFlow/NordFlow/hooks/useButtonTyping.js

@@ -1,43 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import { useEffect } from 'react';
-import { TYPING_INTERVAL } from '../constants';
-var DEFAULT_BUTTON_CONFIGS = {
-    deposit: { text: 'Deposit' },
-    continue: { text: 'Continue' },
-    openApp: { text: 'Launch' },
-};
-export function useButtonTyping(buttonStates, setButtonStates, buttonConfigs) {
-    if (buttonConfigs === void 0) { buttonConfigs = DEFAULT_BUTTON_CONFIGS; }
-    useEffect(function () {
-        Object.entries(buttonStates).forEach(function (_a) {
-            var key = _a[0], state = _a[1];
-            if (state.isTyping) {
-                var config_1 = buttonConfigs[key];
-                var index_1 = 0;
-                var interval_1 = setInterval(function () {
-                    if (index_1 <= config_1.text.length) {
-                        setButtonStates(function (prev) {
-                            var _a;
-                            return (__assign(__assign({}, prev), (_a = {}, _a[key] = __assign(__assign({}, prev[key]), { text: config_1.text.slice(0, index_1) }), _a)));
-                        });
-                        index_1++;
-                    }
-                    else {
-                        clearInterval(interval_1);
-                    }
-                }, TYPING_INTERVAL);
-                return function () { return clearInterval(interval_1); };
-            }
-        });
-    }, [buttonStates, setButtonStates, buttonConfigs]);
-}

package/dist/Modal/NTSFlow/NordFlow/hooks/useDepositFlow.d.ts

@@ -1,38 +0,0 @@
-import { FlowContext, FlowState } from '../types';
-/**
- * Hook for handling the deposit flow
- *
- * @param options Configuration options
- * @returns Deposit flow methods and state
- */
-export declare const useDepositFlow: (options: {
-    /**
-     * Flow state
-     */
-    state: FlowState;
-    /**
-     * Flow context
-     */
-    context: FlowContext;
-    /**
-     * Transition to a new state
-     */
-    transition: (newState: FlowState, contextUpdates?: Partial<FlowContext>) => boolean;
-    /**
-     * Handle errors
-     */
-    handleError: (error: Error) => void;
-    /**
-     * Update context
-     */
-    updateContext?: (contextUpdates: Partial<FlowContext>) => void;
-}) => {
-    selectedChain: string | null;
-    amount: string;
-    isDepositing: boolean;
-    transactionId: string | null;
-    selectChain: (chainId: string) => void;
-    updateAmount: (newAmount: string) => void;
-    startDeposit: () => Promise<void>;
-    goBackToChainSelection: () => void;
-};