@dynamic-labs/sdk-react-core 0.16.0

package/src/lib/views/WalletList/WalletList.cjs.js

@@ -0,0 +1,74 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var ErrorContainer = require('../../components/ErrorContainer/ErrorContainer.cjs.js');
+var Search = require('../../components/Search/Search.cjs.js');
+var Skeleton = require('../../components/Skeleton/Skeleton.cjs.js');
+var ErrorContext = require('../../context/ErrorContext/ErrorContext.cjs.js');
+require('@dynamic-labs/sdk-api');
+require('../../shared/logger.cjs.js');
+var getFromLS = require('../../shared/utils/functions/storage/getFromLS.cjs.js');
+var setToLS = require('../../shared/utils/functions/storage/setToLS.cjs.js');
+require('@dynamic-labs/iconic');
+require('@dynamic-labs/multi-wallet');
+var ViewContext = require('../../context/ViewContext/ViewContext.cjs.js');
+var localStorage$1 = require('../../utils/constants/localStorage.cjs.js');
+require('../../utils/constants/colors.cjs.js');
+require('../../shared/consts/index.cjs.js');
+var index = require('../../utils/functions/walletListBuilder/index.cjs.js');
+var classNames = require('../../utils/functions/classNames/classNames.cjs.js');
+var useInternalDynamicContext = require('../../context/DynamicContext/useInternalDynamicContext.cjs.js');
+var MockContext = require('../../context/MockContext/MockContext.cjs.js');
+var isUserLinkingWallet = require('../../shared/utils/functions/isUserLinkingWallet/isUserLinkingWallet.cjs.js');
+var SearchInstead = require('./SearchInstead/SearchInstead.cjs.js');
+var WalletListItem = require('./WalletListItem/WalletListItem.cjs.js');
+
+setToLS.setToLS(localStorage$1.WALLET_PICKER_SEARCH_KEY, '');
+const WalletList = ({ isWalletConnectList = false, }) => {
+    var _a;
+    const { walletsFilter, signWithEmailWalletName, user, wallets, projectSettings, connectedWallets, defaultNumberOfWalletsToShow, } = useInternalDynamicContext.useInternalDynamicContext();
+    const { error } = ErrorContext.useErrorContext();
+    const { view } = ViewContext.useViewContext();
+    const { mockedSDK } = MockContext.useMockContext();
+    const isUsingMultiWallet = Boolean(localStorage.getItem(localStorage$1.AUTH_USER));
+    const [filterValue, setFilterValue] = React.useState((_a = getFromLS.getFromLS(localStorage$1.WALLET_PICKER_SEARCH_KEY)) !== null && _a !== void 0 ? _a : '');
+    const [footerIsVisible, setFooterIsVisibile] = React.useState(false);
+    React.useEffect(() => {
+        setToLS.setToLS(localStorage$1.WALLET_PICKER_SEARCH_KEY, filterValue);
+    }, [filterValue]);
+    const { numberOfWallets, walletsList } = index.walletListBuilder({
+        inputList: wallets,
+        isWalletConnectList,
+        lastUsedWalletName: getFromLS.getFromLS(localStorage$1.LAST_USED_WALLET),
+        numberOfWalletsToShow: defaultNumberOfWalletsToShow,
+        searchFilter: filterValue,
+        signWithEmailWalletName,
+        walletsFilter: walletsFilter,
+    });
+    const isSearchEnabled = numberOfWallets >= defaultNumberOfWalletsToShow;
+    const noDefaultFooter = isUserLinkingWallet.isUserLinkingWallet(user, view, mockedSDK);
+    const walletListScrollRef = React.useRef(null);
+    /* istanbul ignore next */
+    const handleScroll = () => {
+        const element = walletListScrollRef.current;
+        if (!element) {
+            return;
+        }
+        if ((element === null || element === void 0 ? void 0 : element.scrollTop) > (element === null || element === void 0 ? void 0 : element.clientHeight) * 1.25) {
+            setFooterIsVisibile(true);
+        }
+        else {
+            setFooterIsVisibile(false);
+        }
+    };
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("div", Object.assign({ className: 'wallet-list__container' }, { children: [error && jsxRuntime.jsx(ErrorContainer.ErrorContainer, { children: error }), !projectSettings ? (jsxRuntime.jsx(Skeleton.Skeleton, { className: 'wallet-list__search-skeleton' })) : (isSearchEnabled && (jsxRuntime.jsx(Search.Search, { label: `Search through ${numberOfWallets} wallets...`, value: filterValue, onChange: ({ target: { value } }) => setFilterValue(value), onClickClear: () => setFilterValue('') }))), jsxRuntime.jsxs("div", Object.assign({ className: classNames.classNames('wallet-list__scroll-container', {
+                            'wallet-list__scroll-container--full-height': isSearchEnabled,
+                        }), "data-testid": 'wallet-list-scroll-container', ref: walletListScrollRef, onScroll: handleScroll }, { children: [!projectSettings ? (jsxRuntime.jsx(Skeleton.Skeleton, { count: 10, className: 'wallet-list__tile-skeleton' })) : (jsxRuntime.jsx(jsxRuntime.Fragment, { children: walletsList.map((wallet) => (jsxRuntime.jsx(WalletListItem.WalletListItem, { wallet: wallet, connectedWallets: connectedWallets, usingMultiWallet: isUsingMultiWallet, onResetSearchValue: setFilterValue }, wallet.key))) })), isSearchEnabled && !filterValue && projectSettings && (jsxRuntime.jsx(SearchInstead.SearchInstead, {}))] }))] })), noDefaultFooter && (jsxRuntime.jsx("div", { className: classNames.classNames('wallet-list__tiny-footer', {
+                    'wallet-list__tiny-footer--hidden': footerIsVisible,
+                }), "data-testid": 'wallet-list-tiny-footer' }))] }));
+};
+
+exports.WalletList = WalletList;

