@layerswap/widget 0.1.4 → 0.1.14

package/package.json

@@ -1,8 +1,7 @@
 {
   "name": "@layerswap/widget",
-  "type": "module",
-  "version": "0.1.4",
-  "description": "Layerswap Widget for cross-chain bridging.",
+  "version": "0.1.14",
+  "description": "Streamline your asset transaction experience with Layerswap Widget across 50+ blockchains and 15+ exchanges.",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "exports": {
@@ -22,7 +21,7 @@
     "type-check": "tsc --noEmit",
     "clean": "rimraf dist && rm -rf tsconfig.tsbuildinfo",
     "build:js": "tsup",
-    "build:css": "tailwindcss -c tailwind.config.js -o dist/index.css --minify && cp -r src/styles dist",
+    "build:css": "tailwindcss -c tailwind.config.js -i ./src/styles/globals.css -o dist/index.css --minify",
     "build:types": "tsc --outDir dist",
     "build": "yarn clean && yarn build:js && yarn build:types && yarn build:css",
     "dev": "yarn tsc --build --watch",
@@ -44,110 +43,60 @@
   ],
   "license": "MIT",
   "peerDependencies": {
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0"
+    "@tanstack/react-query": "^5.59.20",
+    "react": "^16.8 || ^17.0 || ^18.0 || ^19.0.0 || ^19.0.0-rc",
+    "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0.0 || ^19.0.0-rc",
+    "viem": "^2.21.16",
+    "wagmi": "^2.15.0",
+    "zustand": "^4.5.1"
   },
   "dependencies": {
-    "@bitget-wallet/web3-sdk": "^0.0.8",
-    "@datadog/browser-rum": "^5.9.0",
-    "@eth-optimism/contracts-ts": "^0.15.0",
-    "@ethereumjs/util": "^9.1.0",
-    "@fuel-ts/account": "^0.96.1",
-    "@fuel-ts/address": "^0.96.1",
-    "@fuels/react": "^0.36.1",
     "@headlessui/react": "^2.1.1",
-    "@imtbl/imx-sdk": "2.1.1",
-    "@imtbl/sdk": "1.45.10",
     "@metamask/jazzicon": "^2.0.0",
-    "@paradex/sdk": "0.6.0",
-    "@radix-ui/react-accordion": "^1.1.2",
-    "@radix-ui/react-checkbox": "^1.1.5",
-    "@radix-ui/react-context-menu": "^1.0.0",
-    "@radix-ui/react-popover": "^1.1.6",
-    "@radix-ui/react-progress": "^1.0.2",
-    "@radix-ui/react-select": "^1.2.1",
-    "@radix-ui/react-slot": "^1.0.2",
-    "@radix-ui/react-tooltip": "^1.0.7",
-    "@reown/appkit": "^1.3.2",
-    "@reown/appkit-adapter-ethers": "^1.3.2",
-    "@reown/appkit-adapter-ethers5": "^1.3.2",
-    "@reown/appkit-adapter-wagmi": "^1.3.2",
-    "@solana/spl-token": "^0.3.9",
-    "@solana/wallet-adapter-base": "0.9.18",
-    "@solana/wallet-adapter-coinbase": "^0.1.18",
-    "@solana/wallet-adapter-glow": "^0.1.18",
-    "@solana/wallet-adapter-phantom": "^0.9.24",
-    "@solana/wallet-adapter-react": "^0.15.35",
-    "@solana/wallet-adapter-solflare": "0.6.24",
-    "@solana/wallet-adapter-walletconnect": "^0.1.16",
-    "@solana/wallet-adapter-wallets": "^0.19.32",
-    "@solana/web3.js": "1.66.0",
+    "@radix-ui/react-accordion": "^1.2.8",
+    "@radix-ui/react-checkbox": "^1.2.3",
+    "@radix-ui/react-context-menu": "^2.2.12",
+    "@radix-ui/react-popover": "^1.1.11",
+    "@radix-ui/react-progress": "^1.1.4",
+    "@radix-ui/react-select": "^2.2.2",
+    "@radix-ui/react-slot": "^1.2.0",
+    "@radix-ui/react-tooltip": "^1.2.4",
     "@stablelib/ed25519": "^2.0.2",
-    "@starknet-react/chains": "^3.1.0",
-    "@starknet-react/core": "^3.7.2",
-    "@tailwindcss/forms": "^0.5.0",
-    "@tailwindcss/typography": "^0.5.2",
-    "@tanstack/query-sync-storage-persister": "^5.66.4",
-    "@tanstack/react-query": "^5.59.20",
-    "@tanstack/react-query-persist-client": "^5.66.9",
     "@tanstack/react-virtual": "^3.10.8",
-    "@ton/core": "^0.53.0",
-    "@ton/crypto": "^3.2.0",
-    "@ton/ton": "^13.11.1",
-    "@tonconnect/ui-react": "^2.0.0-beta.4",
-    "@tronweb3/tronwallet-adapter-react-hooks": "^1.1.9",
     "@uidotdev/usehooks": "^2.4.1",
-    "@walletconnect/universal-provider": "^2.17.0",
+    "@walletconnect/universal-provider": "2.19.2",
     "axios": "^0.21.4",
-    "blake2b": "^2.1.4",
     "bn.js": "^5.2.0",
     "cmdk": "^0.2.0",
-    "copy-to-clipboard": "^3.3.3",
-    "crypto-js": "^4.1.1",
     "ethers": "5.7.2",
     "formik": "^2.2.9",
     "framer-motion": "^10.16.15",
-    "fuels": "^0.98.0",
-    "get-starknet-core": "^3.3.4",
     "js-sha3": "^0.8.0",
     "js-sha512": "^0.9.0",
-    "json-rpc-2.0": "1.7.0",
     "lucide-react": "^0.379.0",
-    "memoizee": "^0.4.17",
     "qrcode.react": "^3.1.0",
     "react-error-boundary": "^4.0.11",
     "react-hot-toast": "^2.2.0",
-    "react-swipeable": "^7.0.0",
     "react-use-intercom": "^5.4.3",
-    "starknet": "^6.23.1",
-    "starknetkit": "^2.10.4",
     "swr": "^2.2.5",
     "tailwindcss": "^3.0.24",
-    "tailwindcss-animate": "^1.0.5",
-    "tailwindcss-themer": "^2.0.2",
-    "ton": "^13.9.0",
     "uuid": "^9.0.0",
-    "viem": "^2.21.16",
-    "wagmi": "2.15.0",
-    "web-encoding": "^1.1.5",
-    "web3": "1.8.0",
-    "zksync": "0.13.1",
-    "zustand": "^4.4.1"
+    "zksync": "0.13.1"
   },
   "devDependencies": {
+    "@tanstack/react-query": "^5.59.20",
     "@types/bn.js": "^5.1.0",
-    "@types/crypto-js": "^4.1.1",
     "@types/node": "^16.11.7",
     "@types/styled-jsx": "^3.4.4",
-    "@web3-react/types": "^6.0.7",
+    "@walletconnect/types": "^2.20.0",
     "autoprefixer": "^10.4.21",
-    "cross-env": "^7.0.3",
     "eslint": "8.49.0",
     "eslint-plugin-no-conditional-literals-in-jsx": "file:eslint-plugins/eslint-plugin-no-conditional-literals-in-jsx",
     "postcss": "^8.5.3",
-    "tronweb": "^6.0.0",
     "tsup": "^8.4.0",
-    "typescript": "^5.1"
+    "typescript": "^5.1",
+    "viem": "^2.21.16",
+    "wagmi": "2.15.0"
   },
   "resolutions": {
     "rpc-websockets": "7.11.0",
@@ -155,7 +104,7 @@
     "@radix-ui/react-dismissable-layer": "1.1.1"
   },
   "engines": {
-    "node": ">=20.9.0"
+    "node": ">=22"
   },
   "directories": {
     "lib": "lib"
@@ -163,4 +112,4 @@
   "bugs": {
     "url": "https://github.com/layerswap/layerswapapp/issues"
   }
-}
+}

