@dynamic-labs/sdk-react-core 0.17.18 → 0.17.100-viem.2

package/src/lib/utils/functions/storeAuthToken/index.js

@@ -10,13 +10,13 @@ import 'react';
 import '@dynamic-labs/utils';
 import { AUTH_TOKEN } from '../../constants/localStorage.js';
 import '../../constants/colors.js';
-import 'ethers';
+import 'viem';
 import '../../../shared/consts/index.js';
 
-const storeAuthToken = (jwt) => {
-    // TODO: update it to not use localStorage
-    //        when we decide how to handle JWT https://linear.app/dynamic-labs/issue/DYN-178
-    setToLS(AUTH_TOKEN, jwt);
+const storeAuthToken = (jwt) => {
+    // TODO: update it to not use localStorage
+    //        when we decide how to handle JWT https://linear.app/dynamic-labs/issue/DYN-178
+    setToLS(AUTH_TOKEN, jwt);
 };
 
 export { storeAuthToken };

package/src/lib/utils/functions/typeGuard/index.d.ts

@@ -1 +1 @@
-export { isThemeSetting } from './isThemeSetting';
+export { isThemeSetting } from './isThemeSetting';

package/src/lib/utils/functions/typeGuard/isThemeSetting.cjs

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const themeModes = ['light', 'dark', 'auto'];
+const themeModes = ['light', 'dark', 'auto'];
 const isThemeSetting = (theme) => themeModes.includes(theme);
 
 exports.isThemeSetting = isThemeSetting;

package/src/lib/utils/functions/typeGuard/isThemeSetting.d.ts

@@ -1,2 +1,2 @@
-import { ThemeSetting } from '../../../context/ThemeContext';
-export declare const isThemeSetting: (theme: ThemeSetting) => theme is ThemeSetting;
+import { ThemeSetting } from '../../../context/ThemeContext';
+export declare const isThemeSetting: (theme: ThemeSetting) => theme is ThemeSetting;

package/src/lib/utils/functions/typeGuard/isThemeSetting.js

@@ -1,4 +1,4 @@
-const themeModes = ['light', 'dark', 'auto'];
+const themeModes = ['light', 'dark', 'auto'];
 const isThemeSetting = (theme) => themeModes.includes(theme);
 
 export { isThemeSetting };

package/src/lib/utils/functions/walletFilters/index.cjs

@@ -2,38 +2,38 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-/**
- * Sorts the provided wallets by the provided sortedWalletKeys
- * Wallets that they keys were not provided will be kept in their default order
- *
- * This function should be used when you want to have the full wallet offerings,
- * but control the order of the top wallets.
- */
-const SortWallets = (sortedWalletKeys) => (wallets) => [...wallets].sort((walletA, walletB) => {
-    const indexA = sortedWalletKeys.indexOf(walletA.key);
-    const indexB = sortedWalletKeys.indexOf(walletB.key);
-    if (indexA !== -1 && indexB === -1) {
-        return -1;
-    }
-    else if (indexA === -1 && indexB !== -1) {
-        return 1;
-    }
-    else {
-        return indexA - indexB;
-    }
-});
-const FilterWallets = (walletKeys) => (wallets) => wallets.filter((wallet) => walletKeys.includes(wallet.key));
-const RemoveWallets = (walletKeys) => (wallets) => wallets.filter((wallet) => !walletKeys.includes(wallet.key));
-const FilterWalletsByChainName = (chainName) => (wallets) => wallets.filter((wallet) => wallet.walletConnector.supportedChains.includes(chainName));
-/**
- * Filters and sorts the wallet selection by the provided sortedWalletKeys.
- * This filter should be used when you only want specific wallets to be available
- * in a certain order.
- */
-const FilterAndSortWallets = (sortedWalletKeys) => (wallets) => {
-    const unsortedWallets = FilterWallets(sortedWalletKeys)(wallets);
-    return SortWallets(sortedWalletKeys)(unsortedWallets);
-};
+/**
+ * Sorts the provided wallets by the provided sortedWalletKeys
+ * Wallets that they keys were not provided will be kept in their default order
+ *
+ * This function should be used when you want to have the full wallet offerings,
+ * but control the order of the top wallets.
+ */
+const SortWallets = (sortedWalletKeys) => (wallets) => [...wallets].sort((walletA, walletB) => {
+    const indexA = sortedWalletKeys.indexOf(walletA.key);
+    const indexB = sortedWalletKeys.indexOf(walletB.key);
+    if (indexA !== -1 && indexB === -1) {
+        return -1;
+    }
+    else if (indexA === -1 && indexB !== -1) {
+        return 1;
+    }
+    else {
+        return indexA - indexB;
+    }
+});
+const FilterWallets = (walletKeys) => (wallets) => wallets.filter((wallet) => walletKeys.includes(wallet.key));
+const RemoveWallets = (walletKeys) => (wallets) => wallets.filter((wallet) => !walletKeys.includes(wallet.key));
+const FilterWalletsByChainName = (chainName) => (wallets) => wallets.filter((wallet) => wallet.walletConnector.supportedChains.includes(chainName));
+/**
+ * Filters and sorts the wallet selection by the provided sortedWalletKeys.
+ * This filter should be used when you only want specific wallets to be available
+ * in a certain order.
+ */
+const FilterAndSortWallets = (sortedWalletKeys) => (wallets) => {
+    const unsortedWallets = FilterWallets(sortedWalletKeys)(wallets);
+    return SortWallets(sortedWalletKeys)(unsortedWallets);
+};
 const UniswapFilter = () => (wallets) => FilterAndSortWallets(['uniswap', 'metamask', 'coinbase', 'walletconnect'])(wallets);
 
 exports.FilterAndSortWallets = FilterAndSortWallets;

package/src/lib/utils/functions/walletFilters/index.d.ts

@@ -1,20 +1,20 @@
-import { Chain } from '@dynamic-labs/wallet-connector-core';
-import { WalletOption } from '../../../shared';
-/**
- * Sorts the provided wallets by the provided sortedWalletKeys
- * Wallets that they keys were not provided will be kept in their default order
- *
- * This function should be used when you want to have the full wallet offerings,
- * but control the order of the top wallets.
- */
-export declare const SortWallets: (sortedWalletKeys: string[]) => (wallets: WalletOption[]) => WalletOption[];
-export declare const FilterWallets: (walletKeys: string[]) => (wallets: WalletOption[]) => WalletOption[];
-export declare const RemoveWallets: (walletKeys: string[]) => (wallets: WalletOption[]) => WalletOption[];
-export declare const FilterWalletsByChainName: (chainName: Chain) => (wallets: WalletOption[]) => WalletOption[];
-/**
- * Filters and sorts the wallet selection by the provided sortedWalletKeys.
- * This filter should be used when you only want specific wallets to be available
- * in a certain order.
- */
-export declare const FilterAndSortWallets: (sortedWalletKeys: string[]) => (wallets: WalletOption[]) => WalletOption[];
-export declare const UniswapFilter: () => (wallets: WalletOption[]) => WalletOption[];
+import { Chain } from '@dynamic-labs/wallet-connector-core';
+import { WalletOption } from '../../../shared';
+/**
+ * Sorts the provided wallets by the provided sortedWalletKeys
+ * Wallets that they keys were not provided will be kept in their default order
+ *
+ * This function should be used when you want to have the full wallet offerings,
+ * but control the order of the top wallets.
+ */
+export declare const SortWallets: (sortedWalletKeys: string[]) => (wallets: WalletOption[]) => WalletOption[];
+export declare const FilterWallets: (walletKeys: string[]) => (wallets: WalletOption[]) => WalletOption[];
+export declare const RemoveWallets: (walletKeys: string[]) => (wallets: WalletOption[]) => WalletOption[];
+export declare const FilterWalletsByChainName: (chainName: Chain) => (wallets: WalletOption[]) => WalletOption[];
+/**
+ * Filters and sorts the wallet selection by the provided sortedWalletKeys.
+ * This filter should be used when you only want specific wallets to be available
+ * in a certain order.
+ */
+export declare const FilterAndSortWallets: (sortedWalletKeys: string[]) => (wallets: WalletOption[]) => WalletOption[];
+export declare const UniswapFilter: () => (wallets: WalletOption[]) => WalletOption[];

package/src/lib/utils/functions/walletFilters/index.js

@@ -1,35 +1,35 @@
-/**
- * Sorts the provided wallets by the provided sortedWalletKeys
- * Wallets that they keys were not provided will be kept in their default order
- *
- * This function should be used when you want to have the full wallet offerings,
- * but control the order of the top wallets.
- */
-const SortWallets = (sortedWalletKeys) => (wallets) => [...wallets].sort((walletA, walletB) => {
-    const indexA = sortedWalletKeys.indexOf(walletA.key);
-    const indexB = sortedWalletKeys.indexOf(walletB.key);
-    if (indexA !== -1 && indexB === -1) {
-        return -1;
-    }
-    else if (indexA === -1 && indexB !== -1) {
-        return 1;
-    }
-    else {
-        return indexA - indexB;
-    }
-});
-const FilterWallets = (walletKeys) => (wallets) => wallets.filter((wallet) => walletKeys.includes(wallet.key));
-const RemoveWallets = (walletKeys) => (wallets) => wallets.filter((wallet) => !walletKeys.includes(wallet.key));
-const FilterWalletsByChainName = (chainName) => (wallets) => wallets.filter((wallet) => wallet.walletConnector.supportedChains.includes(chainName));
-/**
- * Filters and sorts the wallet selection by the provided sortedWalletKeys.
- * This filter should be used when you only want specific wallets to be available
- * in a certain order.
- */
-const FilterAndSortWallets = (sortedWalletKeys) => (wallets) => {
-    const unsortedWallets = FilterWallets(sortedWalletKeys)(wallets);
-    return SortWallets(sortedWalletKeys)(unsortedWallets);
-};
+/**
+ * Sorts the provided wallets by the provided sortedWalletKeys
+ * Wallets that they keys were not provided will be kept in their default order
+ *
+ * This function should be used when you want to have the full wallet offerings,
+ * but control the order of the top wallets.
+ */
+const SortWallets = (sortedWalletKeys) => (wallets) => [...wallets].sort((walletA, walletB) => {
+    const indexA = sortedWalletKeys.indexOf(walletA.key);
+    const indexB = sortedWalletKeys.indexOf(walletB.key);
+    if (indexA !== -1 && indexB === -1) {
+        return -1;
+    }
+    else if (indexA === -1 && indexB !== -1) {
+        return 1;
+    }
+    else {
+        return indexA - indexB;
+    }
+});
+const FilterWallets = (walletKeys) => (wallets) => wallets.filter((wallet) => walletKeys.includes(wallet.key));
+const RemoveWallets = (walletKeys) => (wallets) => wallets.filter((wallet) => !walletKeys.includes(wallet.key));
+const FilterWalletsByChainName = (chainName) => (wallets) => wallets.filter((wallet) => wallet.walletConnector.supportedChains.includes(chainName));
+/**
+ * Filters and sorts the wallet selection by the provided sortedWalletKeys.
+ * This filter should be used when you only want specific wallets to be available
+ * in a certain order.
+ */
+const FilterAndSortWallets = (sortedWalletKeys) => (wallets) => {
+    const unsortedWallets = FilterWallets(sortedWalletKeys)(wallets);
+    return SortWallets(sortedWalletKeys)(unsortedWallets);
+};
 const UniswapFilter = () => (wallets) => FilterAndSortWallets(['uniswap', 'metamask', 'coinbase', 'walletconnect'])(wallets);
 
 export { FilterAndSortWallets, FilterWallets, FilterWalletsByChainName, RemoveWallets, SortWallets, UniswapFilter };

package/src/lib/utils/functions/walletListBuilder/index.d.ts

@@ -1 +1 @@
-export * from './walletListBuilder';
+export * from './walletListBuilder';

package/src/lib/utils/functions/walletListBuilder/utils/findLastWalletIndex/findLastPriorityIndex.cjs

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const findLastPriorityIndex = (walletNames, priorityList) => priorityList.reduce((lastIndex, walletName) => {
-    const walletIndex = walletNames.indexOf(walletName.toLowerCase());
-    if (walletIndex > lastIndex)
-        return walletIndex;
-    return lastIndex;
+const findLastPriorityIndex = (walletNames, priorityList) => priorityList.reduce((lastIndex, walletName) => {
+    const walletIndex = walletNames.indexOf(walletName.toLowerCase());
+    if (walletIndex > lastIndex)
+        return walletIndex;
+    return lastIndex;
 }, -1);
 
 exports.findLastPriorityIndex = findLastPriorityIndex;

package/src/lib/utils/functions/walletListBuilder/utils/findLastWalletIndex/findLastPriorityIndex.d.ts

@@ -1 +1 @@
-export declare const findLastPriorityIndex: (walletNames: string[], priorityList: string[]) => number;
+export declare const findLastPriorityIndex: (walletNames: string[], priorityList: string[]) => number;

package/src/lib/utils/functions/walletListBuilder/utils/findLastWalletIndex/findLastPriorityIndex.js

@@ -1,8 +1,8 @@
-const findLastPriorityIndex = (walletNames, priorityList) => priorityList.reduce((lastIndex, walletName) => {
-    const walletIndex = walletNames.indexOf(walletName.toLowerCase());
-    if (walletIndex > lastIndex)
-        return walletIndex;
-    return lastIndex;
+const findLastPriorityIndex = (walletNames, priorityList) => priorityList.reduce((lastIndex, walletName) => {
+    const walletIndex = walletNames.indexOf(walletName.toLowerCase());
+    if (walletIndex > lastIndex)
+        return walletIndex;
+    return lastIndex;
 }, -1);
 
 export { findLastPriorityIndex };

package/src/lib/utils/functions/walletListBuilder/utils/findLastWalletIndex/index.d.ts

@@ -1 +1 @@
-export { findLastPriorityIndex } from './findLastPriorityIndex';
+export { findLastPriorityIndex } from './findLastPriorityIndex';

package/src/lib/utils/functions/walletListBuilder/utils/getCalculatedOffset/getCalculatedOffset.cjs

@@ -4,14 +4,14 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var findLastPriorityIndex = require('../findLastWalletIndex/findLastPriorityIndex.cjs');
 
-const getCalculatedOffset = ({ hasWalletFilter, defaultOffset, list, priorityList, }) => {
-    const lastPriorityIndex = findLastPriorityIndex.findLastPriorityIndex(list, priorityList);
-    if (hasWalletFilter ||
-        list.length <= defaultOffset ||
-        lastPriorityIndex === -1) {
-        return defaultOffset;
-    }
-    return lastPriorityIndex + 1;
+const getCalculatedOffset = ({ hasWalletFilter, defaultOffset, list, priorityList, }) => {
+    const lastPriorityIndex = findLastPriorityIndex.findLastPriorityIndex(list, priorityList);
+    if (hasWalletFilter ||
+        list.length <= defaultOffset ||
+        lastPriorityIndex === -1) {
+        return defaultOffset;
+    }
+    return lastPriorityIndex + 1;
 };
 
 exports.getCalculatedOffset = getCalculatedOffset;

package/src/lib/utils/functions/walletListBuilder/utils/getCalculatedOffset/getCalculatedOffset.d.ts

@@ -1,2 +1,2 @@
-import { GetCalculatedOffsetUtil } from './getCalculatedOffset.types';
-export declare const getCalculatedOffset: GetCalculatedOffsetUtil;
+import { GetCalculatedOffsetUtil } from './getCalculatedOffset.types';
+export declare const getCalculatedOffset: GetCalculatedOffsetUtil;

package/src/lib/utils/functions/walletListBuilder/utils/getCalculatedOffset/getCalculatedOffset.js

@@ -1,13 +1,13 @@
 import { findLastPriorityIndex } from '../findLastWalletIndex/findLastPriorityIndex.js';
 
-const getCalculatedOffset = ({ hasWalletFilter, defaultOffset, list, priorityList, }) => {
-    const lastPriorityIndex = findLastPriorityIndex(list, priorityList);
-    if (hasWalletFilter ||
-        list.length <= defaultOffset ||
-        lastPriorityIndex === -1) {
-        return defaultOffset;
-    }
-    return lastPriorityIndex + 1;
+const getCalculatedOffset = ({ hasWalletFilter, defaultOffset, list, priorityList, }) => {
+    const lastPriorityIndex = findLastPriorityIndex(list, priorityList);
+    if (hasWalletFilter ||
+        list.length <= defaultOffset ||
+        lastPriorityIndex === -1) {
+        return defaultOffset;
+    }
+    return lastPriorityIndex + 1;
 };
 
 export { getCalculatedOffset };

package/src/lib/utils/functions/walletListBuilder/utils/getCalculatedOffset/getCalculatedOffset.types.d.ts

@@ -1,7 +1,7 @@
-export type GetCalculatedOffsetProps = {
-    defaultOffset: number;
-    hasWalletFilter: boolean;
-    list: string[];
-    priorityList: string[];
-};
-export type GetCalculatedOffsetUtil = (props: GetCalculatedOffsetProps) => number;
+export type GetCalculatedOffsetProps = {
+    defaultOffset: number;
+    hasWalletFilter: boolean;
+    list: string[];
+    priorityList: string[];
+};
+export type GetCalculatedOffsetUtil = (props: GetCalculatedOffsetProps) => number;

package/src/lib/utils/functions/walletListBuilder/utils/getCalculatedOffset/index.d.ts

@@ -1 +1 @@
-export { getCalculatedOffset } from './getCalculatedOffset';
+export { getCalculatedOffset } from './getCalculatedOffset';

package/src/lib/utils/functions/walletListBuilder/utils/index.d.ts

@@ -1,2 +1,2 @@
-export * from './findLastWalletIndex';
-export * from './getCalculatedOffset';
+export * from './findLastWalletIndex';
+export * from './getCalculatedOffset';

package/src/lib/utils/functions/walletListBuilder/walletListBuilder.cjs

@@ -5,140 +5,140 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
 var getCalculatedOffset = require('./utils/getCalculatedOffset/getCalculatedOffset.cjs');
 
-const PRIORITY_WALLET_LIST = [
-    'metamask',
-    'coinbase',
-    'walletconnect',
-    'phantom',
-    'argentx',
-    'myalgo',
-    'blocto',
-    'solflare',
-    'braavos',
-    'trust',
-    'rainbow',
-    'dapper',
-    'glow',
-    'lilico',
-];
-const SIGN_IN_WITH_EMAIL_WALLET_NAME = 'Sign In With Email';
-const sortedInputList = (inputList) => {
-    // Input is the unordered list of wallets we support
-    const unsortedPriorityWallets = [];
-    const unsortedOtherWallets = [];
-    inputList.forEach((wallet) => {
-        if (PRIORITY_WALLET_LIST.includes(walletConnectorCore.normalizeWalletName(wallet.name))) {
-            unsortedPriorityWallets.push(wallet);
-        }
-        else {
-            unsortedOtherWallets.push(wallet);
-        }
-    });
-    const sortedPriorityWallets = unsortedPriorityWallets
-        .slice()
-        .sort((a, b) => PRIORITY_WALLET_LIST.indexOf(walletConnectorCore.normalizeWalletName(a.name)) -
-        PRIORITY_WALLET_LIST.indexOf(walletConnectorCore.normalizeWalletName(b.name)));
-    return [...sortedPriorityWallets, ...unsortedOtherWallets];
-};
-const walletListBuilder = ({ numberOfWalletsToShow, inputList, isWalletConnectList, lastUsedWalletName, signWithEmailWalletName, searchFilter, walletsFilter, loginWithEmail, }) => {
-    let lastUsedWallet;
-    const hasWalletFilter = Boolean(walletsFilter);
-    const walletList = isWalletConnectList
-        ? inputList.filter((wallet) => wallet.walletConnector.isWalletConnect &&
-            wallet.name.toLowerCase() !== 'walletconnect')
-        : inputList;
-    const signWithEmailWallet = getSignWithEmailWallet(signWithEmailWalletName, walletList);
-    const installedWallets = [];
-    const otherWallets = [];
-    const orderedInputList = orderAndFilterList(walletList, walletsFilter, isWalletConnectList);
-    orderedInputList.forEach((wallet) => {
-        if (walletConnectorCore.isEmailWalletConnector(wallet.walletConnector) ||
-            walletConnectorCore.isSocialWalletConnector(wallet.walletConnector)) {
-            return;
-        }
-        else if ((lastUsedWalletName === null || lastUsedWalletName === void 0 ? void 0 : lastUsedWalletName.toLowerCase()) === wallet.name.toLowerCase()) {
-            lastUsedWallet = wallet;
-        }
-        else if (wallet.isInstalledOnBrowser) {
-            installedWallets.push(wallet);
-        }
-        else {
-            otherWallets.push(wallet);
-        }
-    });
-    const installedUsedWallets = [
-        ...(signWithEmailWallet ? [signWithEmailWallet] : []),
-        ...(lastUsedWallet ? [lastUsedWallet] : []),
-        ...installedWallets,
-    ];
-    const updatedNumberOfWalletsToShow = !hasWalletFilter
-        ? numberOfWalletsToShow
-        : calculateWithFilterNumberOfWalletsToShow(orderedInputList, installedUsedWallets, numberOfWalletsToShow);
-    const finalizedList = [...installedUsedWallets, ...otherWallets];
-    return {
-        numberOfWallets: finalizedList.length,
-        walletsList: listToDisplay(finalizedList, searchFilter, isWalletConnectList, updatedNumberOfWalletsToShow, hasWalletFilter, loginWithEmail),
-    };
-};
-// We want to show the full list of wallets when we render the wallet connect list even
-// if a filter was applied to the main page
-const orderAndFilterList = (walletList, walletsFilter, isWalletConnectList) => {
-    if (!isWalletConnectList && walletsFilter) {
-        return walletsFilter(sortedInputList(walletList));
-    }
-    else {
-        return sortedInputList(walletList);
-    }
-};
-const listToDisplay = (finalizedList, searchFilter, isWalletConnectList, numberOfWalletsToShow, hasWalletFilter, loginWithEmail) => {
-    if (searchFilter) {
-        return finalizedList.filter((wallet) => wallet.name.toLowerCase().includes(searchFilter.trim().toLowerCase()));
-    }
-    else if (isWalletConnectList) {
-        return finalizedList;
-    }
-    else if (loginWithEmail) {
-        return finalizedList.slice(0, numberOfWalletsToShow);
-    }
-    else {
-        const list = finalizedList.map((wallet) => wallet.name.toLowerCase());
-        const offset = getCalculatedOffset.getCalculatedOffset({
-            defaultOffset: numberOfWalletsToShow,
-            hasWalletFilter,
-            list,
-            priorityList: PRIORITY_WALLET_LIST,
-        });
-        return finalizedList.slice(0, offset);
-    }
-};
-/**
- * When a filter is applied we would like to show the installed + last used wallets
- * in addition to the wallets that the filter has specified.
- * This calculation adds an offset to numberOfWalletsToShow so we will show the
- * intended wallets + installed and last used.
- *
- * For example:
- * we want to show 4 wallets: ['metamask', 'rainbow', 'walletconnect', 'coinbase']
- * and someone is using brave with installed phantom he should see
- * [ 'brave injected', phantom ,'metamask', 'rainbow', 'walletconnect', 'coinbase',]
- *
- */
-const calculateWithFilterNumberOfWalletsToShow = (allWalletsOrdered, installedOrUsedWallets, numberOfWalletsToShow) => {
-    const filteredWallets = allWalletsOrdered.slice(0, numberOfWalletsToShow);
-    const offset = installedOrUsedWallets.filter((wallet) => !filteredWallets.includes(wallet)).length;
-    return numberOfWalletsToShow + offset;
-};
-const getSignWithEmailWallet = (signWithEmailWalletName, inputList) => {
-    let walletOverride;
-    if (signWithEmailWalletName) {
-        const walletToReplicate = inputList.find((wallet) => wallet.name === signWithEmailWalletName &&
-            wallet.walletConnector.canConnectViaCustodialService);
-        if (walletToReplicate) {
-            walletOverride = Object.assign({}, walletToReplicate);
-            walletOverride.name = SIGN_IN_WITH_EMAIL_WALLET_NAME;
-        }
-    }
-    return walletOverride;
+const PRIORITY_WALLET_LIST = [
+    'metamask',
+    'coinbase',
+    'walletconnect',
+    'phantom',
+    'argentx',
+    'myalgo',
+    'blocto',
+    'solflare',
+    'braavos',
+    'trust',
+    'rainbow',
+    'dapper',
+    'glow',
+    'lilico',
+];
+const SIGN_IN_WITH_EMAIL_WALLET_NAME = 'Sign In With Email';
+const sortedInputList = (inputList) => {
+    // Input is the unordered list of wallets we support
+    const unsortedPriorityWallets = [];
+    const unsortedOtherWallets = [];
+    inputList.forEach((wallet) => {
+        if (PRIORITY_WALLET_LIST.includes(walletConnectorCore.normalizeWalletName(wallet.name))) {
+            unsortedPriorityWallets.push(wallet);
+        }
+        else {
+            unsortedOtherWallets.push(wallet);
+        }
+    });
+    const sortedPriorityWallets = unsortedPriorityWallets
+        .slice()
+        .sort((a, b) => PRIORITY_WALLET_LIST.indexOf(walletConnectorCore.normalizeWalletName(a.name)) -
+        PRIORITY_WALLET_LIST.indexOf(walletConnectorCore.normalizeWalletName(b.name)));
+    return [...sortedPriorityWallets, ...unsortedOtherWallets];
+};
+const walletListBuilder = ({ numberOfWalletsToShow, inputList, isWalletConnectList, lastUsedWalletName, signWithEmailWalletName, searchFilter, walletsFilter, loginWithEmail, }) => {
+    let lastUsedWallet;
+    const hasWalletFilter = Boolean(walletsFilter);
+    const walletList = isWalletConnectList
+        ? inputList.filter((wallet) => wallet.walletConnector.isWalletConnect &&
+            wallet.name.toLowerCase() !== 'walletconnect')
+        : inputList;
+    const signWithEmailWallet = getSignWithEmailWallet(signWithEmailWalletName, walletList);
+    const installedWallets = [];
+    const otherWallets = [];
+    const orderedInputList = orderAndFilterList(walletList, walletsFilter, isWalletConnectList);
+    orderedInputList.forEach((wallet) => {
+        if (walletConnectorCore.isEmailWalletConnector(wallet.walletConnector) ||
+            walletConnectorCore.isSocialWalletConnector(wallet.walletConnector)) {
+            return;
+        }
+        else if ((lastUsedWalletName === null || lastUsedWalletName === void 0 ? void 0 : lastUsedWalletName.toLowerCase()) === wallet.name.toLowerCase()) {
+            lastUsedWallet = wallet;
+        }
+        else if (wallet.isInstalledOnBrowser) {
+            installedWallets.push(wallet);
+        }
+        else {
+            otherWallets.push(wallet);
+        }
+    });
+    const installedUsedWallets = [
+        ...(signWithEmailWallet ? [signWithEmailWallet] : []),
+        ...(lastUsedWallet ? [lastUsedWallet] : []),
+        ...installedWallets,
+    ];
+    const updatedNumberOfWalletsToShow = !hasWalletFilter
+        ? numberOfWalletsToShow
+        : calculateWithFilterNumberOfWalletsToShow(orderedInputList, installedUsedWallets, numberOfWalletsToShow);
+    const finalizedList = [...installedUsedWallets, ...otherWallets];
+    return {
+        numberOfWallets: finalizedList.length,
+        walletsList: listToDisplay(finalizedList, searchFilter, isWalletConnectList, updatedNumberOfWalletsToShow, hasWalletFilter, loginWithEmail),
+    };
+};
+// We want to show the full list of wallets when we render the wallet connect list even
+// if a filter was applied to the main page
+const orderAndFilterList = (walletList, walletsFilter, isWalletConnectList) => {
+    if (!isWalletConnectList && walletsFilter) {
+        return walletsFilter(sortedInputList(walletList));
+    }
+    else {
+        return sortedInputList(walletList);
+    }
+};
+const listToDisplay = (finalizedList, searchFilter, isWalletConnectList, numberOfWalletsToShow, hasWalletFilter, loginWithEmail) => {
+    if (searchFilter) {
+        return finalizedList.filter((wallet) => wallet.name.toLowerCase().includes(searchFilter.trim().toLowerCase()));
+    }
+    else if (isWalletConnectList) {
+        return finalizedList;
+    }
+    else if (loginWithEmail) {
+        return finalizedList.slice(0, numberOfWalletsToShow);
+    }
+    else {
+        const list = finalizedList.map((wallet) => wallet.name.toLowerCase());
+        const offset = getCalculatedOffset.getCalculatedOffset({
+            defaultOffset: numberOfWalletsToShow,
+            hasWalletFilter,
+            list,
+            priorityList: PRIORITY_WALLET_LIST,
+        });
+        return finalizedList.slice(0, offset);
+    }
+};
+/**
+ * When a filter is applied we would like to show the installed + last used wallets
+ * in addition to the wallets that the filter has specified.
+ * This calculation adds an offset to numberOfWalletsToShow so we will show the
+ * intended wallets + installed and last used.
+ *
+ * For example:
+ * we want to show 4 wallets: ['metamask', 'rainbow', 'walletconnect', 'coinbase']
+ * and someone is using brave with installed phantom he should see
+ * [ 'brave injected', phantom ,'metamask', 'rainbow', 'walletconnect', 'coinbase',]
+ *
+ */
+const calculateWithFilterNumberOfWalletsToShow = (allWalletsOrdered, installedOrUsedWallets, numberOfWalletsToShow) => {
+    const filteredWallets = allWalletsOrdered.slice(0, numberOfWalletsToShow);
+    const offset = installedOrUsedWallets.filter((wallet) => !filteredWallets.includes(wallet)).length;
+    return numberOfWalletsToShow + offset;
+};
+const getSignWithEmailWallet = (signWithEmailWalletName, inputList) => {
+    let walletOverride;
+    if (signWithEmailWalletName) {
+        const walletToReplicate = inputList.find((wallet) => wallet.name === signWithEmailWalletName &&
+            wallet.walletConnector.canConnectViaCustodialService);
+        if (walletToReplicate) {
+            walletOverride = Object.assign({}, walletToReplicate);
+            walletOverride.name = SIGN_IN_WITH_EMAIL_WALLET_NAME;
+        }
+    }
+    return walletOverride;
 };
 
 exports.PRIORITY_WALLET_LIST = PRIORITY_WALLET_LIST;