package/src/lib/views/WalletList/WalletList.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export type WalletListProps = {
+    isWalletConnectList?: boolean;
+};
+export declare const WalletList: ({ isWalletConnectList, }: WalletListProps) => JSX.Element;

package/src/lib/views/WalletList/WalletList.es.js

@@ -0,0 +1,70 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { useState, useEffect, useRef } from 'react';
+import { ErrorContainer } from '../../components/ErrorContainer/ErrorContainer.es.js';
+import { Search } from '../../components/Search/Search.es.js';
+import { Skeleton } from '../../components/Skeleton/Skeleton.es.js';
+import { useErrorContext } from '../../context/ErrorContext/ErrorContext.es.js';
+import '@dynamic-labs/sdk-api';
+import '../../shared/logger.es.js';
+import { getFromLS } from '../../shared/utils/functions/storage/getFromLS.es.js';
+import { setToLS } from '../../shared/utils/functions/storage/setToLS.es.js';
+import '@dynamic-labs/iconic';
+import '@dynamic-labs/multi-wallet';
+import { useViewContext } from '../../context/ViewContext/ViewContext.es.js';
+import { WALLET_PICKER_SEARCH_KEY, AUTH_USER, LAST_USED_WALLET } from '../../utils/constants/localStorage.es.js';
+import '../../utils/constants/colors.es.js';
+import '../../shared/consts/index.es.js';
+import { walletListBuilder } from '../../utils/functions/walletListBuilder/index.es.js';
+import { classNames } from '../../utils/functions/classNames/classNames.es.js';
+import { useInternalDynamicContext } from '../../context/DynamicContext/useInternalDynamicContext.es.js';
+import { useMockContext } from '../../context/MockContext/MockContext.es.js';
+import { isUserLinkingWallet } from '../../shared/utils/functions/isUserLinkingWallet/isUserLinkingWallet.es.js';
+import { SearchInstead } from './SearchInstead/SearchInstead.es.js';
+import { WalletListItem } from './WalletListItem/WalletListItem.es.js';
+
+setToLS(WALLET_PICKER_SEARCH_KEY, '');
+const WalletList = ({ isWalletConnectList = false, }) => {
+    var _a;
+    const { walletsFilter, signWithEmailWalletName, user, wallets, projectSettings, connectedWallets, defaultNumberOfWalletsToShow, } = useInternalDynamicContext();
+    const { error } = useErrorContext();
+    const { view } = useViewContext();
+    const { mockedSDK } = useMockContext();
+    const isUsingMultiWallet = Boolean(localStorage.getItem(AUTH_USER));
+    const [filterValue, setFilterValue] = useState((_a = getFromLS(WALLET_PICKER_SEARCH_KEY)) !== null && _a !== void 0 ? _a : '');
+    const [footerIsVisible, setFooterIsVisibile] = useState(false);
+    useEffect(() => {
+        setToLS(WALLET_PICKER_SEARCH_KEY, filterValue);
+    }, [filterValue]);
+    const { numberOfWallets, walletsList } = walletListBuilder({
+        inputList: wallets,
+        isWalletConnectList,
+        lastUsedWalletName: getFromLS(LAST_USED_WALLET),
+        numberOfWalletsToShow: defaultNumberOfWalletsToShow,
+        searchFilter: filterValue,
+        signWithEmailWalletName,
+        walletsFilter: walletsFilter,
+    });
+    const isSearchEnabled = numberOfWallets >= defaultNumberOfWalletsToShow;
+    const noDefaultFooter = isUserLinkingWallet(user, view, mockedSDK);
+    const walletListScrollRef = useRef(null);
+    /* istanbul ignore next */
+    const handleScroll = () => {
+        const element = walletListScrollRef.current;
+        if (!element) {
+            return;
+        }
+        if ((element === null || element === void 0 ? void 0 : element.scrollTop) > (element === null || element === void 0 ? void 0 : element.clientHeight) * 1.25) {
+            setFooterIsVisibile(true);
+        }
+        else {
+            setFooterIsVisibile(false);
+        }
+    };
+    return (jsxs(Fragment, { children: [jsxs("div", Object.assign({ className: 'wallet-list__container' }, { children: [error && jsx(ErrorContainer, { children: error }), !projectSettings ? (jsx(Skeleton, { className: 'wallet-list__search-skeleton' })) : (isSearchEnabled && (jsx(Search, { label: `Search through ${numberOfWallets} wallets...`, value: filterValue, onChange: ({ target: { value } }) => setFilterValue(value), onClickClear: () => setFilterValue('') }))), jsxs("div", Object.assign({ className: classNames('wallet-list__scroll-container', {
+                            'wallet-list__scroll-container--full-height': isSearchEnabled,
+                        }), "data-testid": 'wallet-list-scroll-container', ref: walletListScrollRef, onScroll: handleScroll }, { children: [!projectSettings ? (jsx(Skeleton, { count: 10, className: 'wallet-list__tile-skeleton' })) : (jsx(Fragment, { children: walletsList.map((wallet) => (jsx(WalletListItem, { wallet: wallet, connectedWallets: connectedWallets, usingMultiWallet: isUsingMultiWallet, onResetSearchValue: setFilterValue }, wallet.key))) })), isSearchEnabled && !filterValue && projectSettings && (jsx(SearchInstead, {}))] }))] })), noDefaultFooter && (jsx("div", { className: classNames('wallet-list__tiny-footer', {
+                    'wallet-list__tiny-footer--hidden': footerIsVisible,
+                }), "data-testid": 'wallet-list-tiny-footer' }))] }));
+};
+
+export { WalletList };

