@dynamic-labs/sdk-react-core 0.19.0-alpha.24 → 0.19.0-alpha.26

package/CHANGELOG.md

@@ -1,4 +1,35 @@
 
+## [0.19.0-alpha.26](https://github.com/dynamic-labs/DynamicAuth/compare/v0.19.0-alpha.25...v0.19.0-alpha.26) (2023-10-25)
+
+
+### Features
+
+* allow filtering social providers for Dynamic Social with socialProvidersFilter ([#3707](https://github.com/dynamic-labs/DynamicAuth/issues/3707)) ([e4c16f3](https://github.com/dynamic-labs/DynamicAuth/commit/e4c16f359946e278a372cb8153242946d4887dcc))
+
+
+### Bug Fixes
+
+* only create embedded wallet if user have no wallet ([#3715](https://github.com/dynamic-labs/DynamicAuth/issues/3715)) ([728e01a](https://github.com/dynamic-labs/DynamicAuth/commit/728e01ab8b5931eaa6fb7877c23847ac85947f52))
+* Revert "fix(use-wallet-event-listener): handle switching wallet … ([#3699](https://github.com/dynamic-labs/DynamicAuth/issues/3699)) ([9b94737](https://github.com/dynamic-labs/DynamicAuth/commit/9b94737ecfa72cd047964254d806403b342433a1)), closes [#3626](https://github.com/dynamic-labs/DynamicAuth/issues/3626)
+* undefined network edge case ([#3667](https://github.com/dynamic-labs/DynamicAuth/issues/3667)) ([12d4236](https://github.com/dynamic-labs/DynamicAuth/commit/12d42363f69b1dfd5babe05142bd03c501f62e5f))
+* **useOnClickOutside:** prevent opening element on click while already open ([#3714](https://github.com/dynamic-labs/DynamicAuth/issues/3714)) ([1999dc5](https://github.com/dynamic-labs/DynamicAuth/commit/1999dc50b6e82eb5ee8d0919118e9dfbc39c2b67))
+
+## [0.19.0-alpha.25](https://github.com/dynamic-labs/DynamicAuth/compare/v0.19.0-alpha.24...v0.19.0-alpha.25) (2023-10-25)
+
+
+### Features
+
+* reduce screen flickering ([#3674](https://github.com/dynamic-labs/DynamicAuth/issues/3674)) ([bc3f89f](https://github.com/dynamic-labs/DynamicAuth/commit/bc3f89f5c1fe80294b60869be4a1e26daffb5553))
+
+
+### Bug Fixes
+
+* **demo:** updated sign-in methods section ([#3670](https://github.com/dynamic-labs/DynamicAuth/issues/3670)) ([8d10863](https://github.com/dynamic-labs/DynamicAuth/commit/8d10863872952587d889f5491da4c1df35cbef86))
+* don't auto-create passkey on social sign-in and onboarding if disabled ([#3696](https://github.com/dynamic-labs/DynamicAuth/issues/3696)) ([866e305](https://github.com/dynamic-labs/DynamicAuth/commit/866e3051cdd710d7e702562a7db14fc08d9ff275))
+* hide auth flow when completing email verification if passkey if disabled  ([#3684](https://github.com/dynamic-labs/DynamicAuth/issues/3684)) ([b3f4b56](https://github.com/dynamic-labs/DynamicAuth/commit/b3f4b56feaeed33a8f34a1c7376eb889dbc85655))
+* hide wallet view when filter returns empty ([#3688](https://github.com/dynamic-labs/DynamicAuth/issues/3688)) ([e98d957](https://github.com/dynamic-labs/DynamicAuth/commit/e98d957de123a481e31db04297a467a64de109af))
+* **use-wallet-event-listener:** handle switching wallet when multi-wallet is disabled ([#3626](https://github.com/dynamic-labs/DynamicAuth/issues/3626)) ([e3c5899](https://github.com/dynamic-labs/DynamicAuth/commit/e3c58999b3dcfd3818778da458a34097e6b957d9))
+
 ## [0.19.0-alpha.24](https://github.com/dynamic-labs/DynamicAuth/compare/v0.19.0-alpha.23...v0.19.0-alpha.24) (2023-10-24)
 
 

package/package.cjs

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "0.19.0-alpha.24";
+var version = "0.19.0-alpha.26";
 var dependencies = {
 	"@dynamic-labs/iconic": "0.1.34",
 	"@dynamic-labs/sdk-api": "0.0.291",

package/package.js

@@ -1,4 +1,4 @@
-var version = "0.19.0-alpha.24";
+var version = "0.19.0-alpha.26";
 var dependencies = {
 	"@dynamic-labs/iconic": "0.1.34",
 	"@dynamic-labs/sdk-api": "0.0.291",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dynamic-labs/sdk-react-core",
-  "version": "0.19.0-alpha.24",
+  "version": "0.19.0-alpha.26",
   "repository": {
     "type": "git",
     "url": "https://github.com/dynamic-labs/DynamicAuth.git",
@@ -17,13 +17,13 @@
     "react-focus-lock": "2.9.2",
     "react-i18next": "^13.2.0",
     "yup": "0.32.11",
-    "@dynamic-labs/logger": "0.19.0-alpha.24",
-    "@dynamic-labs/multi-wallet": "0.19.0-alpha.24",
-    "@dynamic-labs/rpc-providers": "0.19.0-alpha.24",
-    "@dynamic-labs/types": "0.19.0-alpha.24",
-    "@dynamic-labs/utils": "0.19.0-alpha.24",
-    "@dynamic-labs/wallet-book": "0.19.0-alpha.24",
-    "@dynamic-labs/wallet-connector-core": "0.19.0-alpha.24",
+    "@dynamic-labs/logger": "0.19.0-alpha.26",
+    "@dynamic-labs/multi-wallet": "0.19.0-alpha.26",
+    "@dynamic-labs/rpc-providers": "0.19.0-alpha.26",
+    "@dynamic-labs/types": "0.19.0-alpha.26",
+    "@dynamic-labs/utils": "0.19.0-alpha.26",
+    "@dynamic-labs/wallet-book": "0.19.0-alpha.26",
+    "@dynamic-labs/wallet-connector-core": "0.19.0-alpha.26",
     "eventemitter3": "5.0.1"
   },
   "devDependencies": {

package/src/lib/components/LogoutButton/LogoutButton.cjs

@@ -10,7 +10,7 @@ require('@dynamic-labs/sdk-api');
 var logger = require('../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
-require('../../context/ViewContext/ViewContext.cjs');
+var ViewContext = require('../../context/ViewContext/ViewContext.cjs');
 var logout = require('../../shared/assets/logout.cjs');
 require('@dynamic-labs/wallet-book');
 require('@dynamic-labs/utils');
@@ -23,10 +23,12 @@ var Button = require('../Button/Button.cjs');
 const LogoutButton = ({ buttonClassName = '', isTextButton = false, }) => {
     const [loading, setLoading] = React.useState(false);
     const { handleLogOut } = useInternalDynamicContext.useInternalDynamicContext();
+    const { goToInitialView } = ViewContext.useViewContext();
     const onLogOutClick = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         try {
             setLoading(true);
             yield handleLogOut();
+            goToInitialView();
         }
         catch (e) {
             logger.logger.error(e);

package/src/lib/components/LogoutButton/LogoutButton.js

@@ -6,7 +6,7 @@ import '@dynamic-labs/sdk-api';
 import { logger } from '../../shared/logger.js';
 import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
-import '../../context/ViewContext/ViewContext.js';
+import { useViewContext } from '../../context/ViewContext/ViewContext.js';
 import { ReactComponent as SvgLogout } from '../../shared/assets/logout.js';
 import '@dynamic-labs/wallet-book';
 import '@dynamic-labs/utils';
@@ -19,10 +19,12 @@ import { Button } from '../Button/Button.js';
 const LogoutButton = ({ buttonClassName = '', isTextButton = false, }) => {
     const [loading, setLoading] = useState(false);
     const { handleLogOut } = useInternalDynamicContext();
+    const { goToInitialView } = useViewContext();
     const onLogOutClick = () => __awaiter(void 0, void 0, void 0, function* () {
         try {
             setLoading(true);
             yield handleLogOut();
+            goToInitialView();
         }
         catch (e) {
             logger.error(e);

package/src/lib/components/SocialSignIn/SocialSignIn.cjs

@@ -68,18 +68,23 @@ require('../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 var useIconThemeVariant = require('../../utils/hooks/useIconThemeVariant/useIconThemeVariant.cjs');
 
 const MAX_INLINE_ITEMS = 5;
-const SocialSignIn = ({ providers, onSelectProvider, isLoading, selectedProvider, testId, defaultProvider, numOfItemsToDisplay = 5, }) => {
+const SocialSignIn = ({ providers, onSelectProvider, isLoading, selectedProvider, testId, defaultProvider, numOfItemsToDisplay = 5, collapsedLayout, }) => {
     const iconThemeVariant = useIconThemeVariant.useIconThemeVariant();
     const [showCard, setShowCard] = React.useState(false);
     const closeCard = () => !isLoading && setShowCard(false);
     const numberOfEnabledSocialProviders = providers.length;
-    if (numberOfEnabledSocialProviders === 1) {
+    // Set default provider as the first available provider if
+    if (
+    // Default provider isn't within the providers
+    (defaultProvider && !providers.includes(defaultProvider)) ||
+        // Or there's only one provider
+        numberOfEnabledSocialProviders === 1) {
         // set first and only item in providers list as default provider
         [defaultProvider] = providers;
     }
     else {
-        // put default provider at the beggini of the list
-        providers.sort((p1, p2) => (p1 === defaultProvider ? -1 : 0));
+        // put default provider at the beginning of the list
+        providers.sort((p1) => (p1 === defaultProvider ? -1 : 0));
     }
     const defaultProviderOffset = defaultProvider ? 1 : 0;
     // display number of items set in prop, with a max limit of MAX_INLINE_ITEMS
@@ -101,8 +106,13 @@ const SocialSignIn = ({ providers, onSelectProvider, isLoading, selectedProvider
                 jsxRuntime.jsx(iconic.SocialIcon, { name: getProviderAsString(provider), variant: iconThemeVariant }), isSpinning: selectedProvider === provider, iconSize: 32 }), !insideCard && fullWidth && (jsxRuntime.jsxs(Typography.Typography, { variant: 'button_primary', children: ["Connect with ", capitalize.capitalize(getProviderAsString(provider))] }))] }, getProviderAsString(provider)));
     return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("div", { className: 'social-sign-in', style: {
                     '--number-of-social-grid-items': numberOfSocialGridItems,
-                }, "data-testid": testId, children: [defaultProvider && renderProviderItem(defaultProvider, true), socialProvidersToDisplayInline.map((provider) => renderProviderItem(provider, socialProvidersToDisplayInline.length <
-                        4 - (defaultProvider ? 1 : 0))), showCardButton && (jsxRuntime.jsx(IconListTile.IconListTile, { dataTestId: 'show-more-options', onClick: () => setShowCard(true), className: 'social-sign-in--tile', children: jsxRuntime.jsx(Icon.Icon, { color: 'text-primary', children: jsxRuntime.jsx(dotsHorizontal.ReactComponent, {}) }) }, 'show-more-options'))] }), jsxRuntime.jsx(OverlayCard.OverlayCard, { isOpen: showCard, onClickOverlay: closeCard, children: jsxRuntime.jsxs("div", { className: 'social-sign-in--card', children: [jsxRuntime.jsx(ModalHeader.ModalHeader, { trailing: closeButton, children: jsxRuntime.jsx(Typography.Typography, { weight: 'medium', variant: 'body_normal', color: 'primary', as: 'span', children: "Choose a social account" }) }), jsxRuntime.jsx("div", { className: 'social-sign-in--card--body', children: providers.map((provider) => renderProviderItem(provider, false, true)) })] }) })] }));
+                }, "data-testid": testId, children: [defaultProvider && renderProviderItem(defaultProvider, true), socialProvidersToDisplayInline.map((provider) => {
+                        // if there's no wallet list and 3 social items or less, display all with full width
+                        const displayFullWidth = !collapsedLayout &&
+                            socialProvidersToDisplayInline.length <
+                                4 - (defaultProvider ? 1 : 0);
+                        return renderProviderItem(provider, displayFullWidth);
+                    }), showCardButton && (jsxRuntime.jsx(IconListTile.IconListTile, { dataTestId: 'show-more-options', onClick: () => setShowCard(true), className: 'social-sign-in--tile', children: jsxRuntime.jsx(Icon.Icon, { color: 'text-primary', children: jsxRuntime.jsx(dotsHorizontal.ReactComponent, {}) }) }, 'show-more-options'))] }), jsxRuntime.jsx(OverlayCard.OverlayCard, { isOpen: showCard, onClickOverlay: closeCard, children: jsxRuntime.jsxs("div", { className: 'social-sign-in--card', children: [jsxRuntime.jsx(ModalHeader.ModalHeader, { trailing: closeButton, children: jsxRuntime.jsx(Typography.Typography, { weight: 'medium', variant: 'body_normal', color: 'primary', as: 'span', children: "Choose a social account" }) }), jsxRuntime.jsx("div", { className: 'social-sign-in--card--body', children: providers.map((provider) => renderProviderItem(provider, false, true)) })] }) })] }));
 };
 
 exports.SocialSignIn = SocialSignIn;

package/src/lib/components/SocialSignIn/SocialSignIn.d.ts

@@ -8,5 +8,5 @@ interface Props extends SocialSectionProps {
     selectedProvider?: SocialSignInProviderEnum;
     testId?: string;
 }
-export declare const SocialSignIn: ({ providers, onSelectProvider, isLoading, selectedProvider, testId, defaultProvider, numOfItemsToDisplay, }: Props) => JSX.Element;
+export declare const SocialSignIn: ({ providers, onSelectProvider, isLoading, selectedProvider, testId, defaultProvider, numOfItemsToDisplay, collapsedLayout, }: Props) => JSX.Element;
 export {};

package/src/lib/components/SocialSignIn/SocialSignIn.js

@@ -64,18 +64,23 @@ import '../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import { useIconThemeVariant } from '../../utils/hooks/useIconThemeVariant/useIconThemeVariant.js';
 
 const MAX_INLINE_ITEMS = 5;
-const SocialSignIn = ({ providers, onSelectProvider, isLoading, selectedProvider, testId, defaultProvider, numOfItemsToDisplay = 5, }) => {
+const SocialSignIn = ({ providers, onSelectProvider, isLoading, selectedProvider, testId, defaultProvider, numOfItemsToDisplay = 5, collapsedLayout, }) => {
     const iconThemeVariant = useIconThemeVariant();
     const [showCard, setShowCard] = useState(false);
     const closeCard = () => !isLoading && setShowCard(false);
     const numberOfEnabledSocialProviders = providers.length;
-    if (numberOfEnabledSocialProviders === 1) {
+    // Set default provider as the first available provider if
+    if (
+    // Default provider isn't within the providers
+    (defaultProvider && !providers.includes(defaultProvider)) ||
+        // Or there's only one provider
+        numberOfEnabledSocialProviders === 1) {
         // set first and only item in providers list as default provider
         [defaultProvider] = providers;
     }
     else {
-        // put default provider at the beggini of the list
-        providers.sort((p1, p2) => (p1 === defaultProvider ? -1 : 0));
+        // put default provider at the beginning of the list
+        providers.sort((p1) => (p1 === defaultProvider ? -1 : 0));
     }
     const defaultProviderOffset = defaultProvider ? 1 : 0;
     // display number of items set in prop, with a max limit of MAX_INLINE_ITEMS
@@ -97,8 +102,13 @@ const SocialSignIn = ({ providers, onSelectProvider, isLoading, selectedProvider
                 jsx(SocialIcon, { name: getProviderAsString(provider), variant: iconThemeVariant }), isSpinning: selectedProvider === provider, iconSize: 32 }), !insideCard && fullWidth && (jsxs(Typography, { variant: 'button_primary', children: ["Connect with ", capitalize(getProviderAsString(provider))] }))] }, getProviderAsString(provider)));
     return (jsxs(Fragment, { children: [jsxs("div", { className: 'social-sign-in', style: {
                     '--number-of-social-grid-items': numberOfSocialGridItems,
-                }, "data-testid": testId, children: [defaultProvider && renderProviderItem(defaultProvider, true), socialProvidersToDisplayInline.map((provider) => renderProviderItem(provider, socialProvidersToDisplayInline.length <
-                        4 - (defaultProvider ? 1 : 0))), showCardButton && (jsx(IconListTile, { dataTestId: 'show-more-options', onClick: () => setShowCard(true), className: 'social-sign-in--tile', children: jsx(Icon, { color: 'text-primary', children: jsx(SvgDotsHorizontal, {}) }) }, 'show-more-options'))] }), jsx(OverlayCard, { isOpen: showCard, onClickOverlay: closeCard, children: jsxs("div", { className: 'social-sign-in--card', children: [jsx(ModalHeader, { trailing: closeButton, children: jsx(Typography, { weight: 'medium', variant: 'body_normal', color: 'primary', as: 'span', children: "Choose a social account" }) }), jsx("div", { className: 'social-sign-in--card--body', children: providers.map((provider) => renderProviderItem(provider, false, true)) })] }) })] }));
+                }, "data-testid": testId, children: [defaultProvider && renderProviderItem(defaultProvider, true), socialProvidersToDisplayInline.map((provider) => {
+                        // if there's no wallet list and 3 social items or less, display all with full width
+                        const displayFullWidth = !collapsedLayout &&
+                            socialProvidersToDisplayInline.length <
+                                4 - (defaultProvider ? 1 : 0);
+                        return renderProviderItem(provider, displayFullWidth);
+                    }), showCardButton && (jsx(IconListTile, { dataTestId: 'show-more-options', onClick: () => setShowCard(true), className: 'social-sign-in--tile', children: jsx(Icon, { color: 'text-primary', children: jsx(SvgDotsHorizontal, {}) }) }, 'show-more-options'))] }), jsx(OverlayCard, { isOpen: showCard, onClickOverlay: closeCard, children: jsxs("div", { className: 'social-sign-in--card', children: [jsx(ModalHeader, { trailing: closeButton, children: jsx(Typography, { weight: 'medium', variant: 'body_normal', color: 'primary', as: 'span', children: "Choose a social account" }) }), jsx("div", { className: 'social-sign-in--card--body', children: providers.map((provider) => renderProviderItem(provider, false, true)) })] }) })] }));
 };
 
 export { SocialSignIn };

package/src/lib/context/DynamicContext/DynamicContext.cjs

@@ -273,6 +273,7 @@ const DynamicContextProvider = ({ children, theme, settings, locale: locale$1, }
     ]);
     const handleLogOut = React.useCallback(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         var _j, _k, _l;
+        setSdkHasLoaded(false);
         clearAllWalletConnectSessions();
         setWalletsToConnectByChain(walletsByChain);
         setShowDynamicUserProfile(false);

package/src/lib/context/DynamicContext/DynamicContext.js

@@ -269,6 +269,7 @@ const DynamicContextProvider = ({ children, theme, settings, locale, }) => {
     ]);
     const handleLogOut = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
         var _j, _k, _l;
+        setSdkHasLoaded(false);
         clearAllWalletConnectSessions();
         setWalletsToConnectByChain(walletsByChain);
         setShowDynamicUserProfile(false);

package/src/lib/context/SocialRedirectContext/SocialRedirectContext.cjs

@@ -6,24 +6,24 @@ var _tslib = require('../../../../_virtual/_tslib.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
-var useInternalDynamicContext = require('../DynamicContext/useInternalDynamicContext.cjs');
-var ViewContext = require('../ViewContext/ViewContext.cjs');
-require('@dynamic-labs/utils');
 require('@dynamic-labs/sdk-api');
-require('../../config/ApiEndpoint.cjs');
 var logger = require('../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
+var ViewContext = require('../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('viem');
 require('../../shared/consts/index.cjs');
 require('@dynamic-labs/multi-wallet');
+var getReferencedAccount = require('../../utils/functions/getReferencedAccount/getReferencedAccount.cjs');
+require('../../config/ApiEndpoint.cjs');
 require('@dynamic-labs/rpc-providers');
 require('../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
-var getReferencedAccount = require('../../utils/functions/getReferencedAccount/getReferencedAccount.cjs');
 var useVerifyWallet = require('../../utils/hooks/useVerifyWallet/useVerifyWallet.cjs');
 require('react-dom');
+var useInternalDynamicContext = require('../DynamicContext/useInternalDynamicContext.cjs');
 require('../../components/ShadowDOM/ShadowDOM.cjs');
 require('../ThemeContext/ThemeContext.cjs');
 require('react-focus-lock');
@@ -62,7 +62,7 @@ require('../UserFieldEditorContext/UserFieldEditorContext.cjs');
 const SocialRedirectContext = React.createContext(undefined);
 const SocialRedirectContextProvider = ({ children, }) => {
     var _a, _b, _c, _d;
-    const { setShowAuthFlow, wallets, setSelectedWalletConnector, walletUiUtils, consumeNonce, displaySiweStatement, environmentId, projectSettings, setIsSingleWalletAccount, setShowDynamicUserProfile, isAuthenticated, setPrimaryWalletId, secondaryWallets, sdkHasLoaded, authToken, connectWallet, primaryWallet, } = useInternalDynamicContext.useInternalDynamicContext();
+    const { setShowAuthFlow, wallets, setSelectedWalletConnector, walletUiUtils, consumeNonce, displaySiweStatement, environmentId, projectSettings, setIsSingleWalletAccount, setShowDynamicUserProfile, isAuthenticated, setPrimaryWalletId, secondaryWallets, sdkHasLoaded, authToken, connectWallet, primaryWallet, socialProvidersFilter = (providers) => providers, } = useInternalDynamicContext.useInternalDynamicContext();
     const { setErrorMessage } = ErrorContext.useErrorContext();
     const { setView } = ViewContext.useViewContext();
     const verifyWallet = useVerifyWallet.useVerifyWallet({
@@ -74,9 +74,9 @@ const SocialRedirectContextProvider = ({ children, }) => {
     });
     const signInProvider = (_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.socialSignIn) === null || _a === void 0 ? void 0 : _a.signInProvider;
     const enabledSocialProvidersInDb = (_c = (_b = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.socialSignIn) === null || _b === void 0 ? void 0 : _b.providers) !== null && _c !== void 0 ? _c : [];
-    const enabledSocialProviders = (_d = enabledSocialProvidersInDb
+    const enabledSocialProviders = (_d = socialProvidersFilter(enabledSocialProvidersInDb
         .filter((provider) => provider.enabled)
-        .map((provider) => provider.provider)) !== null && _d !== void 0 ? _d : [];
+        .map((provider) => provider.provider))) !== null && _d !== void 0 ? _d : [];
     const socialWalletConnector = wallets
         .map(({ walletConnector }) => walletConnector)
         .find(walletConnectorCore.isSocialWalletConnector);

package/src/lib/context/SocialRedirectContext/SocialRedirectContext.js

@@ -2,24 +2,24 @@ import { __awaiter } from '../../../../_virtual/_tslib.js';
 import { jsx } from 'react/jsx-runtime';
 import { createContext, useState, useMemo, useCallback, useEffect, useContext } from 'react';
 import { isSocialWalletConnector } from '@dynamic-labs/wallet-connector-core';
-import { useInternalDynamicContext } from '../DynamicContext/useInternalDynamicContext.js';
-import { useViewContext } from '../ViewContext/ViewContext.js';
-import '@dynamic-labs/utils';
 import '@dynamic-labs/sdk-api';
-import '../../config/ApiEndpoint.js';
 import { logger } from '../../shared/logger.js';
 import '@dynamic-labs/iconic';
+import { useViewContext } from '../ViewContext/ViewContext.js';
 import '@dynamic-labs/wallet-book';
+import '@dynamic-labs/utils';
 import '../../utils/constants/colors.js';
 import '../../shared/utils/classes/storage/localStorage.js';
 import 'viem';
 import '../../shared/consts/index.js';
 import '@dynamic-labs/multi-wallet';
+import { getReferencedAccount } from '../../utils/functions/getReferencedAccount/getReferencedAccount.js';
+import '../../config/ApiEndpoint.js';
 import '@dynamic-labs/rpc-providers';
 import '../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
-import { getReferencedAccount } from '../../utils/functions/getReferencedAccount/getReferencedAccount.js';
 import { useVerifyWallet } from '../../utils/hooks/useVerifyWallet/useVerifyWallet.js';
 import 'react-dom';
+import { useInternalDynamicContext } from '../DynamicContext/useInternalDynamicContext.js';
 import '../../components/ShadowDOM/ShadowDOM.js';
 import '../ThemeContext/ThemeContext.js';
 import 'react-focus-lock';
@@ -58,7 +58,7 @@ import '../UserFieldEditorContext/UserFieldEditorContext.js';
 const SocialRedirectContext = createContext(undefined);
 const SocialRedirectContextProvider = ({ children, }) => {
     var _a, _b, _c, _d;
-    const { setShowAuthFlow, wallets, setSelectedWalletConnector, walletUiUtils, consumeNonce, displaySiweStatement, environmentId, projectSettings, setIsSingleWalletAccount, setShowDynamicUserProfile, isAuthenticated, setPrimaryWalletId, secondaryWallets, sdkHasLoaded, authToken, connectWallet, primaryWallet, } = useInternalDynamicContext();
+    const { setShowAuthFlow, wallets, setSelectedWalletConnector, walletUiUtils, consumeNonce, displaySiweStatement, environmentId, projectSettings, setIsSingleWalletAccount, setShowDynamicUserProfile, isAuthenticated, setPrimaryWalletId, secondaryWallets, sdkHasLoaded, authToken, connectWallet, primaryWallet, socialProvidersFilter = (providers) => providers, } = useInternalDynamicContext();
     const { setErrorMessage } = useErrorContext();
     const { setView } = useViewContext();
     const verifyWallet = useVerifyWallet({
@@ -70,9 +70,9 @@ const SocialRedirectContextProvider = ({ children, }) => {
     });
     const signInProvider = (_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.socialSignIn) === null || _a === void 0 ? void 0 : _a.signInProvider;
     const enabledSocialProvidersInDb = (_c = (_b = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.socialSignIn) === null || _b === void 0 ? void 0 : _b.providers) !== null && _c !== void 0 ? _c : [];
-    const enabledSocialProviders = (_d = enabledSocialProvidersInDb
+    const enabledSocialProviders = (_d = socialProvidersFilter(enabledSocialProvidersInDb
         .filter((provider) => provider.enabled)
-        .map((provider) => provider.provider)) !== null && _d !== void 0 ? _d : [];
+        .map((provider) => provider.provider))) !== null && _d !== void 0 ? _d : [];
     const socialWalletConnector = wallets
         .map(({ walletConnector }) => walletConnector)
         .find(isSocialWalletConnector);

package/src/lib/shared/utils/functions/isUserLinkingWallet/isUserLinkingWallet.cjs

@@ -4,7 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const isUserLinkingWallet = (user, view, isMockedSDK) => (user === null || user === void 0 ? void 0 : user.verifiedCredentials) !== undefined &&
     (view === 'wallet-list' ||
-        view === 'login-with-email-or-wallet-full-wallet-list') &&
+        view === 'login-with-email-or-wallet-full-wallet-list' ||
+        view === 'multi-wallet-wallet-list') &&
     // Mocked SDK is used in the dashboard and the user is
     // the actual user that the user logged in to the dashboard
     !isMockedSDK;

package/src/lib/shared/utils/functions/isUserLinkingWallet/isUserLinkingWallet.js

@@ -1,6 +1,7 @@
 const isUserLinkingWallet = (user, view, isMockedSDK) => (user === null || user === void 0 ? void 0 : user.verifiedCredentials) !== undefined &&
     (view === 'wallet-list' ||
-        view === 'login-with-email-or-wallet-full-wallet-list') &&
+        view === 'login-with-email-or-wallet-full-wallet-list' ||
+        view === 'multi-wallet-wallet-list') &&
     // Mocked SDK is used in the dashboard and the user is
     // the actual user that the user logged in to the dashboard
     !isMockedSDK;

package/src/lib/shared/utils/hooks/useOnClickOutside/index.cjs

@@ -16,11 +16,11 @@ const useOnClickOutside = (ref, handler) => {
             }
             handler(event);
         };
-        document.addEventListener('mousedown', listener);
         document.addEventListener('touchstart', listener);
+        document.addEventListener('click', listener);
         return () => {
-            document.removeEventListener('mousedown', listener);
             document.removeEventListener('touchstart', listener);
+            document.removeEventListener('click', listener);
         };
     }, [ref, handler]);
 };

package/src/lib/shared/utils/hooks/useOnClickOutside/index.js

@@ -12,11 +12,11 @@ const useOnClickOutside = (ref, handler) => {
             }
             handler(event);
         };
-        document.addEventListener('mousedown', listener);
         document.addEventListener('touchstart', listener);
+        document.addEventListener('click', listener);
         return () => {
-            document.removeEventListener('mousedown', listener);
             document.removeEventListener('touchstart', listener);
+            document.removeEventListener('click', listener);
         };
     }, [ref, handler]);
 };