@dynamic-labs/sdk-react-core 0.19.0-alpha.10 → 0.19.0-alpha.11

package/CHANGELOG.md

@@ -1,4 +1,19 @@
 
+## [0.19.0-alpha.11](https://github.com/dynamic-labs/DynamicAuth/compare/v0.19.0-alpha.10...v0.19.0-alpha.11) (2023-10-02)
+
+
+### Bug Fixes
+
+* **AuthProviderIcon:** ensure social icon shows up ([#3439](https://github.com/dynamic-labs/DynamicAuth/issues/3439)) ([5064f28](https://github.com/dynamic-labs/DynamicAuth/commit/5064f28af9125699c8e23597812c6c526bb8a213))
+* fix passkey on Windows ([#3440](https://github.com/dynamic-labs/DynamicAuth/issues/3440)) ([c0da96c](https://github.com/dynamic-labs/DynamicAuth/commit/c0da96c17c6c10a736fb394b6b1e6be3ccd616b2))
+* missing popper provider ([#3488](https://github.com/dynamic-labs/DynamicAuth/issues/3488)) ([d7ca76e](https://github.com/dynamic-labs/DynamicAuth/commit/d7ca76e21dc5e842c316a654cb20d9dd115d7204))
+* passkey intro view should have a logout button ([#3466](https://github.com/dynamic-labs/DynamicAuth/issues/3466)) ([7ae626f](https://github.com/dynamic-labs/DynamicAuth/commit/7ae626fd2b2b6f685e48257c38ed00dae95d06e4))
+* passkey intro view should not be closed until user create wallet ([#3458](https://github.com/dynamic-labs/DynamicAuth/issues/3458)) ([651459b](https://github.com/dynamic-labs/DynamicAuth/commit/651459b8d8a4ad131381ed8de52c9ef0c42191df))
+* removing weird passkey intro logout button hover background ([#3490](https://github.com/dynamic-labs/DynamicAuth/issues/3490)) ([1adedfa](https://github.com/dynamic-labs/DynamicAuth/commit/1adedfaf87e6fd01e8528ff43ccf75fcb020ef65))
+* resolve promise if there's no error, even if result is falsy ([#3477](https://github.com/dynamic-labs/DynamicAuth/issues/3477)) ([1b570dc](https://github.com/dynamic-labs/DynamicAuth/commit/1b570dc8ae6b104567790d93ebb57efed032ba1c))
+* return promise from createEmbeddedWallet ([#3476](https://github.com/dynamic-labs/DynamicAuth/issues/3476)) ([5a9591e](https://github.com/dynamic-labs/DynamicAuth/commit/5a9591e0808d5d16fb886901902d763eabd8ec61))
+* utilize the wallet connector key when looking up the wallet in localstorage during getWalletConnectorByKey ([#3386](https://github.com/dynamic-labs/DynamicAuth/issues/3386)) ([13a8ef4](https://github.com/dynamic-labs/DynamicAuth/commit/13a8ef4581e7799cc467bddb7cd1435dc4ab4de5))
+
 ## [0.19.0-alpha.10](https://github.com/dynamic-labs/DynamicAuth/compare/v0.19.0-alpha.9...v0.19.0-alpha.10) (2023-09-28)
 
 

package/package.cjs

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

package/package.js

@@ -1,4 +1,4 @@
-var version = "0.19.0-alpha.10";
+var version = "0.19.0-alpha.11";
 var dependencies = {
 	"@dynamic-labs/iconic": "0.1.32",
 	"@dynamic-labs/sdk-api": "0.0.281",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dynamic-labs/sdk-react-core",
-  "version": "0.19.0-alpha.10",
+  "version": "0.19.0-alpha.11",
   "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.10",
-    "@dynamic-labs/multi-wallet": "0.19.0-alpha.10",
-    "@dynamic-labs/rpc-providers": "0.19.0-alpha.10",
-    "@dynamic-labs/types": "0.19.0-alpha.10",
-    "@dynamic-labs/utils": "0.19.0-alpha.10",
-    "@dynamic-labs/wallet-book": "0.19.0-alpha.10",
-    "@dynamic-labs/wallet-connector-core": "0.19.0-alpha.10",
+    "@dynamic-labs/logger": "0.19.0-alpha.11",
+    "@dynamic-labs/multi-wallet": "0.19.0-alpha.11",
+    "@dynamic-labs/rpc-providers": "0.19.0-alpha.11",
+    "@dynamic-labs/types": "0.19.0-alpha.11",
+    "@dynamic-labs/utils": "0.19.0-alpha.11",
+    "@dynamic-labs/wallet-book": "0.19.0-alpha.11",
+    "@dynamic-labs/wallet-connector-core": "0.19.0-alpha.11",
     "eventemitter3": "5.0.1"
   },
   "devDependencies": {

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

@@ -57,9 +57,6 @@ const getMagicEmailOrSocialIcon = ({ findSocialIcon, wallet, jwt, }) => {
     if (walletConnectorCore.isEmailOTPWalletConnector(wallet.connector)) {
         return iconic.SignInWithEmailIcon;
     }
-    if (walletConnectorCore.isEmbeddedConnector(wallet.connector)) {
-        return embeddedWalletIcon.ReactComponent;
-    }
     if (walletConnectorCore.isSocialWalletConnector(wallet.connector)) {
         const socialAccountDataForWallet = getReferencedAccount.getReferencedAccount(jwt, wallet.id);
         if (!socialAccountDataForWallet ||
@@ -75,6 +72,9 @@ const getMagicEmailOrSocialIcon = ({ findSocialIcon, wallet, jwt, }) => {
             logger.logger.error(err);
         }
     }
+    if (walletConnectorCore.isEmbeddedConnector(wallet.connector)) {
+        return embeddedWalletIcon.ReactComponent;
+    }
     return null;
 };
 const AuthProviderIcon = ({ jwt, iconSize = 64, showStatus, wallet, }) => {

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

@@ -1,6 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
 import { WalletIcon } from '@dynamic-labs/wallet-book';
-import { isEmailOTPWalletConnector, isEmbeddedConnector, isSocialWalletConnector } from '@dynamic-labs/wallet-connector-core';
+import { isEmailOTPWalletConnector, isSocialWalletConnector, isEmbeddedConnector } from '@dynamic-labs/wallet-connector-core';
 import { SignInWithEmailIcon } from '@dynamic-labs/iconic';
 import '@dynamic-labs/sdk-api';
 import { logger } from '../../shared/logger.js';
@@ -53,9 +53,6 @@ const getMagicEmailOrSocialIcon = ({ findSocialIcon, wallet, jwt, }) => {
     if (isEmailOTPWalletConnector(wallet.connector)) {
         return SignInWithEmailIcon;
     }
-    if (isEmbeddedConnector(wallet.connector)) {
-        return SvgEmbeddedWalletIcon;
-    }
     if (isSocialWalletConnector(wallet.connector)) {
         const socialAccountDataForWallet = getReferencedAccount(jwt, wallet.id);
         if (!socialAccountDataForWallet ||
@@ -71,6 +68,9 @@ const getMagicEmailOrSocialIcon = ({ findSocialIcon, wallet, jwt, }) => {
             logger.error(err);
         }
     }
+    if (isEmbeddedConnector(wallet.connector)) {
+        return SvgEmbeddedWalletIcon;
+    }
     return null;
 };
 const AuthProviderIcon = ({ jwt, iconSize = 64, showStatus, wallet, }) => {

package/src/lib/components/SyncPasskeyFlow/SyncPasskeyFlow.cjs

@@ -0,0 +1,74 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var useInternalDynamicContext = require('../../context/DynamicContext/useInternalDynamicContext.cjs');
+require('@dynamic-labs/sdk-api');
+require('../../shared/logger.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');
+var localStorage$1 = require('../../utils/constants/localStorage.cjs');
+require('../../utils/constants/colors.cjs');
+var localStorage = require('../../shared/utils/classes/storage/localStorage.cjs');
+require('viem');
+require('../../shared/consts/index.cjs');
+require('../../config/ApiEndpoint.cjs');
+require('@dynamic-labs/multi-wallet');
+require('@dynamic-labs/rpc-providers');
+require('../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
+require('../../context/ErrorContext/ErrorContext.cjs');
+require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
+require('../../context/AccountExistsContext/AccountExistsContext.cjs');
+require('react-dom');
+require('../ShadowDOM/ShadowDOM.cjs');
+require('../../context/ThemeContext/ThemeContext.cjs');
+require('react-focus-lock');
+require('../Transition/ZoomTransition/ZoomTransition.cjs');
+require('../Transition/SlideInUpTransition/SlideInUpTransition.cjs');
+require('../Transition/OpacityTransition/OpacityTransition.cjs');
+require('../IconButton/IconButton.cjs');
+require('../Alert/Alert.cjs');
+require('../Popper/Popper/Popper.cjs');
+require('../Popper/PopperContext/PopperContext.cjs');
+require('formik');
+require('yup');
+require('../InlineWidget/InlineWidget.cjs');
+require('../MenuList/Dropdown/Dropdown.cjs');
+require('../OverlayCard/OverlayCard.context.cjs');
+require('../../views/CollectUserDataView/fieldsConfig.cjs');
+require('../../context/MockContext/MockContext.cjs');
+require('../../context/CaptchaContext/CaptchaContext.cjs');
+require('../../context/EmailVerificationContext/EmailVerificationContext.cjs');
+require('@dynamic-labs/types');
+var useEmbeddedWallet = require('../../utils/hooks/useEmbeddedWallet/useEmbeddedWallet.cjs');
+require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
+require('../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
+
+const SyncPasskeyFlow = () => {
+    const { projectSettings, isProjectSettingsLoading, authMode } = useInternalDynamicContext.useInternalDynamicContext();
+    const lastUsedWallet = localStorage.LocalStorage.getFromLS(localStorage$1.LAST_USED_WALLET);
+    const { createEmbeddedWallet } = useEmbeddedWallet.useEmbeddedWallet();
+    React.useEffect(() => {
+        if (authMode === 'connect-only' ||
+            isProjectSettingsLoading ||
+            !projectSettings ||
+            lastUsedWallet !== undefined //untill embedded wallet is generated it's undefined
+        ) {
+            return;
+        }
+        try {
+            createEmbeddedWallet();
+        }
+        catch (error) {
+            return;
+        }
+    }, [isProjectSettingsLoading, projectSettings, lastUsedWallet]);
+    return jsxRuntime.jsx(jsxRuntime.Fragment, {});
+};
+
+exports.SyncPasskeyFlow = SyncPasskeyFlow;

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

@@ -0,0 +1,2 @@
+import { FC } from 'react';
+export declare const SyncPasskeyFlow: FC;

package/src/lib/components/SyncPasskeyFlow/SyncPasskeyFlow.js

@@ -0,0 +1,70 @@
+import { jsx, Fragment } from 'react/jsx-runtime';
+import { useEffect } from 'react';
+import { useInternalDynamicContext } from '../../context/DynamicContext/useInternalDynamicContext.js';
+import '@dynamic-labs/sdk-api';
+import '../../shared/logger.js';
+import '@dynamic-labs/iconic';
+import '@dynamic-labs/wallet-connector-core';
+import '../../context/ViewContext/ViewContext.js';
+import '@dynamic-labs/wallet-book';
+import '@dynamic-labs/utils';
+import { LAST_USED_WALLET } from '../../utils/constants/localStorage.js';
+import '../../utils/constants/colors.js';
+import { LocalStorage } from '../../shared/utils/classes/storage/localStorage.js';
+import 'viem';
+import '../../shared/consts/index.js';
+import '../../config/ApiEndpoint.js';
+import '@dynamic-labs/multi-wallet';
+import '@dynamic-labs/rpc-providers';
+import '../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
+import '../../context/ErrorContext/ErrorContext.js';
+import '../../context/AccessDeniedContext/AccessDeniedContext.js';
+import '../../context/AccountExistsContext/AccountExistsContext.js';
+import 'react-dom';
+import '../ShadowDOM/ShadowDOM.js';
+import '../../context/ThemeContext/ThemeContext.js';
+import 'react-focus-lock';
+import '../Transition/ZoomTransition/ZoomTransition.js';
+import '../Transition/SlideInUpTransition/SlideInUpTransition.js';
+import '../Transition/OpacityTransition/OpacityTransition.js';
+import '../IconButton/IconButton.js';
+import '../Alert/Alert.js';
+import '../Popper/Popper/Popper.js';
+import '../Popper/PopperContext/PopperContext.js';
+import 'formik';
+import 'yup';
+import '../InlineWidget/InlineWidget.js';
+import '../MenuList/Dropdown/Dropdown.js';
+import '../OverlayCard/OverlayCard.context.js';
+import '../../views/CollectUserDataView/fieldsConfig.js';
+import '../../context/MockContext/MockContext.js';
+import '../../context/CaptchaContext/CaptchaContext.js';
+import '../../context/EmailVerificationContext/EmailVerificationContext.js';
+import '@dynamic-labs/types';
+import { useEmbeddedWallet } from '../../utils/hooks/useEmbeddedWallet/useEmbeddedWallet.js';
+import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
+import '../../context/UserFieldEditorContext/UserFieldEditorContext.js';
+
+const SyncPasskeyFlow = () => {
+    const { projectSettings, isProjectSettingsLoading, authMode } = useInternalDynamicContext();
+    const lastUsedWallet = LocalStorage.getFromLS(LAST_USED_WALLET);
+    const { createEmbeddedWallet } = useEmbeddedWallet();
+    useEffect(() => {
+        if (authMode === 'connect-only' ||
+            isProjectSettingsLoading ||
+            !projectSettings ||
+            lastUsedWallet !== undefined //untill embedded wallet is generated it's undefined
+        ) {
+            return;
+        }
+        try {
+            createEmbeddedWallet();
+        }
+        catch (error) {
+            return;
+        }
+    }, [isProjectSettingsLoading, projectSettings, lastUsedWallet]);
+    return jsx(Fragment, {});
+};
+
+export { SyncPasskeyFlow };

package/src/lib/components/SyncPasskeyFlow/index.d.ts

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

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

@@ -48,3 +48,4 @@ export * from './WalletInformationCard';
 export * from './MenuList';
 export * from './SocialSignIn';
 export * from './SignMessagePreview';
+export * from './SyncPasskeyFlow';

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

@@ -62,6 +62,7 @@ require('formik');
 require('../../components/InlineWidget/InlineWidget.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');
 require('../../components/OverlayCard/OverlayCard.context.cjs');
+var SyncPasskeyFlow = require('../../components/SyncPasskeyFlow/SyncPasskeyFlow.cjs');
 var locale = require('../../locale/locale.cjs');
 var getMissingChains = require('../../utils/functions/getMissingChains/getMissingChains.cjs');
 var isSameWalletName = require('../../utils/functions/isSameWalletName/isSameWalletName.cjs');
@@ -714,7 +715,7 @@ const DynamicContextProvider = ({ children, theme, settings, locale: locale$1, }
                                 isBridgeFlow,
                                 isFullyConnected,
                                 isMultiWalletEnabled: multiWallet,
-                            }), children: jsxRuntime.jsx(AccountExistsContext.AccountExistsContextProvider, { children: jsxRuntime.jsx(WalletContext.WalletContextProvider, { canSync: didConnectedStateLoad, children: jsxRuntime.jsx(QrCodeContext.QrCodeContextProvider, { children: jsxRuntime.jsx(EmailVerificationContext.EmailVerificationContextProvider, { children: jsxRuntime.jsx(ErrorContext.ErrorContextProvider, { children: jsxRuntime.jsx(DynamicWidgetContext.DynamicWidgetContextProvider, { children: jsxRuntime.jsx(DynamicBridgeWidgetContext.DynamicBridgeWidgetContextProvider, { children: jsxRuntime.jsx(CaptchaContext.CaptchaContextProvider, { children: jsxRuntime.jsx(FundingContext.FundingContextProvider, { children: jsxRuntime.jsx(AccessDeniedContext.AccessDeniedContextProvider, { children: jsxRuntime.jsx(SendBalanceContext.SendBalanceContextProvider, { children: jsxRuntime.jsx(WalletGroupContext.WalletGroupContextProvider, { children: jsxRuntime.jsxs(UserFieldEditorContext.UserFieldEditorContextProvider, { children: [jsxRuntime.jsx(app.DynamicAuthFlow, {}), jsxRuntime.jsx(Toolkit.Toolkit, {}), jsxRuntime.jsx(FundingWidget.FundingWidget, {}), confirmationModal, children] }) }) }) }) }) }) }) }) }) }) }) }) }) }) }) }) }) }) }));
+                            }), children: jsxRuntime.jsx(AccountExistsContext.AccountExistsContextProvider, { children: jsxRuntime.jsx(WalletContext.WalletContextProvider, { canSync: didConnectedStateLoad, children: jsxRuntime.jsx(QrCodeContext.QrCodeContextProvider, { children: jsxRuntime.jsx(EmailVerificationContext.EmailVerificationContextProvider, { children: jsxRuntime.jsx(ErrorContext.ErrorContextProvider, { children: jsxRuntime.jsx(DynamicWidgetContext.DynamicWidgetContextProvider, { children: jsxRuntime.jsx(DynamicBridgeWidgetContext.DynamicBridgeWidgetContextProvider, { children: jsxRuntime.jsx(CaptchaContext.CaptchaContextProvider, { children: jsxRuntime.jsx(FundingContext.FundingContextProvider, { children: jsxRuntime.jsx(AccessDeniedContext.AccessDeniedContextProvider, { children: jsxRuntime.jsx(SendBalanceContext.SendBalanceContextProvider, { children: jsxRuntime.jsx(WalletGroupContext.WalletGroupContextProvider, { children: jsxRuntime.jsxs(UserFieldEditorContext.UserFieldEditorContextProvider, { children: [jsxRuntime.jsx(app.DynamicAuthFlow, {}), jsxRuntime.jsx(Toolkit.Toolkit, {}), jsxRuntime.jsx(FundingWidget.FundingWidget, {}), jsxRuntime.jsx(SyncPasskeyFlow.SyncPasskeyFlow, {}), confirmationModal, children] }) }) }) }) }) }) }) }) }) }) }) }) }) }) }) }) }) }) }));
 };
 
 exports.DynamicContext = DynamicContext;

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