package/src/lib/views/WalletList/WalletListItem/WalletListItem.cjs.js

@@ -0,0 +1,61 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _tslib = require('../../../../../_virtual/_tslib.cjs.js');
+var jsxRuntime = require('react/jsx-runtime');
+var walletBook = require('@dynamic-labs/wallet-book');
+require('@dynamic-labs/iconic');
+require('../../../context/ViewContext/ViewContext.cjs.js');
+var stroke = require('../../../shared/assets/stroke.cjs.js');
+require('react');
+var classNames = require('../../../utils/functions/classNames/classNames.cjs.js');
+require('@dynamic-labs/sdk-api');
+require('../../../shared/logger.cjs.js');
+require('@dynamic-labs/multi-wallet');
+var getWalletListItemLabel = require('../../../shared/utils/functions/getWalletListItemLabel/getWalletListItemLabel.cjs.js');
+require('../../../shared/consts/index.cjs.js');
+require('../../../context/DynamicContext/DynamicContext.cjs.js');
+require('../../../utils/constants/colors.cjs.js');
+var pixelToRem = require('../../../utils/functions/pixelToRem/pixelToRem.cjs.js');
+require('../../../components/ShadowDOM/ShadowDOM.cjs.js');
+require('../../../context/ThemeContext/ThemeContext.cjs.js');
+var Icon = require('../../../components/Icon/Icon.cjs.js');
+require('react-dom');
+require('react-focus-lock');
+require('../../../components/Transition/ZoomTransition/ZoomTransition.cjs.js');
+require('../../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs.js');
+require('../../../components/Transition/OpacityTransition/OpacityTransition.cjs.js');
+require('../../../config/ApiEndpoint.cjs.js');
+require('../../../context/ErrorContext/ErrorContext.cjs.js');
+require('ethers');
+var useWalletItemActions = require('../../../utils/hooks/useWalletItemActions/useWalletItemActions.cjs.js');
+require('../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.cjs.js');
+require('../../../components/IconButton/IconButton.cjs.js');
+var ListTile = require('../../../components/ListTile/ListTile.cjs.js');
+var Badge = require('../../../components/Badge/Badge.cjs.js');
+
+const WalletListItem = ({ usingMultiWallet, wallet, onResetSearchValue, tile = ({ leading, name, onClick, trailing }) => (jsxRuntime.jsx(ListTile.ListTile, Object.assign({ leading: leading, trailing: trailing, onClick: onClick, className: 'wallet-list-item__tile' }, { children: name }))), }) => {
+    const { handleWalletItemClick } = useWalletItemActions.useWalletItemActions();
+    const label = getWalletListItemLabel.getWalletListItemLabel({
+        isInstalledOnBrowser: wallet.isInstalledOnBrowser,
+        usingMultiWallet,
+        walletName: wallet.walletConnector.name,
+    });
+    const Tile = tile;
+    const isComingSoon = label === 'Coming soon';
+    const handleClick = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        if (isComingSoon) {
+            return;
+        }
+        onResetSearchValue === null || onResetSearchValue === void 0 ? void 0 : onResetSearchValue('');
+        yield handleWalletItemClick(wallet);
+    });
+    const leading = (jsxRuntime.jsx(walletBook.WalletIcon, { walletName: wallet.name, style: { height: pixelToRem.pixelToRem(28), width: pixelToRem.pixelToRem(28) } }));
+    const trailing = (jsxRuntime.jsxs("div", Object.assign({ className: 'wallet-list-item__trailing' }, { children: [label && (jsxRuntime.jsx("div", Object.assign({ className: classNames.classNames('trailing__child', {
+                    trailing__label: !isComingSoon,
+                }) }, { children: jsxRuntime.jsx(Badge.Badge, { dot: !isComingSoon, text: label, className: 'trailing__badge' }) }))), !isComingSoon && (jsxRuntime.jsx("div", Object.assign({ className: 'trailing__child trailing__arrow' }, { children: jsxRuntime.jsx(Icon.Icon, Object.assign({ color: 'text-tertiary', size: 'small' }, { children: jsxRuntime.jsx(stroke.ReactComponent, {}) })) })))] })));
+    return (jsxRuntime.jsx(Tile, { leading: leading, trailing: trailing, name: walletBook.getWalletBookWallet(wallet.name).name, onClick: handleClick }));
+};
+
+exports.WalletListItem = WalletListItem;

package/src/lib/views/WalletList/WalletListItem/WalletListItem.d.ts

@@ -0,0 +1,2 @@
+import { WalletListItemComponent } from './WalletListItem.types';
+export declare const WalletListItem: WalletListItemComponent;

