@n1xyz/wallet-widget 0.0.7 → 0.0.9

package/dist/WalletConnectionFlow/types.js

@@ -1,34 +0,0 @@
-/**
- * Types for the wallet connection flow state machine
- */
-/**
- * Enum representing all possible states in the wallet connection flow
- */
-export var FlowState;
-(function (FlowState) {
-    FlowState["IDLE"] = "IDLE";
-    FlowState["CONNECTING_WALLET"] = "CONNECTING_WALLET";
-    FlowState["WALLET_CONNECTED"] = "WALLET_CONNECTED";
-    FlowState["ETH_TO_SOL_AUTH"] = "ETH_TO_SOL_AUTH";
-    FlowState["CHAIN_SELECTION"] = "CHAIN_SELECTION";
-    FlowState["AMOUNT_INPUT"] = "AMOUNT_INPUT";
-    FlowState["DEPOSIT_PROGRESS"] = "DEPOSIT_PROGRESS";
-    FlowState["DEPOSIT_SUCCESS"] = "DEPOSIT_SUCCESS";
-    FlowState["NORD_AUTH"] = "NORD_AUTH";
-    FlowState["AUTH_LOADING"] = "AUTH_LOADING";
-    FlowState["FINAL_SUCCESS"] = "FINAL_SUCCESS";
-    FlowState["ERROR"] = "ERROR";
-})(FlowState || (FlowState = {}));
-/**
- * Initial flow context with default values
- */
-export var initialFlowContext = {
-    walletType: null,
-    hasNordAccount: false,
-    hasActiveSession: false,
-    selectedChain: null,
-    amount: '',
-    transactionId: null,
-    error: null,
-    lastInterruption: null,
-};

package/dist/WalletConnectionFlow/utils/persistence.d.ts

@@ -1,24 +0,0 @@
-import { FlowContext, FlowState } from '../types';
-/**
- * Saves the current flow state and context to localStorage
- * @param state Current flow state
- * @param context Current flow context
- */
-export declare const saveStateToLocalStorage: (state: FlowState, context: FlowContext) => void;
-/**
- * Loads the flow state and context from localStorage if available and not expired
- * @returns The loaded state and context, or null if not available or expired
- */
-export declare const loadStateFromLocalStorage: () => {
-    state: FlowState;
-    context: FlowContext;
-} | null;
-/**
- * Clears the stored flow state from localStorage
- */
-export declare const clearStoredState: () => void;
-/**
- * Checks if there is a stored state that can be recovered
- * @returns True if there is a recoverable state, false otherwise
- */
-export declare const hasRecoverableState: () => boolean;

package/dist/WalletConnectionFlow/utils/persistence.js

@@ -1,83 +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 { initialFlowContext } from '../types';
-import { FLOW_STATE_STORAGE_KEY, STATE_EXPIRY_TIME } from '../constants';
-/**
- * Saves the current flow state and context to localStorage
- * @param state Current flow state
- * @param context Current flow context
- */
-export var saveStateToLocalStorage = function (state, context) {
-    try {
-        var persistedData = {
-            state: state,
-            context: __assign(__assign({}, context), { 
-                // Filter out any sensitive data or error objects that shouldn't be persisted
-                error: context.error
-                    ? {
-                        message: context.error.message,
-                        name: context.error.name,
-                    }
-                    : null }),
-            timestamp: Date.now(),
-        };
-        localStorage.setItem(FLOW_STATE_STORAGE_KEY, JSON.stringify(persistedData));
-    }
-    catch (error) {
-        console.error('Failed to save flow state:', error);
-    }
-};
-/**
- * Loads the flow state and context from localStorage if available and not expired
- * @returns The loaded state and context, or null if not available or expired
- */
-export var loadStateFromLocalStorage = function () {
-    try {
-        var storedData = localStorage.getItem(FLOW_STATE_STORAGE_KEY);
-        if (!storedData) {
-            return null;
-        }
-        var parsedData = JSON.parse(storedData);
-        var state = parsedData.state, context = parsedData.context, timestamp = parsedData.timestamp;
-        // Check if data is expired
-        if (Date.now() - timestamp > STATE_EXPIRY_TIME) {
-            localStorage.removeItem(FLOW_STATE_STORAGE_KEY);
-            return null;
-        }
-        return {
-            state: state,
-            context: __assign(__assign({}, initialFlowContext), context),
-        };
-    }
-    catch (error) {
-        console.error('Failed to load flow state:', error);
-        return null;
-    }
-};
-/**
- * Clears the stored flow state from localStorage
- */
-export var clearStoredState = function () {
-    try {
-        localStorage.removeItem(FLOW_STATE_STORAGE_KEY);
-    }
-    catch (error) {
-        console.error('Failed to clear flow state:', error);
-    }
-};
-/**
- * Checks if there is a stored state that can be recovered
- * @returns True if there is a recoverable state, false otherwise
- */
-export var hasRecoverableState = function () {
-    return loadStateFromLocalStorage() !== null;
-};

