@dynamic-labs/sdk-react-core 0.19.0-alpha.2 → 0.19.0-alpha.20

package/src/lib/utils/hooks/useDynamicLayoutData/useDynamicLayoutData.cjs

@@ -0,0 +1,103 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var reactI18next = require('react-i18next');
+var iconic = require('@dynamic-labs/iconic');
+
+const useDynamicLayoutData = ({ view, authMode, }) => {
+    const { t } = reactI18next.useTranslation();
+    if (view === 'no-access') {
+        const headerData = {
+            heading: t('dyn_no_access.title'),
+        };
+        return { headerData };
+    }
+    const helpHeaderMap = {
+        'login-with-email-or-wallet-full-wallet-list': {
+            heading: t('dyn_login.helper.all_wallet_list'),
+        },
+        'login-with-wallet-only': {
+            heading: t('dyn_login.helper.wallet_only'),
+        },
+        'passkey-intro': {
+            heading: t('dyn_passkey_intro.helper.title'),
+        },
+        'pending-connect': {
+            heading: t('dyn_login.helper.pending_connect.title'),
+        },
+        'pending-signature': {
+            heading: t('dyn_login.helper.pending_signature.title'),
+        },
+        'pending-signature-without-back-button': {
+            heading: t('dyn_login.helper.pending_signature_without_back_button.title'),
+        },
+        'qr-code': {
+            heading: t('dyn_login.helper.qr_code.title'),
+        },
+        'wallet-connect-mobile-wallets-list': {
+            heading: t('dyn_wallet_conect.mobile.wallet_list.helper'),
+        },
+        'wallet-list': {
+            heading: t('dyn_wallet_list.helper'),
+        },
+    };
+    const headerMap = {
+        'account-exists': { heading: t('dyn_account_exists.title') },
+        'chainalysis-blocked-wallet': {
+            heading: t('dyn_chainalysis_blocked_wallet.title'),
+        },
+        'login-with-email-or-wallet': { heading: t('dyn_login.title.all') },
+        'login-with-email-or-wallet-full-wallet-list': {
+            heading: t('dyn_login.title.all_wallet_list'),
+        },
+        'login-with-email-verification': {
+            heading: 'Confirm verification code',
+        },
+        'login-with-wallet-only': {
+            heading: t('dyn_login.title.wallet_only'),
+        },
+        'multi-wallet-wallet-list': {
+            heading: authMode === 'connect-only'
+                ? t('dyn_wallet_list.title.connect')
+                : t('dyn_wallet_list.title.link'),
+        },
+        'network-not-supported': {
+            heading: 'Update Network',
+        },
+        'pending-connect': {
+            heading: t('dyn_login.connect_wallet.title'),
+        },
+        'pending-signature': {
+            heading: t('dyn_login.sign_wallet.title'),
+        },
+        'qr-code': {
+            heading: t('dyn_login.qr_code.title'),
+        },
+        'verify-email': {
+            heading: 'Confirm verification code',
+        },
+        'wallet-connect-mobile-wallets-list': {
+            heading: (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(iconic.WalletConnectIcon, { style: { height: '1.5rem', width: '1.5rem' } }), ' ', t('dyn_wallet_conect.mobile.wallet_list.title')] })),
+        },
+        'wallet-group': {
+            heading: t('dyn_login.wallet_group.title'),
+        },
+        'wallet-list': {
+            heading: t('dyn_wallet_list.title.select'),
+        },
+        'wallet-sign': { heading: t('dyn_wallet_transfer.sign.title') },
+        'wallet-used': {
+            heading: 'Transfer this wallet?',
+        },
+    };
+    const helpHeaderData = helpHeaderMap[view];
+    const headerData = headerMap[view];
+    return {
+        headerData,
+        helpHeaderData,
+    };
+};
+
+exports.useDynamicLayoutData = useDynamicLayoutData;

package/src/lib/utils/{functions/getDynamicLayoutData/getDynamicLayoutData.d.ts → hooks/useDynamicLayoutData/useDynamicLayoutData.d.ts}