package/src/lib/views/WalletList/WalletListItem/WalletListItem.es.js

@@ -0,0 +1,57 @@
+import { __awaiter } from '../../../../../_virtual/_tslib.es.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { WalletIcon, getWalletBookWallet } from '@dynamic-labs/wallet-book';
+import '@dynamic-labs/iconic';
+import '../../../context/ViewContext/ViewContext.es.js';
+import { ReactComponent as SvgStroke } from '../../../shared/assets/stroke.es.js';
+import 'react';
+import { classNames } from '../../../utils/functions/classNames/classNames.es.js';
+import '@dynamic-labs/sdk-api';
+import '../../../shared/logger.es.js';
+import '@dynamic-labs/multi-wallet';
+import { getWalletListItemLabel } from '../../../shared/utils/functions/getWalletListItemLabel/getWalletListItemLabel.es.js';
+import '../../../shared/consts/index.es.js';
+import '../../../context/DynamicContext/DynamicContext.es.js';
+import '../../../utils/constants/colors.es.js';
+import { pixelToRem } from '../../../utils/functions/pixelToRem/pixelToRem.es.js';
+import '../../../components/ShadowDOM/ShadowDOM.es.js';
+import '../../../context/ThemeContext/ThemeContext.es.js';
+import { Icon } from '../../../components/Icon/Icon.es.js';
+import 'react-dom';
+import 'react-focus-lock';
+import '../../../components/Transition/ZoomTransition/ZoomTransition.es.js';
+import '../../../components/Transition/SlideInUpTransition/SlideInUpTransition.es.js';
+import '../../../components/Transition/OpacityTransition/OpacityTransition.es.js';
+import '../../../config/ApiEndpoint.es.js';
+import '../../../context/ErrorContext/ErrorContext.es.js';
+import 'ethers';
+import { useWalletItemActions } from '../../../utils/hooks/useWalletItemActions/useWalletItemActions.es.js';
+import '../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.es.js';
+import '../../../components/IconButton/IconButton.es.js';
+import { ListTile } from '../../../components/ListTile/ListTile.es.js';
+import { Badge } from '../../../components/Badge/Badge.es.js';
+
+const WalletListItem = ({ usingMultiWallet, wallet, onResetSearchValue, tile = ({ leading, name, onClick, trailing }) => (jsx(ListTile, Object.assign({ leading: leading, trailing: trailing, onClick: onClick, className: 'wallet-list-item__tile' }, { children: name }))), }) => {
+    const { handleWalletItemClick } = useWalletItemActions();
+    const label = getWalletListItemLabel({
+        isInstalledOnBrowser: wallet.isInstalledOnBrowser,
+        usingMultiWallet,
+        walletName: wallet.walletConnector.name,
+    });
+    const Tile = tile;
+    const isComingSoon = label === 'Coming soon';
+    const handleClick = () => __awaiter(void 0, void 0, void 0, function* () {
+        if (isComingSoon) {
+            return;
+        }
+        onResetSearchValue === null || onResetSearchValue === void 0 ? void 0 : onResetSearchValue('');
+        yield handleWalletItemClick(wallet);
+    });
+    const leading = (jsx(WalletIcon, { walletName: wallet.name, style: { height: pixelToRem(28), width: pixelToRem(28) } }));
+    const trailing = (jsxs("div", Object.assign({ className: 'wallet-list-item__trailing' }, { children: [label && (jsx("div", Object.assign({ className: classNames('trailing__child', {
+                    trailing__label: !isComingSoon,
+                }) }, { children: jsx(Badge, { dot: !isComingSoon, text: label, className: 'trailing__badge' }) }))), !isComingSoon && (jsx("div", Object.assign({ className: 'trailing__child trailing__arrow' }, { children: jsx(Icon, Object.assign({ color: 'text-tertiary', size: 'small' }, { children: jsx(SvgStroke, {}) })) })))] })));
+    return (jsx(Tile, { leading: leading, trailing: trailing, name: getWalletBookWallet(wallet.name).name, onClick: handleClick }));
+};
+
+export { WalletListItem };

package/src/lib/views/WalletList/WalletListItem/WalletListItem.types.d.ts

@@ -0,0 +1,17 @@
+import { ReactElement, ReactNode } from 'react';
+import { Wallet, WalletOption } from '../../../shared';
+export type WalletListItemProps = {
+    connectedWallets: Wallet[];
+    onResetSearchValue?: (newSearchValue: string) => void;
+    tile?: WalletListItemTile;
+    usingMultiWallet: boolean;
+    wallet: WalletOption;
+};
+export type WalletListItemComponent = (props: WalletListItemProps) => ReactElement;
+export type WalletListItemTileProps = {
+    leading: ReactNode;
+    name: string;
+    onClick: () => void;
+    trailing: ReactNode;
+};
+export type WalletListItemTile = (props: WalletListItemTileProps) => ReactElement;

package/src/lib/views/WalletList/WalletListItem/index.d.ts

@@ -0,0 +1,2 @@
+export * from './WalletListItem';
+export type { WalletListItemProps } from './WalletListItem.types';

package/src/lib/views/WalletList/data.cjs.js