@@ -58,6 +58,7 @@ import 'formik';
 import '../../components/InlineWidget/InlineWidget.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';
 import '../../components/OverlayCard/OverlayCard.context.js';
+import { SyncPasskeyFlow } from '../../components/SyncPasskeyFlow/SyncPasskeyFlow.js';
 import { Locale } from '../../locale/locale.js';
 import { getMissingChains } from '../../utils/functions/getMissingChains/getMissingChains.js';
 import { isSameWalletName } from '../../utils/functions/isSameWalletName/isSameWalletName.js';
@@ -710,7 +711,7 @@ const DynamicContextProvider = ({ children, theme, settings, locale, }) => {
                                 isBridgeFlow,
                                 isFullyConnected,
                                 isMultiWalletEnabled: multiWallet,
-                            }), children: jsx(AccountExistsContextProvider, { children: jsx(WalletContextProvider, { canSync: didConnectedStateLoad, children: jsx(QrCodeContextProvider, { children: jsx(EmailVerificationContextProvider, { children: jsx(ErrorContextProvider, { children: jsx(DynamicWidgetContextProvider, { children: jsx(DynamicBridgeWidgetContextProvider, { children: jsx(CaptchaContextProvider, { children: jsx(FundingContextProvider, { children: jsx(AccessDeniedContextProvider, { children: jsx(SendBalanceContextProvider, { children: jsx(WalletGroupContextProvider, { children: jsxs(UserFieldEditorContextProvider, { children: [jsx(DynamicAuthFlow, {}), jsx(Toolkit, {}), jsx(FundingWidget, {}), confirmationModal, children] }) }) }) }) }) }) }) }) }) }) }) }) }) }) }) }) }) }) }));
+                            }), children: jsx(AccountExistsContextProvider, { children: jsx(WalletContextProvider, { canSync: didConnectedStateLoad, children: jsx(QrCodeContextProvider, { children: jsx(EmailVerificationContextProvider, { children: jsx(ErrorContextProvider, { children: jsx(DynamicWidgetContextProvider, { children: jsx(DynamicBridgeWidgetContextProvider, { children: jsx(CaptchaContextProvider, { children: jsx(FundingContextProvider, { children: jsx(AccessDeniedContextProvider, { children: jsx(SendBalanceContextProvider, { children: jsx(WalletGroupContextProvider, { children: jsxs(UserFieldEditorContextProvider, { children: [jsx(DynamicAuthFlow, {}), jsx(Toolkit, {}), jsx(FundingWidget, {}), jsx(SyncPasskeyFlow, {}), confirmationModal, children] }) }) }) }) }) }) }) }) }) }) }) }) }) }) }) }) }) }) }));
 };
 
 export { DynamicContext, DynamicContextProvider, PUBLIC_PROJECT_LIVE_ENVIRONMENT_ID };