package/dist/components/LazyLoadWrapper.d.ts

@@ -1,8 +0,0 @@
-import React, { ComponentType } from 'react';
-interface LazyLoadWrapperProps {
-    component: ComponentType<any>;
-    fallback?: React.ReactNode;
-    props?: Record<string, any>;
-}
-export declare function LazyLoadWrapper({ component: Component, fallback, props, }: LazyLoadWrapperProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/LazyLoadWrapper.js

@@ -1,17 +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 { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
-import { Suspense } from 'react';
-export function LazyLoadWrapper(_a) {
-    var Component = _a.component, _b = _a.fallback, fallback = _b === void 0 ? _jsx(_Fragment, {}) : _b, _c = _a.props, props = _c === void 0 ? {} : _c;
-    return (_jsx(Suspense, { fallback: fallback, children: _jsx(Component, __assign({}, props)) }));
-}

package/dist/components/WalletDeposit/AnimatedButton.d.ts

@@ -1,17 +0,0 @@
-export type ButtonKey = 'deposit' | 'continue' | 'openApp';
-export interface ButtonState {
-    text: string;
-    isTyping: boolean;
-    showCursor: boolean;
-}
-export type ButtonStates = Record<ButtonKey, ButtonState>;
-interface AnimatedButtonProps {
-    onClick: () => void;
-    text: string;
-    isTyping: boolean;
-    disabled?: boolean;
-    onMouseEnter?: () => void;
-    onMouseLeave?: () => void;
-}
-export declare const AnimatedButton: ({ onClick, text, isTyping, disabled, onMouseEnter, onMouseLeave, }: AnimatedButtonProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/WalletDeposit/AnimatedButton.js

@@ -1,29 +0,0 @@
-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: disabled ? undefined : onClick, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onMouseDown: function () { return setIsPressed(true); }, onMouseUp: function () { return setIsPressed(false); }, disabled: disabled, className: "\n                group relative w-full overflow-hidden rounded-md border-2 bg-gray-100 dark:bg-neutral-950 py-4 text-center \n                transition-all duration-300 ".concat(ANIMATION_EASE, "\n                ").concat(disabled
-            ? 'cursor-not-allowed border-gray-200 dark:border-neutral-800 opacity-50'
-            : 'cursor-pointer border-gray-200 dark:border-neutral-800 hover:border-gray-400 dark:hover:border-white/60', "\n            "), style: {
-            transform: isPressed
-                ? 'scale(0.98)'
-                : isHovered
-                    ? 'scale(0.99)'
-                    : 'scale(1)',
-        }, children: [_jsx("div", { className: "relative z-[200] pl-4 isolate", children: _jsx("div", { className: "flex items-center", children: _jsx("span", { className: "\n                        text-base font-medium tracking-wide transition-colors duration-300 ".concat(ANIMATION_EASE, "\n                        ").concat(isTyping ? 'text-gray-900 dark:text-white' : 'text-gray-500 dark:text-neutral-400', "\n                        ").concat(isHovered ? '!text-gray-900 dark:!text-white' : '', "\n                    "), children: formatButtonText(text) }) }) }), _jsx("div", { className: "\n                absolute inset-0 z-10 bg-gradient-to-r from-gray-400/0 via-gray-400/10 dark:from-white/0 dark:via-white/10 to-gray-400/0 dark:to-white/0\n                transition-all duration-300 ".concat(ANIMATION_EASE, "\n                ").concat(isHovered ? 'opacity-100 translate-x-full' : 'opacity-0 -translate-x-full', "\n            ") }), _jsx("div", { className: "\n                    absolute inset-0 z-20 \n                    bg-[url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzIiBoZWlnaHQ9IjMiPgo8cmVjdCB3aWR0aD0iMC41IiBoZWlnaHQ9IjAuNSIgZmlsbD0iI2ZmZmZmZiI+PC9yZWN0Pgo8L3N2Zz4=')]\n                    [background-size:3px_3px]\n                    transition-all duration-300 ".concat(ANIMATION_EASE, "\n                    ").concat(isHovered ? 'opacity-10 scale-125' : 'opacity-0 scale-100', "\n                    ").concat(isHovered ? '' : 'animate-grain', "\n                    pointer-events-none\n                ") }), _jsx("div", { className: "\n                    absolute inset-0 z-10 \n                    bg-gradient-to-br from-gray-400/15 via-gray-400/5 to-gray-400/10 dark:from-white/15 dark:via-white/5 dark:to-white/10\n                    transition-all duration-300 ".concat(ANIMATION_EASE, "\n                    ").concat(isHovered ? 'opacity-100' : 'opacity-0', "\n                    pointer-events-none\n                ") }), _jsx("div", { className: "\n                    absolute inset-0 z-30\n                    bg-gray-400/3 dark:bg-white/3\n                    transition-opacity duration-300 ".concat(ANIMATION_EASE, "\n                    ").concat(isHovered ? 'opacity-100' : 'opacity-0', "\n                    pointer-events-none\n                ") })] }));
-};