@@ -0,0 +1,51 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _tslib = require('../../../../_virtual/_tslib.cjs.js');
+var multiWallet = require('@dynamic-labs/multi-wallet');
+require('@dynamic-labs/sdk-api');
+require('../../shared/logger.cjs.js');
+require('@dynamic-labs/iconic');
+require('react/jsx-runtime');
+require('../../context/ViewContext/ViewContext.cjs.js');
+require('react');
+var createWallet = require('../../shared/utils/functions/wallet/createWallet.cjs.js');
+require('../../utils/constants/colors.cjs.js');
+require('../../shared/consts/index.cjs.js');
+
+const getEnabledChains = (chains) => chains
+    .filter(({ enabled }) => enabled)
+    .map(({ name }) => { var _a; return (_a = multiWallet.getChainInfo(name)) === null || _a === void 0 ? void 0 : _a.symbol; })
+    .filter((chain) => Boolean(chain));
+const getEnabledCosmosNetworks = (chains) => {
+    var _a, _b, _c;
+    return ((_c = (_b = (_a = chains.find(({ enabled, name }) => enabled && name === 'cosmos')) === null || _a === void 0 ? void 0 : _a.networks) === null || _b === void 0 ? void 0 : _b.filter(({ enabled }) => enabled)) === null || _c === void 0 ? void 0 : _c.map(({ networkId }) => networkId)) || [];
+};
+const createWallets = (props) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+    var _a, _b, _c, _d;
+    return (yield multiWallet.getEnabledWallets({
+        enabledChains: getEnabledChains(props.settings.chains),
+        enabledNetworks: getEnabledCosmosNetworks(props.settings.chains),
+        getSupportedWalletOpts: Object.assign(Object.assign({}, props.getSupportedWalletOpts), { isWalletConnectV2Enabled: ((_a = props.settings.sdk.walletConnect) === null || _a === void 0 ? void 0 : _a.v2Enabled) &&
+                ((_b = props.settings.sdk.walletConnect) === null || _b === void 0 ? void 0 : _b.projectId)
+                ? (_c = props.settings.sdk.walletConnect) === null || _c === void 0 ? void 0 : _c.v2Enabled
+                : false, walletConnectProjectId: (_d = props.settings.sdk.walletConnect) === null || _d === void 0 ? void 0 : _d.projectId }),
+        installed: props.installed,
+    })).map(createWallet.createWallet);
+});
+const getInstalledWallets = (settings, getSupportedWalletOpts) => createWallets({
+    getSupportedWalletOpts,
+    installed: true,
+    settings,
+});
+const getNotInstalledWallets = (settings, getSupportedWalletOpts) => createWallets({
+    getSupportedWalletOpts,
+    installed: false,
+    settings,
+});
+
+exports.getEnabledChains = getEnabledChains;
+exports.getEnabledCosmosNetworks = getEnabledCosmosNetworks;
+exports.getInstalledWallets = getInstalledWallets;
+exports.getNotInstalledWallets = getNotInstalledWallets;

package/src/lib/views/WalletList/data.d.ts

@@ -0,0 +1,12 @@
+import { GetSupportedWalletsOpts } from '@dynamic-labs/multi-wallet';
+import { ProjectSettings } from '@dynamic-labs/sdk-api';
+interface IChain {
+    enabled: boolean;
+    name: string;
+}
+export declare const getEnabledChains: (chains: IChain[]) => ("ETH" | "FLOW" | "SOL" | "EVM" | "ALGO" | "STARK" | "ATOM" | "COSMOS")[];
+export declare const getEnabledCosmosNetworks: (chains: IChain[]) => number[];
+type BaseGetSupportedWalletOpts = Omit<GetSupportedWalletsOpts, 'isWalletConnectV2Enabled' | 'walletConnectProjectId'>;
+export declare const getInstalledWallets: (settings: ProjectSettings, getSupportedWalletOpts: BaseGetSupportedWalletOpts) => Promise<import("../../shared").WalletOption[]>;
+export declare const getNotInstalledWallets: (settings: ProjectSettings, getSupportedWalletOpts: BaseGetSupportedWalletOpts) => Promise<import("../../shared").WalletOption[]>;
+export {};

package/src/lib/views/WalletList/data.es.js