package/src/lib/context/DynamicContext/internalEvents/internalEvents.d.ts

@@ -3,6 +3,8 @@ import EventEmitter from 'eventemitter3';
 export type InternalEventMap = {
     emailVerificationResult: (param: boolean, email: string) => void;
     clearPrimaryWallet: () => void;
+    embeddedWalletCreated: (id: string) => void;
+    embeddedWalletFailed: (error: unknown) => void;
 };
 export type InternalEventEmitter = EventEmitter<InternalEventMap>;
 export declare const getInternalEvents: () => InternalEventEmitter;

package/src/lib/locale/en/translation.cjs

@@ -46,6 +46,7 @@ var dyn_no_access = {
 };
 var dyn_passkey_intro = {
 	button: "Set up a Passkey",
+	button_logout: "Log out",
 	disabled: "Passkeys are not available on this device or browser. Please open on Chrome, Safari, or Brave to continue",
 	helper: {
 		section_1: {
@@ -63,9 +64,9 @@ var dyn_passkey_intro = {
 	title: "Secure your account"
 };
 var dyn_passkey_success = {
-	button: "Get started",
-	subtitle: "Welcome to {{appName}}. Your account is all set up",
-	title: "You're all set!"
+	button: "Continue",
+	subtitle: "That was a bit anticlimactic, we know. In the next page, we’ll explain what just happened.",
+	title: "That's it! You now have a wallet!"
 };
 var dyn_wallet_conect = {
 	mobile: {

package/src/lib/locale/en/translation.js

@@ -42,6 +42,7 @@ var dyn_no_access = {
 };
 var dyn_passkey_intro = {
 	button: "Set up a Passkey",
+	button_logout: "Log out",
 	disabled: "Passkeys are not available on this device or browser. Please open on Chrome, Safari, or Brave to continue",
 	helper: {
 		section_1: {
@@ -59,9 +60,9 @@ var dyn_passkey_intro = {
 	title: "Secure your account"
 };
 var dyn_passkey_success = {
-	button: "Get started",
-	subtitle: "Welcome to {{appName}}. Your account is all set up",
-	title: "You're all set!"
+	button: "Continue",
+	subtitle: "That was a bit anticlimactic, we know. In the next page, we’ll explain what just happened.",
+	title: "That's it! You now have a wallet!"
 };
 var dyn_wallet_conect = {
 	mobile: {

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

@@ -32,6 +32,7 @@ require('../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetu
 require('../../context/ErrorContext/ErrorContext.cjs');
 require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../context/AccountExistsContext/AccountExistsContext.cjs');
+var getProperErrorMessage = require('./getProperErrorMessage.cjs');
 var ModalHeader = require('../../components/ModalHeader/ModalHeader.cjs');
 var IconButton = require('../../components/IconButton/IconButton.cjs');
 var PoweredByDynamic = require('../../components/PoweredByDynamic/PoweredByDynamic.cjs');
@@ -87,7 +88,7 @@ const SignMessageConfirmationModal = ({ appLogoUrl, appName, appOrigin, message,
     const closeButton = (jsxRuntime.jsx(IconButton.IconButton, { type: 'button', onClick: handleOnReject, "data-testid": 'close', disabled: isLoading, children: jsxRuntime.jsx(close.ReactComponent, {}) }));
     return (jsxRuntime.jsx(Portal.Portal, { handleClose: handleOnReject, isShown: show, zIndex: index.authModalZIndex, withBackdrop: true, elementId: 'dynamic-sign-message', transitionEvents: {
             onUnmount: handleOnModalUnmount,
-        }, children: jsxRuntime.jsx(Modal.Modal, { children: jsxRuntime.jsxs(ModalCard.ModalCard, { children: [jsxRuntime.jsx(ModalHeader.ModalHeader, { trailing: closeButton, alignContent: 'bottom', children: jsxRuntime.jsx(IconWithSpinner.IconWithSpinner, { Icon: (props) => (jsxRuntime.jsx(Icon.Icon, { color: 'brand-primary', children: jsxRuntime.jsx(signCircle.ReactComponent, Object.assign({}, props)) })), iconSize: 64, isSpinning: true }) }), jsxRuntime.jsxs("div", { className: 'sign-message-confirmation__body', children: [jsxRuntime.jsx(Typography.Typography, { variant: 'title', color: 'primary', className: 'sign-message-confirmation__title', children: "Requesting Signature" }), jsxRuntime.jsx(AnimatePresence.AnimatePresence, { animationComponent: jsxRuntime.jsx(VerticalDrawerTransition.VerticalDrawerTransition, {}), children: signMessageError && (jsxRuntime.jsx("div", { className: 'sign-message-confirmation__error', children: jsxRuntime.jsx(ErrorContainer.ErrorContainer, { children: signMessageError.reason || 'Something went wrong' }) })) }), jsxRuntime.jsxs("div", { className: 'sign-message-confirmation__message-container', children: [jsxRuntime.jsx(AppOriginTile.AppOriginTile, { appLogoUrl: appLogoUrl, appName: appName, appOrigin: appOrigin }), jsxRuntime.jsx("div", { className: 'sign-message-confirmation__message', children: jsxRuntime.jsx(SignMessagePreview.SignMessagePreview, { message: message.toString() }) })] }), jsxRuntime.jsxs("div", { className: 'sign-message-confirmation__actions', children: [jsxRuntime.jsx(Button.Button, { buttonVariant: 'secondary', onClick: handleOnReject, expanded: true, buttonPadding: 'large', disabled: isLoading, buttonRounded: 'default', children: "Cancel" }), jsxRuntime.jsx(Button.Button, { buttonVariant: 'primary', buttonPadding: 'large', onClick: () => confirm(), expanded: true, buttonRounded: 'default', loading: isLoading, children: "Sign" })] }), jsxRuntime.jsx(PoweredByDynamic.PoweredByDynamic, {})] })] }) }) }));
+        }, children: jsxRuntime.jsx(Modal.Modal, { children: jsxRuntime.jsxs(ModalCard.ModalCard, { children: [jsxRuntime.jsx(ModalHeader.ModalHeader, { trailing: closeButton, alignContent: 'bottom', children: jsxRuntime.jsx(IconWithSpinner.IconWithSpinner, { Icon: (props) => (jsxRuntime.jsx(Icon.Icon, { color: 'brand-primary', children: jsxRuntime.jsx(signCircle.ReactComponent, Object.assign({}, props)) })), iconSize: 64, isSpinning: true }) }), jsxRuntime.jsxs("div", { className: 'sign-message-confirmation__body', children: [jsxRuntime.jsx(Typography.Typography, { variant: 'title', color: 'primary', className: 'sign-message-confirmation__title', children: "Requesting Signature" }), jsxRuntime.jsx(AnimatePresence.AnimatePresence, { animationComponent: jsxRuntime.jsx(VerticalDrawerTransition.VerticalDrawerTransition, {}), children: signMessageError && (jsxRuntime.jsx("div", { className: 'sign-message-confirmation__error', children: jsxRuntime.jsx(ErrorContainer.ErrorContainer, { children: getProperErrorMessage.getProperErrorMessage(signMessageError) }) })) }), jsxRuntime.jsxs("div", { className: 'sign-message-confirmation__message-container', children: [jsxRuntime.jsx(AppOriginTile.AppOriginTile, { appLogoUrl: appLogoUrl, appName: appName, appOrigin: appOrigin }), jsxRuntime.jsx("div", { className: 'sign-message-confirmation__message', children: jsxRuntime.jsx(SignMessagePreview.SignMessagePreview, { message: message.toString() }) })] }), jsxRuntime.jsxs("div", { className: 'sign-message-confirmation__actions', children: [jsxRuntime.jsx(Button.Button, { buttonVariant: 'secondary', onClick: handleOnReject, expanded: true, buttonPadding: 'large', disabled: isLoading, buttonRounded: 'default', children: "Cancel" }), jsxRuntime.jsx(Button.Button, { buttonVariant: 'primary', buttonPadding: 'large', onClick: () => confirm(), expanded: true, buttonRounded: 'default', loading: isLoading, children: "Sign" })] }), jsxRuntime.jsx(PoweredByDynamic.PoweredByDynamic, {})] })] }) }) }));
 };
 
 exports.SignMessageConfirmationModal = SignMessageConfirmationModal;

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

@@ -28,6 +28,7 @@ import '../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup
 import '../../context/ErrorContext/ErrorContext.js';
 import '../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../context/AccountExistsContext/AccountExistsContext.js';
+import { getProperErrorMessage } from './getProperErrorMessage.js';
 import { ModalHeader } from '../../components/ModalHeader/ModalHeader.js';
 import { IconButton } from '../../components/IconButton/IconButton.js';
 import { PoweredByDynamic } from '../../components/PoweredByDynamic/PoweredByDynamic.js';
@@ -83,7 +84,7 @@ const SignMessageConfirmationModal = ({ appLogoUrl, appName, appOrigin, message,
     const closeButton = (jsx(IconButton, { type: 'button', onClick: handleOnReject, "data-testid": 'close', disabled: isLoading, children: jsx(SvgClose, {}) }));
     return (jsx(Portal, { handleClose: handleOnReject, isShown: show, zIndex: authModalZIndex, withBackdrop: true, elementId: 'dynamic-sign-message', transitionEvents: {
             onUnmount: handleOnModalUnmount,
-        }, children: jsx(Modal, { children: jsxs(ModalCard, { children: [jsx(ModalHeader, { trailing: closeButton, alignContent: 'bottom', children: jsx(IconWithSpinner, { Icon: (props) => (jsx(Icon, { color: 'brand-primary', children: jsx(SvgSignCircle, Object.assign({}, props)) })), iconSize: 64, isSpinning: true }) }), jsxs("div", { className: 'sign-message-confirmation__body', children: [jsx(Typography, { variant: 'title', color: 'primary', className: 'sign-message-confirmation__title', children: "Requesting Signature" }), jsx(AnimatePresence, { animationComponent: jsx(VerticalDrawerTransition, {}), children: signMessageError && (jsx("div", { className: 'sign-message-confirmation__error', children: jsx(ErrorContainer, { children: signMessageError.reason || 'Something went wrong' }) })) }), jsxs("div", { className: 'sign-message-confirmation__message-container', children: [jsx(AppOriginTile, { appLogoUrl: appLogoUrl, appName: appName, appOrigin: appOrigin }), jsx("div", { className: 'sign-message-confirmation__message', children: jsx(SignMessagePreview, { message: message.toString() }) })] }), jsxs("div", { className: 'sign-message-confirmation__actions', children: [jsx(Button, { buttonVariant: 'secondary', onClick: handleOnReject, expanded: true, buttonPadding: 'large', disabled: isLoading, buttonRounded: 'default', children: "Cancel" }), jsx(Button, { buttonVariant: 'primary', buttonPadding: 'large', onClick: () => confirm(), expanded: true, buttonRounded: 'default', loading: isLoading, children: "Sign" })] }), jsx(PoweredByDynamic, {})] })] }) }) }));
+        }, children: jsx(Modal, { children: jsxs(ModalCard, { children: [jsx(ModalHeader, { trailing: closeButton, alignContent: 'bottom', children: jsx(IconWithSpinner, { Icon: (props) => (jsx(Icon, { color: 'brand-primary', children: jsx(SvgSignCircle, Object.assign({}, props)) })), iconSize: 64, isSpinning: true }) }), jsxs("div", { className: 'sign-message-confirmation__body', children: [jsx(Typography, { variant: 'title', color: 'primary', className: 'sign-message-confirmation__title', children: "Requesting Signature" }), jsx(AnimatePresence, { animationComponent: jsx(VerticalDrawerTransition, {}), children: signMessageError && (jsx("div", { className: 'sign-message-confirmation__error', children: jsx(ErrorContainer, { children: getProperErrorMessage(signMessageError) }) })) }), jsxs("div", { className: 'sign-message-confirmation__message-container', children: [jsx(AppOriginTile, { appLogoUrl: appLogoUrl, appName: appName, appOrigin: appOrigin }), jsx("div", { className: 'sign-message-confirmation__message', children: jsx(SignMessagePreview, { message: message.toString() }) })] }), jsxs("div", { className: 'sign-message-confirmation__actions', children: [jsx(Button, { buttonVariant: 'secondary', onClick: handleOnReject, expanded: true, buttonPadding: 'large', disabled: isLoading, buttonRounded: 'default', children: "Cancel" }), jsx(Button, { buttonVariant: 'primary', buttonPadding: 'large', onClick: () => confirm(), expanded: true, buttonRounded: 'default', loading: isLoading, children: "Sign" })] }), jsx(PoweredByDynamic, {})] })] }) }) }));
 };
 
 export { SignMessageConfirmationModal };

package/src/lib/modals/SignMessageConfirmationModal/SignMessageConfirmationModal.types.d.ts

@@ -9,3 +9,12 @@ export type SignMessageConfirmationModalProps = {
     onSignMessage: (signedMessage: string) => void;
 };
 export type SignMessageConfirmationModalComponent = FC<SignMessageConfirmationModalProps>;
+export type SignMessageErrorDetails = {
+    reason?: string;
+    cause?: {
+        code: number;
+        name: string;
+        message: string;
+    };
+};
+export type SignMessageError = Error & SignMessageErrorDetails;

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

@@ -0,0 +1,20 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const errorMap = {
+    0: 'The operation either timed out or was not allowed.',
+    16: 'Invalid Passkey signature. Select the passkey for this account and device.',
+};
+const getProperErrorMessage = (signMessageError) => {
+    var _a;
+    let error = signMessageError.reason || 'Something went wrong';
+    // turnkey request errors
+    if (((_a = signMessageError === null || signMessageError === void 0 ? void 0 : signMessageError.cause) === null || _a === void 0 ? void 0 : _a.code) !== undefined &&
+        errorMap[signMessageError.cause.code] !== undefined) {
+        error = errorMap[signMessageError.cause.code];
+    }
+    return error;
+};
+
+exports.getProperErrorMessage = getProperErrorMessage;

package/src/lib/modals/SignMessageConfirmationModal/getProperErrorMessage.d.ts

@@ -0,0 +1,2 @@
+import { SignMessageError } from './SignMessageConfirmationModal.types';
+export declare const getProperErrorMessage: (signMessageError: SignMessageError) => string;

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

@@ -0,0 +1,16 @@
+const errorMap = {
+    0: 'The operation either timed out or was not allowed.',
+    16: 'Invalid Passkey signature. Select the passkey for this account and device.',
+};
+const getProperErrorMessage = (signMessageError) => {
+    var _a;
+    let error = signMessageError.reason || 'Something went wrong';
+    // turnkey request errors
+    if (((_a = signMessageError === null || signMessageError === void 0 ? void 0 : signMessageError.cause) === null || _a === void 0 ? void 0 : _a.code) !== undefined &&
+        errorMap[signMessageError.cause.code] !== undefined) {
+        error = errorMap[signMessageError.cause.code];
+    }
+    return error;
+};
+
+export { getProperErrorMessage };