@web3auth/modal 10.16.0 → 11.0.0-beta.1

package/dist/lib.esm/packages/modal/src/react/solana/hooks/useSignTransaction.js

@@ -1,34 +0,0 @@
-import { WalletInitializationError } from '@web3auth/no-modal';
-import { useState, useCallback } from 'react';
-import { useSolanaWallet } from './useSolanaWallet.js';
-
-const useSignTransaction = () => {
-  const {
-    solanaWallet
-  } = useSolanaWallet();
-  const [loading, setLoading] = useState(false);
-  const [error, setError] = useState(null);
-  const [data, setData] = useState(null);
-  const signTransaction = useCallback(async transaction => {
-    setLoading(true);
-    setError(null);
-    try {
-      if (!solanaWallet) throw WalletInitializationError.notReady();
-      const signedTransaction = await solanaWallet.signTransaction(transaction);
-      setData(signedTransaction);
-      return signedTransaction;
-    } catch (error) {
-      setError(error);
-    } finally {
-      setLoading(false);
-    }
-  }, [solanaWallet]);
-  return {
-    loading,
-    error,
-    data,
-    signTransaction
-  };
-};
-
-export { useSignTransaction };

package/dist/lib.esm/packages/modal/src/react/solana/hooks/useSolanaWallet.js

@@ -1,64 +0,0 @@
-import { Connection } from '@solana/web3.js';
-import { CHAIN_NAMESPACES, SolanaWallet } from '@web3auth/no-modal';
-import { useState, useMemo, useEffect } from 'react';
-import { useChain } from '../../hooks/useChain.js';
-import '@babel/runtime/helpers/objectSpread2';
-import '@babel/runtime/helpers/defineProperty';
-import '@web3auth/auth';
-import 'deepmerge';
-import '../../../config.js';
-import '../../../ui/config.js';
-import '../../../ui/css/index.css.js';
-import 'bowser';
-import 'react-dom/client';
-import '@toruslabs/http-helpers';
-import 'clsx';
-import 'tailwind-merge';
-import 'react/jsx-runtime';
-import 'react-i18next';
-import '../../../ui/localeImport.js';
-import 'classnames';
-import 'react-qrcode-logo';
-import '../../../ui/components/Login/Login.js';
-import { useWeb3Auth } from '../../hooks/useWeb3Auth.js';
-
-const useSolanaWallet = () => {
-  const {
-    provider,
-    web3Auth
-  } = useWeb3Auth();
-  const {
-    chainNamespace
-  } = useChain();
-  const [accounts, setAccounts] = useState(null);
-  const solanaWallet = useMemo(() => {
-    if (!provider) return null;
-    if (chainNamespace !== CHAIN_NAMESPACES.SOLANA) return null;
-    return new SolanaWallet(provider);
-  }, [provider, chainNamespace]);
-  const connection = useMemo(() => {
-    if (!web3Auth || !provider || chainNamespace !== CHAIN_NAMESPACES.SOLANA) return null;
-    return new Connection(web3Auth.currentChain.rpcTarget);
-  }, [web3Auth, provider, chainNamespace]);
-  useEffect(() => {
-    const init = async () => {
-      if (chainNamespace !== CHAIN_NAMESPACES.SOLANA) {
-        setAccounts(null);
-        return;
-      }
-      if (!solanaWallet) return;
-      const accounts = await solanaWallet.getAccounts();
-      if ((accounts === null || accounts === void 0 ? void 0 : accounts.length) > 0) {
-        setAccounts(accounts);
-      }
-    };
-    if (solanaWallet) init();
-  }, [solanaWallet, chainNamespace]);
-  return {
-    solanaWallet,
-    accounts,
-    connection
-  };
-};
-
-export { useSolanaWallet };

package/dist/lib.esm/packages/modal/src/ui/components/CircularLoader/CircularLoader.js