@@ -0,0 +1,44 @@
+import { __awaiter } from '../../../../_virtual/_tslib.es.js';
+import { getEnabledWallets, getChainInfo } from '@dynamic-labs/multi-wallet';
+import '@dynamic-labs/sdk-api';
+import '../../shared/logger.es.js';
+import '@dynamic-labs/iconic';
+import 'react/jsx-runtime';
+import '../../context/ViewContext/ViewContext.es.js';
+import 'react';
+import { createWallet } from '../../shared/utils/functions/wallet/createWallet.es.js';
+import '../../utils/constants/colors.es.js';
+import '../../shared/consts/index.es.js';
+
+const getEnabledChains = (chains) => chains
+    .filter(({ enabled }) => enabled)
+    .map(({ name }) => { var _a; return (_a = getChainInfo(name)) === null || _a === void 0 ? void 0 : _a.symbol; })
+    .filter((chain) => Boolean(chain));
+const getEnabledCosmosNetworks = (chains) => {
+    var _a, _b, _c;
+    return ((_c = (_b = (_a = chains.find(({ enabled, name }) => enabled && name === 'cosmos')) === null || _a === void 0 ? void 0 : _a.networks) === null || _b === void 0 ? void 0 : _b.filter(({ enabled }) => enabled)) === null || _c === void 0 ? void 0 : _c.map(({ networkId }) => networkId)) || [];
+};
+const createWallets = (props) => __awaiter(void 0, void 0, void 0, function* () {
+    var _a, _b, _c, _d;
+    return (yield getEnabledWallets({
+        enabledChains: getEnabledChains(props.settings.chains),
+        enabledNetworks: getEnabledCosmosNetworks(props.settings.chains),
+        getSupportedWalletOpts: Object.assign(Object.assign({}, props.getSupportedWalletOpts), { isWalletConnectV2Enabled: ((_a = props.settings.sdk.walletConnect) === null || _a === void 0 ? void 0 : _a.v2Enabled) &&
+                ((_b = props.settings.sdk.walletConnect) === null || _b === void 0 ? void 0 : _b.projectId)
+                ? (_c = props.settings.sdk.walletConnect) === null || _c === void 0 ? void 0 : _c.v2Enabled
+                : false, walletConnectProjectId: (_d = props.settings.sdk.walletConnect) === null || _d === void 0 ? void 0 : _d.projectId }),
+        installed: props.installed,
+    })).map(createWallet);
+});
+const getInstalledWallets = (settings, getSupportedWalletOpts) => createWallets({
+    getSupportedWalletOpts,
+    installed: true,
+    settings,
+});
+const getNotInstalledWallets = (settings, getSupportedWalletOpts) => createWallets({
+    getSupportedWalletOpts,
+    installed: false,
+    settings,
+});
+
+export { getEnabledChains, getEnabledCosmosNetworks, getInstalledWallets, getNotInstalledWallets };

package/src/lib/views/WalletList/index.d.ts

@@ -0,0 +1,2 @@
+export { WalletList } from './WalletList';
+export type { WalletListProps } from './WalletList';

package/src/lib/views/WalletNoAccess/WalletNoAccess.cjs.js

