@dynamic-labs/sdk-react-core 1.0.4 → 1.0.6

package/src/lib/views/LoginView/LoginView.cjs

@@ -5,6 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var sdkApi = require('@dynamic-labs/sdk-api');
+var utils = require('@dynamic-labs/utils');
 var Divider = require('../../components/Divider/Divider.cjs');
 var ErrorContext = require('../../context/ErrorContext/ErrorContext.cjs');
 var ErrorContainer = require('../../components/ErrorContainer/ErrorContainer.cjs');
@@ -12,6 +13,8 @@ var LoadingContext = require('../../context/LoadingContext/LoadingContext.cjs');
 var classNames = require('../../utils/functions/classNames/classNames.cjs');
 var ViewContext = require('../../context/ViewContext/ViewContext.cjs');
 var WalletList = require('../WalletList/WalletList.cjs');
+var DefaultFooter = require('../../layout/DynamicAuthLayout/DefaultFooter/DefaultFooter.cjs');
+var useAuthLayoutChecks = require('../../utils/hooks/useAuthLayoutChecks/useAuthLayoutChecks.cjs');
 var LoginEmailForm = require('./sections/EmailSignInSection/LoginEmailForm.cjs');
 var WalletSignInSection = require('./sections/WalletSignInSection/WalletSignInSection.cjs');
 var SocialSignInSection = require('./sections/SocialSignInSection/SocialSignInSection.cjs');
@@ -42,6 +45,7 @@ const LoginView = () => {
             setShowWalletList(false);
         }
     }, [isWalletOnly, view]);
+    const { showDefaultFooter } = useAuthLayoutChecks.useAuthLayoutChecks();
     const numOfWallets = ((_a = logingViewSections.find((section) => section.type === sdkApi.SdkViewSectionType.Wallet)) === null || _a === void 0 ? void 0 : _a.numOfItemsToDisplay) || 0;
     const renderViewSections = React.useMemo(() => logingViewSections.map((viewSection, index) => {
         switch (viewSection.type) {
@@ -63,9 +67,10 @@ const LoginView = () => {
     if (showWalletList) {
         return jsxRuntime.jsx(WalletList.WalletList, {});
     }
+    const shouldShowFooter = utils.isMobile() && showDefaultFooter;
     return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [error && (jsxRuntime.jsx(ErrorContainer.ErrorContainer, { className: 'login-with-email__error-container', withIcon: false, children: error })), jsxRuntime.jsx("div", { className: classNames.classNames('login-with-email__container', {
                     'login-with-email__container--error': Boolean(error),
-                }), children: jsxRuntime.jsx("div", { className: 'login-with-email__scroll', "data-testid": 'login-with-email-scroll', children: renderViewSections }) })] }));
+                }), children: jsxRuntime.jsx("div", { className: 'login-with-email__scroll', "data-testid": 'login-with-email-scroll', children: renderViewSections }) }), shouldShowFooter && jsxRuntime.jsx(DefaultFooter.DefaultFooter, { hideBorder: true })] }));
 };
 
 exports.LoginView = LoginView;

package/src/lib/views/LoginView/LoginView.js

@@ -1,6 +1,7 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useState, useEffect, useMemo } from 'react';
 import { SdkViewSectionType } from '@dynamic-labs/sdk-api';
+import { isMobile } from '@dynamic-labs/utils';
 import { Divider } from '../../components/Divider/Divider.js';
 import { useErrorContext } from '../../context/ErrorContext/ErrorContext.js';
 import { ErrorContainer } from '../../components/ErrorContainer/ErrorContainer.js';
@@ -8,6 +9,8 @@ import { useLoadingContext } from '../../context/LoadingContext/LoadingContext.j
 import { classNames } from '../../utils/functions/classNames/classNames.js';
 import { useViewContext } from '../../context/ViewContext/ViewContext.js';
 import { WalletList } from '../WalletList/WalletList.js';
+import { DefaultFooter } from '../../layout/DynamicAuthLayout/DefaultFooter/DefaultFooter.js';
+import { useAuthLayoutChecks } from '../../utils/hooks/useAuthLayoutChecks/useAuthLayoutChecks.js';
 import { LoginEmailForm } from './sections/EmailSignInSection/LoginEmailForm.js';
 import { WalletSignInSection } from './sections/WalletSignInSection/WalletSignInSection.js';
 import { SocialSignInSection } from './sections/SocialSignInSection/SocialSignInSection.js';
@@ -38,6 +41,7 @@ const LoginView = () => {
             setShowWalletList(false);
         }
     }, [isWalletOnly, view]);
+    const { showDefaultFooter } = useAuthLayoutChecks();
     const numOfWallets = ((_a = logingViewSections.find((section) => section.type === SdkViewSectionType.Wallet)) === null || _a === void 0 ? void 0 : _a.numOfItemsToDisplay) || 0;
     const renderViewSections = useMemo(() => logingViewSections.map((viewSection, index) => {
         switch (viewSection.type) {
@@ -59,9 +63,10 @@ const LoginView = () => {
     if (showWalletList) {
         return jsx(WalletList, {});
     }
+    const shouldShowFooter = isMobile() && showDefaultFooter;
     return (jsxs(Fragment, { children: [error && (jsx(ErrorContainer, { className: 'login-with-email__error-container', withIcon: false, children: error })), jsx("div", { className: classNames('login-with-email__container', {
                     'login-with-email__container--error': Boolean(error),
-                }), children: jsx("div", { className: 'login-with-email__scroll', "data-testid": 'login-with-email-scroll', children: renderViewSections }) })] }));
+                }), children: jsx("div", { className: 'login-with-email__scroll', "data-testid": 'login-with-email-scroll', children: renderViewSections }) }), shouldShowFooter && jsx(DefaultFooter, { hideBorder: true })] }));
 };
 
 export { LoginView };

