@dynamic-labs/sdk-react-core 0.17.0-RC.2 → 0.17.0-RC.4

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

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

package/src/lib/views/{WalletNoAccess/WalletNoAccess.js → NoAccess/NoAccess.js}

@@ -1,13 +1,14 @@
 import { __awaiter } from '../../../../_virtual/_tslib.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useState, useEffect } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useState, useEffect, useMemo } from 'react';
 import { WalletIcon } from '@dynamic-labs/wallet-book';
+import { SignInWithEmailIcon } from '@dynamic-labs/iconic';
 import { Typography } from '../../components/Typography/Typography.js';
 import '@dynamic-labs/sdk-api';
 import '../../shared/logger.js';
-import '@dynamic-labs/iconic';
 import '@dynamic-labs/multi-wallet';
 import { useViewContext } from '../../context/ViewContext/ViewContext.js';
+import { ReactComponent as SvgError } from '../../shared/assets/error.js';
 import '../../utils/constants/colors.js';
 import '../../shared/consts/index.js';
 import { useInternalDynamicContext } from '../../context/DynamicContext/useInternalDynamicContext.js';
@@ -27,12 +28,15 @@ import '../../context/CaptchaContext/CaptchaContext.js';
 import '../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.js';
 import { Button } from '../../components/Button/Button.js';
 import '../../components/IconButton/IconButton.js';
+import { IconWithStatus } from '../../components/IconWithStatus/IconWithStatus.js';
 import { StatusDot } from '../../components/StatusDot/StatusDot.js';
 import { getSocialNetworkIcon } from '../../utils/functions/getSocialNetworkIcon/getSocialNetworkIcon.js';
+import { useEmailVerificationContext } from '../../context/EmailVerificationContext/EmailVerificationContext.js';
 
-const WalletNoAccess = () => {
+const NoAccess = () => {
     const [walletAddress, setWalletAddress] = useState('');
     const { loginWithEmail, selectedWalletConnector: walletConnector, socialMediaLinkText, socialMediaIconUrl, socialMediaUrl, notInTheListImageUrl, accessDeniedMessagePrimary, accessDeniedMessageSecondary, } = useInternalDynamicContext();
+    const { email } = useEmailVerificationContext();
     const { setView, view } = useViewContext();
     const isChainalysisView = view === 'chainalysis-blocked-wallet';
     const _socialMediaLinkText = !isChainalysisView
@@ -65,11 +69,19 @@ const WalletNoAccess = () => {
     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.";
+            "We couldn't find your wallet address or email 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: {
+    const Icon = useMemo(() => {
+        if (walletConnector) {
+            return (jsx(WalletIcon, { walletName: walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.name, style: { height: pixelToRem(64), width: pixelToRem(64) } }));
+        }
+        return (jsx(IconWithStatus, { containerClassName: 'wallet-no-access__icon--verified', Icon: SignInWithEmailIcon, iconSize: 50, InnerIcon: SvgError, variant: 'red' }));
+    }, [walletConnector]);
+    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: [Icon, jsxs("div", Object.assign({ "data-testid": 'walletAddress', className: 'wallet-no-access__wallet-address-container' }, { children: [walletConnector && (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: walletConnector
+                                            ? 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), '...')
+                                            : email }))] }))] })), 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 method" })), 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: {
@@ -78,4 +90,4 @@ const WalletNoAccess = () => {
                                 } }))] })))] }))] })));
 };
 
-export { WalletNoAccess };
+export { NoAccess };

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

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

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

@@ -18,15 +18,10 @@ 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
@@ -46,6 +41,5 @@ const getNotInstalledWallets = (settings, getSupportedWalletOpts) => createWalle
 });
 
 exports.getEnabledChains = getEnabledChains;
-exports.getEnabledCosmosNetworks = getEnabledCosmosNetworks;
 exports.getInstalledWallets = getInstalledWallets;
 exports.getNotInstalledWallets = getNotInstalledWallets;

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

@@ -5,7 +5,6 @@ interface IChain {
     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[]>;

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

@@ -14,15 +14,10 @@ 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
@@ -41,4 +36,4 @@ const getNotInstalledWallets = (settings, getSupportedWalletOpts) => createWalle
     settings,
 });
 
-export { getEnabledChains, getEnabledCosmosNetworks, getInstalledWallets, getNotInstalledWallets };
+export { getEnabledChains, getInstalledWallets, getNotInstalledWallets };

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

@@ -3,7 +3,7 @@ export { PendingSignatureView } from './PendingSignatureView';
 export { CollectUserDataView } from './CollectUserDataView';
 export { NoQrNotInstalledView } from './/NoQrNotInstalledView';
 export { QrCodeView } from './QrCodeView';