@@ -0,0 +1,86 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _tslib = require('../../../../_virtual/_tslib.cjs.js');
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var walletBook = require('@dynamic-labs/wallet-book');
+var Typography = require('../../components/Typography/Typography.cjs.js');
+require('@dynamic-labs/sdk-api');
+require('../../shared/logger.cjs.js');
+require('@dynamic-labs/iconic');
+require('@dynamic-labs/multi-wallet');
+var ViewContext = require('../../context/ViewContext/ViewContext.cjs.js');
+require('../../utils/constants/colors.cjs.js');
+require('../../shared/consts/index.cjs.js');
+var useInternalDynamicContext = require('../../context/DynamicContext/useInternalDynamicContext.cjs.js');
+var pixelToRem = require('../../utils/functions/pixelToRem/pixelToRem.cjs.js');
+require('../../components/ShadowDOM/ShadowDOM.cjs.js');
+require('../../context/ThemeContext/ThemeContext.cjs.js');
+require('react-dom');
+require('react-focus-lock');
+require('../../components/Transition/ZoomTransition/ZoomTransition.cjs.js');
+require('../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs.js');
+require('../../components/Transition/OpacityTransition/OpacityTransition.cjs.js');
+require('../../config/ApiEndpoint.cjs.js');
+require('../../context/ErrorContext/ErrorContext.cjs.js');
+require('ethers');
+require('../../context/MockContext/MockContext.cjs.js');
+require('../../context/CaptchaContext/CaptchaContext.cjs.js');
+require('../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.cjs.js');
+var Button = require('../../components/Button/Button.cjs.js');
+require('../../components/IconButton/IconButton.cjs.js');
+var StatusDot = require('../../components/StatusDot/StatusDot.cjs.js');
+var getSocialNetworkIcon = require('../../utils/functions/getSocialNetworkIcon/getSocialNetworkIcon.cjs.js');
+
+const WalletNoAccess = () => {
+    const [walletAddress, setWalletAddress] = React.useState('');
+    const { loginWithEmail, selectedWalletConnector: walletConnector, socialMediaLinkText, socialMediaIconUrl, socialMediaUrl, notInTheListImageUrl, accessDeniedMessagePrimary, accessDeniedMessageSecondary, } = useInternalDynamicContext.useInternalDynamicContext();
+    const { setView, view } = ViewContext.useViewContext();
+    const isChainalysisView = view === 'chainalysis-blocked-wallet';
+    const _socialMediaLinkText = !isChainalysisView
+        ? socialMediaLinkText
+        : 'Why am I seeing this message?';
+    const _socialMediaUrl = !isChainalysisView
+        ? socialMediaUrl
+        : 'https://docs.dynamic.xyz/docs';
+    React.useEffect(() => {
+        const getAddress = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+            try {
+                const address = yield (walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.fetchPublicAddress());
+                if (address) {
+                    setWalletAddress(address);
+                }
+            }
+            catch (e) {
+                return;
+            }
+        });
+        getAddress();
+    }, [walletConnector]);
+    const handleChangeWallet = () => {
+        var _a;
+        setView(loginWithEmail ? 'login-with-email-or-wallet' : 'wallet-list');
+        (_a = walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.endSession) === null || _a === void 0 ? void 0 : _a.call(walletConnector);
+    };
+    const title = isChainalysisView
+        ? 'This address seems corrupted.'
+        : accessDeniedMessagePrimary || 'Access denied';
+    const subtitle = isChainalysisView
+        ? 'This wallet has been correlated to illicit activity and cannot access this site.'
+        : accessDeniedMessageSecondary ||
+            "We couldn't find your wallet address on our allow list of customers.";
+    const SocialMediaIcon = !socialMediaIconUrl || typeof socialMediaIconUrl === 'string'
+        ? null
+        : getSocialNetworkIcon.getSocialNetworkIcon(Object.keys(socialMediaIconUrl)[0]);
+    return (jsxRuntime.jsxs("div", Object.assign({ className: 'wallet-no-access__container' }, { children: [notInTheListImageUrl && !isChainalysisView && (jsxRuntime.jsx("img", { src: notInTheListImageUrl, alt: 'user is not in the list', className: 'wallet-no-access__image' })), jsxRuntime.jsxs("div", Object.assign({ className: 'wallet-no-access__main' }, { children: [jsxRuntime.jsxs("div", Object.assign({ className: 'wallet-no-access__user-info-container' }, { children: [jsxRuntime.jsx(walletBook.WalletIcon, { walletName: walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.name, style: { height: pixelToRem.pixelToRem(64), width: pixelToRem.pixelToRem(64) } }), jsxRuntime.jsxs("div", Object.assign({ className: 'wallet-no-access__wallet-address-container' }, { children: [jsxRuntime.jsx(StatusDot.StatusDot, { variant: 'red', containerClassName: 'user-info__status-dot' }), jsxRuntime.jsx(Typography.Typography, Object.assign({ variant: 'body_normal', color: 'primary', weight: 'medium', className: 'wallet-no-access__wallet-address' }, { children: walletAddress === null || walletAddress === void 0 ? void 0 : walletAddress.replace(walletAddress === null || walletAddress === void 0 ? void 0 : walletAddress.substring(6, Number(walletAddress === null || walletAddress === void 0 ? void 0 : walletAddress.length) - 4), '...') }))] }))] })), jsxRuntime.jsxs("div", Object.assign({ className: 'wallet-no-access__content' }, { children: [jsxRuntime.jsx(Typography.Typography, Object.assign({ variant: 'title', color: 'primary', className: 'wallet-no-access__content--primary' }, { children: title })), jsxRuntime.jsx(Typography.Typography, Object.assign({ variant: 'body_normal', weight: 'regular', color: 'secondary', className: 'wallet-no-access__content--secondary' }, { children: subtitle }))] })), jsxRuntime.jsx(Button.Button, Object.assign({ onClick: handleChangeWallet, className: 'wallet-no-access__button--primary', expanded: true, buttonRounded: 'default', buttonPadding: 'large' }, { children: "Try another wallet" })), Boolean(_socialMediaUrl) && Boolean(_socialMediaLinkText) && (jsxRuntime.jsxs("div", Object.assign({ className: 'wallet-no-access__social-info-container' }, { children: [jsxRuntime.jsxs("a", Object.assign({ href: _socialMediaUrl, className: 'wallet-no-access__waitlist-link' }, { children: [jsxRuntime.jsx(Typography.Typography, Object.assign({ variant: 'button_primary', color: 'primary' }, { children: _socialMediaLinkText })), SocialMediaIcon && !isChainalysisView && (jsxRuntime.jsx(SocialMediaIcon, { className: 'wallet-no-access__social-icon', style: {
+                                            height: pixelToRem.pixelToRem(24),
+                                            width: pixelToRem.pixelToRem(24),
+                                        } }))] })), typeof socialMediaIconUrl === 'string' && (jsxRuntime.jsx("img", { alt: 'social media', src: socialMediaIconUrl, style: {
+                                    height: '1.5rem',
+                                    width: '1.5rem',
+                                } }))] })))] }))] })));
+};
+
+exports.WalletNoAccess = WalletNoAccess;

package/src/lib/views/WalletNoAccess/WalletNoAccess.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const WalletNoAccess: () => JSX.Element;

package/src/lib/views/WalletNoAccess/WalletNoAccess.es.js