package/src/lib/views/LoginView/sections/EmailSignInSection/LoginEmailForm.cjs

@@ -6,10 +6,10 @@ var _tslib = require('../../../../../../_virtual/_tslib.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var reactI18next = require('react-i18next');
-var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
 var classNames = require('../../../../utils/functions/classNames/classNames.cjs');
 require('@dynamic-labs/utils');
 var useInternalDynamicContext = require('../../../../context/DynamicContext/useInternalDynamicContext.cjs');
+require('@dynamic-labs/wallet-connector-core');
 var CaptchaContext = require('../../../../context/CaptchaContext/CaptchaContext.cjs');
 var ErrorContext = require('../../../../context/ErrorContext/ErrorContext.cjs');
 var ViewContext = require('../../../../context/ViewContext/ViewContext.cjs');
@@ -29,6 +29,7 @@ require('../../../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../../../config/ApiEndpoint.cjs');
 require('../../../../context/EmailVerificationContext/EmailVerificationContext.cjs');
 require('react-dom');
+var findEmailOtpWalletConnector = require('../../../Passkey/utils/findEmailOtpWalletConnector/findEmailOtpWalletConnector.cjs');
 require('../../../../context/ThemeContext/ThemeContext.cjs');
 require('@dynamic-labs/types');
 require('yup');
@@ -75,9 +76,7 @@ const LoginEmailForm = ({ isLoading: isExternalLoading, onSubmit, onSubmitError,
     const { engageCaptcha } = CaptchaContext.useCaptchaContext();
     const [emailInput, setEmailInput] = React.useState(currentEmail !== null && currentEmail !== void 0 ? currentEmail : '');
     const [invalidEmail, setInvalidEmail] = React.useState(false);
-    const emailWalletConnector = walletConnectorOptions
-        .map(({ walletConnector }) => walletConnector)
-        .find(walletConnectorCore.isEmailWalletConnector);
+    const emailWalletConnector = findEmailOtpWalletConnector.findEmailOtpWalletConnector(walletConnectorOptions);
     const { handleEmailSubmitWithOptionalCaptcha, isEmailProviderLoading } = useEmailProvider.useEmailProvider({
         emailWalletConnector,
     });

package/src/lib/views/LoginView/sections/EmailSignInSection/LoginEmailForm.js

@@ -2,10 +2,10 @@ import { __awaiter } from '../../../../../../_virtual/_tslib.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useState, useMemo, useReducer } from 'react';
 import { useTranslation } from 'react-i18next';
-import { isEmailWalletConnector } from '@dynamic-labs/wallet-connector-core';
 import { classNames } from '../../../../utils/functions/classNames/classNames.js';
 import '@dynamic-labs/utils';
 import { useInternalDynamicContext } from '../../../../context/DynamicContext/useInternalDynamicContext.js';
+import '@dynamic-labs/wallet-connector-core';
 import { useCaptchaContext } from '../../../../context/CaptchaContext/CaptchaContext.js';
 import { useErrorContext } from '../../../../context/ErrorContext/ErrorContext.js';
 import { useViewContext } from '../../../../context/ViewContext/ViewContext.js';
@@ -25,6 +25,7 @@ import '../../../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../../../config/ApiEndpoint.js';
 import '../../../../context/EmailVerificationContext/EmailVerificationContext.js';
 import 'react-dom';
+import { findEmailOtpWalletConnector } from '../../../Passkey/utils/findEmailOtpWalletConnector/findEmailOtpWalletConnector.js';
 import '../../../../context/ThemeContext/ThemeContext.js';
 import '@dynamic-labs/types';
 import 'yup';
@@ -71,9 +72,7 @@ const LoginEmailForm = ({ isLoading: isExternalLoading, onSubmit, onSubmitError,
     const { engageCaptcha } = useCaptchaContext();
     const [emailInput, setEmailInput] = useState(currentEmail !== null && currentEmail !== void 0 ? currentEmail : '');
     const [invalidEmail, setInvalidEmail] = useState(false);
-    const emailWalletConnector = walletConnectorOptions
-        .map(({ walletConnector }) => walletConnector)
-        .find(isEmailWalletConnector);
+    const emailWalletConnector = findEmailOtpWalletConnector(walletConnectorOptions);
     const { handleEmailSubmitWithOptionalCaptcha, isEmailProviderLoading } = useEmailProvider({
         emailWalletConnector,
     });

package/src/lib/views/LoginView/sections/SocialSignInSection/SocialSignInSection.cjs

@@ -5,9 +5,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var jsxRuntime = require('react/jsx-runtime');
 var sdkApi = require('@dynamic-labs/sdk-api');
 var useInternalDynamicContext = require('../../../../context/DynamicContext/useInternalDynamicContext.cjs');
+require('@dynamic-labs/wallet-connector-core');
 var logger = require('../../../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
-require('@dynamic-labs/wallet-connector-core');
 require('../../../../context/ViewContext/ViewContext.cjs');
 require('react');
 require('@dynamic-labs/wallet-book');

package/src/lib/views/LoginView/sections/SocialSignInSection/SocialSignInSection.js

@@ -1,9 +1,9 @@
 import { jsx } from 'react/jsx-runtime';
 import { ProviderEnum, SignInProviderEnum } from '@dynamic-labs/sdk-api';
 import { useInternalDynamicContext } from '../../../../context/DynamicContext/useInternalDynamicContext.js';
+import '@dynamic-labs/wallet-connector-core';
 import { logger } from '../../../../shared/logger.js';
 import '@dynamic-labs/iconic';
-import '@dynamic-labs/wallet-connector-core';
 import '../../../../context/ViewContext/ViewContext.js';
 import 'react';
 import '@dynamic-labs/wallet-book';

package/src/lib/views/LoginView/useLoginView.cjs

@@ -7,9 +7,9 @@ var reactI18next = require('react-i18next');
 var sdkApi = require('@dynamic-labs/sdk-api');
 var useInternalDynamicContext = require('../../context/DynamicContext/useInternalDynamicContext.cjs');
 var SocialRedirectContext = require('../../context/SocialRedirectContext/SocialRedirectContext.cjs');
+require('@dynamic-labs/wallet-connector-core');
 var logger = require('../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
-require('@dynamic-labs/wallet-connector-core');
 require('react/jsx-runtime');
 require('../../context/ViewContext/ViewContext.cjs');
 require('@dynamic-labs/wallet-book');

package/src/lib/views/LoginView/useLoginView.js

@@ -3,9 +3,9 @@ import { useTranslation } from 'react-i18next';
 import { SdkViewSectionType, SdkViewType } from '@dynamic-labs/sdk-api';
 import { useInternalDynamicContext } from '../../context/DynamicContext/useInternalDynamicContext.js';
 import { useSocialRedirectContext } from '../../context/SocialRedirectContext/SocialRedirectContext.js';
+import '@dynamic-labs/wallet-connector-core';
 import { logger } from '../../shared/logger.js';
 import '@dynamic-labs/iconic';
-import '@dynamic-labs/wallet-connector-core';
 import 'react/jsx-runtime';
 import '../../context/ViewContext/ViewContext.js';
 import '@dynamic-labs/wallet-book';

package/src/lib/views/Passkey/PasskeyIntroView/PasskeyIntroView.cjs

@@ -25,6 +25,7 @@ require('../../../shared/consts/index.cjs');
 require('@dynamic-labs/multi-wallet');
 var getAuthToken = require('../../../utils/functions/getAuthToken/getAuthToken.cjs');
 require('@dynamic-labs/sdk-api');
+var isPasskeyEnabled = require('../../../utils/functions/isPasskeyEnabled/isPasskeyEnabled.cjs');
 require('../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../../config/ApiEndpoint.cjs');
@@ -71,7 +72,6 @@ require('../../../components/MenuList/Dropdown/Dropdown.cjs');
 require('../../../components/Popper/Popper/Popper.cjs');
 require('../../../components/Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
-var isPasskeyEnabled = require('../../../utils/functions/isPasskeyEnabled/isPasskeyEnabled.cjs');
 var PasskeyDeviceIcon = require('../PasskeyDeviceIcon/PasskeyDeviceIcon.cjs');
 
 const PasskeyIntroView = () => {

package/src/lib/views/Passkey/PasskeyIntroView/PasskeyIntroView.js

@@ -21,6 +21,7 @@ import '../../../shared/consts/index.js';
 import '@dynamic-labs/multi-wallet';
 import { getAuthToken } from '../../../utils/functions/getAuthToken/getAuthToken.js';
 import '@dynamic-labs/sdk-api';
+import { isPasskeyEnabled } from '../../../utils/functions/isPasskeyEnabled/isPasskeyEnabled.js';
 import '../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../../config/ApiEndpoint.js';
@@ -67,7 +68,6 @@ import '../../../components/MenuList/Dropdown/Dropdown.js';
 import '../../../components/Popper/Popper/Popper.js';
 import '../../../components/Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
-import { isPasskeyEnabled } from '../../../utils/functions/isPasskeyEnabled/isPasskeyEnabled.js';
 import { PasskeyDeviceIcon } from '../PasskeyDeviceIcon/PasskeyDeviceIcon.js';
 
 const PasskeyIntroView = () => {

package/src/lib/views/Passkey/PasskeyRecovery/BundleValidation/PasskeyBundleRecovery.cjs

@@ -22,9 +22,9 @@ require('../../../../utils/constants/colors.cjs');
 require('../../../../shared/utils/classes/storage/localStorage.cjs');
 require('viem');
 require('../../../../shared/consts/index.cjs');
+var createOwnerWallet = require('../../../../utils/functions/createOwnerWallet/createOwnerWallet.cjs');
 require('@dynamic-labs/multi-wallet');
 var isAccountAbstractionWallet = require('../../../../utils/functions/isAccountAbstractionWallet/isAccountAbstractionWallet.cjs');
-var createOwnerWallet = require('../../../../utils/functions/createOwnerWallet/createOwnerWallet.cjs');
 require('../../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../../../config/ApiEndpoint.cjs');

package/src/lib/views/Passkey/PasskeyRecovery/BundleValidation/PasskeyBundleRecovery.js

@@ -18,9 +18,9 @@ import '../../../../utils/constants/colors.js';
 import '../../../../shared/utils/classes/storage/localStorage.js';
 import 'viem';
 import '../../../../shared/consts/index.js';
+import { createOwnerWallet } from '../../../../utils/functions/createOwnerWallet/createOwnerWallet.js';
 import '@dynamic-labs/multi-wallet';
 import { isAccountAbstractionWallet } from '../../../../utils/functions/isAccountAbstractionWallet/isAccountAbstractionWallet.js';
-import { createOwnerWallet } from '../../../../utils/functions/createOwnerWallet/createOwnerWallet.js';
 import '../../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../../../config/ApiEndpoint.js';

package/src/lib/views/Passkey/PasskeyRecovery/CompleteRecovery/PasskeyCompleteRecovery.cjs

@@ -21,11 +21,11 @@ require('../../../../utils/constants/colors.cjs');
 require('../../../../shared/utils/classes/storage/localStorage.cjs');
 require('viem');
 require('../../../../shared/consts/index.cjs');
+var createOwnerWallet = require('../../../../utils/functions/createOwnerWallet/createOwnerWallet.cjs');
 var createUserProfile = require('../../../../utils/functions/createUserProfile/createUserProfile.cjs');
 require('@dynamic-labs/multi-wallet');
-var index = require('../../../../utils/functions/storeAuthToken/index.cjs');
 var isAccountAbstractionWallet = require('../../../../utils/functions/isAccountAbstractionWallet/isAccountAbstractionWallet.cjs');
-var createOwnerWallet = require('../../../../utils/functions/createOwnerWallet/createOwnerWallet.cjs');
+var index = require('../../../../utils/functions/storeAuthToken/index.cjs');
 require('../../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../../../config/ApiEndpoint.cjs');

package/src/lib/views/Passkey/PasskeyRecovery/CompleteRecovery/PasskeyCompleteRecovery.js

@@ -17,11 +17,11 @@ import '../../../../utils/constants/colors.js';
 import '../../../../shared/utils/classes/storage/localStorage.js';
 import 'viem';
 import '../../../../shared/consts/index.js';
+import { createOwnerWallet } from '../../../../utils/functions/createOwnerWallet/createOwnerWallet.js';
 import { createUserProfile } from '../../../../utils/functions/createUserProfile/createUserProfile.js';
 import '@dynamic-labs/multi-wallet';
-import { storeAuthToken } from '../../../../utils/functions/storeAuthToken/index.js';
 import { isAccountAbstractionWallet } from '../../../../utils/functions/isAccountAbstractionWallet/isAccountAbstractionWallet.js';
-import { createOwnerWallet } from '../../../../utils/functions/createOwnerWallet/createOwnerWallet.js';
+import { storeAuthToken } from '../../../../utils/functions/storeAuthToken/index.js';
 import '../../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../../../config/ApiEndpoint.js';

package/src/lib/views/Passkey/PasskeyRecovery/InitRecovery/PasskeyInitRecovery.cjs

@@ -22,9 +22,9 @@ require('../../../../utils/constants/colors.cjs');
 require('../../../../shared/utils/classes/storage/localStorage.cjs');
 require('viem');
 require('../../../../shared/consts/index.cjs');
+var createOwnerWallet = require('../../../../utils/functions/createOwnerWallet/createOwnerWallet.cjs');
 require('@dynamic-labs/multi-wallet');
 var isAccountAbstractionWallet = require('../../../../utils/functions/isAccountAbstractionWallet/isAccountAbstractionWallet.cjs');
-var createOwnerWallet = require('../../../../utils/functions/createOwnerWallet/createOwnerWallet.cjs');
 require('../../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../../../config/ApiEndpoint.cjs');

package/src/lib/views/Passkey/PasskeyRecovery/InitRecovery/PasskeyInitRecovery.js

@@ -18,9 +18,9 @@ import '../../../../utils/constants/colors.js';
 import '../../../../shared/utils/classes/storage/localStorage.js';
 import 'viem';
 import '../../../../shared/consts/index.js';
+import { createOwnerWallet } from '../../../../utils/functions/createOwnerWallet/createOwnerWallet.js';
 import '@dynamic-labs/multi-wallet';
 import { isAccountAbstractionWallet } from '../../../../utils/functions/isAccountAbstractionWallet/isAccountAbstractionWallet.js';
-import { createOwnerWallet } from '../../../../utils/functions/createOwnerWallet/createOwnerWallet.js';
 import '../../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../../../config/ApiEndpoint.js';

package/src/lib/views/Passkey/utils/findEmailOtpWalletConnector/findEmailOtpWalletConnector.cjs

@@ -0,0 +1,17 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
+
+const findEmailOtpWalletConnector = (wallets) => {
+    const walletConnector = wallets
+        .map(({ walletConnector }) => walletConnector)
+        .find((walletConnector) => walletConnectorCore.isEmailWalletConnector(walletConnector) &&
+        // additional check to make sure the wallet connector actually implements its own otp workflow
+        // if a walletConnector only uses Dynamic's OTP, then canConnectViaEmail should be false
+        walletConnector.canConnectViaEmail);
+    return walletConnector;
+};
+
+exports.findEmailOtpWalletConnector = findEmailOtpWalletConnector;

package/src/lib/views/Passkey/utils/findEmailOtpWalletConnector/findEmailOtpWalletConnector.d.ts

@@ -0,0 +1,3 @@
+import { IEmailWalletConnector } from '@dynamic-labs/wallet-connector-core';
+import { WalletOption } from '../../../../shared';
+export declare const findEmailOtpWalletConnector: (wallets: WalletOption[]) => IEmailWalletConnector | undefined;

package/src/lib/views/Passkey/utils/findEmailOtpWalletConnector/findEmailOtpWalletConnector.js

@@ -0,0 +1,13 @@
+import { isEmailWalletConnector } from '@dynamic-labs/wallet-connector-core';
+
+const findEmailOtpWalletConnector = (wallets) => {
+    const walletConnector = wallets
+        .map(({ walletConnector }) => walletConnector)
+        .find((walletConnector) => isEmailWalletConnector(walletConnector) &&
+        // additional check to make sure the wallet connector actually implements its own otp workflow
+        // if a walletConnector only uses Dynamic's OTP, then canConnectViaEmail should be false
+        walletConnector.canConnectViaEmail);
+    return walletConnector;
+};
+
+export { findEmailOtpWalletConnector };

package/src/lib/views/Passkey/utils/findEmailOtpWalletConnector/index.d.ts

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

package/src/lib/views/Passkey/utils/index.d.ts

@@ -1,3 +1,4 @@
 export * from './createEmbeddedWalletWithPasskey';
 export * from './findPasskeyEmailWalletConnector';
 export * from './createPregeneratedWallet';
+export * from './findEmailOtpWalletConnector';

package/src/lib/views/QrCodeView/QrCodeView.cjs

@@ -7,10 +7,10 @@ var walletBook = require('@dynamic-labs/wallet-book');
 var ThemeContext = require('../../context/ThemeContext/ThemeContext.cjs');
 var useInternalDynamicContext = require('../../context/DynamicContext/useInternalDynamicContext.cjs');
 var QrCodeContext = require('../../context/QrCodeContext/QrCodeContext.cjs');
+require('@dynamic-labs/wallet-connector-core');
 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('react');
 require('../../utils/constants/colors.cjs');

package/src/lib/views/QrCodeView/QrCodeView.js

@@ -3,10 +3,10 @@ import { useWalletBookContext, WalletIcon, getWalletPrimaryColor } from '@dynami
 import { useThemeContext } from '../../context/ThemeContext/ThemeContext.js';
 import { useInternalDynamicContext } from '../../context/DynamicContext/useInternalDynamicContext.js';
 import { useQrCodeContext } from '../../context/QrCodeContext/QrCodeContext.js';
+import '@dynamic-labs/wallet-connector-core';
 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 'react';
 import '../../utils/constants/colors.js';

package/src/lib/views/WalletList/WalletList.cjs

@@ -26,6 +26,7 @@ require('viem');
 require('@dynamic-labs/utils');
 require('../../shared/consts/index.cjs');
 var noWalletFound = require('../../assets/no-wallet-found.cjs');
+var DefaultFooter = require('../../layout/DynamicAuthLayout/DefaultFooter/DefaultFooter.cjs');
 var useAuthLayoutChecks = require('../../utils/hooks/useAuthLayoutChecks/useAuthLayoutChecks.cjs');
 var SearchNotFoundMessage = require('./SearchNotFoundMessage/SearchNotFoundMessage.cjs');
 var WalletListItem = require('./WalletListItem/WalletListItem.cjs');
@@ -36,9 +37,10 @@ const WalletList = ({ isWalletConnectList = false, }) => {
     const { walletsFilter, signWithEmailWalletName, walletConnectorOptions, projectSettings, defaultNumberOfWalletsToShow, bridgeChainsToConnect, connectedWallets, authMode, multiWallet, walletConnector, } = useInternalDynamicContext.useInternalDynamicContext();
     const { walletBook: walletBook$1 } = walletBook.useWalletBookContext();
     const { error } = ErrorContext.useErrorContext();
+    const { showDefaultFooter } = useAuthLayoutChecks.useAuthLayoutChecks(walletConnector);
+    const [footerBorderIsVisible, setFooterBorderIsVisible] = React.useState(true);
     const { t } = reactI18next.useTranslation();
     const [filterValue, setFilterValue] = React.useState((_a = localStorage.LocalStorage.getFromLS(localStorage$1.WALLET_PICKER_SEARCH_KEY)) !== null && _a !== void 0 ? _a : '');
-    const [footerIsVisible, setFooterIsVisibile] = React.useState(false);
     const getFilteredBridgeChains = (bridgeChainsToConnect === null || bridgeChainsToConnect === void 0 ? void 0 : bridgeChainsToConnect.length) &&
         index.FilterBridgeChainsName(bridgeChainsToConnect[0].chain);
     const filteredBridgeChains = getFilteredBridgeChains && getFilteredBridgeChains(walletConnectorOptions);
@@ -59,7 +61,6 @@ const WalletList = ({ isWalletConnectList = false, }) => {
     });
     const isSearchEnabled = numberOfWallets > defaultNumberOfWalletsToShow &&
         walletsList.length !== numberOfWallets;
-    const { showDefaultFooter } = useAuthLayoutChecks.useAuthLayoutChecks(walletConnector);
     const walletListScrollRef = React.useRef(null);
     /* istanbul ignore next */
     const handleScroll = () => {
@@ -68,10 +69,10 @@ const WalletList = ({ isWalletConnectList = false, }) => {
             return;
         }
         if ((element === null || element === void 0 ? void 0 : element.scrollTop) > (element === null || element === void 0 ? void 0 : element.clientHeight) * 1.25) {
-            setFooterIsVisibile(true);
+            setFooterBorderIsVisible(false);
         }
         else {
-            setFooterIsVisibile(false);
+            setFooterBorderIsVisible(true);
         }
     };
     const handleFilterValueChange = (value) => {
@@ -84,9 +85,7 @@ const WalletList = ({ isWalletConnectList = false, }) => {
     return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [searchContainer, Boolean(error) && (jsxRuntime.jsx(ErrorContainer.ErrorContainer, { className: 'wallet-list__error-container', withIcon: false, children: error })), jsxRuntime.jsx("div", { className: 'wallet-list__container', children: jsxRuntime.jsxs("div", { className: classNames.classNames('wallet-list__scroll-container', {
                         'wallet-list__scroll-container--error': Boolean(error),
                         'wallet-list__scroll-container--full-height': isSearchEnabled,
-                    }), "data-testid": 'wallet-list-scroll-container', ref: walletListScrollRef, onScroll: handleScroll, children: [!projectSettings ? (jsxRuntime.jsx(Skeleton.Skeleton, { count: 10, className: 'wallet-list__tile-skeleton' })) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [walletConnectorOptions.length === 0 && (jsxRuntime.jsx(ErrorContainer.ErrorContainer, { copykey: 'dyn_wallet_list.configuration_mismatch', children: t('dyn_wallet_list.configuration_mismatch') })), walletConnectorOptions.length && walletsList.length === 0 ? (jsxRuntime.jsx(SearchNotFoundMessage.SearchNotFoundMessage, { title: t('dyn_wallet_list.search.not_found.title'), subtitle: t('dyn_wallet_list.search.not_found.description'), image: jsxRuntime.jsx(noWalletFound.ReactComponent, {}) })) : (walletsList.map((wallet, index) => (jsxRuntime.jsx(WalletListItem.WalletListItem, { wallet: wallet, usingMultiWallet: multiWallet, onResetSearchValue: () => handleFilterValueChange('') }, `${wallet.key}_${index}`))))] })), isSearchEnabled && !filterValue && projectSettings && (jsxRuntime.jsx(SearchNotFoundMessage.SearchNotFoundMessage, {}))] }) }), showDefaultFooter && (jsxRuntime.jsx("div", { className: classNames.classNames('wallet-list__tiny-footer', {
-                    'wallet-list__tiny-footer--hidden': footerIsVisible,
-                }), "data-testid": 'wallet-list-tiny-footer' }))] }));
+                    }), "data-testid": 'wallet-list-scroll-container', ref: walletListScrollRef, onScroll: handleScroll, children: [!projectSettings ? (jsxRuntime.jsx(Skeleton.Skeleton, { count: 10, className: 'wallet-list__tile-skeleton' })) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [walletConnectorOptions.length === 0 && (jsxRuntime.jsx(ErrorContainer.ErrorContainer, { copykey: 'dyn_wallet_list.configuration_mismatch', children: t('dyn_wallet_list.configuration_mismatch') })), walletConnectorOptions.length && walletsList.length === 0 ? (jsxRuntime.jsx(SearchNotFoundMessage.SearchNotFoundMessage, { title: t('dyn_wallet_list.search.not_found.title'), subtitle: t('dyn_wallet_list.search.not_found.description'), image: jsxRuntime.jsx(noWalletFound.ReactComponent, {}) })) : (walletsList.map((wallet, index) => (jsxRuntime.jsx(WalletListItem.WalletListItem, { wallet: wallet, usingMultiWallet: multiWallet, onResetSearchValue: () => handleFilterValueChange('') }, `${wallet.key}_${index}`))))] })), isSearchEnabled && !filterValue && projectSettings && (jsxRuntime.jsx(SearchNotFoundMessage.SearchNotFoundMessage, {}))] }) }), showDefaultFooter && (jsxRuntime.jsx(DefaultFooter.DefaultFooter, { hideBorder: !footerBorderIsVisible }))] }));
 };
 
 exports.WalletList = WalletList;