package/dist/hooks/useCopyClipboard.d.ts

@@ -1 +0,0 @@
-export default function useCopyClipboard(timeout?: number): [boolean, (toCopy: string | number) => void];

package/dist/hooks/useCopyClipboard.js

@@ -1,21 +0,0 @@
-import copy from 'copy-to-clipboard';
-import { useCallback, useEffect, useState } from 'react';
-export default function useCopyClipboard(timeout = 500) {
-    const [isCopied, setIsCopied] = useState(false);
-    const staticCopy = useCallback((text) => {
-        const didCopy = copy(text);
-        setIsCopied(didCopy);
-    }, []);
-    useEffect(() => {
-        if (isCopied) {
-            const hide = setTimeout(() => {
-                setIsCopied(false);
-            }, timeout);
-            return () => {
-                clearTimeout(hide);
-            };
-        }
-        return undefined;
-    }, [isCopied, setIsCopied, timeout]);
-    return [isCopied, staticCopy];
-}

package/dist/index.cjs

@@ -1,125 +0,0 @@
-'use strict';
-
-var Form = require('./components/Pages/SwapPages/Form');
-var Withdraw = require('./components/Pages/SwapPages/Withdraw');
-var SwapHistory = require('./components/Pages/SwapHistory');
-var Auth = require('./components/Pages/Auth');
-var Maintanance = require('./components/Pages/Maintanance');
-var Campaigns = require('./components/Pages/Campaigns');
-var Details = require('./components/Pages/Campaigns/Details');
-var NoCookies = require('./components/Pages/NoCookies');
-var _404 = require('./components/Pages/404');
-var LayerSwapSettings = require('./Models/LayerSwapSettings');
-var Theme = require('./Models/Theme');
-var authContext = require('./context/authContext');
-var GetSettings = require('./lib/GetSettings');
-var LayerswapContext = require('./context/LayerswapContext');
-var walletHooksProvider = require('./context/walletHooksProvider');
-var settings = require('./context/settings');
-var resolveWalletIcon = require('./lib/wallets/utils/resolveWalletIcon');
-var Network = require('./Models/Network');
-var useWallet = require('./hooks/useWallet');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var LayerswapContext__default = /*#__PURE__*/_interopDefault(LayerswapContext);
-var useWallet__default = /*#__PURE__*/_interopDefault(useWallet);
-
-
-
-Object.defineProperty(exports, "Swap", {
-  enumerable: true,
-  get: function () { return Form.Swap; }
-});
-Object.defineProperty(exports, "SwapWithdrawal", {
-  enumerable: true,
-  get: function () { return Withdraw.SwapWithdrawal; }
-});
-Object.defineProperty(exports, "TransactionsHistory", {
-  enumerable: true,
-  get: function () { return SwapHistory.TransactionsHistory; }
-});
-Object.defineProperty(exports, "Auth", {
-  enumerable: true,
-  get: function () { return Auth.Auth; }
-});
-Object.defineProperty(exports, "Maintanance", {
-  enumerable: true,
-  get: function () { return Maintanance.Maintanance; }
-});
-Object.defineProperty(exports, "Campaigns", {
-  enumerable: true,
-  get: function () { return Campaigns.Campaigns; }
-});
-Object.defineProperty(exports, "CampaignDetails", {
-  enumerable: true,
-  get: function () { return Details.CampaignDetails; }
-});
-Object.defineProperty(exports, "NoCookies", {
-  enumerable: true,
-  get: function () { return NoCookies.NoCookies; }
-});
-Object.defineProperty(exports, "Custom404", {
-  enumerable: true,
-  get: function () { return _404.Custom404; }
-});
-Object.defineProperty(exports, "LayerSwapSettings", {
-  enumerable: true,
-  get: function () { return LayerSwapSettings.LayerSwapSettings; }
-});
-Object.defineProperty(exports, "THEME_COLORS", {
-  enumerable: true,
-  get: function () { return Theme.THEME_COLORS; }
-});
-Object.defineProperty(exports, "AuthDataUpdateContext", {
-  enumerable: true,
-  get: function () { return authContext.AuthDataUpdateContext; }
-});
-Object.defineProperty(exports, "AuthProvider", {
-  enumerable: true,
-  get: function () { return authContext.AuthProvider; }
-});
-Object.defineProperty(exports, "AuthStateContext", {
-  enumerable: true,
-  get: function () { return authContext.AuthStateContext; }
-});
-Object.defineProperty(exports, "useAuthDataUpdate", {
-  enumerable: true,
-  get: function () { return authContext.useAuthDataUpdate; }
-});
-Object.defineProperty(exports, "useAuthState", {
-  enumerable: true,
-  get: function () { return authContext.useAuthState; }
-});
-Object.defineProperty(exports, "GetSettings", {
-  enumerable: true,
-  get: function () { return GetSettings.GetSettings; }
-});
-Object.defineProperty(exports, "LayerswapContext", {
-  enumerable: true,
-  get: function () { return LayerswapContext__default.default; }
-});
-Object.defineProperty(exports, "WalletHooksProvider", {
-  enumerable: true,
-  get: function () { return walletHooksProvider.WalletHooksProvider; }
-});
-Object.defineProperty(exports, "useSettingsState", {
-  enumerable: true,
-  get: function () { return settings.useSettingsState; }
-});
-Object.defineProperty(exports, "resolveWalletConnectorIcon", {
-  enumerable: true,
-  get: function () { return resolveWalletIcon.resolveWalletConnectorIcon; }
-});
-Object.defineProperty(exports, "NetworkType", {
-  enumerable: true,
-  get: function () { return Network.NetworkType; }
-});
-Object.defineProperty(exports, "NetworkWithTokens", {
-  enumerable: true,
-  get: function () { return Network.NetworkWithTokens; }
-});
-Object.defineProperty(exports, "useWallet", {
-  enumerable: true,
-  get: function () { return useWallet__default.default; }
-});