package/dist/components/WalletDeposit/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/components/WalletDeposit/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/components/WalletDeposit/components/LoadingSquares.d.ts

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

package/dist/components/WalletDeposit/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/components/WalletDeposit/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/components/WalletDeposit/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/components/WalletDeposit/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/components/WalletDeposit/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/components/WalletDeposit/constants.d.ts

@@ -1,15 +0,0 @@
-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;
-}[];
-export declare const CHAINS: {
-    id: string;
-    name: string;
-    logo: string;
-}[];

package/dist/components/WalletDeposit/constants.js

@@ -1,32 +0,0 @@
-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,
-}); });
-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',
-    },
-];

package/dist/components/WalletDeposit/hooks.d.ts

@@ -1,9 +0,0 @@
-import { Dispatch, SetStateAction } from 'react';
-import { TableValues, WaitingMessageState } from './types';
-import { ButtonStates } from './AnimatedButton';
-export declare function useButtonTyping(buttonStates: ButtonStates, setButtonStates: Dispatch<SetStateAction<ButtonStates>>): void;
-export declare function useWaitingMessage(isSigningView: boolean, isWaitingForTx: boolean, setIsWaitingForTx: Dispatch<SetStateAction<boolean>>, setIsSuccessView: Dispatch<SetStateAction<boolean>>, setIsSigningView: Dispatch<SetStateAction<boolean>>): {
-    waitingMessage: WaitingMessageState;
-    setHasError: Dispatch<SetStateAction<boolean>>;
-};
-export declare function useTableValues(isSuccessView: boolean, selectedChain: string | null): TableValues;

package/dist/components/WalletDeposit/hooks.js