package/src/lib/views/WalletList/WalletList.js

@@ -22,6 +22,7 @@ import 'viem';
 import '@dynamic-labs/utils';
 import '../../shared/consts/index.js';
 import { ReactComponent as SvgNoWalletFound } from '../../assets/no-wallet-found.js';
+import { DefaultFooter } from '../../layout/DynamicAuthLayout/DefaultFooter/DefaultFooter.js';
 import { useAuthLayoutChecks } from '../../utils/hooks/useAuthLayoutChecks/useAuthLayoutChecks.js';
 import { SearchNotFoundMessage } from './SearchNotFoundMessage/SearchNotFoundMessage.js';
 import { WalletListItem } from './WalletListItem/WalletListItem.js';
@@ -32,9 +33,10 @@ const WalletList = ({ isWalletConnectList = false, }) => {
     const { walletsFilter, signWithEmailWalletName, walletConnectorOptions, projectSettings, defaultNumberOfWalletsToShow, bridgeChainsToConnect, connectedWallets, authMode, multiWallet, walletConnector, } = useInternalDynamicContext();
     const { walletBook } = useWalletBookContext();
     const { error } = useErrorContext();
+    const { showDefaultFooter } = useAuthLayoutChecks(walletConnector);
+    const [footerBorderIsVisible, setFooterBorderIsVisible] = useState(true);
     const { t } = useTranslation();
     const [filterValue, setFilterValue] = useState((_a = LocalStorage.getFromLS(WALLET_PICKER_SEARCH_KEY)) !== null && _a !== void 0 ? _a : '');
-    const [footerIsVisible, setFooterIsVisibile] = useState(false);
     const getFilteredBridgeChains = (bridgeChainsToConnect === null || bridgeChainsToConnect === void 0 ? void 0 : bridgeChainsToConnect.length) &&
         FilterBridgeChainsName(bridgeChainsToConnect[0].chain);
     const filteredBridgeChains = getFilteredBridgeChains && getFilteredBridgeChains(walletConnectorOptions);
@@ -55,7 +57,6 @@ const WalletList = ({ isWalletConnectList = false, }) => {
     });
     const isSearchEnabled = numberOfWallets > defaultNumberOfWalletsToShow &&
         walletsList.length !== numberOfWallets;