package/dist/lib/abis/ERC20.json

@@ -1,258 +0,0 @@
-[
-    {
-        "members": [
-            {
-                "name": "low",
-                "offset": 0,
-                "type": "felt"
-            },
-            {
-                "name": "high",
-                "offset": 1,
-                "type": "felt"
-            }
-        ],
-        "name": "Uint256",
-        "size": 2,
-        "type": "struct"
-    },
-    {
-        "inputs": [
-            {
-                "name": "name",
-                "type": "felt"
-            },
-            {
-                "name": "symbol",
-                "type": "felt"
-            },
-            {
-                "name": "recipient",
-                "type": "felt"
-            }
-        ],
-        "name": "constructor",
-        "outputs": [],
-        "type": "constructor"
-    },
-    {
-        "inputs": [],
-        "name": "name",
-        "outputs": [
-            {
-                "name": "name",
-                "type": "felt"
-            }
-        ],
-        "stateMutability": "view",
-        "type": "function"
-    },
-    {
-        "inputs": [],
-        "name": "symbol",
-        "outputs": [
-            {
-                "name": "symbol",
-                "type": "felt"
-            }
-        ],
-        "stateMutability": "view",
-        "type": "function"
-    },
-    {
-        "inputs": [],
-        "name": "totalSupply",
-        "outputs": [
-            {
-                "name": "totalSupply",
-                "type": "Uint256"
-            }
-        ],
-        "stateMutability": "view",
-        "type": "function"
-    },
-    {
-        "inputs": [],
-        "name": "decimals",
-        "outputs": [
-            {
-                "name": "decimals",
-                "type": "felt"
-            }
-        ],
-        "stateMutability": "view",
-        "type": "function"
-    },
-    {
-        "inputs": [
-            {
-                "name": "account",
-                "type": "felt"
-            }
-        ],
-        "name": "balanceOf",
-        "outputs": [
-            {
-                "name": "balance",
-                "type": "Uint256"
-            }
-        ],
-        "stateMutability": "view",
-        "type": "function"
-    },
-    {
-        "inputs": [
-            {
-                "name": "owner",
-                "type": "felt"
-            },
-            {
-                "name": "spender",
-                "type": "felt"
-            }
-        ],
-        "name": "allowance",
-        "outputs": [
-            {
-                "name": "remaining",
-                "type": "Uint256"
-            }
-        ],
-        "stateMutability": "view",
-        "type": "function"
-    },
-    {
-        "inputs": [
-            {
-                "name": "recipient",
-                "type": "felt"
-            },
-            {
-                "name": "amount",
-                "type": "Uint256"
-            }
-        ],
-        "name": "transfer",
-        "outputs": [
-            {
-                "name": "success",
-                "type": "felt"
-            }
-        ],
-        "type": "function"
-    },
-    {
-        "inputs": [
-            {
-                "name": "sender",
-                "type": "felt"
-            },
-            {
-                "name": "recipient",
-                "type": "felt"
-            },
-            {
-                "name": "amount",
-                "type": "Uint256"
-            }
-        ],
-        "name": "transferFrom",
-        "outputs": [
-            {
-                "name": "success",
-                "type": "felt"
-            }
-        ],
-        "type": "function"
-    },
-    {
-        "inputs": [
-            {
-                "name": "spender",
-                "type": "felt"
-            },
-            {
-                "name": "amount",
-                "type": "Uint256"
-            }
-        ],
-        "name": "approve",
-        "outputs": [
-            {
-                "name": "success",
-                "type": "felt"
-            }
-        ],
-        "type": "function"
-    },
-    {
-        "inputs": [
-            {
-                "name": "spender",
-                "type": "felt"
-            },
-            {
-                "name": "added_value",
-                "type": "Uint256"
-            }
-        ],
-        "name": "increaseAllowance",
-        "outputs": [
-            {
-                "name": "success",
-                "type": "felt"
-            }
-        ],
-        "type": "function"
-    },
-    {
-        "inputs": [
-            {
-                "name": "spender",
-                "type": "felt"
-            },
-            {
-                "name": "subtracted_value",
-                "type": "Uint256"
-            }
-        ],
-        "name": "decreaseAllowance",
-        "outputs": [
-            {
-                "name": "success",
-                "type": "felt"
-            }
-        ],
-        "type": "function"
-    },
-    {
-        "inputs": [
-            {
-                "name": "recipient",
-                "type": "felt"
-            },
-            {
-                "name": "amount",
-                "type": "Uint256"
-            }
-        ],
-        "name": "mint",
-        "outputs": [],
-        "type": "function"
-    },
-    {
-        "inputs": [
-            {
-                "name": "user",
-                "type": "felt"
-            },
-            {
-                "name": "amount",
-                "type": "Uint256"
-            }
-        ],
-        "name": "burn",
-        "outputs": [],
-        "type": "function"
-    }
-]

