@layerswap/widget 0.1.15 → 0.1.16

package/dist/components/Input/CEXCurrencyFormField.d.ts

@@ -2,8 +2,9 @@ import { FC } from "react";
 import { SwapDirection } from "../Pages/SwapPages/Form/SwapFormValues";
 import { SelectMenuItem } from "../Pages/SwapPages/Form/Select/Shared/Props/selectMenuItem";
 import { ExchangeToken } from "../../Models/Exchange";
+import { NetworkWithTokens } from "../../Models/Network";
 declare const CurrencyGroupFormField: FC<{
     direction: SwapDirection;
 }>;
-export declare function GenerateCurrencyMenuItems(currencies: ExchangeToken[], direction: string, lockedCurrency?: ExchangeToken | undefined): SelectMenuItem<ExchangeToken>[];
+export declare function GenerateCurrencyMenuItems(currencies: ExchangeToken[], direction: string, lockedCurrency?: ExchangeToken | undefined, oppositeDirectionNetwork?: NetworkWithTokens | undefined): SelectMenuItem<ExchangeToken>[];
 export default CurrencyGroupFormField;

package/dist/components/Input/CEXCurrencyFormField.js

@@ -18,7 +18,7 @@ const CurrencyGroupFormField = ({ direction }) => {
     const exchange = direction === 'from' ? fromExchange : toExchange;
     const exchangeRoutesURL = resolveExchangesURLForSelectedToken(direction, values);
     const apiClient = new LayerSwapApiClient();
-    const { data: exchanges, isLoading, error } = useSWR(`${exchangeRoutesURL}`, apiClient.fetcher, { keepPreviousData: true, fallbackData: { data: direction === 'from' ? sourceExchanges : destinationExchanges }, dedupingInterval: 10000 });
+    const { data: exchanges, } = useSWR(`${exchangeRoutesURL}`, apiClient.fetcher, { keepPreviousData: true, fallbackData: { data: direction === 'from' ? sourceExchanges : destinationExchanges }, dedupingInterval: 10000 });
     const availableAssetGroups = exchanges?.data?.find(e => e.name === exchange?.name)?.token_groups;
     const isLocked = direction === 'from' ? query?.lockFromAsset : query?.lockToAsset;
     const asset = direction === 'from' ? query?.fromAsset : query?.toAsset;
@@ -26,7 +26,8 @@ const CurrencyGroupFormField = ({ direction }) => {
         ? availableAssetGroups?.find(a => a.symbol.toUpperCase() === (asset)?.toUpperCase())
         : undefined;
     const filteredCurrencies = lockedCurrency ? [lockedCurrency] : availableAssetGroups;
-    const currencyMenuItems = GenerateCurrencyMenuItems(filteredCurrencies, direction, lockedCurrency);
+    const oppositeDirectionNetwork = direction === 'from' ? to : from;
+    const currencyMenuItems = GenerateCurrencyMenuItems(filteredCurrencies, direction, lockedCurrency, oppositeDirectionNetwork);
     const value = currencyMenuItems?.find(x => x.id == currencyGroup?.symbol);
     useEffect(() => {
         if (value)
@@ -38,6 +39,9 @@ const CurrencyGroupFormField = ({ direction }) => {
     useEffect(() => {
         const currency = direction === 'from' ? toCurrency : fromCurrency;
         const value = availableAssetGroups?.find(r => r.symbol === currency?.symbol && r.status === 'active');
+        const newCurrencyGroup = availableAssetGroups?.find(r => r.symbol === currencyGroup?.symbol && r.status === 'active');
+        if (newCurrencyGroup)
+            setFieldValue(name, newCurrencyGroup);
         if (!value || currencyGroup?.manuallySet)
             return;
         (async () => {
@@ -62,8 +66,13 @@ const CurrencyGroupFormField = ({ direction }) => {
     }, [name, direction, toCurrency, fromCurrency, from, to, values]);
     return _jsx(PopoverSelectWrapper, { placeholder: "Asset", values: currencyMenuItems, value: value, setValue: handleSelect, disabled: isLocked });
 };
-export function GenerateCurrencyMenuItems(currencies, direction, lockedCurrency) {
-    return currencies?.map(c => {
+export function GenerateCurrencyMenuItems(currencies, direction, lockedCurrency, oppositeDirectionNetwork) {
+    const filterCondition = (c) => {
+        if (oppositeDirectionNetwork) {
+            return oppositeDirectionNetwork?.tokens?.some(t => t.symbol === c.symbol);
+        }
+    };
+    return currencies.filter(filterCondition)?.map(c => {
         const currency = c;
         const displayName = lockedCurrency?.symbol ?? currency.symbol;
         const isAvailable = (lockedCurrency || (c?.status !== "active" && c.status !== "not_found")) ? false : true;

package/dist/lib/wallets/connectors/EthereumProvider.d.ts

@@ -1,7 +1,7 @@
 import { EventEmitter } from "events";
 import { KeyValueStorageOptions } from "@walletconnect/keyvaluestorage";
 import { Metadata, Namespace, UniversalProvider, UniversalProviderOpts } from "@walletconnect/universal-provider";
-import { AuthTypes, SessionTypes, SignClientTypes } from "@walletconnect/types";
+import { AuthTypes, SignClientTypes } from "@walletconnect/types";
 import { JsonRpcResult } from "@walletconnect/jsonrpc-types";
 export type RpcMethod = "personal_sign" | "eth_sendTransaction" | "eth_accounts" | "eth_requestAccounts" | "eth_call" | "eth_getBalance" | "eth_sendRawTransaction" | "eth_sign" | "eth_signTransaction" | "eth_signTypedData" | "eth_signTypedData_v3" | "eth_signTypedData_v4" | "wallet_switchEthereumChain" | "wallet_addEthereumChain" | "wallet_getPermissions" | "wallet_requestPermissions" | "wallet_registerOnboarding" | "wallet_watchAsset" | "wallet_scanQRCode" | "wallet_sendCalls" | "wallet_getCapabilities" | "wallet_getCallsStatus" | "wallet_showCallsStatus";
 export type RpcEvent = "accountsChanged" | "chainChanged" | "message" | "disconnect" | "connect";
@@ -119,7 +119,7 @@ export declare class EthereumProvider implements IEthereumProvider {
     removeListener: IEthereumProviderEvents["removeListener"];
     off: IEthereumProviderEvents["off"];
     get isWalletConnect(): boolean;
-    get session(): SessionTypes.Struct | undefined;
+    get session(): import("@walletconnect/types").SessionTypes.Struct | undefined;
     protected registerEventListeners(): void;
     protected switchEthereumChain(chainId: number): void;
     protected isCompatibleChainId(chainId: string): boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@layerswap/widget",
-  "version": "0.1.15",
+  "version": "0.1.16",
   "description": "Streamline your asset transaction experience with Layerswap Widget across 50+ blockchains and 15+ exchanges.",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",