-    const { showDefaultFooter } = useAuthLayoutChecks(walletConnector);
     const walletListScrollRef = useRef(null);
     /* istanbul ignore next */
     const handleScroll = () => {
@@ -64,10 +65,10 @@ const WalletList = ({ isWalletConnectList = false, }) => {
             return;
         }
         if ((element === null || element === void 0 ? void 0 : element.scrollTop) > (element === null || element === void 0 ? void 0 : element.clientHeight) * 1.25) {
-            setFooterIsVisibile(true);
+            setFooterBorderIsVisible(false);
         }
         else {
-            setFooterIsVisibile(false);
+            setFooterBorderIsVisible(true);
         }
     };
     const handleFilterValueChange = (value) => {
@@ -80,9 +81,7 @@ const WalletList = ({ isWalletConnectList = false, }) => {
     return (jsxs(Fragment, { children: [searchContainer, Boolean(error) && (jsx(ErrorContainer, { className: 'wallet-list__error-container', withIcon: false, children: error })), jsx("div", { className: 'wallet-list__container', children: jsxs("div", { className: classNames('wallet-list__scroll-container', {
                         'wallet-list__scroll-container--error': Boolean(error),
                         'wallet-list__scroll-container--full-height': isSearchEnabled,
-                    }), "data-testid": 'wallet-list-scroll-container', ref: walletListScrollRef, onScroll: handleScroll, children: [!projectSettings ? (jsx(Skeleton, { count: 10, className: 'wallet-list__tile-skeleton' })) : (jsxs(Fragment, { children: [walletConnectorOptions.length === 0 && (jsx(ErrorContainer, { copykey: 'dyn_wallet_list.configuration_mismatch', children: t('dyn_wallet_list.configuration_mismatch') })), walletConnectorOptions.length && walletsList.length === 0 ? (jsx(SearchNotFoundMessage, { title: t('dyn_wallet_list.search.not_found.title'), subtitle: t('dyn_wallet_list.search.not_found.description'), image: jsx(SvgNoWalletFound, {}) })) : (walletsList.map((wallet, index) => (jsx(WalletListItem, { wallet: wallet, usingMultiWallet: multiWallet, onResetSearchValue: () => handleFilterValueChange('') }, `${wallet.key}_${index}`))))] })), isSearchEnabled && !filterValue && projectSettings && (jsx(SearchNotFoundMessage, {}))] }) }), showDefaultFooter && (jsx("div", { className: classNames('wallet-list__tiny-footer', {
-                    'wallet-list__tiny-footer--hidden': footerIsVisible,
-                }), "data-testid": 'wallet-list-tiny-footer' }))] }));
+                    }), "data-testid": 'wallet-list-scroll-container', ref: walletListScrollRef, onScroll: handleScroll, children: [!projectSettings ? (jsx(Skeleton, { count: 10, className: 'wallet-list__tile-skeleton' })) : (jsxs(Fragment, { children: [walletConnectorOptions.length === 0 && (jsx(ErrorContainer, { copykey: 'dyn_wallet_list.configuration_mismatch', children: t('dyn_wallet_list.configuration_mismatch') })), walletConnectorOptions.length && walletsList.length === 0 ? (jsx(SearchNotFoundMessage, { title: t('dyn_wallet_list.search.not_found.title'), subtitle: t('dyn_wallet_list.search.not_found.description'), image: jsx(SvgNoWalletFound, {}) })) : (walletsList.map((wallet, index) => (jsx(WalletListItem, { wallet: wallet, usingMultiWallet: multiWallet, onResetSearchValue: () => handleFilterValueChange('') }, `${wallet.key}_${index}`))))] })), isSearchEnabled && !filterValue && projectSettings && (jsx(SearchNotFoundMessage, {}))] }) }), showDefaultFooter && (jsx(DefaultFooter, { hideBorder: !footerBorderIsVisible }))] }));
 };
 
 export { WalletList };

