@dynamic-labs/sdk-react-core 0.19.0-alpha.23 → 0.19.0-alpha.25

package/CHANGELOG.md

@@ -1,4 +1,27 @@
 
+## [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)
+
+
+### Bug Fixes
+
+* check state from message receiver is same as generated oauth state ([#3675](https://github.com/dynamic-labs/DynamicAuth/issues/3675)) ([2407b6c](https://github.com/dynamic-labs/DynamicAuth/commit/2407b6cff09985bbd5b044e44ab600540a4c69cb))
+
 ## [0.19.0-alpha.23](https://github.com/dynamic-labs/DynamicAuth/compare/v0.19.0-alpha.22...v0.19.0-alpha.23) (2023-10-24)
 
 

package/package.cjs

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "0.19.0-alpha.23";
+var version = "0.19.0-alpha.25";
 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.23";
+var version = "0.19.0-alpha.25";
 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.23",
+  "version": "0.19.0-alpha.25",
   "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.23",
-    "@dynamic-labs/multi-wallet": "0.19.0-alpha.23",
-    "@dynamic-labs/rpc-providers": "0.19.0-alpha.23",
-    "@dynamic-labs/types": "0.19.0-alpha.23",
-    "@dynamic-labs/utils": "0.19.0-alpha.23",
-    "@dynamic-labs/wallet-book": "0.19.0-alpha.23",
-    "@dynamic-labs/wallet-connector-core": "0.19.0-alpha.23",
+    "@dynamic-labs/logger": "0.19.0-alpha.25",
+    "@dynamic-labs/multi-wallet": "0.19.0-alpha.25",
+    "@dynamic-labs/rpc-providers": "0.19.0-alpha.25",
+    "@dynamic-labs/types": "0.19.0-alpha.25",
+    "@dynamic-labs/utils": "0.19.0-alpha.25",
+    "@dynamic-labs/wallet-book": "0.19.0-alpha.25",
+    "@dynamic-labs/wallet-connector-core": "0.19.0-alpha.25",
     "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,7 +68,7 @@ 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);
@@ -101,8 +101,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,7 +64,7 @@ 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);
@@ -97,8 +97,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/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;