@dynamic-labs/sdk-react-core 0.18.0-RC.7 → 0.18.0-RC.9

package/src/lib/layout/DynamicAuthLayout/WalletProgressStepper/WalletProgressStepper.js

@@ -0,0 +1,54 @@
+import { jsx } from 'react/jsx-runtime';
+import { getChainInfo } from '@dynamic-labs/wallet-connector-core';
+import { useInternalDynamicContext } from '../../../context/DynamicContext/useInternalDynamicContext.js';
+import 'react';
+import '@dynamic-labs/sdk-api';
+import '../../../shared/logger.js';
+import { getChainIcon } from '../../../shared/utils/functions/chain/getChainIcon.js';
+import '@dynamic-labs/wallet-book';
+import '@dynamic-labs/utils';
+import '../../../utils/constants/colors.js';
+import '../../../shared/utils/classes/storage/localStorage.js';
+import 'ethers';
+import '@dynamic-labs/iconic';
+import '../../../context/ViewContext/ViewContext.js';
+import '../../../shared/consts/index.js';
+import '@dynamic-labs/multi-wallet';
+import '../../../components/ShadowDOM/ShadowDOM.js';
+import '../../../context/ThemeContext/ThemeContext.js';
+import 'react-dom';
+import 'react-focus-lock';
+import '../../../components/Transition/ZoomTransition/ZoomTransition.js';
+import '../../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
+import '../../../components/Transition/OpacityTransition/OpacityTransition.js';
+import '../../../config/ApiEndpoint.js';
+import '@dynamic-labs/rpc-providers';
+import '../../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
+import '../../../context/ErrorContext/ErrorContext.js';
+import '../../../context/AccessDeniedContext/AccessDeniedContext.js';
+import '../../../components/IconButton/IconButton.js';
+import '../../../components/Alert/Alert.js';
+import '../../../context/MockContext/MockContext.js';
+import '../../../context/CaptchaContext/CaptchaContext.js';
+import '../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.js';
+import '../../../components/Popper/Popper/Popper.js';
+import '../../../components/Popper/PopperContext/PopperContext.js';
+import 'formik';
+import 'yup';
+import { Step } from '../../../components/Step/Step.js';
+import { Stepper } from '../../../components/Stepper/Stepper.js';
+
+const WalletProgressStepper = () => {
+    const { walletsToConnectByChain = [], walletsByChain = [] } = useInternalDynamicContext();
+    const allChains = walletsByChain.map(({ chain }) => chain);
+    const chainsLeftToConnect = [...walletsToConnectByChain].map(({ chain }) => chain);
+    return (jsx("div", Object.assign({ className: 'wallet-progress-stepper', "data-testid": 'wallet-progress-stepper' }, { children: jsx(Stepper, { children: allChains.map((chain) => {
+                var _a;
+                const chainInfo = getChainInfo(chain);
+                const PrimaryWalletChainIcon = getChainIcon(chain);
+                const isChainStepActive = !chainsLeftToConnect.includes(chain);
+                return (jsx(Step, Object.assign({ checked: isChainStepActive, icon: jsx(PrimaryWalletChainIcon, {}) }, { children: (_a = chainInfo === null || chainInfo === void 0 ? void 0 : chainInfo.blockchainName) !== null && _a !== void 0 ? _a : chainInfo === null || chainInfo === void 0 ? void 0 : chainInfo.displayName }), chain));
+            }) }) })));
+};
+
+export { WalletProgressStepper };

package/src/lib/layout/DynamicAuthLayout/WalletProgressStepper/index.d.ts

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

package/src/lib/layouts/BridgeWelcomeLayout/BridgeWelcomeLayout.cjs