package/src/lib/widgets/DynamicWidget/components/ActiveWalletInformation/ActiveWalletInformation.cjs

@@ -21,10 +21,10 @@ require('../../../../utils/constants/colors.cjs');
 require('../../../../shared/utils/classes/storage/localStorage.cjs');
 require('viem');
 require('../../../../shared/consts/index.cjs');
+var createOwnerWallet = require('../../../../utils/functions/createOwnerWallet/createOwnerWallet.cjs');
 require('@dynamic-labs/multi-wallet');
-var isTestnet = require('../../../../utils/functions/isTestnet/isTestnet.cjs');
 var isAccountAbstractionWallet = require('../../../../utils/functions/isAccountAbstractionWallet/isAccountAbstractionWallet.cjs');
-var createOwnerWallet = require('../../../../utils/functions/createOwnerWallet/createOwnerWallet.cjs');
+var isTestnet = require('../../../../utils/functions/isTestnet/isTestnet.cjs');
 require('../../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../../../config/ApiEndpoint.cjs');

package/src/lib/widgets/DynamicWidget/components/ActiveWalletInformation/ActiveWalletInformation.js

@@ -17,10 +17,10 @@ import '../../../../utils/constants/colors.js';
 import '../../../../shared/utils/classes/storage/localStorage.js';
 import 'viem';
 import '../../../../shared/consts/index.js';