@@ -1,86 +0,0 @@
-import { cn } from '../../utils.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-function toSize(value, fallback = 160) {
-  return value !== null && value !== void 0 ? value : fallback;
-}
-const CircularLoader = props => {
-  const {
-    width,
-    height,
-    thickness = 12,
-    className = "",
-    children,
-    showChildren = true,
-    trackColor = "rgba(226, 232, 240, 1)",
-    // Tailwind slate-200 equivalent
-    gradient,
-    arcSizeDeg = 36,
-    arcColors
-  } = props;
-  const w = toSize(width, 160);
-  const h = toSize(height, 160);
-  const ringMask = `radial-gradient(farthest-side, transparent calc(100% - ${thickness}px), #000 calc(100% - ${thickness}px))`;
-  function hexToRgba(hex, alpha) {
-    const normalized = hex.replace("#", "");
-    const full = normalized.length === 3 ? normalized.split("").map(c => c + c).join("") : normalized;
-    const r = parseInt(full.substring(0, 2), 16);
-    const g = parseInt(full.substring(2, 4), 16);
-    const b = parseInt(full.substring(4, 6), 16);
-    return `rgba(${r}, ${g}, ${b}, ${alpha})`;
-  }
-  function withAlpha(color, alpha) {
-    if (!color) return color;
-    const c = color.trim().toLowerCase();
-    if (c.startsWith("#")) return hexToRgba(c, alpha);
-    if (c.startsWith("rgba(")) return color;
-    if (c.startsWith("rgb(")) {
-      const nums = c.slice(4, -1);
-      return `rgba(${nums}, ${alpha})`;
-    }
-    // Fallback: return the same color (alpha may be ignored by browser)
-    return color;
-  }
-  const arcColorGradient = gradient || (arcColors ? `radial-gradient(210.91% 85.29% at 14.56% 18.67%, ${withAlpha(arcColors[0], 0)} 9.5%, ${arcColors[1]} 41.82%, ${arcColors[1]} 64.83%, ${withAlpha(arcColors[0], 0.44)} 100%)` : "radial-gradient(210.91% 85.29% at 14.56% 18.67%, rgba(255, 98, 58, 0.00) 9.5%, #FF623A 41.82%, #FF623A 64.83%, rgba(255, 98, 58, 0.44) 100%)");
-  const wedgeMask = `conic-gradient(#000 0deg ${arcSizeDeg}deg, transparent ${arcSizeDeg}deg 360deg)`;
-  return /*#__PURE__*/jsxs("div", {
-    className: cn("w3a--relative w3a--inline-flex w3a--items-center w3a--justify-center", className),
-    style: {
-      width: w,
-      height: h
-    },
-    children: [/*#__PURE__*/jsx("div", {
-      className: "w3a--absolute w3a--inset-0 w3a--rounded-full",
-      style: {
-        background: trackColor,
-        WebkitMaskImage: ringMask,
-        maskImage: ringMask,
-        WebkitMaskRepeat: "no-repeat",
-        maskRepeat: "no-repeat"
-      }
-    }), /*#__PURE__*/jsx("div", {
-      className: "w3a--absolute w3a--inset-0 w3a--animate-spin",
-      style: {
-        WebkitMaskImage: wedgeMask,
-        maskImage: wedgeMask,
-        WebkitMaskRepeat: "no-repeat",
-        maskRepeat: "no-repeat"
-      },
-      children: /*#__PURE__*/jsx("div", {
-        className: "w3a--absolute w3a--inset-0 w3a--rounded-full",
-        style: {
-          background: arcColorGradient,
-          WebkitMaskImage: ringMask,
-          maskImage: ringMask,
-          WebkitMaskRepeat: "no-repeat",
-          maskRepeat: "no-repeat"
-        }
-      })
-    }), showChildren && children ? /*#__PURE__*/jsx("div", {
-      className: "w3a--relative",
-      children: children
-    }) : null]
-  });
-};
-
-export { CircularLoader as default };