@@ -0,0 +1,82 @@
+import { __awaiter } from '../../../../_virtual/_tslib.es.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useState, useEffect } from 'react';
+import { WalletIcon } from '@dynamic-labs/wallet-book';
+import { Typography } from '../../components/Typography/Typography.es.js';
+import '@dynamic-labs/sdk-api';
+import '../../shared/logger.es.js';
+import '@dynamic-labs/iconic';
+import '@dynamic-labs/multi-wallet';
+import { useViewContext } from '../../context/ViewContext/ViewContext.es.js';
+import '../../utils/constants/colors.es.js';
+import '../../shared/consts/index.es.js';
+import { useInternalDynamicContext } from '../../context/DynamicContext/useInternalDynamicContext.es.js';
+import { pixelToRem } from '../../utils/functions/pixelToRem/pixelToRem.es.js';
+import '../../components/ShadowDOM/ShadowDOM.es.js';
+import '../../context/ThemeContext/ThemeContext.es.js';
+import 'react-dom';
+import 'react-focus-lock';
+import '../../components/Transition/ZoomTransition/ZoomTransition.es.js';
+import '../../components/Transition/SlideInUpTransition/SlideInUpTransition.es.js';
+import '../../components/Transition/OpacityTransition/OpacityTransition.es.js';
+import '../../config/ApiEndpoint.es.js';
+import '../../context/ErrorContext/ErrorContext.es.js';
+import 'ethers';
+import '../../context/MockContext/MockContext.es.js';
+import '../../context/CaptchaContext/CaptchaContext.es.js';
+import '../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.es.js';
+import { Button } from '../../components/Button/Button.es.js';
+import '../../components/IconButton/IconButton.es.js';
+import { StatusDot } from '../../components/StatusDot/StatusDot.es.js';
+import { getSocialNetworkIcon } from '../../utils/functions/getSocialNetworkIcon/getSocialNetworkIcon.es.js';
+
+const WalletNoAccess = () => {
+    const [walletAddress, setWalletAddress] = useState('');
+    const { loginWithEmail, selectedWalletConnector: walletConnector, socialMediaLinkText, socialMediaIconUrl, socialMediaUrl, notInTheListImageUrl, accessDeniedMessagePrimary, accessDeniedMessageSecondary, } = useInternalDynamicContext();
+    const { setView, view } = useViewContext();
+    const isChainalysisView = view === 'chainalysis-blocked-wallet';
+    const _socialMediaLinkText = !isChainalysisView
+        ? socialMediaLinkText
+        : 'Why am I seeing this message?';
+    const _socialMediaUrl = !isChainalysisView
+        ? socialMediaUrl
+        : 'https://docs.dynamic.xyz/docs';
+    useEffect(() => {
+        const getAddress = () => __awaiter(void 0, void 0, void 0, function* () {
+            try {
+                const address = yield (walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.fetchPublicAddress());
+                if (address) {
+                    setWalletAddress(address);
+                }
+            }
+            catch (e) {
+                return;
+            }
+        });
+        getAddress();
+    }, [walletConnector]);
+    const handleChangeWallet = () => {
+        var _a;
+        setView(loginWithEmail ? 'login-with-email-or-wallet' : 'wallet-list');
+        (_a = walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.endSession) === null || _a === void 0 ? void 0 : _a.call(walletConnector);
+    };
+    const title = isChainalysisView
+        ? 'This address seems corrupted.'
+        : accessDeniedMessagePrimary || 'Access denied';
+    const subtitle = isChainalysisView
+        ? 'This wallet has been correlated to illicit activity and cannot access this site.'
+        : accessDeniedMessageSecondary ||
+            "We couldn't find your wallet address on our allow list of customers.";
+    const SocialMediaIcon = !socialMediaIconUrl || typeof socialMediaIconUrl === 'string'
+        ? null
+        : getSocialNetworkIcon(Object.keys(socialMediaIconUrl)[0]);
+    return (jsxs("div", Object.assign({ className: 'wallet-no-access__container' }, { children: [notInTheListImageUrl && !isChainalysisView && (jsx("img", { src: notInTheListImageUrl, alt: 'user is not in the list', className: 'wallet-no-access__image' })), jsxs("div", Object.assign({ className: 'wallet-no-access__main' }, { children: [jsxs("div", Object.assign({ className: 'wallet-no-access__user-info-container' }, { children: [jsx(WalletIcon, { walletName: walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.name, style: { height: pixelToRem(64), width: pixelToRem(64) } }), jsxs("div", Object.assign({ className: 'wallet-no-access__wallet-address-container' }, { children: [jsx(StatusDot, { variant: 'red', containerClassName: 'user-info__status-dot' }), jsx(Typography, Object.assign({ variant: 'body_normal', color: 'primary', weight: 'medium', className: 'wallet-no-access__wallet-address' }, { children: walletAddress === null || walletAddress === void 0 ? void 0 : walletAddress.replace(walletAddress === null || walletAddress === void 0 ? void 0 : walletAddress.substring(6, Number(walletAddress === null || walletAddress === void 0 ? void 0 : walletAddress.length) - 4), '...') }))] }))] })), jsxs("div", Object.assign({ className: 'wallet-no-access__content' }, { children: [jsx(Typography, Object.assign({ variant: 'title', color: 'primary', className: 'wallet-no-access__content--primary' }, { children: title })), jsx(Typography, Object.assign({ variant: 'body_normal', weight: 'regular', color: 'secondary', className: 'wallet-no-access__content--secondary' }, { children: subtitle }))] })), jsx(Button, Object.assign({ onClick: handleChangeWallet, className: 'wallet-no-access__button--primary', expanded: true, buttonRounded: 'default', buttonPadding: 'large' }, { children: "Try another wallet" })), Boolean(_socialMediaUrl) && Boolean(_socialMediaLinkText) && (jsxs("div", Object.assign({ className: 'wallet-no-access__social-info-container' }, { children: [jsxs("a", Object.assign({ href: _socialMediaUrl, className: 'wallet-no-access__waitlist-link' }, { children: [jsx(Typography, Object.assign({ variant: 'button_primary', color: 'primary' }, { children: _socialMediaLinkText })), SocialMediaIcon && !isChainalysisView && (jsx(SocialMediaIcon, { className: 'wallet-no-access__social-icon', style: {
+                                            height: pixelToRem(24),
+                                            width: pixelToRem(24),
+                                        } }))] })), typeof socialMediaIconUrl === 'string' && (jsx("img", { alt: 'social media', src: socialMediaIconUrl, style: {
+                                    height: '1.5rem',
+                                    width: '1.5rem',
+                                } }))] })))] }))] })));
+};
+
+export { WalletNoAccess };

package/src/lib/views/WalletNoAccess/index.d.ts

@@ -0,0 +1 @@
+export { WalletNoAccess } from './WalletNoAccess';