@getpara/react-sdk 1.2.0 → 1.3.1-dev.1

package/dist/modal/components/common.js

@@ -1,67 +0,0 @@
-import { CpslIcon, CpslInput, CpslText, CpslTileButton } from '@getpara/react-components';
-import { styled } from 'styled-components';
-export const SpinnerContainer = styled.div `
-  display: flex;
-  align-items: center;
-  justify-content: center;
-`;
-export const QRContainer = styled.div `
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  width: 286px;
-  height: 286px;
-`;
-export const InfoBoxContent = styled.div `
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-`;
-export const InfoBoxHeader = styled.div `
-  display: flex;
-  align-items: center;
-  gap: 4px;
-
-  cpsl-icon {
-    --height: 20px;
-    --width: 20px;
-  }
-`;
-export const FilledDisabledInput = styled(CpslInput) `
-  --container-border-color: var(--cpsl-color-input-border-placeholder);
-  --container-background-color: var(--cpsl-color-background-0);
-  --input-background-color: transparent;
-  --input-font-weight: 500;
-  --input-color: var(--cpsl-color-text-secondary);
-`;
-export const FullWidthFilledDisabledInput = styled(FilledDisabledInput) `
-  width: 100%;
-`;
-export const CenteredText = styled(CpslText) `
-  width: 100%;
-  text-align: center;
-`;
-export const InnerStepContainer = styled.div `
-  width: 100%;
-  height: 100%;
-  align-self: center;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: 8px;
-`;
-export const StepContainer = styled(InnerStepContainer) `
-  gap: ${({ $wide }) => ($wide ? '32px' : '24px')};
-`;
-export const Heading = styled(CenteredText) ``;
-export const StyledCpslTileButton = styled(CpslTileButton) `
-  --button-width: 100%;
-  --button-height: 87px;
-  --button-icon-height: 32px;
-  --button-icon-width: 32px;
-`;
-export const HeroIcon = styled(CpslIcon) `
-  --height: 80px;
-  --width: 80px;
-  --icon-color: var(--cpsl-color-text-primary);
-`;

package/dist/modal/components/index.js

@@ -1 +0,0 @@
-export * from './ModalContent/ModalContent.js';

package/dist/modal/constants/constants.js