@@ -1,21 +1,23 @@
-/// <reference types="react" />
-import { ViewType } from '../../../context/ViewContext';
-interface FooterContentProps {
-    heading: string;
-}
-interface HeaderContentProps {
-    heading: string | JSX.Element;
-}
-interface DynamicLayoutProps {
-    view: ViewType;
-}
-export declare const getDynamicLayoutData: ({ view }: DynamicLayoutProps) => {
-    headerData: {
-        heading: string;
-    };
-    helpHeaderData?: undefined;
-} | {
-    headerData: HeaderContentProps | undefined;
-    helpHeaderData: FooterContentProps | undefined;
-};
-export {};
+/// <reference types="react" />
+import { ViewType } from '../../../context/ViewContext';
+import { AuthModeType } from '../../../shared';
+interface FooterContentProps {
+    heading: string;
+}
+interface HeaderContentProps {
+    heading: string | JSX.Element;
+}
+interface DynamicLayoutProps {
+    view: ViewType;
+    authMode: AuthModeType;
+}
+export declare const useDynamicLayoutData: ({ view, authMode, }: DynamicLayoutProps) => {
+    headerData: {
+        heading: string;
+    };
+    helpHeaderData?: undefined;
+} | {
+    headerData: HeaderContentProps | undefined;
+    helpHeaderData: FooterContentProps | undefined;
+};
+export {};

package/src/lib/utils/hooks/useDynamicLayoutData/useDynamicLayoutData.js

@@ -0,0 +1,99 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { useTranslation } from 'react-i18next';
+import { WalletConnectIcon } from '@dynamic-labs/iconic';
+
+const useDynamicLayoutData = ({ view, authMode, }) => {
+    const { t } = useTranslation();
+    if (view === 'no-access') {
+        const headerData = {
+            heading: t('dyn_no_access.title'),
+        };
+        return { headerData };
+    }
+    const helpHeaderMap = {
+        'login-with-email-or-wallet-full-wallet-list': {
+            heading: t('dyn_login.helper.all_wallet_list'),
+        },
+        'login-with-wallet-only': {
+            heading: t('dyn_login.helper.wallet_only'),
+        },
+        'passkey-intro': {
+            heading: t('dyn_passkey_intro.helper.title'),
+        },
+        'pending-connect': {
+            heading: t('dyn_login.helper.pending_connect.title'),
+        },
+        'pending-signature': {
+            heading: t('dyn_login.helper.pending_signature.title'),
+        },
+        'pending-signature-without-back-button': {
+            heading: t('dyn_login.helper.pending_signature_without_back_button.title'),
+        },
+        'qr-code': {
+            heading: t('dyn_login.helper.qr_code.title'),
+        },
+        'wallet-connect-mobile-wallets-list': {
+            heading: t('dyn_wallet_conect.mobile.wallet_list.helper'),
+        },
+        'wallet-list': {
+            heading: t('dyn_wallet_list.helper'),
+        },
+    };
+    const headerMap = {
+        'account-exists': { heading: t('dyn_account_exists.title') },
+        'chainalysis-blocked-wallet': {
+            heading: t('dyn_chainalysis_blocked_wallet.title'),
+        },
+        'login-with-email-or-wallet': { heading: t('dyn_login.title.all') },
+        'login-with-email-or-wallet-full-wallet-list': {
+            heading: t('dyn_login.title.all_wallet_list'),
+        },
+        'login-with-email-verification': {
+            heading: 'Confirm verification code',
+        },
+        'login-with-wallet-only': {
+            heading: t('dyn_login.title.wallet_only'),
+        },
+        'multi-wallet-wallet-list': {
+            heading: authMode === 'connect-only'
+                ? t('dyn_wallet_list.title.connect')
+                : t('dyn_wallet_list.title.link'),
+        },
+        'network-not-supported': {
+            heading: 'Update Network',
+        },
+        'pending-connect': {
+            heading: t('dyn_login.connect_wallet.title'),
+        },
+        'pending-signature': {
+            heading: t('dyn_login.sign_wallet.title'),
+        },
+        'qr-code': {
+            heading: t('dyn_login.qr_code.title'),
+        },
+        'verify-email': {
+            heading: 'Confirm verification code',
+        },
+        'wallet-connect-mobile-wallets-list': {
+            heading: (jsxs(Fragment, { children: [jsx(WalletConnectIcon, { style: { height: '1.5rem', width: '1.5rem' } }), ' ', t('dyn_wallet_conect.mobile.wallet_list.title')] })),
+        },
+        'wallet-group': {
+            heading: t('dyn_login.wallet_group.title'),
+        },
+        'wallet-list': {
+            heading: t('dyn_wallet_list.title.select'),
+        },
+        'wallet-sign': { heading: t('dyn_wallet_transfer.sign.title') },
+        'wallet-used': {
+            heading: 'Transfer this wallet?',
+        },
+    };
+    const helpHeaderData = helpHeaderMap[view];
+    const headerData = headerMap[view];
+    return {
+        headerData,
+        helpHeaderData,
+    };
+};
+
+export { useDynamicLayoutData };