+import { createOwnerWallet } from '../../../../utils/functions/createOwnerWallet/createOwnerWallet.js';
 import '@dynamic-labs/multi-wallet';
-import { isTestnet } from '../../../../utils/functions/isTestnet/isTestnet.js';
 import { isAccountAbstractionWallet } from '../../../../utils/functions/isAccountAbstractionWallet/isAccountAbstractionWallet.js';
-import { createOwnerWallet } from '../../../../utils/functions/createOwnerWallet/createOwnerWallet.js';
+import { isTestnet } from '../../../../utils/functions/isTestnet/isTestnet.js';
 import '../../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../../../config/ApiEndpoint.js';

package/src/lib/widgets/DynamicWidget/components/WalletIconWithStatus/WalletIconWithStatus.cjs

@@ -5,10 +5,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var jsxRuntime = require('react/jsx-runtime');
 var walletBook = require('@dynamic-labs/wallet-book');
 var StatusDot = require('../../../../components/StatusDot/StatusDot.cjs');
+require('@dynamic-labs/wallet-connector-core');
 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('react');
 require('../../../../utils/constants/colors.cjs');

package/src/lib/widgets/DynamicWidget/components/WalletIconWithStatus/WalletIconWithStatus.js

@@ -1,10 +1,10 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { WalletIcon } from '@dynamic-labs/wallet-book';
 import { StatusDot } from '../../../../components/StatusDot/StatusDot.js';
