@dynamic-labs/sdk-react-core 0.18.0-RC.1 → 0.18.0-RC.3

package/CHANGELOG.md

@@ -1,4 +1,39 @@
 
+## [0.18.0-RC.3](https://github.com/dynamic-labs/DynamicAuth/compare/v0.18.0-RC.2...v0.18.0-RC.3) (2023-06-16)
+
+
+### Features
+
+* add skeleton to walletlistfooter ([#2361](https://github.com/dynamic-labs/DynamicAuth/issues/2361)) ([676be6c](https://github.com/dynamic-labs/DynamicAuth/commit/676be6c108dff8df7175f0587cf0568658276e4e))
+
+
+### Bug Fixes
+
+* **local-storage:** load auth token when stringified ([#2368](https://github.com/dynamic-labs/DynamicAuth/issues/2368)) ([3a54266](https://github.com/dynamic-labs/DynamicAuth/commit/3a54266fde3cd1f7362ccc490f89b8925132271b))
+
+## [0.18.0-RC.2](https://github.com/dynamic-labs/DynamicAuth/compare/v0.18.0-RC.1...v0.18.0-RC.2) (2023-06-16)
+
+
+### Features
+
+* add Dynamic Bridge widget ([#2316](https://github.com/dynamic-labs/DynamicAuth/issues/2316)) ([0e71a88](https://github.com/dynamic-labs/DynamicAuth/commit/0e71a88c6dd740583448ed7b45fa335aaa736079))
+* add search bar to bridge wallets view ([#2357](https://github.com/dynamic-labs/DynamicAuth/issues/2357)) ([a8415fc](https://github.com/dynamic-labs/DynamicAuth/commit/a8415fc744216660a78c1443962711699e45429a))
+* bridge flow improvements ([#2367](https://github.com/dynamic-labs/DynamicAuth/issues/2367)) ([38a44be](https://github.com/dynamic-labs/DynamicAuth/commit/38a44be417fd1363b0d8e45ec1834f9aaf680427))
+* **Bridge:** add bridge navigation component ([#2340](https://github.com/dynamic-labs/DynamicAuth/issues/2340)) ([1e9adae](https://github.com/dynamic-labs/DynamicAuth/commit/1e9adaed3682bc9a7aab385221818946cad397f2))
+* **Bridge:** integrate dynamic bridge ui ([#2354](https://github.com/dynamic-labs/DynamicAuth/issues/2354)) ([1465bf8](https://github.com/dynamic-labs/DynamicAuth/commit/1465bf8717cbc9905285c2d867bc3e1d0cd1114b))
+* **DYN-2519:** create state for multiple connected wallets ([#2326](https://github.com/dynamic-labs/DynamicAuth/issues/2326)) ([fc05aa4](https://github.com/dynamic-labs/DynamicAuth/commit/fc05aa4d91b0af8950c5da84c69130557ba36b09)), closes [#2319](https://github.com/dynamic-labs/DynamicAuth/issues/2319)
+* **MultiWalletStepSelectorModal:** add modal to connect multiple wallets ([#2348](https://github.com/dynamic-labs/DynamicAuth/issues/2348)) ([39ce0b2](https://github.com/dynamic-labs/DynamicAuth/commit/39ce0b26fdf6494a4e1ba7867e80bf399d11631f))
+* use wallet-book from CDN ([#2352](https://github.com/dynamic-labs/DynamicAuth/issues/2352)) ([9d1498f](https://github.com/dynamic-labs/DynamicAuth/commit/9d1498f2aec4bb9f3e3d6b386d9cafea3a33bd58))
+
+
+### Bug Fixes
+
+* handle email only without primary wallet state ([#2342](https://github.com/dynamic-labs/DynamicAuth/issues/2342)) ([98583bb](https://github.com/dynamic-labs/DynamicAuth/commit/98583bb8820ac80967bf1059cbaf47d04bfd603a))
+* s3 cp for walletbook json ([8127b79](https://github.com/dynamic-labs/DynamicAuth/commit/8127b790333b36f40a2cc230a576c01aaad42196))
+* setting initial view when error in auth flow ([#2345](https://github.com/dynamic-labs/DynamicAuth/issues/2345)) ([85dcefb](https://github.com/dynamic-labs/DynamicAuth/commit/85dcefb54be498b540904b381b53f9ea7e0cd024))
+* typo in github action ([d746bc0](https://github.com/dynamic-labs/DynamicAuth/commit/d746bc01981a3263e3ab4f654debf77b408cda3a))
+* **widget:** add fallback icon when oauth provider does not exist ([#2349](https://github.com/dynamic-labs/DynamicAuth/issues/2349)) ([bd2a505](https://github.com/dynamic-labs/DynamicAuth/commit/bd2a505724affd6f5356c0c4f31586ffd188e539))
+
 ## [0.18.0-RC.1](https://github.com/dynamic-labs/DynamicAuth/compare/v0.18.0-RC.0...v0.18.0-RC.1) (2023-06-14)
 
 

package/package.cjs

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "0.18.0-RC.1";
+var version = "0.18.0-RC.3";
 var dependencies = {
 	"react-focus-lock": "2.9.2",
 	"@dynamic-labs/iconic": "0.1.23",

package/package.js

@@ -1,4 +1,4 @@
-var version = "0.18.0-RC.1";
+var version = "0.18.0-RC.3";
 var dependencies = {
 	"react-focus-lock": "2.9.2",
 	"@dynamic-labs/iconic": "0.1.23",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dynamic-labs/sdk-react-core",
-  "version": "0.18.0-RC.1",
+  "version": "0.18.0-RC.3",
   "repository": {
     "type": "git",
     "url": "https://github.com/dynamic-labs/DynamicAuth.git",
@@ -16,13 +16,13 @@
     "formik": "2.2.9",
     "qrcode": "1.5.1",
     "ethers": "5.7.2",
-    "@dynamic-labs/logger": "0.18.0-RC.1",
-    "@dynamic-labs/multi-wallet": "0.18.0-RC.1",
-    "@dynamic-labs/rpc-providers": "0.18.0-RC.1",
-    "@dynamic-labs/types": "0.18.0-RC.1",
-    "@dynamic-labs/utils": "0.18.0-RC.1",
-    "@dynamic-labs/wallet-book": "0.18.0-RC.1",
-    "@dynamic-labs/wallet-connector-core": "0.18.0-RC.1"
+    "@dynamic-labs/logger": "0.18.0-RC.3",
+    "@dynamic-labs/multi-wallet": "0.18.0-RC.3",
+    "@dynamic-labs/rpc-providers": "0.18.0-RC.3",
+    "@dynamic-labs/types": "0.18.0-RC.3",
+    "@dynamic-labs/utils": "0.18.0-RC.3",
+    "@dynamic-labs/wallet-book": "0.18.0-RC.3",
+    "@dynamic-labs/wallet-connector-core": "0.18.0-RC.3"
   },
   "devDependencies": {
     "semver": "7.3.8"

package/src/index.cjs

@@ -17,10 +17,6 @@ require('react/jsx-runtime');
 require('react');
 var classNames = require('./lib/utils/functions/classNames/classNames.cjs');
 var decodeJwt = require('./lib/shared/utils/functions/decodeJwt/decodeJwt.cjs');
-var getFromLS = require('./lib/shared/utils/functions/storage/getFromLS.cjs');
-var getDynamicLSKey = require('./lib/shared/utils/functions/storage/getDynamicLSKey.cjs');
-var removeFromLS = require('./lib/shared/utils/functions/storage/removeFromLS.cjs');
-var setToLS = require('./lib/shared/utils/functions/storage/setToLS.cjs');
 var validateType = require('./lib/shared/utils/functions/validateType/validateType.cjs');
 var getChainIcon = require('./lib/shared/utils/functions/chain/getChainIcon.cjs');
 var getChainDisplayName = require('./lib/shared/utils/functions/chain/getChainDisplayName.cjs');
@@ -40,6 +36,7 @@ var useLocalStorage = require('./lib/shared/utils/hooks/useLocalStorage/useLocal
 var index$1 = require('./lib/shared/utils/hooks/useOnClickOutside/index.cjs');
 var usePreventPageScroll = require('./lib/shared/utils/hooks/usePreventPageScroll/usePreventPageScroll.cjs');
 var useGlobalLoading = require('./lib/shared/utils/hooks/useGlobalLoading/useGlobalLoading.cjs');
+var localStorage = require('./lib/shared/utils/classes/storage/localStorage.cjs');
 var PhantomLedgerIcon = require('./lib/shared/assets/wallets/PhantomLedgerIcon/PhantomLedgerIcon.cjs');
 var stroke = require('./lib/shared/assets/stroke.cjs');
 var arrowRight = require('./lib/shared/assets/arrow-right.cjs');
@@ -97,6 +94,8 @@ require('ethers');
 require('./lib/components/IconButton/IconButton.cjs');
 require('@dynamic-labs/wallet-book');
 require('./lib/components/Alert/Alert.cjs');
+var index$3 = require('./lib/utils/functions/walletFilters/index.cjs');
+require('./lib/widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 var useWalletItemActions = require('./lib/utils/hooks/useWalletItemActions/useWalletItemActions.cjs');
 var useUserUpdateRequest = require('./lib/utils/hooks/useUserUpdateRequest/useUserUpdateRequest.cjs');
 require('@dynamic-labs/iconic');
@@ -118,7 +117,6 @@ var MockContext = require('./lib/context/MockContext/MockContext.cjs');
 var themesData = require('./lib/context/ThemeContext/themesData.cjs');
 var getNetwork = require('./lib/utils/functions/getNetwork/getNetwork.cjs');
 var useAuthenticateConnectedUser = require('./lib/utils/hooks/useAuthenticateConnectedUser/useAuthenticateConnectedUser.cjs');
-var index$3 = require('./lib/utils/functions/walletFilters/index.cjs');
 var DynamicWidgetContext = require('./lib/widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 var useEmailVerificationRequest = require('./lib/utils/hooks/authenticationHooks/useEmailVerificationRequest/useEmailVerificationRequest.cjs');
 var SendBalanceContext = require('./lib/context/SendBalanceContext/SendBalanceContext.cjs');
@@ -139,10 +137,6 @@ exports.FundingWidget = FundingWidget.FundingWidget;
 exports.DynamicBridgeWidget = DynamicBridgeWidget.DynamicBridgeWidget;
 exports.classNames = classNames.classNames;
 exports.decodeJwt = decodeJwt.decodeJwt;
-exports.getFromLS = getFromLS.getFromLS;
-exports.getDynamicLSKey = getDynamicLSKey.getDynamicLSKey;
-exports.removeFromLS = removeFromLS.removeFromLS;
-exports.setToLS = setToLS.setToLS;
 exports.validateType = validateType.validateType;
 exports.getChainIcon = getChainIcon.getChainIcon;
 exports.getChainDisplayName = getChainDisplayName.getChainDisplayName;
@@ -162,6 +156,7 @@ exports.useLocalStorage = useLocalStorage.useLocalStorage;
 exports.useOnClickOutside = index$1.useOnClickOutside;
 exports.usePreventPageScroll = usePreventPageScroll.usePreventPageScroll;
 exports.useGlobalLoading = useGlobalLoading.useGlobalLoading;
+exports.LocalStorage = localStorage.LocalStorage;
 exports.PhantomLedgerIcon = PhantomLedgerIcon.PhantomLedgerIcon;
 exports.ArrowIcon = stroke.ReactComponent;
 exports.ArrowRightIcon = arrowRight.ReactComponent;
@@ -215,6 +210,12 @@ Object.defineProperty(exports, 'DynamicJwtFromJSON', {
 });
 exports.ShadowDOM = ShadowDOM.ShadowDOM;
 exports.isSameWalletName = isSameWalletName.isSameWalletName;
+exports.FilterAndSortWallets = index$3.FilterAndSortWallets;
+exports.FilterWallets = index$3.FilterWallets;
+exports.FilterWalletsByChainName = index$3.FilterWalletsByChainName;
+exports.RemoveWallets = index$3.RemoveWallets;
+exports.SortWallets = index$3.SortWallets;
+exports.UniswapFilter = index$3.UniswapFilter;
 exports.useWalletItemActions = useWalletItemActions.useWalletItemActions;
 exports.useUserUpdateRequest = useUserUpdateRequest.useUserUpdateRequest;
 exports.DynamicConnectButton = DynamicConnectButton.DynamicConnectButton;
@@ -236,12 +237,6 @@ exports.getThemeConfig = themesData.getThemeConfig;
 exports.themesData = themesData.themesData;
 exports.getNetwork = getNetwork.getNetwork;
 exports.useAuthenticateConnectedUser = useAuthenticateConnectedUser.useAuthenticateConnectedUser;
-exports.FilterAndSortWallets = index$3.FilterAndSortWallets;
-exports.FilterWallets = index$3.FilterWallets;
-exports.FilterWalletsByChainName = index$3.FilterWalletsByChainName;
-exports.RemoveWallets = index$3.RemoveWallets;
-exports.SortWallets = index$3.SortWallets;
-exports.UniswapFilter = index$3.UniswapFilter;
 exports.DynamicWidgetContextProvider = DynamicWidgetContext.DynamicWidgetContextProvider;
 exports.useEmailVerificationRequest = useEmailVerificationRequest.useEmailVerificationRequest;
 exports.useSendBalance = SendBalanceContext.useSendBalance;

package/src/index.js

@@ -13,10 +13,6 @@ import 'react/jsx-runtime';
 import 'react';
 export { classNames } from './lib/utils/functions/classNames/classNames.js';
 export { decodeJwt } from './lib/shared/utils/functions/decodeJwt/decodeJwt.js';
-export { getFromLS } from './lib/shared/utils/functions/storage/getFromLS.js';
-export { getDynamicLSKey } from './lib/shared/utils/functions/storage/getDynamicLSKey.js';
-export { removeFromLS } from './lib/shared/utils/functions/storage/removeFromLS.js';
-export { setToLS } from './lib/shared/utils/functions/storage/setToLS.js';
 export { validateType } from './lib/shared/utils/functions/validateType/validateType.js';
 export { getChainIcon } from './lib/shared/utils/functions/chain/getChainIcon.js';
 export { getChainDisplayName } from './lib/shared/utils/functions/chain/getChainDisplayName.js';
@@ -36,6 +32,7 @@ export { useLocalStorage } from './lib/shared/utils/hooks/useLocalStorage/useLoc
 export { useOnClickOutside } from './lib/shared/utils/hooks/useOnClickOutside/index.js';
 export { usePreventPageScroll } from './lib/shared/utils/hooks/usePreventPageScroll/usePreventPageScroll.js';
 export { useGlobalLoading } from './lib/shared/utils/hooks/useGlobalLoading/useGlobalLoading.js';
+export { LocalStorage } from './lib/shared/utils/classes/storage/localStorage.js';
 export { PhantomLedgerIcon } from './lib/shared/assets/wallets/PhantomLedgerIcon/PhantomLedgerIcon.js';
 export { ReactComponent as ArrowIcon } from './lib/shared/assets/stroke.js';
 export { ReactComponent as ArrowRightIcon } from './lib/shared/assets/arrow-right.js';
@@ -93,6 +90,8 @@ import 'ethers';
 import './lib/components/IconButton/IconButton.js';
 import '@dynamic-labs/wallet-book';
 import './lib/components/Alert/Alert.js';
+export { FilterAndSortWallets, FilterWallets, FilterWalletsByChainName, RemoveWallets, SortWallets, UniswapFilter } from './lib/utils/functions/walletFilters/index.js';
+import './lib/widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 export { useWalletItemActions } from './lib/utils/hooks/useWalletItemActions/useWalletItemActions.js';
 export { useUserUpdateRequest } from './lib/utils/hooks/useUserUpdateRequest/useUserUpdateRequest.js';
 import '@dynamic-labs/iconic';
@@ -114,7 +113,6 @@ export { MockContext, MockContextProvider, MockContextWrapper, useMockContext }
 export { getDefaultColor, getThemeConfig, themesData } from './lib/context/ThemeContext/themesData.js';
 export { getNetwork } from './lib/utils/functions/getNetwork/getNetwork.js';
 export { useAuthenticateConnectedUser } from './lib/utils/hooks/useAuthenticateConnectedUser/useAuthenticateConnectedUser.js';
-export { FilterAndSortWallets, FilterWallets, FilterWalletsByChainName, RemoveWallets, SortWallets, UniswapFilter } from './lib/utils/functions/walletFilters/index.js';
 export { DynamicWidgetContextProvider } from './lib/widgets/DynamicWidget/context/DynamicWidgetContext.js';
 export { useEmailVerificationRequest } from './lib/utils/hooks/authenticationHooks/useEmailVerificationRequest/useEmailVerificationRequest.js';
 export { useSendBalance } from './lib/context/SendBalanceContext/SendBalanceContext.js';

package/src/lib/Main.cjs

@@ -9,15 +9,13 @@ var utils = require('@dynamic-labs/utils');
 var index = require('./context/FooterAnimationContext/index.cjs');
 require('@dynamic-labs/sdk-api');
 require('./shared/logger.cjs');
-var getFromLS = require('./shared/utils/functions/storage/getFromLS.cjs');
-require('./config/LSSuffix.cjs');
-var removeFromLS = require('./shared/utils/functions/storage/removeFromLS.cjs');
 require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
 var ViewContext = require('./context/ViewContext/ViewContext.cjs');
 require('@dynamic-labs/wallet-book');
-var localStorage = require('./utils/constants/localStorage.cjs');
+var localStorage$1 = require('./utils/constants/localStorage.cjs');
 require('./utils/constants/colors.cjs');
+var localStorage = require('./shared/utils/classes/storage/localStorage.cjs');
 require('ethers');
 var usePreventPageScroll = require('./shared/utils/hooks/usePreventPageScroll/usePreventPageScroll.cjs');
 var index$1 = require('./shared/consts/index.cjs');
@@ -37,6 +35,7 @@ require('./components/Transition/ZoomTransition/ZoomTransition.cjs');
 require('./components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('./components/Transition/OpacityTransition/OpacityTransition.cjs');
 require('./components/Alert/Alert.cjs');
+require('./widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 var useWalletItemActions = require('./utils/hooks/useWalletItemActions/useWalletItemActions.cjs');
 require('./utils/hooks/useUserUpdateRequest/useUserUpdateRequest.cjs');
 require('./components/Popper/Popper/Popper.cjs');
@@ -94,13 +93,13 @@ const Main = () => {
         }
     });
     React.useEffect(() => {
-        const newToWeb3WalletName = getFromLS.getFromLS(localStorage.NEWTOWEB3_WALLET_EXTENSION_FLAG_KEY);
+        const newToWeb3WalletName = localStorage.LocalStorage.getFromLS(localStorage$1.NEWTOWEB3_WALLET_EXTENSION_FLAG_KEY);
         if ((wallets === null || wallets === void 0 ? void 0 : wallets.length) && newToWeb3WalletName) {
             const wallet = wallets.find((wallet) => isSameWalletName.isSameWalletName(wallet.name, newToWeb3WalletName));
             if (wallet === null || wallet === void 0 ? void 0 : wallet.walletConnector) {
                 handleNewToWeb3WalletIntent(wallet.walletConnector);
             }
-            removeFromLS.removeFromLS(localStorage.NEWTOWEB3_WALLET_EXTENSION_FLAG_KEY);
+            localStorage.LocalStorage.removeFromLS(localStorage$1.NEWTOWEB3_WALLET_EXTENSION_FLAG_KEY);
         }
     }, [wallets]);
     const showDynamicAuth = showAuthFlow && !isProjectSettingsLoading;

package/src/lib/Main.js

@@ -5,15 +5,13 @@ import { isMobile } from '@dynamic-labs/utils';
 import { FooterAnimationContextProvider } from './context/FooterAnimationContext/index.js';
 import '@dynamic-labs/sdk-api';
 import './shared/logger.js';
-import { getFromLS } from './shared/utils/functions/storage/getFromLS.js';
-import './config/LSSuffix.js';
-import { removeFromLS } from './shared/utils/functions/storage/removeFromLS.js';
 import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
 import { useViewContext } from './context/ViewContext/ViewContext.js';
 import '@dynamic-labs/wallet-book';
 import { NEWTOWEB3_WALLET_EXTENSION_FLAG_KEY } from './utils/constants/localStorage.js';
 import './utils/constants/colors.js';
+import { LocalStorage } from './shared/utils/classes/storage/localStorage.js';
 import 'ethers';
 import { usePreventPageScroll } from './shared/utils/hooks/usePreventPageScroll/usePreventPageScroll.js';
 import { authModalZIndex } from './shared/consts/index.js';
@@ -33,6 +31,7 @@ import './components/Transition/ZoomTransition/ZoomTransition.js';
 import './components/Transition/SlideInUpTransition/SlideInUpTransition.js';
 import './components/Transition/OpacityTransition/OpacityTransition.js';
 import './components/Alert/Alert.js';
+import './widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import { useWalletItemActions } from './utils/hooks/useWalletItemActions/useWalletItemActions.js';
 import './utils/hooks/useUserUpdateRequest/useUserUpdateRequest.js';
 import './components/Popper/Popper/Popper.js';
@@ -90,13 +89,13 @@ const Main = () => {
         }
     });
     useEffect(() => {
-        const newToWeb3WalletName = getFromLS(NEWTOWEB3_WALLET_EXTENSION_FLAG_KEY);
+        const newToWeb3WalletName = LocalStorage.getFromLS(NEWTOWEB3_WALLET_EXTENSION_FLAG_KEY);
         if ((wallets === null || wallets === void 0 ? void 0 : wallets.length) && newToWeb3WalletName) {
             const wallet = wallets.find((wallet) => isSameWalletName(wallet.name, newToWeb3WalletName));
             if (wallet === null || wallet === void 0 ? void 0 : wallet.walletConnector) {
                 handleNewToWeb3WalletIntent(wallet.walletConnector);
             }
-            removeFromLS(NEWTOWEB3_WALLET_EXTENSION_FLAG_KEY);
+            LocalStorage.removeFromLS(NEWTOWEB3_WALLET_EXTENSION_FLAG_KEY);
         }
     }, [wallets]);
     const showDynamicAuth = showAuthFlow && !isProjectSettingsLoading;

package/src/lib/components/Accordion/components/AccordionItem/AccordionItem.cjs

@@ -9,12 +9,12 @@ require('@dynamic-labs/utils');
 require('@dynamic-labs/sdk-api');
 require('../../../../config/ApiEndpoint.cjs');
 require('../../../../shared/logger.cjs');
-require('../../../../config/LSSuffix.cjs');
 require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
 require('../../../../context/ViewContext/ViewContext.cjs');
 require('@dynamic-labs/wallet-book');
 require('../../../../utils/constants/colors.cjs');
+require('../../../../shared/utils/classes/storage/localStorage.cjs');
 require('ethers');
 require('../../../../shared/consts/index.cjs');
 require('@dynamic-labs/multi-wallet');
@@ -36,6 +36,7 @@ require('../../../Popper/Popper/Popper.cjs');
 require('../../../Popper/PopperContext/PopperContext.cjs');
 require('formik');
 require('yup');
+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/components/Accordion/components/AccordionItem/AccordionItem.js

@@ -5,12 +5,12 @@ import '@dynamic-labs/utils';
 import '@dynamic-labs/sdk-api';
 import '../../../../config/ApiEndpoint.js';
 import '../../../../shared/logger.js';
-import '../../../../config/LSSuffix.js';
 import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
 import '../../../../context/ViewContext/ViewContext.js';
 import '@dynamic-labs/wallet-book';
 import '../../../../utils/constants/colors.js';
+import '../../../../shared/utils/classes/storage/localStorage.js';
 import 'ethers';
 import '../../../../shared/consts/index.js';
 import '@dynamic-labs/multi-wallet';
@@ -32,6 +32,7 @@ import '../../../Popper/Popper/Popper.js';
 import '../../../Popper/PopperContext/PopperContext.js';
 import 'formik';
 import 'yup';
+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/components/Alert/Alert.cjs

@@ -5,7 +5,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var jsxRuntime = require('react/jsx-runtime');
 require('@dynamic-labs/sdk-api');
 require('../../shared/logger.cjs');
-require('../../config/LSSuffix.cjs');
 require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
 require('../../context/ViewContext/ViewContext.cjs');
@@ -14,6 +13,7 @@ var error = require('../../shared/assets/error.cjs');
 require('@dynamic-labs/wallet-book');
 require('@dynamic-labs/utils');
 require('../../utils/constants/colors.cjs');
+require('../../shared/utils/classes/storage/localStorage.cjs');
 require('ethers');
 require('../../shared/consts/index.cjs');
 var Icon = require('../Icon/Icon.cjs');

package/src/lib/components/Alert/Alert.js

@@ -1,7 +1,6 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import '@dynamic-labs/sdk-api';
 import '../../shared/logger.js';
-import '../../config/LSSuffix.js';
 import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
 import '../../context/ViewContext/ViewContext.js';
@@ -10,6 +9,7 @@ import { ReactComponent as SvgError } from '../../shared/assets/error.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 '../../shared/consts/index.js';
 import { Icon } from '../Icon/Icon.js';

package/src/lib/components/AnimatePresence/AnimatePresence.cjs

@@ -7,13 +7,13 @@ require('@dynamic-labs/utils');
 require('@dynamic-labs/sdk-api');
 require('../../config/ApiEndpoint.cjs');
 require('../../shared/logger.cjs');
-require('../../config/LSSuffix.cjs');
 require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
 require('react/jsx-runtime');
 require('../../context/ViewContext/ViewContext.cjs');
 require('@dynamic-labs/wallet-book');
 require('../../utils/constants/colors.cjs');
+require('../../shared/utils/classes/storage/localStorage.cjs');
 require('ethers');
 require('../../shared/consts/index.cjs');
 require('@dynamic-labs/multi-wallet');
@@ -35,6 +35,7 @@ require('../Popper/Popper/Popper.cjs');
 require('../Popper/PopperContext/PopperContext.cjs');
 require('formik');
 require('yup');
+require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 var useForceUpdate = require('../../utils/hooks/useForceUpdate/useForceUpdate.cjs');
 require('../../context/MockContext/MockContext.cjs');
 require('../../context/CaptchaContext/CaptchaContext.cjs');

package/src/lib/components/AnimatePresence/AnimatePresence.js

@@ -3,13 +3,13 @@ import '@dynamic-labs/utils';
 import '@dynamic-labs/sdk-api';
 import '../../config/ApiEndpoint.js';
 import '../../shared/logger.js';
-import '../../config/LSSuffix.js';
 import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
 import 'react/jsx-runtime';
 import '../../context/ViewContext/ViewContext.js';
 import '@dynamic-labs/wallet-book';
 import '../../utils/constants/colors.js';
+import '../../shared/utils/classes/storage/localStorage.js';
 import 'ethers';
 import '../../shared/consts/index.js';
 import '@dynamic-labs/multi-wallet';
@@ -31,6 +31,7 @@ import '../Popper/Popper/Popper.js';
 import '../Popper/PopperContext/PopperContext.js';
 import 'formik';
 import 'yup';
+import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import { useForceUpdate } from '../../utils/hooks/useForceUpdate/useForceUpdate.js';
 import '../../context/MockContext/MockContext.js';
 import '../../context/CaptchaContext/CaptchaContext.js';

package/src/lib/components/AuthProviderIcon/AuthProviderIcon.cjs

@@ -7,12 +7,12 @@ var walletBook = require('@dynamic-labs/wallet-book');
 var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
 var iconic = require('@dynamic-labs/iconic');
 require('@dynamic-labs/sdk-api');
-require('../../shared/logger.cjs');
-require('../../config/LSSuffix.cjs');
+var logger = require('../../shared/logger.cjs');
 require('../../context/ViewContext/ViewContext.cjs');
 require('react');
 require('@dynamic-labs/utils');
 require('../../utils/constants/colors.cjs');
+require('../../shared/utils/classes/storage/localStorage.cjs');
 require('ethers');
 require('../../shared/consts/index.cjs');
 require('@dynamic-labs/multi-wallet');
@@ -38,22 +38,32 @@ require('../Popper/Popper/Popper.cjs');
 require('../Popper/PopperContext/PopperContext.cjs');
 require('formik');
 require('yup');
+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');
 var useGetSocialIcon = require('../../utils/hooks/useGetSocialIcon/useGetSocialIcon.cjs');
 
 const getMagicEmailOrSocialIcon = ({ getSocialIcon, wallet, jwt, }) => {
-    let Icon = null;
     if (walletConnectorCore.isEmailOTPWalletConnector(wallet.connector)) {
-        Icon = iconic.SignInWithEmailIcon;
+        return iconic.SignInWithEmailIcon;
     }
     if (walletConnectorCore.isSocialWalletConnector(wallet.connector)) {
         const socialAccountDataForWallet = getReferencedAccount.getReferencedAccount(jwt, wallet.id);
-        const MagicSocialWalletIcon = getSocialIcon(socialAccountDataForWallet === null || socialAccountDataForWallet === void 0 ? void 0 : socialAccountDataForWallet.oauthProvider);
-        Icon = MagicSocialWalletIcon;
+        if (!socialAccountDataForWallet ||
+            !socialAccountDataForWallet.oauthProvider) {
+            return iconic.SignInWithEmailIcon;
+        }
+        const { oauthProvider } = socialAccountDataForWallet;
+        try {
+            const MagicSocialWalletIcon = getSocialIcon(oauthProvider);
+            return MagicSocialWalletIcon;
+        }
+        catch (err) {
+            logger.logger.error(err);
+        }
     }
-    return Icon;
+    return null;
 };
 const AuthProviderIcon = ({ jwt, iconSize = 64, showStatus, wallet, }) => {
     const { primaryWallet, selectedWalletConnector } = useInternalDynamicContext.useInternalDynamicContext();
@@ -71,10 +81,10 @@ const AuthProviderIcon = ({ jwt, iconSize = 64, showStatus, wallet, }) => {
     if (deniedAddress) {
         return (jsxRuntime.jsx(walletBook.WalletIcon, { walletName: selectedWalletConnector === null || selectedWalletConnector === void 0 ? void 0 : selectedWalletConnector.name, style: { height: pixelToRem.pixelToRem(iconSize), width: pixelToRem.pixelToRem(iconSize) } }));
     }
-    if (!primaryWallet) {
+    const walletForIcon = wallet ? wallet : primaryWallet;
+    if (!walletForIcon) {
         return null;
     }
-    const walletForIcon = wallet ? wallet : primaryWallet;
     const MagicEmailOrSocialIcon = getMagicEmailOrSocialIcon({
         getSocialIcon,
         jwt,

package/src/lib/components/AuthProviderIcon/AuthProviderIcon.js

@@ -3,12 +3,12 @@ import { WalletIcon } from '@dynamic-labs/wallet-book';
 import { isEmailOTPWalletConnector, isSocialWalletConnector } from '@dynamic-labs/wallet-connector-core';
 import { SignInWithEmailIcon } from '@dynamic-labs/iconic';
 import '@dynamic-labs/sdk-api';
-import '../../shared/logger.js';
-import '../../config/LSSuffix.js';
+import { logger } from '../../shared/logger.js';
 import '../../context/ViewContext/ViewContext.js';
 import 'react';
 import '@dynamic-labs/utils';
 import '../../utils/constants/colors.js';
+import '../../shared/utils/classes/storage/localStorage.js';
 import 'ethers';
 import '../../shared/consts/index.js';
 import '@dynamic-labs/multi-wallet';
@@ -34,22 +34,32 @@ import '../Popper/Popper/Popper.js';
 import '../Popper/PopperContext/PopperContext.js';
 import 'formik';
 import 'yup';
+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';
 import { useGetSocialIcon } from '../../utils/hooks/useGetSocialIcon/useGetSocialIcon.js';
 
 const getMagicEmailOrSocialIcon = ({ getSocialIcon, wallet, jwt, }) => {
-    let Icon = null;
     if (isEmailOTPWalletConnector(wallet.connector)) {
-        Icon = SignInWithEmailIcon;
+        return SignInWithEmailIcon;
     }
     if (isSocialWalletConnector(wallet.connector)) {
         const socialAccountDataForWallet = getReferencedAccount(jwt, wallet.id);
-        const MagicSocialWalletIcon = getSocialIcon(socialAccountDataForWallet === null || socialAccountDataForWallet === void 0 ? void 0 : socialAccountDataForWallet.oauthProvider);
-        Icon = MagicSocialWalletIcon;
+        if (!socialAccountDataForWallet ||
+            !socialAccountDataForWallet.oauthProvider) {
+            return SignInWithEmailIcon;
+        }
+        const { oauthProvider } = socialAccountDataForWallet;
+        try {
+            const MagicSocialWalletIcon = getSocialIcon(oauthProvider);
+            return MagicSocialWalletIcon;
+        }
+        catch (err) {
+            logger.error(err);
+        }
     }
-    return Icon;
+    return null;
 };
 const AuthProviderIcon = ({ jwt, iconSize = 64, showStatus, wallet, }) => {
     const { primaryWallet, selectedWalletConnector } = useInternalDynamicContext();
@@ -67,10 +77,10 @@ const AuthProviderIcon = ({ jwt, iconSize = 64, showStatus, wallet, }) => {
     if (deniedAddress) {
         return (jsx(WalletIcon, { walletName: selectedWalletConnector === null || selectedWalletConnector === void 0 ? void 0 : selectedWalletConnector.name, style: { height: pixelToRem(iconSize), width: pixelToRem(iconSize) } }));
     }
-    if (!primaryWallet) {
+    const walletForIcon = wallet ? wallet : primaryWallet;
+    if (!walletForIcon) {
         return null;
     }
-    const walletForIcon = wallet ? wallet : primaryWallet;
     const MagicEmailOrSocialIcon = getMagicEmailOrSocialIcon({
         getSocialIcon,
         jwt,

package/src/lib/components/Checkbox/Checkbox.cjs

@@ -5,7 +5,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var jsxRuntime = require('react/jsx-runtime');
 require('@dynamic-labs/sdk-api');
 require('../../shared/logger.cjs');
-require('../../config/LSSuffix.cjs');
 require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
 require('../../context/ViewContext/ViewContext.cjs');
@@ -14,6 +13,7 @@ var check = require('../../shared/assets/check.cjs');
 require('@dynamic-labs/wallet-book');
 require('@dynamic-labs/utils');
 require('../../utils/constants/colors.cjs');
+require('../../shared/utils/classes/storage/localStorage.cjs');
 require('ethers');
 require('../../shared/consts/index.cjs');
 var classNames = require('../../utils/functions/classNames/classNames.cjs');

package/src/lib/components/Checkbox/Checkbox.js

@@ -1,7 +1,6 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@dynamic-labs/sdk-api';
 import '../../shared/logger.js';
-import '../../config/LSSuffix.js';
 import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
 import '../../context/ViewContext/ViewContext.js';
@@ -10,6 +9,7 @@ import { ReactComponent as SvgCheck } from '../../shared/assets/check.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 '../../shared/consts/index.js';
 import { classNames } from '../../utils/functions/classNames/classNames.js';

package/src/lib/components/Divider/Divider.cjs

@@ -7,13 +7,13 @@ require('react');
 var Typography = require('../Typography/Typography.cjs');
 require('@dynamic-labs/sdk-api');
 require('../../shared/logger.cjs');
-require('../../config/LSSuffix.cjs');
 require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
 require('../../context/ViewContext/ViewContext.cjs');
 require('@dynamic-labs/wallet-book');
 require('@dynamic-labs/utils');
 require('../../utils/constants/colors.cjs');
+require('../../shared/utils/classes/storage/localStorage.cjs');
 require('ethers');
 require('../../shared/consts/index.cjs');
 require('../../context/DynamicContext/DynamicContext.cjs');
@@ -32,6 +32,7 @@ require('../../context/ErrorContext/ErrorContext.cjs');
 require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../IconButton/IconButton.cjs');
 require('../Alert/Alert.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');