@@ -1,185 +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 { useState, useEffect } from 'react';
-import { TYPING_INTERVAL, CHAINS } from './constants';
-var BUTTON_CONFIGS = {
-    deposit: { text: 'Deposit' },
-    continue: { text: 'Continue' },
-    openApp: { text: 'Launch' },
-};
-export function useButtonTyping(buttonStates, setButtonStates) {
-    useEffect(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);
-                    }
-                }, TYPING_INTERVAL);
-                return function () { return clearInterval(interval_1); };
-            }
-        });
-    }, [buttonStates, setButtonStates]);
-}
-export function useWaitingMessage(isSigningView, isWaitingForTx, setIsWaitingForTx, setIsSuccessView, setIsSigningView) {
-    var _a = useState({
-        title: '',
-        subtitle: '',
-        visible: false,
-        isTyping: false,
-    }), waitingMessage = _a[0], setWaitingMessage = _a[1];
-    var _b = useState(false), hasError = _b[0], setHasError = _b[1];
-    useEffect(function () {
-        if (isSigningView && !isWaitingForTx) {
-            var messages_1 = [
-                {
-                    title: 'Waiting for signature',
-                    subtitle: 'Please sign the transaction in your wallet',
-                    delay: 0,
-                },
-                {
-                    title: 'Waiting for transaction',
-                    subtitle: 'Transaction is being processed...',
-                    delay: 3000,
-                },
-            ];
-            var currentMessageIndex = 0;
-            var showMessage_1 = function (message) {
-                var index = 0;
-                var interval = setInterval(function () {
-                    if (index <= Math.max(message.title.length, message.subtitle.length)) {
-                        setWaitingMessage({
-                            title: message.title.slice(0, index),
-                            subtitle: message.subtitle.slice(0, index),
-                            visible: true,
-                            isTyping: true,
-                        });
-                        index++;
-                    }
-                    else {
-                        clearInterval(interval);
-                        setWaitingMessage({
-                            title: message.title,
-                            subtitle: message.subtitle,
-                            visible: true,
-                            isTyping: false,
-                        });
-                    }
-                }, TYPING_INTERVAL);
-                return interval;
-            };
-            var currentInterval_1 = showMessage_1(messages_1[currentMessageIndex]);
-            var messageTimeout_1 = setTimeout(function () {
-                clearInterval(currentInterval_1);
-                currentInterval_1 = showMessage_1(messages_1[1]);
-                setTimeout(function () {
-                    setIsWaitingForTx(true);
-                    setTimeout(function () {
-                        if (!hasError) {
-                            setIsSuccessView(true);
-                        }
-                        else {
-                            setWaitingMessage({
-                                title: 'Transaction Failed',
-                                subtitle: 'Please try again',
-                                visible: true,
-                                isTyping: false,
-                            });
-                            setTimeout(function () {
-                                setIsWaitingForTx(false);
-                                setIsSigningView(false);
-                            }, 2000);
-                        }
-                    }, 4000);
-                }, 4000);
-            }, messages_1[1].delay);
-            return function () {
-                clearInterval(currentInterval_1);
-                clearTimeout(messageTimeout_1);
-            };
-        }
-    }, [
-        isSigningView,
-        isWaitingForTx,
-        setIsWaitingForTx,
-        setIsSuccessView,
-        hasError,
-        setIsSigningView,
-    ]);
-    return { waitingMessage: waitingMessage, setHasError: setHasError };
-}
-export function useTableValues(isSuccessView, selectedChain) {
-    var _a = useState({
-        tx: { text: '', visible: false, typing: false },
-        from: { text: '', visible: false, typing: false },
-        to: { text: '', visible: false, typing: false },
-        network: { text: '', visible: false, typing: false },
-        status: { text: '', visible: false, typing: false },
-    }), tableValues = _a[0], setTableValues = _a[1];
-    useEffect(function () {
-        if (isSuccessView) {
-            var chain = CHAINS.find(function (c) { return c.id === selectedChain; });
-            var values = {
-                tx: '0x1234...5678',
-                from: '0xabcd...ef01',
-                to: '0x2345...6789',
-                network: (chain === null || chain === void 0 ? void 0 : chain.name) || 'Unknown',
-                status: 'Success',
-            };
-            Object.entries(values).forEach(function (_a, index) {
-                var key = _a[0], value = _a[1];
-                setTimeout(function () {
-                    var textIndex = 0;
-                    setTableValues(function (prev) {
-                        var _a;
-                        return (__assign(__assign({}, prev), (_a = {}, _a[key] = __assign(__assign({}, prev[key]), { visible: true }), _a)));
-                    });
-                    var interval = setInterval(function () {
-                        if (textIndex <= value.length) {
-                            setTableValues(function (prev) {
-                                var _a;
-                                return (__assign(__assign({}, prev), (_a = {}, _a[key] = {
-                                    text: value.slice(0, textIndex),
-                                    visible: true,
-                                    typing: true,
-                                }, _a)));
-                            });
-                            textIndex++;
-                        }
-                        else {
-                            clearInterval(interval);
-                            setTableValues(function (prev) {
-                                var _a;
-                                return (__assign(__assign({}, prev), (_a = {}, _a[key] = {
-                                    text: value,
-                                    visible: true,
-                                    typing: false,
-                                }, _a)));
-                            });
-                        }
-                    }, TYPING_INTERVAL);
-                }, index * 500);
-            });
-        }
-    }, [isSuccessView, selectedChain]);
-    return tableValues;
-}

package/dist/components/WalletDeposit/index.d.ts

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