@@ -28,14 +28,13 @@ require('../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs
 require('../../components/Transition/OpacityTransition/OpacityTransition.cjs');
 require('../../config/ApiEndpoint.cjs');
 require('@dynamic-labs/rpc-providers');
+require('../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
 require('../../context/ErrorContext/ErrorContext.cjs');
 require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 var ModalHeader = require('../../components/ModalHeader/ModalHeader.cjs');
 var IconButton = require('../../components/IconButton/IconButton.cjs');
 var Button = require('../../components/Button/Button.cjs');
 require('../../components/Alert/Alert.cjs');
-require('../../context/WalletGroupContext/WalletGroupContext.cjs');
-require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('../../context/MockContext/MockContext.cjs');
 require('../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.cjs');

package/src/lib/layouts/BridgeWelcomeLayout/BridgeWelcomeLayout.js

@@ -24,14 +24,13 @@ import '../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../components/Transition/OpacityTransition/OpacityTransition.js';
 import '../../config/ApiEndpoint.js';
 import '@dynamic-labs/rpc-providers';
+import '../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
 import '../../context/ErrorContext/ErrorContext.js';
 import '../../context/AccessDeniedContext/AccessDeniedContext.js';
 import { ModalHeader } from '../../components/ModalHeader/ModalHeader.js';
 import { IconButton } from '../../components/IconButton/IconButton.js';
 import { Button } from '../../components/Button/Button.js';
 import '../../components/Alert/Alert.js';
-import '../../context/WalletGroupContext/WalletGroupContext.js';
-import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '../../context/MockContext/MockContext.js';
 import '../../context/CaptchaContext/CaptchaContext.js';
 import '../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.js';

package/src/lib/layouts/ConnectedWalletsListLayout/ConnectedWalletsListLayout.cjs

@@ -29,14 +29,13 @@ require('../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs
 require('../../components/Transition/OpacityTransition/OpacityTransition.cjs');
 require('../../config/ApiEndpoint.cjs');
 require('@dynamic-labs/rpc-providers');
+require('../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
 require('../../context/ErrorContext/ErrorContext.cjs');
 require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 var ModalHeader = require('../../components/ModalHeader/ModalHeader.cjs');
 var IconButton = require('../../components/IconButton/IconButton.cjs');
 var Button = require('../../components/Button/Button.cjs');
 require('../../components/Alert/Alert.cjs');
-require('../../context/WalletGroupContext/WalletGroupContext.cjs');
-require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('../../context/MockContext/MockContext.cjs');
 require('../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.cjs');

package/src/lib/layouts/ConnectedWalletsListLayout/ConnectedWalletsListLayout.js

@@ -25,14 +25,13 @@ import '../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../components/Transition/OpacityTransition/OpacityTransition.js';
 import '../../config/ApiEndpoint.js';
 import '@dynamic-labs/rpc-providers';
+import '../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
 import '../../context/ErrorContext/ErrorContext.js';
 import '../../context/AccessDeniedContext/AccessDeniedContext.js';
 import { ModalHeader } from '../../components/ModalHeader/ModalHeader.js';
 import { IconButton } from '../../components/IconButton/IconButton.js';
 import { Button } from '../../components/Button/Button.js';
 import '../../components/Alert/Alert.js';
-import '../../context/WalletGroupContext/WalletGroupContext.js';
-import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '../../context/MockContext/MockContext.js';
 import '../../context/CaptchaContext/CaptchaContext.js';
 import '../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.js';

package/src/lib/modals/SendBalanceModal/SendBalanceModal.cjs

@@ -24,11 +24,10 @@ var Portal = require('../../components/Portal/Portal.cjs');
 require('react-dom');
 require('../../config/ApiEndpoint.cjs');
 require('@dynamic-labs/rpc-providers');
+require('../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
 require('../../context/ErrorContext/ErrorContext.cjs');
 require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 var SendBalanceView = require('../../views/SendBalanceView/SendBalanceView.cjs');
-require('../../context/WalletGroupContext/WalletGroupContext.cjs');
-require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('../../context/MockContext/MockContext.cjs');
 require('../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.cjs');

package/src/lib/modals/SendBalanceModal/SendBalanceModal.js

@@ -20,11 +20,10 @@ import { Portal } from '../../components/Portal/Portal.js';
 import 'react-dom';
 import '../../config/ApiEndpoint.js';
 import '@dynamic-labs/rpc-providers';
+import '../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
 import '../../context/ErrorContext/ErrorContext.js';
 import '../../context/AccessDeniedContext/AccessDeniedContext.js';
 import { SendBalanceView } from '../../views/SendBalanceView/SendBalanceView.js';
-import '../../context/WalletGroupContext/WalletGroupContext.js';
-import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '../../context/MockContext/MockContext.js';
 import '../../context/CaptchaContext/CaptchaContext.js';
 import '../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.js';

package/src/lib/modals/SignMessageConfirmationModal/SignMessageConfirmationModal.cjs

@@ -28,6 +28,7 @@ var Portal = require('../../components/Portal/Portal.cjs');
 require('react-dom');
 require('../../config/ApiEndpoint.cjs');
 require('@dynamic-labs/rpc-providers');
+require('../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
 require('../../context/ErrorContext/ErrorContext.cjs');
 require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 var ModalHeader = require('../../components/ModalHeader/ModalHeader.cjs');
@@ -42,8 +43,6 @@ require('../../components/Transition/OpacityTransition/OpacityTransition.cjs');
 var VerticalDrawerTransition = require('../../components/Transition/VerticalDrawerTransition/VerticalDrawerTransition.cjs');
 require('../../components/Alert/Alert.cjs');
 var AppOriginTile = require('../../components/AppOriginTile/AppOriginTile.cjs');
-require('../../context/WalletGroupContext/WalletGroupContext.cjs');
-require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('../../context/MockContext/MockContext.cjs');
 require('../../context/CaptchaContext/CaptchaContext.cjs');
 var useMutation = require('../../utils/hooks/useMutation/useMutation.cjs');

package/src/lib/modals/SignMessageConfirmationModal/SignMessageConfirmationModal.js

@@ -24,6 +24,7 @@ import { Portal } from '../../components/Portal/Portal.js';
 import 'react-dom';
 import '../../config/ApiEndpoint.js';
 import '@dynamic-labs/rpc-providers';
+import '../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
 import '../../context/ErrorContext/ErrorContext.js';
 import '../../context/AccessDeniedContext/AccessDeniedContext.js';
 import { ModalHeader } from '../../components/ModalHeader/ModalHeader.js';
@@ -38,8 +39,6 @@ import '../../components/Transition/OpacityTransition/OpacityTransition.js';
 import { VerticalDrawerTransition } from '../../components/Transition/VerticalDrawerTransition/VerticalDrawerTransition.js';
 import '../../components/Alert/Alert.js';
 import { AppOriginTile } from '../../components/AppOriginTile/AppOriginTile.js';
-import '../../context/WalletGroupContext/WalletGroupContext.js';
-import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '../../context/MockContext/MockContext.js';
 import '../../context/CaptchaContext/CaptchaContext.js';
 import { useMutation } from '../../utils/hooks/useMutation/useMutation.js';

package/src/lib/modals/TransactionConfirmationModal/TransactionConfirmationModal.cjs

@@ -24,6 +24,7 @@ var Portal = require('../../components/Portal/Portal.cjs');
 require('react-dom');
 require('../../config/ApiEndpoint.cjs');
 require('@dynamic-labs/rpc-providers');
+require('../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
 require('../../context/ErrorContext/ErrorContext.cjs');
 require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 var TransactionConfirmationView = require('../../views/TransactionConfirmationView/TransactionConfirmationView.cjs');
@@ -32,8 +33,6 @@ require('../../components/Transition/ZoomTransition/ZoomTransition.cjs');
 require('../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../../components/Transition/OpacityTransition/OpacityTransition.cjs');
 require('../../components/Alert/Alert.cjs');
-require('../../context/WalletGroupContext/WalletGroupContext.cjs');
-require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('../../context/MockContext/MockContext.cjs');
 require('../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.cjs');

package/src/lib/modals/TransactionConfirmationModal/TransactionConfirmationModal.js

@@ -20,6 +20,7 @@ import { Portal } from '../../components/Portal/Portal.js';
 import 'react-dom';
 import '../../config/ApiEndpoint.js';
 import '@dynamic-labs/rpc-providers';
+import '../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
 import '../../context/ErrorContext/ErrorContext.js';
 import '../../context/AccessDeniedContext/AccessDeniedContext.js';
 import { TransactionConfirmationView } from '../../views/TransactionConfirmationView/TransactionConfirmationView.js';
@@ -28,8 +29,6 @@ import '../../components/Transition/ZoomTransition/ZoomTransition.js';
 import '../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../components/Transition/OpacityTransition/OpacityTransition.js';
 import '../../components/Alert/Alert.js';
-import '../../context/WalletGroupContext/WalletGroupContext.js';
-import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '../../context/MockContext/MockContext.js';
 import '../../context/CaptchaContext/CaptchaContext.js';
 import '../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.js';

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

@@ -1,4 +1,3 @@
 export * from './SignMessageConfirmationModal';
 export * from './TransactionConfirmationModal';
 export * from './SendBalanceModal';
-export * from './MultiWalletStepSelectorModal';

package/src/lib/shared/utils/classes/storage/localStorage.cjs

@@ -28,7 +28,7 @@ class LocalStorage {
             }
         }
         catch (e) {
-            logger.logger.error(e);
+            logger.logger.debug(e);
             // Return auth token string for backwards compatibility
             return value || undefined;
         }
@@ -61,6 +61,12 @@ class LocalStorage {
         }
         window.localStorage.setItem(LocalStorage.getDynamicLSKey(key), JSON.stringify(value));
     }
+    static getKeys() {
+        if (typeof window === 'undefined') {
+            return [];
+        }
+        return Object.keys(window.localStorage);
+    }
 }
 LocalStorage.getSuffix = () => LocalStorage.__suffix__ || '';
 

package/src/lib/shared/utils/classes/storage/localStorage.d.ts

@@ -7,5 +7,6 @@ export declare class LocalStorage {
     static getFromLS<T = any>(key: string): T | undefined;
     static removeFromLS(key: string): void;
     static setToLS<T = any>(key: string, value: T): void;
+    static getKeys(): string[];
 }
 export default LocalStorage;

package/src/lib/shared/utils/classes/storage/localStorage.js

@@ -24,7 +24,7 @@ class LocalStorage {
             }
         }
         catch (e) {
-            logger.error(e);
+            logger.debug(e);
             // Return auth token string for backwards compatibility
             return value || undefined;
         }
@@ -57,6 +57,12 @@ class LocalStorage {
         }
         window.localStorage.setItem(LocalStorage.getDynamicLSKey(key), JSON.stringify(value));
     }
+    static getKeys() {
+        if (typeof window === 'undefined') {
+            return [];
+        }
+        return Object.keys(window.localStorage);
+    }
 }
 LocalStorage.getSuffix = () => LocalStorage.__suffix__ || '';
 

package/src/lib/shared/utils/hooks/index.d.ts

@@ -2,3 +2,4 @@ export { useLocalStorage } from './useLocalStorage';
 export { useOnClickOutside } from './useOnClickOutside';
 export { usePreventPageScroll } from './usePreventPageScroll';
 export { useGlobalLoading } from './useGlobalLoading';
+export { useMediaQuery } from './useMediaQuery';

package/src/lib/shared/utils/hooks/useMediaQuery/index.d.ts

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

package/src/lib/shared/utils/hooks/useMediaQuery/useMediaQuery.cjs

@@ -0,0 +1,31 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+// This hook is based on https://usehooks-ts.com/react-hook/use-media-query
+const useMediaQuery = (query) => {
+    const getMatches = (query) => {
+        // Prevents SSR issues
+        if (typeof window !== 'undefined') {
+            return window.matchMedia(query).matches;
+        }
+        return false;
+    };
+    const [matches, setMatches] = React.useState(getMatches(query));
+    const handleChange = () => setMatches(getMatches(query));
+    React.useEffect(() => {
+        const matchMedia = window.matchMedia(query);
+        // Triggered at the first client-side load and if query changes
+        handleChange();
+        matchMedia.addEventListener('change', handleChange);
+        return () => {
+            matchMedia.removeEventListener('change', handleChange);
+        };
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [query]);
+    return matches;
+};
+
+exports.useMediaQuery = useMediaQuery;

package/src/lib/shared/utils/hooks/useMediaQuery/useMediaQuery.d.ts

@@ -0,0 +1 @@
+export declare const useMediaQuery: (query: string) => boolean;

package/src/lib/shared/utils/hooks/useMediaQuery/useMediaQuery.js

@@ -0,0 +1,27 @@
+import { useState, useEffect } from 'react';
+
+// This hook is based on https://usehooks-ts.com/react-hook/use-media-query
+const useMediaQuery = (query) => {
+    const getMatches = (query) => {
+        // Prevents SSR issues
+        if (typeof window !== 'undefined') {
+            return window.matchMedia(query).matches;
+        }
+        return false;
+    };
+    const [matches, setMatches] = useState(getMatches(query));
+    const handleChange = () => setMatches(getMatches(query));
+    useEffect(() => {
+        const matchMedia = window.matchMedia(query);
+        // Triggered at the first client-side load and if query changes
+        handleChange();
+        matchMedia.addEventListener('change', handleChange);
+        return () => {
+            matchMedia.removeEventListener('change', handleChange);
+        };
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [query]);
+    return matches;
+};
+
+export { useMediaQuery };