package/src/lib/utils/hooks/useDynamicScopes/index.d.ts

@@ -1 +1 @@
-export { useDynamicScopes } from './useDynamicScopes';
+export { useDynamicScopes } from './useDynamicScopes';

package/src/lib/utils/hooks/useDynamicScopes/useDynamicScopes.cjs

@@ -5,36 +5,36 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var useInternalDynamicContext = require('../../../context/DynamicContext/useInternalDynamicContext.cjs');
 
-// This hook can be used to get all of the user's scopes (nft/token gates)
-// and check if the user has a specific scopes with some logic AND/OR (nft/token gate)
-const useDynamicScopes = () => {
-    const { decodedAuthToken } = useInternalDynamicContext.useInternalDynamicContext();
-    const userScopes = React.useMemo(() => {
-        const { scope } = decodedAuthToken || {};
-        if (!scope)
-            return [];
-        // We need to split the scopes string into an array of scopes
-        // because the scopes string is a space separated string of scopes
-        // e.g. '"scope": "customerservice marketing tech"'
-        return scope.split(' ');
-    }, [decodedAuthToken]);
-    // If customer will set scopes to an empty string it will return false
-    const userHasScopes = (scopes, logicOperator = 'OR') => {
-        if (!scopes.length)
-            return false;
-        if (typeof scopes === 'string')
-            scopes = scopes.split(' ');
-        if (logicOperator === 'AND') {
-            // If the logic operator is AND, the user must have all of the scopes
-            // If the logic operator is OR, the user must have at least one of the scopes
-            return scopes.every((scope) => Boolean(userScopes.includes(scope)));
-        }
-        return scopes.some((scope) => Boolean(userScopes.includes(scope)));
-    };
-    return {
-        userHasScopes,
-        userScopes,
-    };
+// This hook can be used to get all of the user's scopes (nft/token gates)
+// and check if the user has a specific scopes with some logic AND/OR (nft/token gate)
+const useDynamicScopes = () => {
+    const { decodedAuthToken } = useInternalDynamicContext.useInternalDynamicContext();
+    const userScopes = React.useMemo(() => {
+        const { scope } = decodedAuthToken || {};
+        if (!scope)
+            return [];
+        // We need to split the scopes string into an array of scopes
+        // because the scopes string is a space separated string of scopes
+        // e.g. '"scope": "customerservice marketing tech"'
+        return scope.split(' ');
+    }, [decodedAuthToken]);
+    // If customer will set scopes to an empty string it will return false
+    const userHasScopes = (scopes, logicOperator = 'OR') => {
+        if (!scopes.length)
+            return false;
+        if (typeof scopes === 'string')
+            scopes = scopes.split(' ');
+        if (logicOperator === 'AND') {
+            // If the logic operator is AND, the user must have all of the scopes
+            // If the logic operator is OR, the user must have at least one of the scopes
+            return scopes.every((scope) => Boolean(userScopes.includes(scope)));
+        }
+        return scopes.some((scope) => Boolean(userScopes.includes(scope)));
+    };
+    return {
+        userHasScopes,
+        userScopes,
+    };
 };
 
 exports.useDynamicScopes = useDynamicScopes;

package/src/lib/utils/hooks/useDynamicScopes/useDynamicScopes.d.ts

@@ -1,6 +1,6 @@
-type LogicGateOperators = 'AND' | 'OR';
-export declare const useDynamicScopes: () => {
-    userHasScopes: (scopes: string[] | string, logicOperator?: LogicGateOperators) => boolean;
-    userScopes: string[];
-};
-export {};
+type LogicGateOperators = 'AND' | 'OR';
+export declare const useDynamicScopes: () => {
+    userHasScopes: (scopes: string[] | string, logicOperator?: LogicGateOperators) => boolean;
+    userScopes: string[];
+};
+export {};

package/src/lib/utils/hooks/useDynamicScopes/useDynamicScopes.js

@@ -1,36 +1,36 @@
 import { useMemo } from 'react';
 import { useInternalDynamicContext } from '../../../context/DynamicContext/useInternalDynamicContext.js';
 
-// This hook can be used to get all of the user's scopes (nft/token gates)
-// and check if the user has a specific scopes with some logic AND/OR (nft/token gate)
-const useDynamicScopes = () => {
-    const { decodedAuthToken } = useInternalDynamicContext();
-    const userScopes = useMemo(() => {
-        const { scope } = decodedAuthToken || {};
-        if (!scope)
-            return [];
-        // We need to split the scopes string into an array of scopes
-        // because the scopes string is a space separated string of scopes
-        // e.g. '"scope": "customerservice marketing tech"'
-        return scope.split(' ');
-    }, [decodedAuthToken]);
-    // If customer will set scopes to an empty string it will return false
-    const userHasScopes = (scopes, logicOperator = 'OR') => {
-        if (!scopes.length)
-            return false;
-        if (typeof scopes === 'string')
-            scopes = scopes.split(' ');
-        if (logicOperator === 'AND') {
-            // If the logic operator is AND, the user must have all of the scopes
-            // If the logic operator is OR, the user must have at least one of the scopes
-            return scopes.every((scope) => Boolean(userScopes.includes(scope)));
-        }
-        return scopes.some((scope) => Boolean(userScopes.includes(scope)));
-    };
-    return {
-        userHasScopes,
-        userScopes,
-    };
+// This hook can be used to get all of the user's scopes (nft/token gates)
+// and check if the user has a specific scopes with some logic AND/OR (nft/token gate)
+const useDynamicScopes = () => {
+    const { decodedAuthToken } = useInternalDynamicContext();
+    const userScopes = useMemo(() => {
+        const { scope } = decodedAuthToken || {};
+        if (!scope)
+            return [];
+        // We need to split the scopes string into an array of scopes
+        // because the scopes string is a space separated string of scopes
+        // e.g. '"scope": "customerservice marketing tech"'
+        return scope.split(' ');
+    }, [decodedAuthToken]);
+    // If customer will set scopes to an empty string it will return false
+    const userHasScopes = (scopes, logicOperator = 'OR') => {
+        if (!scopes.length)
+            return false;
+        if (typeof scopes === 'string')
+            scopes = scopes.split(' ');
+        if (logicOperator === 'AND') {
+            // If the logic operator is AND, the user must have all of the scopes
+            // If the logic operator is OR, the user must have at least one of the scopes
+            return scopes.every((scope) => Boolean(userScopes.includes(scope)));
+        }
+        return scopes.some((scope) => Boolean(userScopes.includes(scope)));
+    };
+    return {
+        userHasScopes,
+        userScopes,
+    };
 };
 
 export { useDynamicScopes };

package/src/lib/utils/hooks/useElementById/index.d.ts

@@ -1 +1 @@
-export { useElementById } from './useElementById';
+export { useElementById } from './useElementById';

package/src/lib/utils/hooks/useElementById/useElementById.cjs

@@ -4,20 +4,26 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 
-const useElementById = (elementId = 'dynamic-modal') => {
-    const modalRootElement = React.useRef(null);
-    if (typeof window !== 'undefined') {
-        modalRootElement.current = window.document.getElementById(elementId);
-        // creates div and attaches it to the body
-        if (!modalRootElement.current) {
-            modalRootElement.current = window.document.createElement('div');
-            modalRootElement.current.setAttribute('id', elementId);
-            modalRootElement.current.setAttribute('class', elementId);
-            modalRootElement.current.setAttribute('data-testid', elementId);
-            window.document.body.appendChild(modalRootElement.current);
-        }
-    }
-    return modalRootElement;
+const useElementById = (elementId = 'dynamic-modal') => {
+    const modalRootElement = React.useRef(null);
+    if (typeof window !== 'undefined') {
+        modalRootElement.current = window.document.getElementById(elementId);
+        // creates div and attaches it to the body
+        if (!modalRootElement.current) {
+            modalRootElement.current = window.document.createElement('div');
+            modalRootElement.current.setAttribute('id', elementId);
+            modalRootElement.current.setAttribute('class', elementId);
+            modalRootElement.current.setAttribute('data-testid', elementId);
+            /**
+             * Setting the pointer-events to auto is necessary to allow the user to interact with the modal
+             * when other packages that use a modal set the pointer-events to none on the body element.
+             * For example: https://reservoir.tools/ use chakra-ui and sets the pointer-events to none on the body element.
+             */
+            modalRootElement.current.style.pointerEvents = 'auto';
+            window.document.body.appendChild(modalRootElement.current);
+        }
+    }
+    return modalRootElement;
 };
 
 exports.useElementById = useElementById;

package/src/lib/utils/hooks/useElementById/useElementById.d.ts

@@ -1,2 +1,2 @@
-import React from 'react';
-export declare const useElementById: (elementId?: string) => React.MutableRefObject<HTMLElement>;
+import React from 'react';
+export declare const useElementById: (elementId?: string) => React.MutableRefObject<HTMLElement>;

package/src/lib/utils/hooks/useElementById/useElementById.js

@@ -1,19 +1,25 @@
 import { useRef } from 'react';
 
-const useElementById = (elementId = 'dynamic-modal') => {
-    const modalRootElement = useRef(null);
-    if (typeof window !== 'undefined') {
-        modalRootElement.current = window.document.getElementById(elementId);
-        // creates div and attaches it to the body
-        if (!modalRootElement.current) {
-            modalRootElement.current = window.document.createElement('div');
-            modalRootElement.current.setAttribute('id', elementId);
-            modalRootElement.current.setAttribute('class', elementId);
-            modalRootElement.current.setAttribute('data-testid', elementId);
-            window.document.body.appendChild(modalRootElement.current);
-        }
-    }
-    return modalRootElement;
+const useElementById = (elementId = 'dynamic-modal') => {
+    const modalRootElement = useRef(null);
+    if (typeof window !== 'undefined') {
+        modalRootElement.current = window.document.getElementById(elementId);
+        // creates div and attaches it to the body
+        if (!modalRootElement.current) {
+            modalRootElement.current = window.document.createElement('div');
+            modalRootElement.current.setAttribute('id', elementId);
+            modalRootElement.current.setAttribute('class', elementId);
+            modalRootElement.current.setAttribute('data-testid', elementId);
+            /**
+             * Setting the pointer-events to auto is necessary to allow the user to interact with the modal
+             * when other packages that use a modal set the pointer-events to none on the body element.
+             * For example: https://reservoir.tools/ use chakra-ui and sets the pointer-events to none on the body element.
+             */
+            modalRootElement.current.style.pointerEvents = 'auto';
+            window.document.body.appendChild(modalRootElement.current);
+        }
+    }
+    return modalRootElement;
 };
 
 export { useElementById };

package/src/lib/utils/hooks/useEmailProvider/index.d.ts

@@ -1 +1 @@
-export { useEmailProvider } from './useEmailProvider';
+export { useEmailProvider } from './useEmailProvider';

package/src/lib/utils/hooks/useEmailProvider/useEmailProvider.cjs

@@ -11,44 +11,44 @@ var useWalletItemActions = require('../useWalletItemActions/useWalletItemActions
 var useConnectWithEmail = require('../useConnectWithEmail/useConnectWithEmail.cjs');
 var api = require('../../../data/api.cjs');
 
-const useEmailProvider = ({ emailWalletConnector }) => {
-    const { projectSettings, environmentId } = useInternalDynamicContext.useInternalDynamicContext();
-    const { setEmail: setEmailForVerification, setVerificationUUID } = EmailVerificationContext.useEmailVerificationContext();
-    const { setView } = ViewContext.useViewContext();
-    const { handleInstalledExtensionClick } = useWalletItemActions.useWalletItemActions();
-    const { connectWithEmail, loading: isEmailProviderLoading } = useConnectWithEmail.useConnectWithEmail({
-        emailWalletConnector,
-        handleConnect: handleInstalledExtensionClick,
-    });
-    const { providers } = projectSettings || {};
-    const isInjectedWalletProviderEnabled = emailWalletConnector !== undefined;
-    const isMagicOrBloctoEnabled = isInjectedWalletProviderEnabled &&
-        Boolean(providers === null || providers === void 0 ? void 0 : providers.filter((provider) => provider.provider === sdkApi.ProviderEnum.MagicLink ||
-            provider.provider === sdkApi.ProviderEnum.Blocto).length);
-    const handleEmailOnlyLoginSubmit = (emailInput) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-        const { email, verificationUUID } = yield api.createEmailVerification({
-            email: emailInput,
-            environmentId,
-        });
-        setView('login-with-email-verification');
-        setEmailForVerification(email);
-        setVerificationUUID(verificationUUID);
-    });
-    const handleMagicLinkOrBloctoSubmit = (emailInput) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-        yield connectWithEmail(emailInput);
-    });
-    const submitEmail = (emailInput) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-        if (isMagicOrBloctoEnabled) {
-            yield handleMagicLinkOrBloctoSubmit(emailInput);
-            return;
-        }
-        yield handleEmailOnlyLoginSubmit(emailInput);
-    });
-    return {
-        handleEmailOnlyLoginSubmit,
-        isEmailProviderLoading,
-        submitEmail,
-    };
+const useEmailProvider = ({ emailWalletConnector }) => {
+    const { projectSettings, environmentId } = useInternalDynamicContext.useInternalDynamicContext();
+    const { setEmail: setEmailForVerification, setVerificationUUID } = EmailVerificationContext.useEmailVerificationContext();
+    const { setView } = ViewContext.useViewContext();
+    const { handleInstalledExtensionClick } = useWalletItemActions.useWalletItemActions();
+    const { connectWithEmail, loading: isEmailProviderLoading } = useConnectWithEmail.useConnectWithEmail({
+        emailWalletConnector,
+        handleConnect: handleInstalledExtensionClick,
+    });
+    const { providers } = projectSettings || {};
+    const isInjectedWalletProviderEnabled = emailWalletConnector !== undefined;
+    const isMagicOrBloctoEnabled = isInjectedWalletProviderEnabled &&
+        Boolean(providers === null || providers === void 0 ? void 0 : providers.filter((provider) => provider.provider === sdkApi.ProviderEnum.MagicLink ||
+            provider.provider === sdkApi.ProviderEnum.Blocto).length);
+    const handleEmailOnlyLoginSubmit = (emailInput) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        const { email, verificationUUID } = yield api.createEmailVerification({
+            email: emailInput,
+            environmentId,
+        });
+        setView('login-with-email-verification');
+        setEmailForVerification(email);
+        setVerificationUUID(verificationUUID);
+    });
+    const handleMagicLinkOrBloctoSubmit = (emailInput) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        yield connectWithEmail(emailInput);
+    });
+    const submitEmail = (emailInput) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        if (isMagicOrBloctoEnabled) {
+            yield handleMagicLinkOrBloctoSubmit(emailInput);
+            return;
+        }
+        yield handleEmailOnlyLoginSubmit(emailInput);
+    });
+    return {
+        handleEmailOnlyLoginSubmit,
+        isEmailProviderLoading,
+        submitEmail,
+    };
 };
 
 exports.useEmailProvider = useEmailProvider;

package/src/lib/utils/hooks/useEmailProvider/useEmailProvider.d.ts

@@ -1,10 +1,10 @@
-import { IEmailWalletConnector } from '@dynamic-labs/wallet-connector-core';
-type Props = {
-    emailWalletConnector: IEmailWalletConnector | undefined;
-};
-export declare const useEmailProvider: ({ emailWalletConnector }: Props) => {
-    handleEmailOnlyLoginSubmit: (emailInput: string) => Promise<void>;
-    isEmailProviderLoading: boolean;
-    submitEmail: (emailInput: string) => Promise<void>;
-};
-export {};
+import { IEmailWalletConnector } from '@dynamic-labs/wallet-connector-core';
+type Props = {
+    emailWalletConnector: IEmailWalletConnector | undefined;
+};
+export declare const useEmailProvider: ({ emailWalletConnector }: Props) => {
+    handleEmailOnlyLoginSubmit: (emailInput: string) => Promise<void>;
+    isEmailProviderLoading: boolean;
+    submitEmail: (emailInput: string) => Promise<void>;
+};
+export {};