@dynamic-labs/sdk-react-core 1.0.0-alpha.6 → 1.0.0-alpha.7

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

@@ -232,7 +232,7 @@ const DynamicContextProvider = ({ children, theme, settings, locale, }) => {
     // until user completes onboarding, jwt is only stored in onboardingOnlyJwt
     const authToken = (_e = getAuthToken()) !== null && _e !== void 0 ? _e : onboardingOnlyJwt;
     useSetWalletConnectorVerifiedCredentials(authToken, wallets);
-    const { computeConnectedStateForWallets, didConnectedStateLoad, walletConnectors, primaryWallet, showQrcodeModal, secondaryWallets, setPrimaryWallet, setShowQrcodeModal, wallets: linkedOrConnectedWallets, } = useWalletConnectors({
+    const { didConnectedStateLoad, walletConnectors, primaryWallet, showQrcodeModal, secondaryWallets, setPrimaryWallet, setShowQrcodeModal, wallets: linkedOrConnectedWallets, } = useWalletConnectors({
         authMode,
         authToken: getAuthToken() || onboardingOnlyJwt,
         canHaveMultipleWalletsConnected: multiWallet || isBridgeFlow,
@@ -366,7 +366,6 @@ const DynamicContextProvider = ({ children, theme, settings, locale, }) => {
     });
     const { loadingNetwork, network, setNetwork } = useWalletEventListeners({
         authMode,
-        computeConnectedStateForWallets,
         handleLogOut,
         multiWallet,
         multiWalletWidgetState,
@@ -476,7 +475,6 @@ const DynamicContextProvider = ({ children, theme, settings, locale, }) => {
             bridgeChains,
             bridgeChainsToConnect,
             clearStatesOnBackClick,
-            computeConnectedStateForWallets,
             connectWallet,
             connectedWallet,
             connectedWallets,
@@ -596,7 +594,6 @@ const DynamicContextProvider = ({ children, theme, settings, locale, }) => {
         bridgeChains,
         bridgeChainsToConnect,
         clearStatesOnBackClick,
-        computeConnectedStateForWallets,
         connectWallet,
         connectedWallet,
         connectedWallets,

package/src/lib/context/DynamicContext/types/index.d.ts

@@ -33,7 +33,6 @@ export interface IDynamicContext {
     authorizationViewDisplayOrder: DisplayOrder;
     awaitingSignatureState: AwaitingSignatureState;
     clearStatesOnBackClick: () => void;
-    computeConnectedStateForWallets: () => Promise<void>;
     connectWallet: (walletConnector: WalletConnector, fetchPublicAddressOpts?: FetchPublicAddressOpts, shouldCallCallback?: boolean) => Promise<ConnectWalletResult | undefined>;
     connectedWallet: Wallet | null;
     connectedWallets: Wallet[];

package/src/lib/data/api.cjs

@@ -480,11 +480,12 @@ const createTurnkeyEvmEmbeddedWallet = ({ attestation, challenge, environmentId,
             embeddedWallets: [
                 {
                     chain: sdkApi$1.ChainEnum.Evm,
-                    embeddedWalletProvider: sdkApi$1.EmbeddedWalletProviderEnum.Turnkey,
+                    embeddedWalletProvider: sdkApi$1.EmbeddedWalletProviderEnum.Turnkeyhd,
                     embeddedWalletSpecificOpts: {
                         attestation,
                         challenge,
                     },
+                    isAuthenticatorAttached: true,
                 },
             ],
         },

package/src/lib/data/api.js

@@ -476,11 +476,12 @@ const createTurnkeyEvmEmbeddedWallet = ({ attestation, challenge, environmentId,
             embeddedWallets: [
                 {
                     chain: ChainEnum.Evm,
-                    embeddedWalletProvider: EmbeddedWalletProviderEnum.Turnkey,
+                    embeddedWalletProvider: EmbeddedWalletProviderEnum.Turnkeyhd,
                     embeddedWalletSpecificOpts: {
                         attestation,
                         challenge,
                     },
+                    isAuthenticatorAttached: true,
                 },
             ],
         },

package/src/lib/layout/DynamicAuthLayout/Header/header.cjs

@@ -89,20 +89,18 @@ const Header = ({ onClose: handleClose, heading, projectSettings, walletConnecto
         selectedWalletConnector === null || selectedWalletConnector === void 0 ? void 0 : selectedWalletConnector.name,
         clearStatesOnBackClick,
     ]);
-    const leadingButtons = React.useMemo(() => {
-        let buttons = [];
-        if (showBackButton) {
-            buttons = [
-                ...buttons,
-                jsxRuntime.jsx(IconButton.IconButton, { type: 'button', onClick: handleBackClick, "data-testid": 'back-button', className: 'header__icon', children: jsxRuntime.jsx(arrowLeft.ReactComponent, {}) }, 'back-button'),
-            ];
-        }
-        return buttons;
-    }, [handleBackClick, showBackButton]);
     const closeButton = showCloseButton && handleClose && (jsxRuntime.jsx(IconButton.IconButton, { onClick: handleClose, type: 'button', id: 'close-button', "data-testid": 'close-button', className: 'header__icon', children: jsxRuntime.jsx(close.ReactComponent, {}) }));
     const infoButton = showHelpContent && (jsxRuntime.jsx(Tooltip.Tooltip, { content: 'Need some help?', className: 'header__tooltip', children: jsxRuntime.jsx(IconButton.IconButton, { type: 'button', onClick: () => setIsFooterExpanded(!isFooterExpanded), "data-testid": 'info-button', className: 'header__icon', children: isWalletListTypeView ? jsxRuntime.jsx(questionMark.ReactComponent, {}) : jsxRuntime.jsx(footerInfoIcon.ReactComponent, {}) }) }, 'info-button'));
+    const leadingButtons = [];
+    if (showBackButton) {
+        leadingButtons.push(jsxRuntime.jsx(IconButton.IconButton, { type: 'button', onClick: handleBackClick, "data-testid": 'back-button', className: 'header__icon', children: jsxRuntime.jsx(arrowLeft.ReactComponent, {}) }, 'back-button'));
+    }
+    // if has close button and info button, info button should be on the right
+    if (closeButton && infoButton) {
+        leadingButtons.push(infoButton);
+    }
     const qrCodePreHeader = (jsxRuntime.jsxs("div", { className: 'qr-code-view__scan-issue-message', children: [jsxRuntime.jsx(Typography.Typography, { color: 'primary', variant: 'body_small', children: "If you're having issues scanning, click\u00A0" }), jsxRuntime.jsx("button", { className: 'qr-code-view__scan-issue-button', onClick: () => setShowQrCodeImage(true), children: "here" })] }));
-    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(ModalHeader.ModalHeader, { leading: leadingButtons, trailing: infoButton || closeButton, displayBorder: displayBorderBelowHeader, children: jsxRuntime.jsx(Typography.Typography, { as: 'h1', variant: 'title', color: 'primary', "data-testid": 'dynamic-auth-modal-heading', className: 'header__typography', children: !projectSettings ? (jsxRuntime.jsx(Skeleton.Skeleton, { className: 'header__skeleton' })) : (heading) }) }), showQrCodePreHeader && qrCodePreHeader] }));
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(ModalHeader.ModalHeader, { leading: leadingButtons, trailing: closeButton || infoButton, displayBorder: displayBorderBelowHeader, children: jsxRuntime.jsx(Typography.Typography, { as: 'h1', variant: 'title', color: 'primary', "data-testid": 'dynamic-auth-modal-heading', className: 'header__typography', children: !projectSettings ? (jsxRuntime.jsx(Skeleton.Skeleton, { className: 'header__skeleton' })) : (heading) }) }), showQrCodePreHeader && qrCodePreHeader] }));
 };
 
 exports.Header = Header;

package/src/lib/layout/DynamicAuthLayout/Header/header.js

@@ -1,5 +1,5 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { useCallback, useMemo } from 'react';
+import { useCallback } from 'react';
 import '@dynamic-labs/utils';
 import '@dynamic-labs/sdk-api';
 import '../../../config/ApiEndpoint.js';
@@ -85,20 +85,18 @@ const Header = ({ onClose: handleClose, heading, projectSettings, walletConnecto
         selectedWalletConnector === null || selectedWalletConnector === void 0 ? void 0 : selectedWalletConnector.name,
         clearStatesOnBackClick,
     ]);
-    const leadingButtons = useMemo(() => {
-        let buttons = [];
-        if (showBackButton) {
-            buttons = [
-                ...buttons,
-                jsx(IconButton, { type: 'button', onClick: handleBackClick, "data-testid": 'back-button', className: 'header__icon', children: jsx(SvgArrowLeft, {}) }, 'back-button'),
-            ];
-        }
-        return buttons;
-    }, [handleBackClick, showBackButton]);
     const closeButton = showCloseButton && handleClose && (jsx(IconButton, { onClick: handleClose, type: 'button', id: 'close-button', "data-testid": 'close-button', className: 'header__icon', children: jsx(SvgClose, {}) }));
     const infoButton = showHelpContent && (jsx(Tooltip, { content: 'Need some help?', className: 'header__tooltip', children: jsx(IconButton, { type: 'button', onClick: () => setIsFooterExpanded(!isFooterExpanded), "data-testid": 'info-button', className: 'header__icon', children: isWalletListTypeView ? jsx(SvgQuestionMark, {}) : jsx(SvgFooterInfoIcon, {}) }) }, 'info-button'));
+    const leadingButtons = [];
+    if (showBackButton) {
+        leadingButtons.push(jsx(IconButton, { type: 'button', onClick: handleBackClick, "data-testid": 'back-button', className: 'header__icon', children: jsx(SvgArrowLeft, {}) }, 'back-button'));
+    }
+    // if has close button and info button, info button should be on the right
+    if (closeButton && infoButton) {
+        leadingButtons.push(infoButton);
+    }
     const qrCodePreHeader = (jsxs("div", { className: 'qr-code-view__scan-issue-message', children: [jsx(Typography, { color: 'primary', variant: 'body_small', children: "If you're having issues scanning, click\u00A0" }), jsx("button", { className: 'qr-code-view__scan-issue-button', onClick: () => setShowQrCodeImage(true), children: "here" })] }));
-    return (jsxs(Fragment, { children: [jsx(ModalHeader, { leading: leadingButtons, trailing: infoButton || closeButton, displayBorder: displayBorderBelowHeader, children: jsx(Typography, { as: 'h1', variant: 'title', color: 'primary', "data-testid": 'dynamic-auth-modal-heading', className: 'header__typography', children: !projectSettings ? (jsx(Skeleton, { className: 'header__skeleton' })) : (heading) }) }), showQrCodePreHeader && qrCodePreHeader] }));
+    return (jsxs(Fragment, { children: [jsx(ModalHeader, { leading: leadingButtons, trailing: closeButton || infoButton, displayBorder: displayBorderBelowHeader, children: jsx(Typography, { as: 'h1', variant: 'title', color: 'primary', "data-testid": 'dynamic-auth-modal-heading', className: 'header__typography', children: !projectSettings ? (jsx(Skeleton, { className: 'header__skeleton' })) : (heading) }) }), showQrCodePreHeader && qrCodePreHeader] }));
 };
 
 export { Header };

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

@@ -372,13 +372,17 @@ const translation = {
      * @description copy key for Dynamic need help footer section
      * @default
      * {
-        info: 'Any troubles with your passkey?',
-        contact_support: 'Contact Support',
+        info: 'Can’t find your passkey?',
+        contact_support: 'Contact support',
+        divider: 'or',
+        recovery_button: 'generate a new one.',
       }
      */
     dyn_need_help_section: {
-        info: 'Any troubles with your passkey?',
+        info: 'Can’t find your passkey?',
         contact_support: 'Contact support',
+        divider: 'or',
+        recovery_button: 'generate a new one.',
     },
     /**
      * @description copy keys for network not supported view

package/src/lib/locale/en/translation.d.ts

@@ -367,13 +367,17 @@ export declare const translation: {
      * @description copy key for Dynamic need help footer section
      * @default
      * {
-        info: 'Any troubles with your passkey?',
-        contact_support: 'Contact Support',
+        info: 'Can’t find your passkey?',
+        contact_support: 'Contact support',
+        divider: 'or',
+        recovery_button: 'generate a new one.',
       }
      */
     dyn_need_help_section: {
         info: string;
         contact_support: string;
+        divider: string;
+        recovery_button: string;
     };
     /**
      * @description copy keys for network not supported view

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

@@ -368,13 +368,17 @@ const translation = {
      * @description copy key for Dynamic need help footer section
      * @default
      * {
-        info: 'Any troubles with your passkey?',
-        contact_support: 'Contact Support',
+        info: 'Can’t find your passkey?',
+        contact_support: 'Contact support',
+        divider: 'or',
+        recovery_button: 'generate a new one.',
       }
      */
     dyn_need_help_section: {
-        info: 'Any troubles with your passkey?',
+        info: 'Can’t find your passkey?',
         contact_support: 'Contact support',
+        divider: 'or',
+        recovery_button: 'generate a new one.',
     },
     /**
      * @description copy keys for network not supported view

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

@@ -8,7 +8,7 @@ const TurnkeyErrorMap = {
     3: 'You reached the limit of passkeys for this account.',
 };
 const DOMExceptionErrorMap = {
-    NotAllowedError: 'Make sure to have you browser tab focused.',
+    NotAllowedError: 'Request Cancelled. Select a device or password manager to set up a passkey.',
 };
 const getProperErrorMessage = (originalError) => {
     var _a, _b;

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

@@ -4,7 +4,7 @@ const TurnkeyErrorMap = {
     3: 'You reached the limit of passkeys for this account.',
 };
 const DOMExceptionErrorMap = {
-    NotAllowedError: 'Make sure to have you browser tab focused.',
+    NotAllowedError: 'Request Cancelled. Select a device or password manager to set up a passkey.',
 };
 const getProperErrorMessage = (originalError) => {
     var _a, _b;