@dynamic-labs/sdk-react-core 2.0.0-alpha.1 → 2.0.0-alpha.10

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

@@ -1,265 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var reactI18next = require('react-i18next');
-var sdkApi = require('@dynamic-labs/sdk-api');
-require('../../context/DynamicContext/DynamicContext.cjs');
-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');
-require('../../utils/constants/colors.cjs');
-require('../../utils/constants/values.cjs');
-require('../../shared/utils/classes/storage/localStorage.cjs');
-require('viem');
-require('@dynamic-labs/utils');
-require('../../shared/consts/index.cjs');
-require('../../events/dynamicEvents.cjs');
-require('../../../../_virtual/_tslib.cjs');
-require('../../context/CaptchaContext/CaptchaContext.cjs');
-require('../../context/ErrorContext/ErrorContext.cjs');
-require('@dynamic-labs/multi-wallet');
-var isEmailProviderEnabled = require('../../utils/functions/isEmailProviderEnabled/isEmailProviderEnabled.cjs');
-require('viem/chains');
-require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
-require('../../context/AccountExistsContext/AccountExistsContext.cjs');
-require('../../config/ApiEndpoint.cjs');
-require('../../context/EmailVerificationContext/EmailVerificationContext.cjs');
-require('react-dom');
-require('../../context/ThemeContext/ThemeContext.cjs');
-require('@dynamic-labs/types');
-require('yup');
-require('../../context/MockContext/MockContext.cjs');
-require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
-require('../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
-require('@dynamic-labs/rpc-providers');
-require('../../context/UserWalletsContext/UserWalletsContext.cjs');
-require('../../components/Alert/Alert.cjs');
-require('../../components/ShadowDOM/ShadowDOM.cjs');
-require('../../components/IconButton/IconButton.cjs');
-require('../../components/InlineWidget/InlineWidget.cjs');
-require('../../components/IsBrowser/IsBrowser.cjs');
-require('../../components/MenuList/Dropdown/Dropdown.cjs');
-require('../../components/Transition/ZoomTransition/ZoomTransition.cjs');
-require('../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
-require('../../components/Transition/OpacityTransition/OpacityTransition.cjs');
-require('../../components/Popper/Popper/Popper.cjs');
-require('../../components/Popper/PopperContext/PopperContext.cjs');
-require('react-focus-lock');
-require('formik');
-require('i18next');
-require('../../components/OverlayCard/OverlayCard.context.cjs');
-require('../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
-require('../../context/PasskeyContext/PasskeyContext.cjs');
-require('../WalletList/WalletList.cjs');
-require('qrcode');
-require('@hcaptcha/react-hcaptcha');
-require('../../context/LoadingContext/LoadingContext.cjs');
-var SocialRedirectContext = require('../../context/SocialRedirectContext/SocialRedirectContext.cjs');
-require('../../context/WalletGroupContext/WalletGroupContext.cjs');
-require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
-require('../../context/FooterAnimationContext/index.cjs');
-require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
-require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
-require('../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
-require('@dynamic-labs/viem-utils');
-require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
-var useViewSettings = require('../../utils/hooks/useViewSettings/useViewSettings.cjs');
-var useInternalDynamicContext = require('../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
-
-/* eslint-disable multiline-comment-style */
-const NUMBER_OF_WALLETS = 3;
-const useLoginView = () => {
-    var _a, _b, _c, _d, _e;
-    const loginView = useViewSettings.useViewSettings(sdkApi.SdkViewType.Login);
-    const { projectSettings, authorizationViewDisplayOrder, loginWithEmail, walletConnectorOptions, walletsFilter, } = useInternalDynamicContext.useInternalDynamicContext();
-    const { t } = reactI18next.useTranslation();
-    const { enabledSocialProviders } = SocialRedirectContext.useSocialRedirectContext();
-    const hasSocialProvidersEnabled = Boolean(enabledSocialProviders === null || enabledSocialProviders === void 0 ? void 0 : enabledSocialProviders.length);
-    const hasEmailProviderEnabled = ((_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.providers) === null || _a === void 0 ? void 0 : _a.length) &&
-        isEmailProviderEnabled.isEmailProviderEnabled(projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.providers);
-    // is email only is set in the project settings when the "Email (Web2) only" is toggled on in the dashboard
-    const isEmailOnly = (_c = (_b = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design) === null || _b === void 0 ? void 0 : _b.modal) === null || _c === void 0 ? void 0 : _c.emailOnly;
-    /** Takes from wallets only those that can be selected in the wallet list by the user.
-     * Should filter out embedded wallets
-     * WHY: when we decide whether to show wallets or not, we need to know how many wallets
-     * will actually be rendered. It would be especially bad to only have for ex "turnkey" in
-     * wallets and then display an empty wallet list (since turnkey doesn't render)
-     */
-    const selectableWallets = (walletsFilter
-        ? walletsFilter(walletConnectorOptions)
-        : walletConnectorOptions).filter(({ key }) => key !== 'turnkey');
-    const separator = React.useMemo(() => ({
-        label: t('dyn_login.separators.default'),
-        type: sdkApi.SdkViewSectionType.Separator,
-    }), [t]);
-    const isWalletOnly = React.useMemo(() => {
-        var _a;
-        if (!projectSettings) {
-            return false;
-        }
-        // if both loginWithEmail AND hasSocialProvidersEnabled are false, it's wallet only
-        if (!loginWithEmail && !hasSocialProvidersEnabled) {
-            return true;
-        }
-        // backwards compatibility for those that didn't set up login view sections
-        if (!((_a = loginView === null || loginView === void 0 ? void 0 : loginView.sections) === null || _a === void 0 ? void 0 : _a.length)) {
-            return !hasEmailProviderEnabled && !hasSocialProvidersEnabled;
-        }
-        return (loginView.sections.length === 1 && loginView.sections[0].type === 'wallet');
-    }, [
-        loginView === null || loginView === void 0 ? void 0 : loginView.sections,
-        projectSettings,
-        loginWithEmail,
-        hasSocialProvidersEnabled,
-        hasEmailProviderEnabled,
-    ]);
-    /**
-     * build email from project settings design.modal props
-     * @returns SdkViewSection[]
-     */
-    const getEmailViewSectionDefinition = React.useCallback(() => {
-        if (!hasEmailProviderEnabled)
-            return [];
-        return [
-            {
-                type: sdkApi.SdkViewSectionType.Email,
-            },
-        ];
-    }, [hasEmailProviderEnabled]);
-    /**
-     * build social from project settings design.modal props
-     * @returns SdkViewSection[]
-     */
-    const getSocialViewSectionDefinition = React.useCallback(() => {
-        if (!(enabledSocialProviders === null || enabledSocialProviders === void 0 ? void 0 : enabledSocialProviders.length))
-            return [];
-        return [
-            {
-                numOfItemsToDisplay: 5,
-                type: sdkApi.SdkViewSectionType.Social,
-            },
-        ];
-    }, [enabledSocialProviders === null || enabledSocialProviders === void 0 ? void 0 : enabledSocialProviders.length]);
-    const getWalletViewSectionDefinition = React.useCallback(() => {
-        var _a, _b;
-        if (!(selectableWallets === null || selectableWallets === void 0 ? void 0 : selectableWallets.length))
-            return [];
-        const numOfItemsToDisplay = ((_b = (_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design) === null || _a === void 0 ? void 0 : _a.modal) === null || _b === void 0 ? void 0 : _b.showWalletsButton)
-            ? 0
-            : NUMBER_OF_WALLETS;
-        return [
-            {
-                numOfItemsToDisplay,
-                type: sdkApi.SdkViewSectionType.Wallet,
-            },
-        ];
-    }, [
-        (_e = (_d = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design) === null || _d === void 0 ? void 0 : _d.modal) === null || _e === void 0 ? void 0 : _e.showWalletsButton,
-        selectableWallets === null || selectableWallets === void 0 ? void 0 : selectableWallets.length,
-    ]);
-    const applyLoginModalSettings = React.useCallback((emailAndSocialSections) => {
-        if (emailAndSocialSections.length < 2) {
-            return emailAndSocialSections;
-        }
-        const { splitEmailAndSocial, socialAboveEmail } = (projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design.modal) || {};
-        if (splitEmailAndSocial) {
-            emailAndSocialSections.splice(1, 0, separator);
-            // eslint-disable-next-line prefer-destructuring
-            emailAndSocialSections[2].defaultItem = enabledSocialProviders[0];
-        }
-        if (socialAboveEmail) {
-            emailAndSocialSections.reverse();
-        }
-        return emailAndSocialSections;
-    }, [enabledSocialProviders, projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design.modal, separator]);
-    // TODO: https://linear.app/dynamic-labs/issue/GVTY-212/rethink-or-implement-toolkit-template-for-email-wallet-order
-    /**
-     * remove wallet view section from projectSettings?.sdk?.views if no wallet defined
-     * @param sections
-     * @returns
-     */
-    const filterLoginViewSections = React.useCallback((sections) => {
-        var _a;
-        const hasEnabledNetwork = (chain) => { var _a; return (_a = chain.networks) === null || _a === void 0 ? void 0 : _a.some((network) => network.enabled); };
-        const hasEnabledChain = (_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.chains) === null || _a === void 0 ? void 0 : _a.some((chain) => chain.enabled && hasEnabledNetwork(chain));
-        if (!hasEnabledChain &&
-            sections.find((section) => section.type === 'wallet')) {
-            logger.logger.error('Failed to render WalletSignInSection - no chains enabled');
-        }
-        if (selectableWallets === null || selectableWallets === void 0 ? void 0 : selectableWallets.length) {
-            return sections;
-        }
-        return sections.filter((section) => section.type !== 'wallet');
-    }, [selectableWallets === null || selectableWallets === void 0 ? void 0 : selectableWallets.length, projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.chains]);
-    /**
-     * build login view sections array from project settings design.modal props - backwards compatibility
-     * @returns SdkViewSection[]
-     */
-    const buildLoginSections = React.useCallback((buildOrder) => {
-        var _a;
-        const loginViewSections = [];
-        buildOrder === null || buildOrder === void 0 ? void 0 : buildOrder.forEach((loginItem) => {
-            // Add a separator if there are sections already
-            if (loginViewSections.length)
-                loginViewSections.push(separator);
-            if (loginItem === 'email') {
-                // In the past, the email and social sections were combined into one section,
-                // so we need to check for that case and add the social section if needed for backwards compatibility
-                // if email was just pushed to the loginViewSections array and social is not defined in the buildOrder,
-                // then we need to add social (if social is enabled)
-                const emailAndSocialSections = [
-                    ...getEmailViewSectionDefinition(),
-                    ...getSocialViewSectionDefinition(),
-                ];
-                loginViewSections.push(...applyLoginModalSettings(emailAndSocialSections));
-            }
-            if (loginItem === 'wallet') {
-                loginViewSections.push(...getWalletViewSectionDefinition());
-            }
-        });
-        // remove last separator
-        if (((_a = loginViewSections[loginViewSections.length - 1]) === null || _a === void 0 ? void 0 : _a.type) === 'separator') {
-            loginViewSections.pop();
-        }
-        return loginViewSections;
-    }, [
-        applyLoginModalSettings,
-        getEmailViewSectionDefinition,
-        getSocialViewSectionDefinition,
-        getWalletViewSectionDefinition,
-        separator,
-    ]);
-    /**
-     * returns the login view sections to be displayed in order from projectSettings?.sdk?.views
-     * and has backwards compatibility with project settings design.modal props
-     */
-    const logingViewSections = React.useMemo(() => {
-        var _a;
-        if ((_a = loginView === null || loginView === void 0 ? void 0 : loginView.sections) === null || _a === void 0 ? void 0 : _a.length) {
-            return filterLoginViewSections(loginView === null || loginView === void 0 ? void 0 : loginView.sections);
-        }
-        let viewOrder = authorizationViewDisplayOrder;
-        if (isEmailOnly) {
-            viewOrder = ['email'];
-        }
-        return buildLoginSections(viewOrder);
-    }, [
-        loginView,
-        authorizationViewDisplayOrder,
-        isEmailOnly,
-        buildLoginSections,
-        filterLoginViewSections,
-    ]);
-    return {
-        isWalletOnly,
-        logingViewSections,
-    };
-};
-
-exports.NUMBER_OF_WALLETS = NUMBER_OF_WALLETS;
-exports.useLoginView = useLoginView;

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

@@ -1,260 +0,0 @@
-import { useMemo, useCallback } from 'react';
-import { useTranslation } from 'react-i18next';
-import { SdkViewType, SdkViewSectionType } from '@dynamic-labs/sdk-api';
-import '../../context/DynamicContext/DynamicContext.js';
-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';
-import '../../utils/constants/colors.js';
-import '../../utils/constants/values.js';
-import '../../shared/utils/classes/storage/localStorage.js';
-import 'viem';
-import '@dynamic-labs/utils';
-import '../../shared/consts/index.js';
-import '../../events/dynamicEvents.js';
-import '../../../../_virtual/_tslib.js';
-import '../../context/CaptchaContext/CaptchaContext.js';
-import '../../context/ErrorContext/ErrorContext.js';
-import '@dynamic-labs/multi-wallet';
-import { isEmailProviderEnabled } from '../../utils/functions/isEmailProviderEnabled/isEmailProviderEnabled.js';
-import 'viem/chains';
-import '../../context/AccessDeniedContext/AccessDeniedContext.js';
-import '../../context/AccountExistsContext/AccountExistsContext.js';
-import '../../config/ApiEndpoint.js';
-import '../../context/EmailVerificationContext/EmailVerificationContext.js';
-import 'react-dom';
-import '../../context/ThemeContext/ThemeContext.js';
-import '@dynamic-labs/types';
-import 'yup';
-import '../../context/MockContext/MockContext.js';
-import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
-import '../../context/UserFieldEditorContext/UserFieldEditorContext.js';
-import '@dynamic-labs/rpc-providers';
-import '../../context/UserWalletsContext/UserWalletsContext.js';
-import '../../components/Alert/Alert.js';
-import '../../components/ShadowDOM/ShadowDOM.js';
-import '../../components/IconButton/IconButton.js';
-import '../../components/InlineWidget/InlineWidget.js';
-import '../../components/IsBrowser/IsBrowser.js';
-import '../../components/MenuList/Dropdown/Dropdown.js';
-import '../../components/Transition/ZoomTransition/ZoomTransition.js';
-import '../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
-import '../../components/Transition/OpacityTransition/OpacityTransition.js';
-import '../../components/Popper/Popper/Popper.js';
-import '../../components/Popper/PopperContext/PopperContext.js';
-import 'react-focus-lock';
-import 'formik';
-import 'i18next';
-import '../../components/OverlayCard/OverlayCard.context.js';
-import '../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
-import '../../context/PasskeyContext/PasskeyContext.js';
-import '../WalletList/WalletList.js';
-import 'qrcode';
-import '@hcaptcha/react-hcaptcha';
-import '../../context/LoadingContext/LoadingContext.js';
-import { useSocialRedirectContext } from '../../context/SocialRedirectContext/SocialRedirectContext.js';
-import '../../context/WalletGroupContext/WalletGroupContext.js';
-import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
-import '../../context/FooterAnimationContext/index.js';
-import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
-import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
-import '../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
-import '@dynamic-labs/viem-utils';
-import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
-import { useViewSettings } from '../../utils/hooks/useViewSettings/useViewSettings.js';
-import { useInternalDynamicContext } from '../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
-
-/* eslint-disable multiline-comment-style */
-const NUMBER_OF_WALLETS = 3;
-const useLoginView = () => {
-    var _a, _b, _c, _d, _e;
-    const loginView = useViewSettings(SdkViewType.Login);
-    const { projectSettings, authorizationViewDisplayOrder, loginWithEmail, walletConnectorOptions, walletsFilter, } = useInternalDynamicContext();
-    const { t } = useTranslation();
-    const { enabledSocialProviders } = useSocialRedirectContext();
-    const hasSocialProvidersEnabled = Boolean(enabledSocialProviders === null || enabledSocialProviders === void 0 ? void 0 : enabledSocialProviders.length);
-    const hasEmailProviderEnabled = ((_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.providers) === null || _a === void 0 ? void 0 : _a.length) &&
-        isEmailProviderEnabled(projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.providers);
-    // is email only is set in the project settings when the "Email (Web2) only" is toggled on in the dashboard
-    const isEmailOnly = (_c = (_b = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design) === null || _b === void 0 ? void 0 : _b.modal) === null || _c === void 0 ? void 0 : _c.emailOnly;
-    /** Takes from wallets only those that can be selected in the wallet list by the user.
-     * Should filter out embedded wallets
-     * WHY: when we decide whether to show wallets or not, we need to know how many wallets
-     * will actually be rendered. It would be especially bad to only have for ex "turnkey" in
-     * wallets and then display an empty wallet list (since turnkey doesn't render)
-     */
-    const selectableWallets = (walletsFilter
-        ? walletsFilter(walletConnectorOptions)
-        : walletConnectorOptions).filter(({ key }) => key !== 'turnkey');
-    const separator = useMemo(() => ({
-        label: t('dyn_login.separators.default'),
-        type: SdkViewSectionType.Separator,
-    }), [t]);
-    const isWalletOnly = useMemo(() => {
-        var _a;
-        if (!projectSettings) {
-            return false;
-        }
-        // if both loginWithEmail AND hasSocialProvidersEnabled are false, it's wallet only
-        if (!loginWithEmail && !hasSocialProvidersEnabled) {
-            return true;
-        }
-        // backwards compatibility for those that didn't set up login view sections
-        if (!((_a = loginView === null || loginView === void 0 ? void 0 : loginView.sections) === null || _a === void 0 ? void 0 : _a.length)) {
-            return !hasEmailProviderEnabled && !hasSocialProvidersEnabled;
-        }
-        return (loginView.sections.length === 1 && loginView.sections[0].type === 'wallet');
-    }, [
-        loginView === null || loginView === void 0 ? void 0 : loginView.sections,
-        projectSettings,
-        loginWithEmail,
-        hasSocialProvidersEnabled,
-        hasEmailProviderEnabled,
-    ]);
-    /**
-     * build email from project settings design.modal props
-     * @returns SdkViewSection[]
-     */
-    const getEmailViewSectionDefinition = useCallback(() => {
-        if (!hasEmailProviderEnabled)
-            return [];
-        return [
-            {
-                type: SdkViewSectionType.Email,
-            },
-        ];
-    }, [hasEmailProviderEnabled]);
-    /**
-     * build social from project settings design.modal props
-     * @returns SdkViewSection[]
-     */
-    const getSocialViewSectionDefinition = useCallback(() => {
-        if (!(enabledSocialProviders === null || enabledSocialProviders === void 0 ? void 0 : enabledSocialProviders.length))
-            return [];
-        return [
-            {
-                numOfItemsToDisplay: 5,
-                type: SdkViewSectionType.Social,
-            },
-        ];
-    }, [enabledSocialProviders === null || enabledSocialProviders === void 0 ? void 0 : enabledSocialProviders.length]);
-    const getWalletViewSectionDefinition = useCallback(() => {
-        var _a, _b;
-        if (!(selectableWallets === null || selectableWallets === void 0 ? void 0 : selectableWallets.length))
-            return [];
-        const numOfItemsToDisplay = ((_b = (_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design) === null || _a === void 0 ? void 0 : _a.modal) === null || _b === void 0 ? void 0 : _b.showWalletsButton)
-            ? 0
-            : NUMBER_OF_WALLETS;
-        return [
-            {
-                numOfItemsToDisplay,
-                type: SdkViewSectionType.Wallet,
-            },
-        ];
-    }, [
-        (_e = (_d = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design) === null || _d === void 0 ? void 0 : _d.modal) === null || _e === void 0 ? void 0 : _e.showWalletsButton,
-        selectableWallets === null || selectableWallets === void 0 ? void 0 : selectableWallets.length,
-    ]);
-    const applyLoginModalSettings = useCallback((emailAndSocialSections) => {
-        if (emailAndSocialSections.length < 2) {
-            return emailAndSocialSections;
-        }
-        const { splitEmailAndSocial, socialAboveEmail } = (projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design.modal) || {};
-        if (splitEmailAndSocial) {
-            emailAndSocialSections.splice(1, 0, separator);
-            // eslint-disable-next-line prefer-destructuring
-            emailAndSocialSections[2].defaultItem = enabledSocialProviders[0];
-        }
-        if (socialAboveEmail) {
-            emailAndSocialSections.reverse();
-        }
-        return emailAndSocialSections;
-    }, [enabledSocialProviders, projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design.modal, separator]);
-    // TODO: https://linear.app/dynamic-labs/issue/GVTY-212/rethink-or-implement-toolkit-template-for-email-wallet-order
-    /**
-     * remove wallet view section from projectSettings?.sdk?.views if no wallet defined
-     * @param sections
-     * @returns
-     */
-    const filterLoginViewSections = useCallback((sections) => {
-        var _a;
-        const hasEnabledNetwork = (chain) => { var _a; return (_a = chain.networks) === null || _a === void 0 ? void 0 : _a.some((network) => network.enabled); };
-        const hasEnabledChain = (_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.chains) === null || _a === void 0 ? void 0 : _a.some((chain) => chain.enabled && hasEnabledNetwork(chain));
-        if (!hasEnabledChain &&
-            sections.find((section) => section.type === 'wallet')) {
-            logger.error('Failed to render WalletSignInSection - no chains enabled');
-        }
-        if (selectableWallets === null || selectableWallets === void 0 ? void 0 : selectableWallets.length) {
-            return sections;
-        }
-        return sections.filter((section) => section.type !== 'wallet');
-    }, [selectableWallets === null || selectableWallets === void 0 ? void 0 : selectableWallets.length, projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.chains]);
-    /**
-     * build login view sections array from project settings design.modal props - backwards compatibility
-     * @returns SdkViewSection[]
-     */
-    const buildLoginSections = useCallback((buildOrder) => {
-        var _a;
-        const loginViewSections = [];
-        buildOrder === null || buildOrder === void 0 ? void 0 : buildOrder.forEach((loginItem) => {
-            // Add a separator if there are sections already
-            if (loginViewSections.length)
-                loginViewSections.push(separator);
-            if (loginItem === 'email') {
-                // In the past, the email and social sections were combined into one section,
-                // so we need to check for that case and add the social section if needed for backwards compatibility
-                // if email was just pushed to the loginViewSections array and social is not defined in the buildOrder,
-                // then we need to add social (if social is enabled)
-                const emailAndSocialSections = [
-                    ...getEmailViewSectionDefinition(),
-                    ...getSocialViewSectionDefinition(),
-                ];
-                loginViewSections.push(...applyLoginModalSettings(emailAndSocialSections));
-            }
-            if (loginItem === 'wallet') {
-                loginViewSections.push(...getWalletViewSectionDefinition());
-            }
-        });
-        // remove last separator
-        if (((_a = loginViewSections[loginViewSections.length - 1]) === null || _a === void 0 ? void 0 : _a.type) === 'separator') {
-            loginViewSections.pop();
-        }
-        return loginViewSections;
-    }, [
-        applyLoginModalSettings,
-        getEmailViewSectionDefinition,
-        getSocialViewSectionDefinition,
-        getWalletViewSectionDefinition,
-        separator,
-    ]);
-    /**
-     * returns the login view sections to be displayed in order from projectSettings?.sdk?.views
-     * and has backwards compatibility with project settings design.modal props
-     */
-    const logingViewSections = useMemo(() => {
-        var _a;
-        if ((_a = loginView === null || loginView === void 0 ? void 0 : loginView.sections) === null || _a === void 0 ? void 0 : _a.length) {
-            return filterLoginViewSections(loginView === null || loginView === void 0 ? void 0 : loginView.sections);
-        }
-        let viewOrder = authorizationViewDisplayOrder;
-        if (isEmailOnly) {
-            viewOrder = ['email'];
-        }
-        return buildLoginSections(viewOrder);
-    }, [
-        loginView,
-        authorizationViewDisplayOrder,
-        isEmailOnly,
-        buildLoginSections,
-        filterLoginViewSections,
-    ]);
-    return {
-        isWalletOnly,
-        logingViewSections,
-    };
-};
-
-export { NUMBER_OF_WALLETS, useLoginView };

package/src/lib/views/SendBalanceView/components/TransactionStage/TransactionStage.d.ts

@@ -1,11 +0,0 @@
-import { FC } from 'react';
-import { Hex, TransactionRequest } from 'viem';
-import { WalletConnector } from '@dynamic-labs/wallet-connector-core';
-import { TransactionConfirmationViewProps } from '../../../TransactionConfirmationView';
-import { CopyKey } from '../../../../shared';
-type TransactionStageProps = Omit<TransactionConfirmationViewProps, 'mutation'> & {
-    walletConnector: WalletConnector;
-    mutation: (transaction: TransactionRequest) => Promise<Hex>;
-} & CopyKey;
-export declare const TransactionStage: FC<TransactionStageProps>;
-export {};

package/src/lib/views/SendBalanceView/components/TransactionStage/TransactionStage.js

@@ -1,80 +0,0 @@
-import { __rest } from '../../../../../../_virtual/_tslib.js';
-import { jsx } from 'react/jsx-runtime';
-import 'react';
-import '../../../../events/dynamicEvents.js';
-import '@dynamic-labs/utils';
-import '../../../../context/DynamicContext/DynamicContext.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 '../../../../utils/constants/colors.js';
-import '../../../../utils/constants/values.js';
-import '../../../../shared/utils/classes/storage/localStorage.js';
-import 'viem';
-import '../../../../shared/consts/index.js';
-import '../../../../context/CaptchaContext/CaptchaContext.js';
-import '../../../../context/ErrorContext/ErrorContext.js';
-import '@dynamic-labs/multi-wallet';
-import { isMagicConnector } from '../../../../utils/functions/isMagicConnector/isMagicConnector.js';
-import 'viem/chains';
-import '../../../../context/AccessDeniedContext/AccessDeniedContext.js';
-import '../../../../context/AccountExistsContext/AccountExistsContext.js';
-import '../../../../config/ApiEndpoint.js';
-import '../../../../context/EmailVerificationContext/EmailVerificationContext.js';
-import 'react-dom';
-import '../../../../context/ThemeContext/ThemeContext.js';
-import '@dynamic-labs/types';
-import { useTransactionWithGasPrice } from '../../../../utils/hooks/useTransactionWithGasPrice/useTransactionWithGasPrice.js';
-import 'yup';
-import 'react-i18next';
-import '../../../../context/MockContext/MockContext.js';
-import '../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
-import '../../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
-import '@dynamic-labs/rpc-providers';
-import '../../../../context/UserWalletsContext/UserWalletsContext.js';
-import '../../../../components/Alert/Alert.js';
-import '../../../../components/ShadowDOM/ShadowDOM.js';
-import '../../../../components/IconButton/IconButton.js';
-import '../../../../components/InlineWidget/InlineWidget.js';
-import '../../../../components/IsBrowser/IsBrowser.js';
-import '../../../../components/MenuList/Dropdown/Dropdown.js';
-import '../../../../components/Transition/ZoomTransition/ZoomTransition.js';
-import '../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
-import '../../../../components/Transition/OpacityTransition/OpacityTransition.js';
-import '../../../../components/Popper/Popper/Popper.js';
-import '../../../../components/Popper/PopperContext/PopperContext.js';
-import 'react-focus-lock';
-import 'formik';
-import 'i18next';
-import '../../../../components/OverlayCard/OverlayCard.context.js';
-import '../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
-import '../../../../context/PasskeyContext/PasskeyContext.js';
-import '../../../WalletList/WalletList.js';
-import 'qrcode';
-import '@hcaptcha/react-hcaptcha';
-import '../../../../context/LoadingContext/LoadingContext.js';
-import '../../../../context/SocialRedirectContext/SocialRedirectContext.js';
-import '../../../../context/WalletGroupContext/WalletGroupContext.js';
-import '../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
-import '../../../../context/FooterAnimationContext/index.js';
-import '../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
-import '../../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
-import '../../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
-import { TransactionConfirmationView } from '../../../TransactionConfirmationView/TransactionConfirmationView.js';
-import '../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
-
-const TransactionStage = (_a) => {
-    var { transaction, provider, walletConnector, mutation } = _a, rest = __rest(_a, ["transaction", "provider", "walletConnector", "mutation"]);
-    const transactionWithGasPrice = useTransactionWithGasPrice({
-        enabled: isMagicConnector(walletConnector),
-        increasePercentage: 5,
-        provider,
-        transaction,
-    });
-    return (jsx(TransactionConfirmationView, Object.assign({ provider: provider, transaction: transactionWithGasPrice, mutation: () => mutation(transactionWithGasPrice) }, rest)));
-};
-
-export { TransactionStage };

package/src/lib/views/SendBalanceView/components/TransactionStage/index.d.ts

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

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

@@ -1 +0,0 @@
-export * from './TransactionStage';

package/src/lib/views/TransactionConfirmationView/hooks/useTransactionGas/index.d.ts

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