package/dist/lib/fuels/connectors/walletConnect/WalletConnectConnector.d.ts

@@ -1,42 +0,0 @@
-import { type Config } from '@wagmi/core';
-import { type ConnectorMetadata, FuelConnectorEventTypes, type TransactionRequestLike } from 'fuels';
-import type { WalletConnectConfig } from './types';
-import { Maybe, PredicateConnector, PredicateVersion, PredicateWalletAdapter, ProviderDictionary } from '../../common';
-export declare class WalletConnectConnector extends PredicateConnector {
-    name: string;
-    installed: boolean;
-    events: typeof FuelConnectorEventTypes;
-    metadata: ConnectorMetadata;
-    private fuelProvider;
-    private ethProvider;
-    private appKit;
-    private storage;
-    private config;
-    constructor(config: WalletConnectConfig);
-    private loadPersistedConnection;
-    private createModal;
-    private handleConnect;
-    private setupWatchers;
-    protected getWagmiConfig(): Maybe<Config>;
-    protected getWalletAdapter(): PredicateWalletAdapter;
-    protected getPredicateVersions(): Record<string, PredicateVersion>;
-    protected configProviders(config: WalletConnectConfig): Promise<void>;
-    protected walletAccounts(): Promise<Array<string>>;
-    protected getAccountAddress(): Promise<Maybe<string>>;
-    protected getAccountAddresses(): Promise<Maybe<readonly string[]>>;
-    protected requireConnection(): Promise<void>;
-    protected getProviders(): Promise<ProviderDictionary>;
-    connect(): Promise<boolean>;
-    private getAccountValidations;
-    private accountHasValidation;
-    requestValidations(): Promise<void>;
-    requestValidation(address?: string): Promise<unknown>;
-    disconnect(): Promise<boolean>;
-    sendTransaction(address: string, transaction: TransactionRequestLike): Promise<string>;
-    private validateSignature;
-    private signAndValidate;
-    signMessageCustomCurve(message: string): Promise<{
-        curve: string;
-        signature: string;
-    }>;
-}