@dynamic-labs/sdk-react-core 0.16.1 → 0.16.2

package/src/lib/components/UserProfile/parts/UserProfileSocialAccount/UserProfileSocialAccount.es.js

@@ -1,96 +0,0 @@
-import { __awaiter } from '../../../../../../_virtual/_tslib.es.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useState } from 'react';
-import { SocialIcon } from '@dynamic-labs/iconic';
-import { Typography } from '../../../Typography/Typography.es.js';
-import '@dynamic-labs/sdk-api';
-import '../../../../shared/logger.es.js';
-import '@dynamic-labs/multi-wallet';
-import '../../../../context/ViewContext/ViewContext.es.js';
-import { ReactComponent as SvgAdd } from '../../../../shared/assets/add.es.js';
-import { ReactComponent as SvgUnlink } from '../../../../shared/assets/unlink.es.js';
-import '../../../../utils/constants/colors.es.js';
-import '../../../../shared/consts/index.es.js';
-import { useInternalDynamicContext } from '../../../../context/DynamicContext/useInternalDynamicContext.es.js';
-import '../../../ShadowDOM/ShadowDOM.es.js';
-import '../../../../context/ThemeContext/ThemeContext.es.js';
-import { Icon } from '../../../Icon/Icon.es.js';
-import 'react-dom';
-import 'react-focus-lock';
-import '../../../Transition/ZoomTransition/ZoomTransition.es.js';
-import '../../../Transition/SlideInUpTransition/SlideInUpTransition.es.js';
-import '../../../Transition/OpacityTransition/OpacityTransition.es.js';
-import { unlinkOAuth, verifyOAuth } from '../../../../data/api.es.js';
-import '../../../../context/ErrorContext/ErrorContext.es.js';
-import 'ethers';
-import '../../../../context/MockContext/MockContext.es.js';
-import '../../../../context/CaptchaContext/CaptchaContext.es.js';
-import '../../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.es.js';
-import { Button } from '../../../Button/Button.es.js';
-import '../../../IconButton/IconButton.es.js';
-import { capitalize } from '../../../../widgets/DynamicWidget/helpers/helpers.es.js';
-import { useUpdateUserProfileByJWTCallback } from '../../../../utils/hooks/useUpdateUserProfileByJWTCallback/useUpdateUserProfileByJWTCallback.es.js';
-import { ConnectedAccountAvatar } from './components/ConnectedAccountAvatar/ConnectedAccountAvatar.es.js';
-
-const UserProfileSocialAccount = ({ provider, authorizationUrl, verifiedCredential, }) => {
-    var _a, _b;
-    const { environmentId, onboardingOnlyJwt, authToken } = useInternalDynamicContext();
-    const { updateUserProfileByJWT } = useUpdateUserProfileByJWTCallback();
-    const [loading, setLoading] = useState(false);
-    const connectAccount = () => {
-        setLoading(true);
-        const authWindow = window.open(authorizationUrl, '_blank', 'width=500,height=600');
-        const handleAuthWindowMessage = (event) => __awaiter(void 0, void 0, void 0, function* () {
-            var _a, _b;
-            if (((_a = event.data) === null || _a === void 0 ? void 0 : _a.type) !== 'authorization_response' ||
-                ((_b = event.data) === null || _b === void 0 ? void 0 : _b.provider) !== provider) {
-                return;
-            }
-            const { code } = event.data;
-            const jwt = yield verifyOAuth(environmentId, provider, {
-                code,
-            }, String(authToken || onboardingOnlyJwt));
-            if (!jwt) {
-                return;
-            }
-            yield updateUserProfileByJWT(jwt);
-            setLoading(false);
-        });
-        window.addEventListener('message', handleAuthWindowMessage);
-        const authWindowInterval = setInterval(() => {
-            if (authWindow === null || authWindow === void 0 ? void 0 : authWindow.closed) {
-                window.removeEventListener('message', handleAuthWindowMessage);
-                clearInterval(authWindowInterval);
-                setLoading(false);
-            }
-        }, 1000);
-    };
-    const disconnectAccount = () => __awaiter(void 0, void 0, void 0, function* () {
-        var _c;
-        const jwt = yield unlinkOAuth({
-            environmentId,
-            verifiedCrentialId: (_c = verifiedCredential === null || verifiedCredential === void 0 ? void 0 : verifiedCredential.id) !== null && _c !== void 0 ? _c : '',
-        }, String(authToken || onboardingOnlyJwt));
-        if (!jwt) {
-            return;
-        }
-        updateUserProfileByJWT(jwt);
-    });
-    if (!verifiedCredential && !authorizationUrl) {
-        return null;
-    }
-    return (jsxs("div", Object.assign({ className: 'user-profile-social-account', "data-testid": `social-account-${provider}` }, { children: [jsx("div", Object.assign({ className: 'user-profile-social-account__icon' }, { children: verifiedCredential ? (jsx(ConnectedAccountAvatar, { provider: provider, avatarUrl: (_a = verifiedCredential.oauthAccountPhotos) === null || _a === void 0 ? void 0 : _a[0] })) : (jsx(SocialIcon, { name: provider })) })), jsx("div", Object.assign({ className: 'user-profile-social-account__label' }, { children: jsx(Typography, Object.assign({ weight: 'medium', variant: 'body_normal', color: 'primary' }, { children: (_b = verifiedCredential === null || verifiedCredential === void 0 ? void 0 : verifiedCredential.publicIdentifier) !== null && _b !== void 0 ? _b : capitalize(provider) })) })), verifiedCredential ? (jsx(Button, { buttonClassName: 'user-profile-social-account__button', buttonVariant: 'secondary', buttonRounded: 'small', buttonPadding: 'none', onClick: disconnectAccount, loading: loading, dataTestId: 'social-account-disconnect-button', typographyProps: {
-                    color: 'secondary',
-                    variant: 'button_tertiary',
-                }, startSlot: 
-                // eslint-disable-next-line react/jsx-wrap-multilines
-                jsx(Icon, Object.assign({ color: 'text-tertiary', size: 'small' }, { children: jsx(SvgUnlink, {}) })) })) : (jsx(Button, Object.assign({ buttonClassName: 'user-profile-social-account__button', buttonVariant: 'secondary', buttonRounded: 'small', buttonPadding: 'none', onClick: connectAccount, loading: loading, dataTestId: 'social-account-connect-button', typographyProps: {
-                    color: 'secondary',
-                    variant: 'button_tertiary',
-                    weight: 'medium',
-                }, startSlot: 
-                // eslint-disable-next-line react/jsx-wrap-multilines
-                jsx(Icon, Object.assign({ color: 'text-tertiary', size: 'xsmall' }, { children: jsx(SvgAdd, {}) })) }, { children: "Connect" })))] })));
-};
-
-export { UserProfileSocialAccount };