+import '@dynamic-labs/wallet-connector-core';
 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 'react';
 import '../../../../utils/constants/colors.js';

package/src/lib/widgets/DynamicWidget/prompts/UnlinkWalletPopUp/UnlinkWalletPopUp.cjs

@@ -63,18 +63,13 @@ require('../../../../components/Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
 
 const UnlinkWalletPopUp = ({ walletId }) => {
-    const { handleUnlinkWallet, eventsCallbacks, setSelectedWalletWithAction, user, authMode, } = useInternalDynamicContext.useInternalDynamicContext();
+    const { handleUnlinkWallet, setSelectedWalletWithAction, authMode } = useInternalDynamicContext.useInternalDynamicContext();
     const { loading, setLoading } = LoadingContext.useLoadingContext();
     const onConfirmClick = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-        var _a;
         try {
             setLoading(true);
             yield handleUnlinkWallet(walletId);
             setSelectedWalletWithAction(null);
-            const walletFromId = user === null || user === void 0 ? void 0 : user.verifiedCredentials.find((wallet) => wallet.id === walletId);
-            if (walletFromId) {
-                (_a = eventsCallbacks === null || eventsCallbacks === void 0 ? void 0 : eventsCallbacks.onUnlinkSuccess) === null || _a === void 0 ? void 0 : _a.call(eventsCallbacks, walletFromId);
-            }
         }
         catch (error) {
             logger.logger.error(error);

package/src/lib/widgets/DynamicWidget/prompts/UnlinkWalletPopUp/UnlinkWalletPopUp.js

@@ -59,18 +59,13 @@ import '../../../../components/Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
 
 const UnlinkWalletPopUp = ({ walletId }) => {
-    const { handleUnlinkWallet, eventsCallbacks, setSelectedWalletWithAction, user, authMode, } = useInternalDynamicContext();
+    const { handleUnlinkWallet, setSelectedWalletWithAction, authMode } = useInternalDynamicContext();
     const { loading, setLoading } = useLoadingContext();
     const onConfirmClick = () => __awaiter(void 0, void 0, void 0, function* () {
-        var _a;
         try {
             setLoading(true);
             yield handleUnlinkWallet(walletId);
             setSelectedWalletWithAction(null);
-            const walletFromId = user === null || user === void 0 ? void 0 : user.verifiedCredentials.find((wallet) => wallet.id === walletId);
-            if (walletFromId) {
-                (_a = eventsCallbacks === null || eventsCallbacks === void 0 ? void 0 : eventsCallbacks.onUnlinkSuccess) === null || _a === void 0 ? void 0 : _a.call(eventsCallbacks, walletFromId);
-            }
         }
         catch (error) {
             logger.error(error);