@@ -1,93 +0,0 @@
-import { Network, OnRampAsset, OnRampMethod, OnRampProvider } from '@getpara/core-sdk';
-export const PARA_CONNECT = 'https://connect.getpara.com/';
-export const PARA_TERMS_AND_CONDITIONS = 'https://getpara.com/terms';
-export const ON_RAMP_PROVIDERS = {
-    [OnRampProvider.STRIPE]: {
-        name: 'Stripe',
-        feeLower: 0.99,
-        feeUpper: 4.49,
-        methods: [OnRampMethod.ACH, OnRampMethod.DEBIT, OnRampMethod.CREDIT],
-        icon: 'stripeBrand',
-        backgroundColors: ['#6772E5', '#808AF4'],
-    },
-    [OnRampProvider.RAMP]: {
-        name: 'Ramp',
-        feeLower: 0.99,
-        feeUpper: 4.49,
-        methods: [OnRampMethod.ACH, OnRampMethod.DEBIT, OnRampMethod.CREDIT],
-        icon: 'rampNetworkBrand',
-        backgroundColors: ['#21BF73', '#3AE492'],
-    },
-    [OnRampProvider.MOONPAY]: {
-        name: 'MoonPay',
-        feeLower: 1.0,
-        feeUpper: 4.5,
-        methods: [OnRampMethod.ACH, OnRampMethod.DEBIT, OnRampMethod.CREDIT],
-        icon: 'moonpayBrand',
-        backgroundColors: ['#7715F5', '#9647fd'],
-    },
-};
-export const NETWORKS = {
-    [Network.ETHEREUM]: { name: 'Ethereum', icon: 'ethereum' },
-    [Network.SEPOLIA]: { name: 'Sepolia', icon: 'ethereum' },
-    [Network.ARBITRUM]: { name: 'Arbitrum', icon: 'arbitrumBrand' },
-    [Network.BASE]: { name: 'Base', icon: 'baseBrand' },
-    [Network.OPTIMISM]: { name: 'Optimism', icon: 'optimismBrand' },
-    [Network.POLYGON]: { name: 'Polygon', icon: 'polygonBrand' },
-    [Network.SOLANA]: { name: 'Solana', icon: 'solana' },
-    [Network.COSMOS]: { name: 'Cosmos', icon: 'cosmos' },
-    [Network.CELO]: { name: 'Celo', icon: 'celoBrand' },
-    [Network.NOBLE]: { name: 'Noble', icon: 'nobleBrand' },
-};
-export const ON_RAMP_ASSETS = {
-    [OnRampAsset.ETHEREUM]: { name: 'Ethereum', code: 'ETH', icon: 'ethereum' },
-    [OnRampAsset.USDC]: { name: 'USDC', code: 'USDC', icon: 'usdcBrand' },
-    [OnRampAsset.POLYGON]: { name: 'Polygon', code: 'MATIC', icon: 'polygonBrand' },
-    [OnRampAsset.SOLANA]: { name: 'Solana', code: 'SOL', icon: 'solana' },
-    [OnRampAsset.ATOM]: { name: 'Atom', code: 'ATOM', icon: 'cosmos' },
-    [OnRampAsset.CELO]: { name: 'Celo', code: 'CELO', icon: 'celoBrand' },
-    [OnRampAsset.TETHER]: { name: 'Tether', code: 'USDT', icon: 'tetherBrand' },
-    [OnRampAsset.CUSD]: { name: 'Celo Dollar', code: 'CUSD', icon: 'celoBrand' },
-    [OnRampAsset.CEUR]: { name: 'Celo Euro', code: 'CEUR', icon: 'celoBrand' },
-    [OnRampAsset.CREAL]: { name: 'Celo Real', code: 'CREAL', icon: 'celoBrand' },
-};
-export function getNetworkName(str) {
-    var _a, _b;
-    return (_b = (_a = NETWORKS[str]) === null || _a === void 0 ? void 0 : _a.name) !== null && _b !== void 0 ? _b : `${str[0]}${str.slice(1).toLowerCase()}`;
-}
-export function getNetworkIcon(str) {
-    var _a, _b;
-    return (_b = (_a = NETWORKS[str]) === null || _a === void 0 ? void 0 : _a.icon) !== null && _b !== void 0 ? _b : 'globe';
-}
-export function getAssetName(str) {
-    var _a, _b;
-    return (_b = (_a = ON_RAMP_ASSETS[str]) === null || _a === void 0 ? void 0 : _a.code) !== null && _b !== void 0 ? _b : str;
-}
-export function getAssetIcon(str) {
-    var _a, _b;
-    return (_b = (_a = ON_RAMP_ASSETS[str]) === null || _a === void 0 ? void 0 : _a.icon) !== null && _b !== void 0 ? _b : 'emptyCircle';
-}
-export const MOBILE_SIZE = 480;
-export const NETWORK_NOT_SUPPORTED_ERROR = 'network not supported';
-export const EMAIL_REGEX = /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|.(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
-export const BODY_MOTION_VARIANTS = {
-    enter: (direction) => {
-        return {
-            scale: direction > 0 ? 0.9 : 1.1,
-            opacity: 0,
-        };
-    },
-    center: {
-        scale: 1,
-        opacity: 1,
-    },
-    exit: (direction) => {
-        return {
-            scale: direction < 0 ? 0.9 : 1.1,
-            opacity: 0,
-        };
-    },
-};
-export const BODY_TRANSITION = {
-    duration: 0.2,
-};

package/dist/modal/constants/defaults.js

@@ -1,5 +0,0 @@
-export const DEFAULTS = {
-    LOGGIN_POLLING_DELAY_MS: 5000,
-    POLLING_INTERVAL_MS: 2000,
-    ANIMATION_DURATION: 0.15,
-};

package/dist/modal/constants/oAuthLogos.js

@@ -1,18 +0,0 @@
-export const brandedOAuthLogos = {
-    GOOGLE: 'googleBrand',
-    TWITTER: 'twitter',
-    APPLE: 'apple',
-    DISCORD: 'discordBrand',
-    FACEBOOK: 'facebookBrand',
-    FARCASTER: 'farcasterBrand',
-    TELEGRAM: 'telegramBrand',
-};
-export const oAuthLogos = {
-    GOOGLE: 'google',
-    TWITTER: 'twitter',
-    APPLE: 'apple',
-    DISCORD: 'discord',
-    FACEBOOK: 'facebook',
-    FARCASTER: 'farcaster',
-    TELEGRAM: 'telegram',
-};

package/dist/modal/hooks/useActiveWallet.d.ts

@@ -1 +0,0 @@
-export declare function useActiveWallet(): Omit<import("@getpara/core-sdk").Wallet, "signer">;

package/dist/modal/hooks/useActiveWallet.js

@@ -1,11 +0,0 @@
-import { useMemo } from 'react';
-import { useWalletState } from '../../provider/index.js';
-import { useInternalClient } from '../../provider/hooks/utils/useInternalClient.js';
-// TODO: remove this hook in favor of the useAccount hook once we force the use of the ParaProvider
-export function useActiveWallet() {
-    const client = useInternalClient();
-    const { selectedWallet } = useWalletState();
-    return useMemo(() => {
-        return client.findWallet(selectedWallet.id, selectedWallet.type, { forbidPregen: true });
-    }, [client, selectedWallet]);
-}

package/dist/modal/hooks/useEmbeddedExternalConnection.d.ts

@@ -1 +0,0 @@
-export declare const useEmbeddedExternalConnection: () => () => Promise<void>;

package/dist/modal/hooks/useEmbeddedExternalConnection.js

@@ -1,46 +0,0 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-import { useExternalWalletProviderStore } from '../stores/externalWalletProvider/useExternalWalletProviderStore.js';
-export const useEmbeddedExternalConnection = () => {
-    // Get the connectParaEvmWallet action if available. This is used to trigger Para as an active connection when the user logs in using a non external wallet method.
-    const connectParaEvmWallet = useExternalWalletProviderStore(state => state.connectParaEvmWallet);
-    const EvmProvider = useExternalWalletProviderStore(state => state.EvmProvider);
-    const evmContext = useExternalWalletProviderStore(state => state.evmContext);
-    const connectParaCosmosWallet = useExternalWalletProviderStore(state => state.connectParaCosmosWallet);
-    const CosmosProvider = useExternalWalletProviderStore(state => state.CosmosProvider);
-    const cosmosContext = useExternalWalletProviderStore(state => state.cosmosContext);
-    const connectEmbeddedToExternalConnectors = () => __awaiter(void 0, void 0, void 0, function* () {
-        // If we're in the ParaEvmProvider context call the connect method to trigger Para as an active connection
-        if (evmContext && EvmProvider && connectParaEvmWallet) {
-            try {
-                const { error } = yield connectParaEvmWallet();
-                if (error) {
-                    console.warn('Failed to connect Para EVM wallet to Wagmi:', error);
-                }
-            }
-            catch (err) {
-                console.warn('Error calling connectParaEvmWallet:', err);
-            }
-        }
-        // If we're in the ParaCosmosProvider context call the connect method to trigger Para as an active connection
-        if (cosmosContext && CosmosProvider && connectParaCosmosWallet) {
-            try {
-                const { error } = yield connectParaCosmosWallet();
-                if (error) {
-                    console.warn('Failed to connect Para Cosmos wallet to Graz:', error);
-                }
-            }
-            catch (err) {
-                console.warn('Error calling connectParaCosmosWallet:', err);
-            }
-        }
-    });
-    return connectEmbeddedToExternalConnectors;
-};

package/dist/modal/hooks/useGoBack.js

@@ -1,34 +0,0 @@
-import { useExternalWallets } from '../providers/ExternalWalletContext.js';
-import { useModalStore } from '../stores/index.js';
-import { getAddFundsStep, ModalStep } from '../utils/steps.js';
-export const useGoBack = () => {
-    const currentStep = useModalStore(state => state.step);
-    const setStep = useModalStore(state => state.setStep);
-    const accountAddFundTab = useModalStore(state => state.accountAddFundTab);
-    const decrementStep = useModalStore(state => state.decrementStep);
-    const resetState = useModalStore(state => state.resetState);
-    const { setChainIdSwitchingTo } = useExternalWallets();
-    const goBack = () => {
-        if (currentStep === ModalStep.ADD_FUNDS_AWAITING) {
-            setStep(getAddFundsStep(accountAddFundTab));
-        }
-        else {
-            decrementStep();
-        }
-        switch (currentStep) {
-            case ModalStep.VERIFY_2FA:
-            case ModalStep.BIOMETRIC_CREATION:
-            case ModalStep.BIOMETRIC_LOGIN: {
-                resetState();
-                break;
-            }
-        }
-        switch (currentStep) {
-            case ModalStep.CHAIN_SWITCH: {
-                setChainIdSwitchingTo();
-                break;
-            }
-        }
-    };
-    return goBack;
-};

package/dist/modal/index.js

@@ -1,9 +0,0 @@
-export * from './ParaModal.js';
-export { ModalStep } from './utils/steps.js';
-export { AuthLayout } from './types/modalProps.js';
-export * from './utils/openPopup.js';
-export { ON_RAMP_PROVIDERS, ON_RAMP_ASSETS, NETWORKS, getAssetIcon, getAssetName, getNetworkIcon, getNetworkName, } from './constants/constants.js';
-export { SaveRecoverySecret } from './components/RecoverySecretStep/RecoverySecretStep.js';
-export * from './utils/validateOnRampConfig.js';
-export * from './types/externalWallets.js';
-export { useExternalWalletProviderStore } from './stores/externalWalletProvider/useExternalWalletProviderStore.js';

package/dist/modal/providers/CosmosExternalWalletContextStub.d.ts

@@ -1,29 +0,0 @@
-import { ReactNode } from 'react';
-import { CommonChain, CommonWallet } from '../types/commonTypes.js';
-import ParaWeb from '@getpara/web-sdk';
-export declare const defaultCosmosExternalWallet: {
-    wallets: any[];
-    chains: any[];
-    chainId: any;
-    disconnect: () => Promise<void>;
-    switchChain: () => Promise<{}>;
-};
-export type CosmosExternalWalletContextType = {
-    wallets: CommonWallet[];
-    chains: CommonChain[];
-    chainId: string;
-    disconnect: () => Promise<void>;
-    switchChain: (chainId: string) => Promise<{
-        error?: string[];
-    }>;
-};
-export declare const CosmosExternalWalletContext: import("react").Context<CosmosExternalWalletContextType>;
-export interface CosmosExternalWalletProviderProps {
-    children: ReactNode;
-    para: ParaWeb;
-    onSwitchWallet: (args: {
-        address?: string;
-        error?: string;
-    }) => void;
-}
-export declare function CosmosExternalWalletProvider({ children }: CosmosExternalWalletProviderProps): import("react/jsx-runtime").JSX.Element;

package/dist/modal/providers/CosmosExternalWalletContextStub.js

@@ -1,18 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { createContext, useMemo } from 'react';
-export const defaultCosmosExternalWallet = {
-    wallets: [],
-    chains: [],
-    chainId: undefined,
-    disconnect: () => Promise.resolve(),
-    switchChain: () => Promise.resolve({}),
-};
-export const CosmosExternalWalletContext = createContext(defaultCosmosExternalWallet);
-export function CosmosExternalWalletProvider({ children }) {
-    const wallets = [];
-    const chains = [];
-    const chainId = undefined;
-    const disconnect = () => Promise.resolve();
-    const switchChain = () => Promise.resolve({});
-    return (_jsx(CosmosExternalWalletContext.Provider, { value: useMemo(() => ({ wallets, chains, chainId, disconnect, switchChain }), [wallets, chains, chainId, disconnect, switchChain]), children: children }));
-}

package/dist/modal/providers/EvmExternalWalletContextStub.d.ts

@@ -1,33 +0,0 @@
-import { ReactNode } from 'react';
-import { CommonChain, CommonWallet } from '../types/commonTypes.js';
-import ParaWeb from '@getpara/web-sdk';
-export declare const defaultEvmExternalWallet: {
-    wallets: any[];
-    chains: any[];
-    chainId: any;
-    username: any;
-    avatar: any;
-    disconnect: () => Promise<void>;
-    switchChain: () => Promise<{}>;
-};
-export type EvmExternalWalletContextType = {
-    wallets: CommonWallet[];
-    chains: CommonChain[];
-    chainId: number;
-    username: string;
-    avatar?: string;
-    disconnect: () => Promise<void>;
-    switchChain: (chainId: number) => Promise<{
-        error?: string[];
-    }>;
-};
-export declare const EvmExternalWalletContext: import("react").Context<EvmExternalWalletContextType>;
-export interface EvmExternalWalletProviderProps {
-    children: ReactNode;
-    para: ParaWeb;
-    onSwitchWallet: (args: {
-        address?: string;
-        error?: string;
-    }) => void;
-}
-export declare function EvmExternalWalletProvider({ children }: EvmExternalWalletProviderProps): import("react/jsx-runtime").JSX.Element;

package/dist/modal/providers/EvmExternalWalletContextStub.js

@@ -1,22 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { createContext, useMemo } from 'react';
-export const defaultEvmExternalWallet = {
-    wallets: [],
-    chains: [],
-    chainId: undefined,
-    username: undefined,
-    avatar: undefined,
-    disconnect: () => Promise.resolve(),
-    switchChain: () => Promise.resolve({}),
-};
-export const EvmExternalWalletContext = createContext(defaultEvmExternalWallet);
-export function EvmExternalWalletProvider({ children }) {
-    const wallets = [];
-    const chains = [];
-    const chainId = undefined;
-    const username = undefined;
-    const avatar = undefined;
-    const disconnect = () => Promise.resolve();
-    const switchChain = () => Promise.resolve({});
-    return (_jsx(EvmExternalWalletContext.Provider, { value: useMemo(() => ({ wallets, chains, chainId, username, avatar, disconnect, switchChain }), [wallets, chains, chainId, username, avatar, disconnect, switchChain]), children: children }));
-}

package/dist/modal/providers/ExternalWalletContext.js

@@ -1,253 +0,0 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import { createContext, useCallback, useContext, useEffect, useMemo, useState } from 'react';
-import { useModalStore } from '../stores/index.js';
-import { ModalStep } from '../utils/steps.js';
-import { WalletType, isIOS, isIOSWebview, isMobile, truncateAddress } from '@getpara/web-sdk';
-import { useInternalClient } from '../../provider/hooks/utils/useInternalClient.js';
-export const defaultExternalWallet = {
-    wallets: [],
-    chains: [],
-    chainId: undefined,
-    wallet: undefined,
-    qrUri: undefined,
-    chainIdSwitchingTo: undefined,
-    walletDisplayHelpers: {
-        showExtension: false,
-        showMobile: false,
-        isSolanaMobileIOS: false,
-        isCosmosMobileWallet: false,
-    },
-    username: undefined,
-    avatar: undefined,
-    connectExternalWallet: () => { },
-    disconnectExternalWallet: () => Promise.resolve(),
-    switchChain: () => Promise.resolve(),
-    setChainIdSwitchingTo: () => { },
-};
-export const ExternalWalletContext = createContext(defaultExternalWallet);
-export function ExternalWalletProvider({ children, evmContext, solanaContext, cosmosContext, walletSort, }) {
-    const { wallets: evmWallets, disconnect: evmDisconnect, chains: evmChains, chainId: evmChainId, switchChain: evmSwitchChain, username: evmUsername, avatar: evmAvatar, } = useContext(evmContext);
-    const { wallets: solanaWallets, disconnect: solanaDisconnect } = useContext(solanaContext);
-    const { wallets: cosmosWallets, disconnect: cosmosDisconnect, chains: cosmosChains, chainId: cosmosChainId, switchChain: cosmosSwitchChain, } = useContext(cosmosContext);
-    const setStep = useModalStore(state => state.setStep);
-    const setStepDirection = useModalStore(state => state.setStepDirection);
-    const setIsExternalWalletConnecting = useModalStore(state => state.setIsExternalWalletConnecting);
-    const isExternalWalletConnecting = useModalStore(state => state.isExternalWalletConnecting);
-    const setSelectedExternalWalletId = useModalStore(state => state.setSelectedExternalWalletId);
-    const selectedExternalWalletId = useModalStore(state => state.selectedExternalWalletId);
-    const setExternalWalletError = useModalStore(state => state.setExternalWalletError);
-    const setIsUsingMobileConnector = useModalStore(state => state.setIsUsingMobileConnector);
-    const isUsingMobileConnector = useModalStore(state => state.isUsingMobileConnector);
-    const para = useInternalClient();
-    const [qrUri, setQrUri] = useState();
-    const [chainIdSwitchingTo, setChainIdSwitchingTo] = useState();
-    // Filter any wallets that aren't included in the sort array, sort by the array then sort by installed extensions
-    const wallets = [...evmWallets, ...solanaWallets, ...cosmosWallets]
-        .filter(w => walletSort.includes(w.id.toUpperCase()))
-        .sort((a, b) => walletSort.indexOf(a.id.toUpperCase()) -
-        walletSort.indexOf(b.id.toUpperCase()))
-        .sort((a, b) => (a.installed === b.installed ? 0 : a.installed ? -1 : 1));
-    const wallet = useMemo(() => wallets.find(w => w.id === selectedExternalWalletId), [wallets, selectedExternalWalletId]);
-    const updateQrUri = () => __awaiter(this, void 0, void 0, function* () {
-        var _a;
-        const uri = yield ((_a = wallet === null || wallet === void 0 ? void 0 : wallet.getQrUri) === null || _a === void 0 ? void 0 : _a.call(wallet));
-        setQrUri(uri);
-    });
-    useEffect(() => {
-        if (wallet) {
-            if (!qrUri) {
-                updateQrUri();
-            }
-        }
-        else if (qrUri) {
-            setQrUri(undefined);
-        }
-    }, [wallet]);
-    const chains = useMemo(() => {
-        var _a, _b, _c;
-        const walletType = (_c = para.externalWallets[(_b = (_a = para.currentExternalWalletAddresses) === null || _a === void 0 ? void 0 : _a[0]) !== null && _b !== void 0 ? _b : '']) === null || _c === void 0 ? void 0 : _c.type;
-        switch (walletType) {
-            case WalletType.COSMOS: {
-                return cosmosChains;
-            }
-            case WalletType.EVM: {
-                return evmChains;
-            }
-            default: {
-                return [];
-            }
-        }
-    }, [cosmosChains, evmChains, selectedExternalWalletId]);
-    const chainId = useMemo(() => {
-        var _a, _b, _c;
-        const walletType = (_c = para.externalWallets[(_b = (_a = para.currentExternalWalletAddresses) === null || _a === void 0 ? void 0 : _a[0]) !== null && _b !== void 0 ? _b : '']) === null || _c === void 0 ? void 0 : _c.type;
-        switch (walletType) {
-            case WalletType.COSMOS: {
-                return cosmosChainId;
-            }
-            case WalletType.EVM: {
-                return evmChainId === null || evmChainId === void 0 ? void 0 : evmChainId.toString();
-            }
-            default: {
-                return undefined;
-            }
-        }
-    }, [cosmosChains, evmChains, selectedExternalWalletId]);
-    const switchChain = useCallback((chainId) => __awaiter(this, void 0, void 0, function* () {
-        var _a, _b, _c;
-        const walletType = (_c = para.externalWallets[(_b = (_a = para.currentExternalWalletAddresses) === null || _a === void 0 ? void 0 : _a[0]) !== null && _b !== void 0 ? _b : '']) === null || _c === void 0 ? void 0 : _c.type;
-        if (walletType) {
-            let resp;
-            setExternalWalletError();
-            setChainIdSwitchingTo(chainId);
-            switch (walletType) {
-                case WalletType.COSMOS: {
-                    setStep(ModalStep.CHAIN_SWITCH);
-                    resp = yield cosmosSwitchChain(chainId);
-                    break;
-                }
-                case WalletType.EVM: {
-                    setStep(ModalStep.CHAIN_SWITCH);
-                    resp = yield evmSwitchChain(parseInt(chainId));
-                    break;
-                }
-                default: {
-                    break;
-                }
-            }
-            if (resp.error) {
-                setExternalWalletError(resp.error);
-            }
-            else {
-                setChainIdSwitchingTo(undefined);
-                setStepDirection(-1);
-                setStep(ModalStep.ACCOUNT_MAIN);
-            }
-        }
-    }), [evmSwitchChain, cosmosSwitchChain]);
-    const connectExternalWallet = useCallback((wallet, isMobileConnect, isManualWalletConnect, isResetAfterManualWalletConnect) => __awaiter(this, void 0, void 0, function* () {
-        // If triggering the WC modal manually from desktop, disconnect the current connection attempt to trigger the mobile connection attempt
-        if (isExternalWalletConnecting && isManualWalletConnect) {
-            yield evmDisconnect();
-            yield solanaDisconnect();
-            yield cosmosDisconnect();
-            setQrUri(undefined);
-            setIsExternalWalletConnecting(false);
-        }
-        if (isResetAfterManualWalletConnect || isManualWalletConnect || !isExternalWalletConnecting) {
-            setExternalWalletError();
-            setIsExternalWalletConnecting(true);
-            setIsUsingMobileConnector(isMobileConnect);
-            const { address, error } = yield (isMobileConnect ? wallet.connectMobile(isManualWalletConnect) : wallet.connect());
-            if (error) {
-                setExternalWalletError([error]);
-                setIsUsingMobileConnector();
-                // If triggering the WC modal manually from desktop, attempt desktop reconnect on connection rejection
-                if (isManualWalletConnect && error === 'Connection request rejected') {
-                    setExternalWalletError();
-                    yield connectExternalWallet(wallet, false, false, true);
-                    yield updateQrUri();
-                    return;
-                }
-            }
-            else if (address) {
-                setStep(ModalStep.LOGIN_DONE);
-            }
-            setIsExternalWalletConnecting(false);
-        }
-    }), [isExternalWalletConnecting]);
-    const disconnectExternalWallet = () => __awaiter(this, void 0, void 0, function* () {
-        yield evmDisconnect();
-        yield solanaDisconnect();
-        yield cosmosDisconnect();
-        setSelectedExternalWalletId();
-    });
-    const walletDisplayHelpers = {
-        // Show the extension screen if on web and the wallet is an extension and installed or the wallet isn't a mobile wallet
-        // Also show the extension connection if on desktop for a solana wallet (no walletConnect)
-        showExtension: !isMobile() && (((wallet === null || wallet === void 0 ? void 0 : wallet.isExtension) && (wallet === null || wallet === void 0 ? void 0 : wallet.installed)) || !(wallet === null || wallet === void 0 ? void 0 : wallet.isMobile) || (wallet === null || wallet === void 0 ? void 0 : wallet.type) === WalletType.SOLANA),
-        // Show the mobile screen if on mobile and the wallet is a mobile wallet or if on desktop and the wallet isn't installed
-        showMobile: (isMobile() && (wallet === null || wallet === void 0 ? void 0 : wallet.isMobile)) || (!isMobile() && !(wallet === null || wallet === void 0 ? void 0 : wallet.installed)),
-        isSolanaMobileIOS: isIOS() && isMobile() && !isIOSWebview() && (wallet === null || wallet === void 0 ? void 0 : wallet.type) === WalletType.SOLANA,
-        isCosmosMobileWallet: (wallet === null || wallet === void 0 ? void 0 : wallet.type) === WalletType.COSMOS && isUsingMobileConnector,
-    };
-    const username = useMemo(() => {
-        var _a, _b;
-        let username;
-        const storedExternalWallet = para.externalWallets[(_b = (_a = para.currentExternalWalletAddresses) === null || _a === void 0 ? void 0 : _a[0]) !== null && _b !== void 0 ? _b : ''];
-        if (storedExternalWallet) {
-            const walletType = storedExternalWallet === null || storedExternalWallet === void 0 ? void 0 : storedExternalWallet.type;
-            switch (walletType) {
-                case WalletType.EVM: {
-                    // If evmUsername is an EVM address, format it, else return it since it should be an ENS name
-                    username = evmUsername
-                        ? evmUsername.startsWith('0x')
-                            ? truncateAddress(evmUsername, 'EVM')
-                            : evmUsername
-                        : undefined;
-                    break;
-                }
-                default: {
-                    username = storedExternalWallet.address
-                        ? truncateAddress(storedExternalWallet.address, storedExternalWallet.type)
-                        : undefined;
-                    break;
-                }
-            }
-        }
-        return username;
-    }, [evmUsername, wallet]);
-    const avatar = useMemo(() => {
-        var _a, _b, _c;
-        const walletType = (_c = para.externalWallets[(_b = (_a = para.currentExternalWalletAddresses) === null || _a === void 0 ? void 0 : _a[0]) !== null && _b !== void 0 ? _b : '']) === null || _c === void 0 ? void 0 : _c.type;
-        if (walletType) {
-            switch (walletType) {
-                case WalletType.EVM: {
-                    return evmAvatar;
-                }
-                default: {
-                    return undefined;
-                }
-            }
-        }
-    }, [evmAvatar, wallet]);
-    return (_jsx(ExternalWalletContext.Provider, { value: useMemo(() => ({
-            wallets,
-            chains,
-            chainId,
-            wallet,
-            qrUri,
-            walletDisplayHelpers,
-            chainIdSwitchingTo,
-            username,
-            avatar,
-            connectExternalWallet,
-            disconnectExternalWallet,
-            switchChain,
-            setChainIdSwitchingTo,
-        }), [
-            wallets,
-            chains,
-            chainId,
-            wallet,
-            qrUri,
-            walletDisplayHelpers,
-            chainIdSwitchingTo,
-            username,
-            avatar,
-            disconnectExternalWallet,
-            connectExternalWallet,
-            switchChain,
-            setChainIdSwitchingTo,
-        ]), children: children }));
-}
-export const useExternalWallets = () => useContext(ExternalWalletContext);