package/src/lib/components/UserProfile/parts/UserProfileSocialAccount/components/ConnectedAccountAvatar/ConnectedAccountAvatar.cjs.js

@@ -1,11 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var iconic = require('@dynamic-labs/iconic');
-var Image = require('../../../../../Image/Image.cjs.js');
-
-const ConnectedAccountAvatar = ({ provider, avatarUrl, }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", Object.assign({ className: 'user-profile-social-account__connected-avatar' }, { children: jsxRuntime.jsx(Image.Image, { src: avatarUrl, alt: 'User avatar', dataTestId: 'user-avatar', fallback: jsxRuntime.jsx(iconic.UserProfileIcon, {}) }) })), jsxRuntime.jsx("div", Object.assign({ className: 'user-profile-social-account__connected-provider-icon' }, { children: jsxRuntime.jsx(iconic.SocialIcon, { name: provider }) }))] }));
-
-exports.ConnectedAccountAvatar = ConnectedAccountAvatar;

package/src/lib/components/UserProfile/parts/UserProfileSocialAccount/components/ConnectedAccountAvatar/ConnectedAccountAvatar.es.js

@@ -1,7 +0,0 @@
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { UserProfileIcon, SocialIcon } from '@dynamic-labs/iconic';
-import { Image } from '../../../../../Image/Image.es.js';
-
-const ConnectedAccountAvatar = ({ provider, avatarUrl, }) => (jsxs(Fragment, { children: [jsx("div", Object.assign({ className: 'user-profile-social-account__connected-avatar' }, { children: jsx(Image, { src: avatarUrl, alt: 'User avatar', dataTestId: 'user-avatar', fallback: jsx(UserProfileIcon, {}) }) })), jsx("div", Object.assign({ className: 'user-profile-social-account__connected-provider-icon' }, { children: jsx(SocialIcon, { name: provider }) }))] }));
-
-export { ConnectedAccountAvatar };

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

@@ -1,442 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _tslib = require('../../../../_virtual/_tslib.cjs.js');
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var multiWallet = require('@dynamic-labs/multi-wallet');
-var iconic = require('@dynamic-labs/iconic');
-var localStorage$1 = require('../../utils/constants/localStorage.cjs.js');
-require('../../utils/constants/colors.cjs.js');
-var values = require('../../utils/constants/values.cjs.js');
-var decodeJwt = require('../../shared/utils/functions/decodeJwt/decodeJwt.cjs.js');
-var logger = require('../../shared/logger.cjs.js');
-var ViewContext = require('../ViewContext/ViewContext.cjs.js');
-var useLocalStorage = require('../../shared/utils/hooks/useLocalStorage/useLocalStorage.cjs.js');
-require('../../shared/consts/index.cjs.js');
-var useFetchProjectSettings = require('../../utils/hooks/useFetchProjectSettings/useFetchProjectSettings.cjs.js');
-var useFetchNonce = require('../../utils/hooks/useFetchNonce/useFetchNonce.cjs.js');
-var useWallets = require('../../utils/hooks/useWallets/useWallets.cjs.js');
-var useWalletConnectors = require('../../utils/hooks/useWalletConnectors/useWalletConnectors.cjs.js');
-var api = require('../../data/api.cjs.js');
-var getAuthToken = require('../../utils/functions/getAuthToken/getAuthToken.cjs.js');
-require('@dynamic-labs/sdk-api');
-var isSameWalletName = require('../../utils/functions/isSameWalletName/isSameWalletName.cjs.js');
-var ErrorContext = require('../ErrorContext/ErrorContext.cjs.js');
-require('react-dom');
-var useWalletUiUtils = require('../../utils/hooks/useWalletUiUtils/useWalletUiUtils.cjs.js');
-require('../MockContext/MockContext.cjs.js');
-var CaptchaContext = require('../CaptchaContext/CaptchaContext.cjs.js');
-require('../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.cjs.js');
-var ApiEndpoint = require('../../config/ApiEndpoint.cjs.js');
-var ThemeContext = require('../ThemeContext/ThemeContext.cjs.js');
-var useFetchNetworkConfigurations = require('../../utils/hooks/useFetchNetworkConfigurations/useFetchNetworkConfigurations.cjs.js');
-var useMultiWalletWidgetState = require('../../utils/hooks/multiWallet/useMultiWalletWidgetState/useMultiWalletWidgetState.cjs.js');
-var useWalletEventListeners = require('../../utils/hooks/useWalletEventListeners/useWalletEventListeners.cjs.js');
-var LoadingContext = require('../LoadingContext/LoadingContext.cjs.js');
-var useSyncPrimaryWallet = require('../../utils/hooks/multiWallet/useSyncPrimaryWallet/useSyncPrimaryWallet.cjs.js');
-var useFetchWalletsForChainsMap = require('../../utils/hooks/useFetchWalletsForChainsMap/useFetchWalletsForChainsMap.cjs.js');
-var useHandleUnlinkWallet = require('../../utils/hooks/useHandleUnlinkWallet/useHandleUnlinkWallet.cjs.js');
-var app = require('../../app.cjs.js');
-var useClearWalletConnectSessions = require('../../utils/hooks/useClearWalletConnectSessions/useClearWalletConnectSessions.cjs.js');
-var parseTheme = require('../../utils/functions/parseTheme/parseTheme.cjs.js');
-var useConnectWallet = require('../../utils/hooks/useConnectWallet/useConnectWallet.cjs.js');
-var useRpcProviders = require('../../utils/hooks/useRpcProviders/useRpcProviders.cjs.js');
-var EmailVerificationContext = require('../EmailVerificationContext/EmailVerificationContext.cjs.js');
-var DynamicWidgetContext = require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs.js');
-var QrCodeContext = require('../QrCodeContext/QrCodeContext.cjs.js');
-var Toolkit = require('../../components/Toolkit/Toolkit.cjs.js');
-require('react-focus-lock');
-require('../../components/Transition/ZoomTransition/ZoomTransition.cjs.js');
-require('../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs.js');
-require('../../components/Transition/OpacityTransition/OpacityTransition.cjs.js');
-require('../../components/ShadowDOM/ShadowDOM.cjs.js');
-require('../../components/IconButton/IconButton.cjs.js');
-var helpers = require('./helpers.cjs.js');
-var validators = require('./validators.cjs.js');
-var useCustomerCallbacks = require('./useCustomerCallbacks/useCustomerCallbacks.cjs.js');
-var useCustomerAuthFlowCallbacks = require('./useCustomerCallbacks/useCustomerAuthFlowCallbacks.cjs.js');
-var useEmailLoginState = require('./hooks/useEmailLoginState/useEmailLoginState.cjs.js');
-var useDisplayOrderState = require('./hooks/useDisplayOrderState/useDisplayOrderState.cjs.js');
-
-const EMPTY_INITIAL_USER = undefined;
-const DynamicContext = React.createContext(undefined);
-const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, accessDeniedMessageSecondary, apiBaseUrl, appLogoUrl = 'https://demo.dynamic.xyz/assets/dynamic-logo.svg', appName = 'Dynamic Example', cssOverrides, defaultNumberOfWalletsToShow = values.DEFAULT_NUMBER_OF_WALLETS_TO_SHOW, initialAuthenticationMode = 'connect-and-sign', vendorCredentials, debugError = false, displayTermsOfService = true, newToWeb3WalletChainMap, enableVisitTrackingOnConnectOnly = true, environmentId, eventsCallbacks, evmNetworks, walletsFilter, logLevel = 'WARN', multiWallet: multiWallet$1 = false, notInTheListImageUrl, onboardingImageUrl, policiesConsentInnerComponent, privacyPolicyUrl, signWithEmailWalletName, socialMediaLinkText, socialMediaIconUrl, socialMediaUrl, termsOfServiceUrl, toolkitEnabled, siweStatement, shadowDOMEnabled = true, magicLinkConfig, }, children, theme, }) => {
-    var _a, _b;
-    logger.logger.setLogLevel(logLevel);
-    multiWallet.logger.setLogLevel(logLevel);
-    ApiEndpoint.setBaseUrl((_a = process.env.DYNAMIC_API_BASE_URL) !== null && _a !== void 0 ? _a : apiBaseUrl);
-    const isAuthenticated = Boolean(getAuthToken.getAuthToken());
-    const [onboardingOnlyJwt, setOnboardingOnlyJwt] = React.useState(undefined);
-    const [showAuthFlow, setShowAuthFlow] = React.useState(false);
-    // Allows clients to control widget flow without need to click on AccountControl
-    const [showDynamicUserProfile, setShowDynamicUserProfile] = React.useState(false);
-    const [isSingleWalletAccount, setIsSingleWalletAccount] = React.useState(false);
-    const [user, setUser, removeUser] = useLocalStorage.useLocalStorage(localStorage$1.AUTH_USER, EMPTY_INITIAL_USER, validators.validateAuthUser, [localStorage$1.AUTH_TOKEN]);
-    const { consumeNonce } = useFetchNonce.useFetchNonce(environmentId);
-    const [qrcodeUri, setQrcodeUri] = React.useState('');
-    const [desktopUri, setDesktopUri] = React.useState('');
-    const [multiWalletWidgetState, setMultiWalletWidgetState, { awaiting_account_switch: [accountSwitchState], awaiting_signature: [awaitingSignatureState], },] = useMultiWalletWidgetState.useMultiWalletWidgetState();
-    const [isVerifying, setIsVerifying] = React.useState(false);
-    const { projectSettings, isLoading: isProjectSettingsLoading } = useFetchProjectSettings.useFetchProjectSettings({ authToken: getAuthToken.getAuthToken(), environmentId });
-    const { configurations: serverNetworkConfigurations, removeLsNetworks } = useFetchNetworkConfigurations.useFetchNetworkConfigurations({
-        authToken: getAuthToken.getAuthToken(),
-        environmentId,
-        localNetworks: evmNetworks,
-    });
-    const { imageUserInAccessList, imageUserNotInAccessList, displayName, appLogo, } = (projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.general) || {};
-    appLogoUrl = appLogo || appLogoUrl;
-    appName = displayName || appName;
-    const [loginWithEmail, setLogInWithEmail] = useEmailLoginState.useEmailLoginState((projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.providers) || [], user);
-    const [authorizationViewDisplayOrder, setAuthorizationViewDisplayOrder] = useDisplayOrderState.useDisplayOrderState(projectSettings);
-    const [confirmationModal, walletUiUtils] = useWalletUiUtils.useWalletUiUtils({
-        appLogoUrl,
-        appName,
-        getAppOrigin: () => window.location.origin,
-    });
-    const { wallets } = useWallets.useWallets({
-        appLogoUrl,
-        appName,
-        magicLinkConfig,
-        networkConfigurations: serverNetworkConfigurations,
-        projectSettings,
-        vendorCredentials,
-        walletUiUtils,
-    });
-    const [authMode, setAuthMode] = useLocalStorage.useLocalStorage(localStorage$1.AUTH_MODE, initialAuthenticationMode);
-    const { connectWallet, removeConnectedInfo, connectedWallet, setConnectedWallet, connectWalletByAddressAndChain, } = useConnectWallet.useConnectWallet(wallets, authMode, environmentId, enableVisitTrackingOnConnectOnly);
-    const [selectedWalletConnector, setSelectedWalletConnector] = React.useState(null);
-    const removeAuthTokenAndUser = React.useCallback(() => {
-        localStorage.removeItem(localStorage$1.AUTH_TOKEN);
-        removeUser();
-    }, [removeUser]);
-    const { clearWalletStates, computeConnectedStateForWallets, walletConnectors, primaryWallet, primaryWalletId, showQrcodeModal, secondaryWallets, setPrimaryWallet, setPrimaryWalletId, setShowQrcodeModal, } = useWalletConnectors.useWalletConnectors({
-        authToken: getAuthToken.getAuthToken() || onboardingOnlyJwt,
-        multiWalletWidgetState,
-        setDesktopUri,
-        setMultiWalletWidgetState,
-        setQrcodeUri,
-        wallets,
-    });
-    const walletForUserFacingContext = authMode === 'connect-and-sign' || user ? primaryWallet : connectedWallet;
-    useSyncPrimaryWallet.useSyncPrimaryWallet({
-        multiWalletWidgetState,
-        primaryWallet,
-        setMultiWalletWidgetState,
-    });
-    const { clearAllWalletConnectSessions, clearOphanedWalletConnectSessions } = useClearWalletConnectSessions.useClearWalletConnectSessions({
-        connectors: walletConnectors,
-    });
-    React.useEffect(clearOphanedWalletConnectSessions, [
-        clearOphanedWalletConnectSessions,
-    ]);
-    const handleLogOut = React.useCallback(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-        var _c, _d, _e, _f;
-        clearAllWalletConnectSessions();
-        const jwt = getAuthToken.getAuthToken();
-        if (jwt && user) {
-            // do not await this async call - just fire and forget
-            api.revokeSession({ environmentId, sessionId: user.sessionId }, jwt);
-        }
-        for (const connector of walletConnectors) {
-            yield ((_c = connector.endSession) === null || _c === void 0 ? void 0 : _c.call(connector));
-        }
-        (_e = (_d = connectedWallet === null || connectedWallet === void 0 ? void 0 : connectedWallet.connector) === null || _d === void 0 ? void 0 : _d.endSession) === null || _e === void 0 ? void 0 : _e.call(_d);
-        setShowAuthFlow(false);
-        setMultiWalletWidgetState('idle');
-        removeAuthTokenAndUser();
-        setConnectedWallet(null);
-        removeLsNetworks();
-        setOnboardingOnlyJwt(undefined);
-        removeConnectedInfo();
-        clearWalletStates();
-        (_f = eventsCallbacks === null || eventsCallbacks === void 0 ? void 0 : eventsCallbacks.onLogout) === null || _f === void 0 ? void 0 : _f.call(eventsCallbacks, user);
-    }), [
-        clearAllWalletConnectSessions,
-        user,
-        connectedWallet === null || connectedWallet === void 0 ? void 0 : connectedWallet.connector,
-        setMultiWalletWidgetState,
-        removeAuthTokenAndUser,
-        setConnectedWallet,
-        removeLsNetworks,
-        removeConnectedInfo,
-        clearWalletStates,
-        eventsCallbacks,
-        environmentId,
-        walletConnectors,
-    ]);
-    const handleUnlinkWallet = useHandleUnlinkWallet.useHandleUnlinkWallet({
-        environmentId,
-        primaryWalletId,
-        secondaryWallets,
-        setUser,
-        verifiedCredentials: (user === null || user === void 0 ? void 0 : user.verifiedCredentials) || [],
-    });
-    const { loadingNetwork, network, setNetwork } = useWalletEventListeners.useWalletEventListeners({
-        computeConnectedStateForWallets,
-        connectWalletByAddressAndChain,
-        handleLogOut,
-        multiWallet: multiWallet$1,
-        multiWalletWidgetState,
-        primaryWallet: walletForUserFacingContext,
-        secondaryWallets,
-        selectedWalletConnector,
-        setMultiWalletWidgetState,
-        setPrimaryWalletId,
-        setSelectedWalletConnector,
-        user,
-    });
-    const { walletsForChainsMap } = useFetchWalletsForChainsMap.useFetchWalletsForChainsMap(newToWeb3WalletChainMap);
-    const rpcProviders = useRpcProviders.useRpcProviders({
-        networkConfigurations: serverNetworkConfigurations,
-        networkId: network,
-    });
-    React.useEffect(() => {
-        helpers.initExpirationTime(handleLogOut);
-    }, [handleLogOut]);
-    useCustomerAuthFlowCallbacks.useCustomerAuthFlowCallbacks({ eventsCallbacks, showAuthFlow });
-    const { setCallback } = useCustomerCallbacks.useCustomerCallbacks({
-        authMode,
-        callbacks: {
-            onAuthSuccess: eventsCallbacks === null || eventsCallbacks === void 0 ? void 0 : eventsCallbacks.onAuthSuccess,
-            onConnectSuccess: eventsCallbacks === null || eventsCallbacks === void 0 ? void 0 : eventsCallbacks.onConnectSuccess,
-            onLinkSuccess: eventsCallbacks === null || eventsCallbacks === void 0 ? void 0 : eventsCallbacks.onLinkSuccess,
-            onUserProfileUpdate: eventsCallbacks === null || eventsCallbacks === void 0 ? void 0 : eventsCallbacks.onUserProfileUpdate,
-        },
-        handleLogOut,
-        isAuthenticated,
-        primaryWallet: walletForUserFacingContext,
-        user,
-    });
-    const clearStatesOnBackClick = React.useCallback(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-        var _g;
-        setDesktopUri('');
-        setIsVerifying(false);
-        if (!user) {
-            clearAllWalletConnectSessions();
-        }
-        setMultiWalletWidgetState('idle');
-        if (authMode !== 'connect-only') {
-            setConnectedWallet(null);
-            removeConnectedInfo();
-        }
-        if (!localStorage.getItem(localStorage$1.AUTH_USER)) {
-            localStorage.removeItem(localStorage$1.AUTH_TOKEN);
-        }
-        if (selectedWalletConnector &&
-            (!primaryWallet ||
-                !isSameWalletName.isSameWalletName(primaryWallet.connector.name, selectedWalletConnector.name))) {
-            yield ((_g = selectedWalletConnector === null || selectedWalletConnector === void 0 ? void 0 : selectedWalletConnector.endSession) === null || _g === void 0 ? void 0 : _g.call(selectedWalletConnector));
-        }
-    }), [
-        user,
-        setMultiWalletWidgetState,
-        authMode,
-        selectedWalletConnector,
-        primaryWallet,
-        clearAllWalletConnectSessions,
-        setConnectedWallet,
-        removeConnectedInfo,
-    ]);
-    const value = React.useMemo(() => {
-        var _a, _b;
-        return ({
-            accessDeniedMessagePrimary,
-            accessDeniedMessageSecondary,
-            accountSwitchState,
-            appLogoUrl,
-            appName,
-            authMode,
-            authToken: getAuthToken.getAuthToken(),
-            authorizationViewDisplayOrder,
-            awaitingSignatureState,
-            clearStatesOnBackClick,
-            computeConnectedStateForWallets,
-            connectWallet,
-            connectedWallet,
-            connectedWallets: primaryWallet
-                ? [primaryWallet, ...secondaryWallets]
-                : [],
-            consumeNonce,
-            cssOverrides,
-            debugError,
-            decodedAuthToken: decodeJwt.decodeJwt(getAuthToken.getAuthToken()),
-            decodedOnboardingOnlyToken: decodeJwt.decodeJwt(onboardingOnlyJwt),
-            defaultNumberOfWalletsToShow,
-            desktopUri,
-            displayTermsOfService,
-            environmentId,
-            eventsCallbacks,
-            handleLogOut,
-            handleUnlinkWallet,
-            isAuthenticated,
-            isProjectSettingsLoading,
-            isSingleWalletAccount,
-            isVerifying,
-            loadingNetwork,
-            loginWithEmail,
-            multiWallet: multiWallet$1,
-            multiWalletWidgetState,
-            network,
-            networkConfigurations: serverNetworkConfigurations,
-            newToWeb3WalletChainMap: walletsForChainsMap,
-            notInTheListImageUrl: imageUserNotInAccessList || notInTheListImageUrl,
-            onboardingImageUrl: imageUserInAccessList || onboardingImageUrl,
-            onboardingOnlyJwt,
-            policiesConsentInnerComponent,
-            primaryWallet: walletForUserFacingContext,
-            primaryWalletId,
-            privacyPolicyUrl,
-            projectSettings,
-            qrcodeUri,
-            rpcProviders,
-            secondaryWallets,
-            selectedWalletConnector,
-            setAuthMode,
-            setAuthorizationViewDisplayOrder,
-            setCallback,
-            setDesktopUri,
-            setIsSingleWalletAccount,
-            setIsVerifying,
-            setLogInWithEmail,
-            setMultiWalletWidgetState,
-            setNetwork,
-            setOnboardingOnlyJwt,
-            setPrimaryWallet,
-            setPrimaryWalletId,
-            setQrcodeUri,
-            setSelectedWalletConnector,
-            setShowAuthFlow,
-            setShowDynamicUserProfile,
-            setShowQrcodeModal,
-            setUser,
-            shadowDOMEnabled,
-            showAuthFlow,
-            showDynamicUserProfile,
-            showQrcodeModal,
-            signWithEmailWalletName,
-            siweStatement,
-            socialMediaIconUrl: ((_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.general) === null || _a === void 0 ? void 0 : _a.supportUrls) || socialMediaIconUrl,
-            socialMediaLinkText,
-            socialMediaUrl,
-            termsOfServiceUrl,
-            theme,
-            toolkitEnabled,
-            user,
-            vendorCredentials,
-            walletConnector: (_b = walletForUserFacingContext === null || walletForUserFacingContext === void 0 ? void 0 : walletForUserFacingContext.connector) !== null && _b !== void 0 ? _b : null,
-            walletUiUtils,
-            wallets,
-            walletsFilter,
-        });
-    }, [
-        accessDeniedMessagePrimary,
-        accessDeniedMessageSecondary,
-        accountSwitchState,
-        appLogo,
-        appLogoUrl,
-        displayName,
-        appName,
-        authMode,
-        authorizationViewDisplayOrder,
-        awaitingSignatureState,
-        clearStatesOnBackClick,
-        computeConnectedStateForWallets,
-        connectWallet,
-        connectedWallet,
-        defaultNumberOfWalletsToShow,
-        primaryWallet,
-        secondaryWallets,
-        consumeNonce,
-        cssOverrides,
-        debugError,
-        onboardingOnlyJwt,
-        desktopUri,
-        displayTermsOfService,
-        environmentId,
-        eventsCallbacks,
-        handleLogOut,
-        handleUnlinkWallet,
-        user,
-        isProjectSettingsLoading,
-        isSingleWalletAccount,
-        isVerifying,
-        loadingNetwork,
-        loginWithEmail,
-        multiWallet$1,
-        multiWalletWidgetState,
-        network,
-        serverNetworkConfigurations,
-        walletsForChainsMap,
-        imageUserNotInAccessList,
-        notInTheListImageUrl,
-        imageUserInAccessList,
-        onboardingImageUrl,
-        policiesConsentInnerComponent,
-        walletForUserFacingContext,
-        primaryWalletId,
-        privacyPolicyUrl,
-        projectSettings,
-        qrcodeUri,
-        rpcProviders,
-        selectedWalletConnector,
-        setAuthMode,
-        setAuthorizationViewDisplayOrder,
-        setCallback,
-        setLogInWithEmail,
-        setMultiWalletWidgetState,
-        setNetwork,
-        setPrimaryWallet,
-        setPrimaryWalletId,
-        setShowQrcodeModal,
-        setUser,
-        shadowDOMEnabled,
-        showAuthFlow,
-        showDynamicUserProfile,
-        showQrcodeModal,
-        signWithEmailWalletName,
-        siweStatement,
-        socialMediaIconUrl,
-        socialMediaLinkText,
-        socialMediaUrl,
-        termsOfServiceUrl,
-        theme,
-        toolkitEnabled,
-        vendorCredentials,
-        walletUiUtils,
-        wallets,
-        walletsFilter,
-    ]);
-    React.useEffect(() => {
-        if (!document.head.querySelector('#sprite')) {
-            const element = document.createElement('link');
-            element.setAttribute('id', 'sprite');
-            element.setAttribute('rel', 'prefetch');
-            element.setAttribute('href', iconic.ICONIC_SPRITE_URL);
-            element.setAttribute('as', 'image');
-            element.setAttribute('type', 'image/svg+xml');
-            document.head.insertAdjacentElement('beforeend', element);
-        }
-    }, []);
-    // hides dynamic widget if user is not logged in or there is no connected wallet
-    React.useEffect(() => {
-        if (!user && !connectedWallet && showDynamicUserProfile) {
-            setShowDynamicUserProfile(false);
-        }
-    }, [connectedWallet, showDynamicUserProfile, user]);
-    // DYN-1140 - Opens Widget when multiWalletWidgetState changes
-    React.useEffect(() => {
-        // If statement to secure SingleWallet widget
-        if (!multiWallet$1)
-            return;
-        // We need to make sure that the user is logged in so that we do not try to display the widget before authorization
-        if (user && multiWalletWidgetState !== 'idle' && !showDynamicUserProfile) {
-            setShowDynamicUserProfile(true);
-        }
-    }, [multiWallet$1, multiWalletWidgetState, showDynamicUserProfile, user]);
-    return (jsxRuntime.jsx(DynamicContext.Provider, Object.assign({ value: value }, { children: jsxRuntime.jsx(ThemeContext.ThemeContextProvider, Object.assign({ customerTheme: parseTheme.parseTheme(theme, ((_b = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design) === null || _b === void 0 ? void 0 : _b.modal) || undefined), designSettings: projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design }, { children: jsxRuntime.jsx(LoadingContext.LoadingContextProvider, { children: jsxRuntime.jsx(ViewContext.ViewContextProvider, Object.assign({ loginWithEmail: loginWithEmail }, { children: jsxRuntime.jsx(QrCodeContext.QrCodeContextProvider, { children: jsxRuntime.jsx(EmailVerificationContext.EmailVerificationContextProvider, { children: jsxRuntime.jsx(ErrorContext.ErrorContextProvider, { children: jsxRuntime.jsx(DynamicWidgetContext.DynamicWidgetContextProvider, { children: jsxRuntime.jsxs(CaptchaContext.CaptchaContextProvider, { children: [jsxRuntime.jsx(app.DynamicAuthFlow, {}), jsxRuntime.jsx(Toolkit.Toolkit, {}), confirmationModal, children] }) }) }) }) }) })) }) })) })));
-};
-
-exports.DynamicContext = DynamicContext;
-exports.DynamicContextProvider = DynamicContextProvider;