-export { WalletNoAccess } from './WalletNoAccess';
+export { NoAccess } from './NoAccess';
 export { EmailConfirmationWaitingView } from './EmailConfirmationWaitingView';
 export { viewToComponentMap } from './viewToComponentMap';
 export { NetworkNotSupportedSwitchManual } from './NetworkNotSupportedSwitchManual';

package/src/lib/views/viewToComponentMap.cjs

@@ -19,13 +19,13 @@ var PendingSignatureView = require('./PendingSignatureView/PendingSignatureView.
 var QrCodeView = require('./QrCodeView/QrCodeView.cjs');
 var SocialRedirectView = require('./SocialRedirectView/SocialRedirectView.cjs');
 var WalletList = require('./WalletList/WalletList.cjs');
-var WalletNoAccess = require('./WalletNoAccess/WalletNoAccess.cjs');
+var NoAccess = require('./NoAccess/NoAccess.cjs');
 var WalletSignSpinnerView = require('./WalletSignSpinnerView/WalletSignSpinnerView.cjs');
 var WalletUsedView = require('./WalletUsedView/WalletUsedView.cjs');
 
 const viewToComponentMap = {
     captcha: jsxRuntime.jsx(CaptchaVerifyUser.CaptchaVerifyUser, {}),
-    'chainalysis-blocked-wallet': jsxRuntime.jsx(WalletNoAccess.WalletNoAccess, {}),
+    'chainalysis-blocked-wallet': jsxRuntime.jsx(NoAccess.NoAccess, {}),
     'collect-user-data': jsxRuntime.jsx(CollectUserDataView.CollectUserDataView, {}),
     'collect-user-data-login-with-email': jsxRuntime.jsx(CollectUserDataViewLoginWithEmail.CollectUserDataViewLoginWithEmail, {}),
     'email-wallet-otp-verification-view': jsxRuntime.jsx(EmailWalletOTPVerificationView.EmailWalletOTPVerificationView, {}),
@@ -34,7 +34,7 @@ const viewToComponentMap = {
     'login-with-email-verification': jsxRuntime.jsx(EmailVerification.EmailVerification, {}),
     'network-not-supported': jsxRuntime.jsx(NetworkNotSupported.NetworkNotSupported, {}),
     'network-not-supported-manual': jsxRuntime.jsx(NetworkNotSupportedSwitchManual.NetworkNotSupportedSwitchManual, {}),
-    'no-access': jsxRuntime.jsx(WalletNoAccess.WalletNoAccess, {}),
+    'no-access': jsxRuntime.jsx(NoAccess.NoAccess, {}),
     'no-qr-not-installed': jsxRuntime.jsx(NoQrNotInstalledView.NoQrNotInstalledView, {}),
     'pending-connect': jsxRuntime.jsx(PendingConnectView.PendingConnectView, {}),
     'pending-signature': jsxRuntime.jsx(PendingSignatureView.PendingSignatureView, {}),

package/src/lib/views/viewToComponentMap.js

@@ -15,13 +15,13 @@ import { PendingSignatureView } from './PendingSignatureView/PendingSignatureVie
 import { QrCodeView } from './QrCodeView/QrCodeView.js';
 import { SocialRedirectView } from './SocialRedirectView/SocialRedirectView.js';
 import { WalletList } from './WalletList/WalletList.js';
-import { WalletNoAccess } from './WalletNoAccess/WalletNoAccess.js';
+import { NoAccess } from './NoAccess/NoAccess.js';
 import { WalletSignSpinnerView } from './WalletSignSpinnerView/WalletSignSpinnerView.js';
 import { WalletUsedView } from './WalletUsedView/WalletUsedView.js';
 
 const viewToComponentMap = {
     captcha: jsx(CaptchaVerifyUser, {}),
-    'chainalysis-blocked-wallet': jsx(WalletNoAccess, {}),
+    'chainalysis-blocked-wallet': jsx(NoAccess, {}),
     'collect-user-data': jsx(CollectUserDataView, {}),
     'collect-user-data-login-with-email': jsx(CollectUserDataViewLoginWithEmail, {}),
     'email-wallet-otp-verification-view': jsx(EmailWalletOTPVerificationView, {}),
@@ -30,7 +30,7 @@ const viewToComponentMap = {
     'login-with-email-verification': jsx(EmailVerification, {}),
     'network-not-supported': jsx(NetworkNotSupported, {}),
     'network-not-supported-manual': jsx(NetworkNotSupportedSwitchManual, {}),
-    'no-access': jsx(WalletNoAccess, {}),
+    'no-access': jsx(NoAccess, {}),
     'no-qr-not-installed': jsx(NoQrNotInstalledView, {}),
     'pending-connect': jsx(PendingConnectView, {}),
     'pending-signature': jsx(PendingSignatureView, {}),

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

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

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

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