@dynamic-labs/sdk-react-core 4.0.0-alpha.5 → 4.0.0-alpha.50

package/src/lib/store/state/projectSettings/projectSettings.d.ts

@@ -1,6 +1,11 @@
-export declare const getProjectSettings: () => import("../..").StoredProjectSettings, setProjectSettings: (value: import("../..").StoredProjectSettings) => void, useProjectSettings: () => import("../..").StoredProjectSettings, resetProjectSettings: () => void;
+import { ProjectSettings } from '@dynamic-labs/sdk-api-core';
+declare const setProjectSettings: (value: import("../..").StoredProjectSettings) => void, resetProjectSettings: () => void;
+export { setProjectSettings, resetProjectSettings };
+export declare const getProjectSettings: () => ProjectSettings | undefined;
+export declare const getProjectSettingsExpireAt: () => number | undefined;
+export declare const useProjectSettings: () => ProjectSettings | undefined;
+export declare const useProjectSettingsExpiresAt: () => number | undefined;
 export type UseProjectSettingsProps = {
-    environmentId: string;
     retries?: number;
 };
-export declare const useFetchProjectSettings: ({ environmentId, retries, }: UseProjectSettingsProps) => void;
+export declare const useFetchProjectSettings: ({ retries, }?: UseProjectSettingsProps) => void;

package/src/lib/store/state/projectSettings/projectSettings.js

@@ -2,20 +2,21 @@
 import { __awaiter } from '../../../../../_virtual/_tslib.js';
 import { DynamicError } from '@dynamic-labs/utils';
 import '@dynamic-labs/sdk-api-core';
+import '../../../config/ApiEndpoint.js';
+import '../../../utils/constants/values.js';
+import '@dynamic-labs/multi-wallet';
 import '../../../shared/logger.js';
+import '../../../utils/constants/colors.js';
+import 'react-international-phone';
 import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
 import 'react/jsx-runtime';
 import '../../../context/ViewContext/ViewContext.js';
 import 'react';
 import '@dynamic-labs/wallet-book';
-import '../../../utils/constants/colors.js';
-import '../../../utils/constants/values.js';
 import '../loadingAndLifecycle.js';
 import '../../../shared/consts/index.js';
-import '../../../config/ApiEndpoint.js';
-import '@dynamic-labs/multi-wallet';
-import 'react-international-phone';
+import '../nonce/nonce.js';
 import '../user/user.js';
 import { fetchProjectSettings } from '../../../data/api/settings/settings.js';
 import '../../../locale/locale.js';
@@ -29,11 +30,12 @@ import '../../../context/UserWalletsContext/UserWalletsContext.js';
 import '../../../events/dynamicEvents.js';
 import '../../../context/VerificationContext/VerificationContext.js';
 import 'react-dom';
+import '../../../utils/functions/compareChains/compareChains.js';
 import '../../../context/WalletContext/WalletContext.js';
 import '../../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.js';
-import { usePromise } from '../../../utils/hooks/usePromise/usePromise.js';
 import '../../../context/ThemeContext/ThemeContext.js';
 import '../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
+import { usePromise } from '../../../utils/hooks/usePromise/usePromise.js';
 import '@dynamic-labs/types';
 import '../../../context/LoadingContext/LoadingContext.js';
 import 'yup';
@@ -42,8 +44,8 @@ import '../../../views/CollectUserDataView/useFields.js';
 import '../../../context/FieldsStateContext/FieldsStateContext.js';
 import '../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
-import '../environmentId.js';
-import '../walletConnectorOptions.js';
+import { useEnvironmentId } from '../dynamicContextProps/dynamicContextProps.js';
+import '../walletOptions/walletOptions.js';
 import 'react-i18next';
 import '../../../components/Accordion/components/AccordionItem/AccordionItem.js';
 import '../../../components/Alert/Alert.js';
@@ -53,46 +55,42 @@ import '../../../components/InlineWidget/InlineWidget.js';
 import '../../../components/Input/Input.js';
 import '../../../components/IsBrowser/IsBrowser.js';
 import '../../../components/MenuList/Dropdown/Dropdown.js';
+import '../../../components/OverlayCard/OverlayCard.js';
 import '../../../components/Transition/ZoomTransition/ZoomTransition.js';
 import '../../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../../components/Transition/OpacityTransition/OpacityTransition.js';
-import '../../../components/OverlayCard/OverlayCardTarget/OverlayCardTarget.js';
 import '../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../../../components/Popper/Popper/Popper.js';
 import '../../../components/Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
 import 'qrcode';
 import 'formik';
+import '../../../utils/hooks/useSubdomainCheck/useSubdomainCheck.js';
 import '../../../context/FooterAnimationContext/index.js';
 import '../../../context/WalletGroupContext/WalletGroupContext.js';
+import '../../../context/IpConfigurationContext/IpConfigurationContext.js';
 import '../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
 import '../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
-import '../../../context/IpConfigurationContext/IpConfigurationContext.js';
 import '../../../context/PasskeyContext/PasskeyContext.js';
 import '../sendBalances.js';
+import '@dynamic-labs/ethereum-aa';
+import '../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.js';
 import '../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
-import '../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
+import '../../../views/TransactionConfirmationView/TransactionConfirmationView.js';
 import '../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
-import '../../../../polyfills.js';
-import '../../../context/ErrorBoundary/ErrorBoundaryBase.js';
-import '../../../context/ErrorBoundary/ErrorBoundaryContext.js';
-import '../../../widgets/DynamicBridgeWidget/context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.js';
-import '../../../widgets/DynamicWidget/components/DynamicWidgetCard/DynamicWidgetCard.js';
-import '../../../context/WidgetRegistry/WidgetRegistryContextProvider.js';
-import '../../../context/FundingContext/FundingContext.js';
-import '../../../context/SendBalanceContext/SendBalanceContext.js';
-import '../../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';
-import '../../../context/ConnectWithOtpContext/constants.js';
-import '../../../context/ReinitializeContext/ReinitializeContextProvider.js';
+import '../../../../index.js';
 import '../tokenBalances.js';
+import '../../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
 import { createStoreState } from '../../internalImplementation/utils/createStoreState/createStoreState.js';
 
-const { getProjectSettings, setProjectSettings, useProjectSettings, resetProjectSettings, } = createStoreState('projectSettings');
-const useFetchProjectSettings = ({ environmentId, retries = 2, }) => {
-    const storedSettings = useProjectSettings();
-    const lsSettingsExists = Boolean(storedSettings === null || storedSettings === void 0 ? void 0 : storedSettings.settings);
+const { getProjectSettings: getProjectSettingsRaw, setProjectSettings, useProjectSettings: useProjectSettingsRaw, resetProjectSettings, } = createStoreState('projectSettings');
+const getProjectSettings = () => getProjectSettingsRaw().settings;
+const useProjectSettings = () => useProjectSettingsRaw().settings;
+const useFetchProjectSettings = ({ retries = 2, } = {}) => {
+    const lsSettingsExists = Boolean(useProjectSettings());
+    const environmentId = useEnvironmentId();
     const { retrigger } = usePromise(() => __awaiter(void 0, void 0, void 0, function* () {
         const settings = yield fetchProjectSettings(environmentId);
         if (!settings)

package/src/lib/store/state/user/storeAuthTokenAndUser/storeAuthTokenAndUser.cjs

@@ -20,6 +20,7 @@ require('react');
 require('@dynamic-labs/wallet-book');
 require('../../loadingAndLifecycle.cjs');
 require('../../../../shared/consts/index.cjs');
+require('../../nonce/nonce.cjs');
 var index = require('../../../../utils/functions/storeAuthToken/index.cjs');
 require('../../../../config/ApiEndpoint.cjs');
 var storeExpiresAt = require('../../../../utils/functions/storeExpiresAt/storeExpiresAt.cjs');

package/src/lib/store/state/user/storeAuthTokenAndUser/storeAuthTokenAndUser.js

@@ -16,6 +16,7 @@ import 'react';
 import '@dynamic-labs/wallet-book';
 import '../../loadingAndLifecycle.js';
 import '../../../../shared/consts/index.js';
+import '../../nonce/nonce.js';
 import { storeAuthToken } from '../../../../utils/functions/storeAuthToken/index.js';
 import '../../../../config/ApiEndpoint.js';
 import { storeExpiresAt } from '../../../../utils/functions/storeExpiresAt/storeExpiresAt.js';

package/src/lib/store/state/user/user.cjs

@@ -4,10 +4,20 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
+var logger = require('../../../shared/logger.cjs');
 var hasPendingRequirements = require('../../../shared/utils/functions/hasPendingRequirements/hasPendingRequirements.cjs');
 var createStoreState = require('../../internalImplementation/utils/createStoreState/createStoreState.cjs');
 
-const { getUser, setUser, useUser: useUserRaw } = createStoreState.createStoreState('user');
+const { getUser, setUser: setUserRaw, useUser: useUserRaw, } = createStoreState.createStoreState('user');
+const setUser = (user) => {
+    if (user) {
+        logger.logger.metaData.set('user', user);
+    }
+    else {
+        logger.logger.metaData.set('user', undefined);
+    }
+    setUserRaw(user);
+};
 const useUser = () => {
     // after user has fully logged in (user is defined), it should never go back to
     // not being fully logged in (userWithMissingInfo defined instead of user),

package/src/lib/store/state/user/user.d.ts

@@ -1,5 +1,6 @@
-declare const getUser: () => import("dist/packages/types/src").UserProfile | undefined, setUser: (value: import("dist/packages/types/src").UserProfile | undefined) => void;
-export { getUser, setUser };
+declare const getUser: () => import("dist/packages/types/src").UserProfile | undefined, setUserRaw: (value: import("dist/packages/types/src").UserProfile | undefined) => void;
+export { getUser };
+export declare const setUser: typeof setUserRaw;
 export declare const useUser: () => {
     userWithMissingInfo?: undefined;
     user?: undefined;
@@ -10,3 +11,4 @@ export declare const useUser: () => {
     user: import("dist/packages/types/src").UserProfile;
     userWithMissingInfo?: undefined;
 };
+export declare const useUserCoalesced: () => import("dist/packages/types/src").UserProfile | undefined;

package/src/lib/store/state/user/user.js

@@ -1,9 +1,19 @@
 'use client'
 import { useRef } from 'react';
+import { logger } from '../../../shared/logger.js';
 import { hasPendingRequirements } from '../../../shared/utils/functions/hasPendingRequirements/hasPendingRequirements.js';
 import { createStoreState } from '../../internalImplementation/utils/createStoreState/createStoreState.js';
 
-const { getUser, setUser, useUser: useUserRaw } = createStoreState('user');
+const { getUser, setUser: setUserRaw, useUser: useUserRaw, } = createStoreState('user');
+const setUser = (user) => {
+    if (user) {
+        logger.metaData.set('user', user);
+    }
+    else {
+        logger.metaData.set('user', undefined);
+    }
+    setUserRaw(user);
+};
 const useUser = () => {
     // after user has fully logged in (user is defined), it should never go back to
     // not being fully logged in (userWithMissingInfo defined instead of user),

package/src/lib/store/state/walletOptions/index.d.ts

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

package/src/lib/store/state/walletOptions/walletOptions.cjs

@@ -0,0 +1,59 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var createStoreState = require('../../internalImplementation/utils/createStoreState/createStoreState.cjs');
+
+const walletOptionsState = createStoreState.createStoreState('walletOptions');
+const { getWalletOptions, useWalletOptions } = walletOptionsState;
+const getWalletConnectorOptions = () => getWalletOptions().walletConnectorOptions;
+const useWalletConnectorOptions = () => useWalletOptions().walletConnectorOptions;
+const setWalletConnectorOptions = (walletConnectorOptions) => {
+    const options = getWalletOptions();
+    walletOptionsState.setWalletOptions(Object.assign(Object.assign({}, options), { walletConnectorOptions }));
+};
+const getWalletGroups = () => getWalletOptions().groups;
+const useWalletGroups = () => useWalletOptions().groups;
+const setWalletGroups = (groups) => {
+    const options = getWalletOptions();
+    walletOptionsState.setWalletOptions(Object.assign(Object.assign({}, options), { groups }));
+};
+/**
+ * Merges the current wallet groups with the new groups.
+ * @param groups - The new wallet groups to merge.
+ */
+const mergeWalletGroups = (groups) => {
+    const currentGroups = getWalletGroups();
+    const mergedGroups = Object.assign(Object.assign({}, currentGroups), groups);
+    setWalletGroups(mergedGroups);
+};
+/**
+ * Merges the current wallet connector options with the new options.
+ * @param options - The new wallet connector options to merge.
+ */
+const mergeWalletConnectorOptions = (options) => {
+    const currentWalletOptions = getWalletConnectorOptions();
+    // Create a unique key for each wallet option based on its key and connected chain
+    const getKey = (walletOption) => `${walletOption.key}-${walletOption.walletConnector.connectedChain}`;
+    const currentWalletOptionsMap = new Map(currentWalletOptions.map((walletOption) => [
+        getKey(walletOption),
+        walletOption,
+    ]));
+    options.forEach((walletOption) => {
+        currentWalletOptionsMap.set(getKey(walletOption), walletOption);
+    });
+    const updatedWalletOptions = Array.from(currentWalletOptionsMap.values());
+    setWalletConnectorOptions(updatedWalletOptions);
+};
+
+exports.getWalletConnectorOptions = getWalletConnectorOptions;
+exports.getWalletGroups = getWalletGroups;
+exports.getWalletOptions = getWalletOptions;
+exports.mergeWalletConnectorOptions = mergeWalletConnectorOptions;
+exports.mergeWalletGroups = mergeWalletGroups;
+exports.setWalletConnectorOptions = setWalletConnectorOptions;
+exports.setWalletGroups = setWalletGroups;
+exports.useWalletConnectorOptions = useWalletConnectorOptions;
+exports.useWalletGroups = useWalletGroups;
+exports.useWalletOptions = useWalletOptions;

package/src/lib/store/state/walletOptions/walletOptions.d.ts

@@ -0,0 +1,18 @@
+import { WalletGroups, WalletOption } from '../../../shared';
+export declare const getWalletOptions: () => import("../..").WalletOptionsState, useWalletOptions: () => import("../..").WalletOptionsState;
+export declare const getWalletConnectorOptions: () => WalletOption[];
+export declare const useWalletConnectorOptions: () => WalletOption[];
+export declare const setWalletConnectorOptions: (walletConnectorOptions: WalletOption[]) => void;
+export declare const getWalletGroups: () => WalletGroups;
+export declare const useWalletGroups: () => WalletGroups;
+export declare const setWalletGroups: (groups: WalletGroups) => void;
+/**
+ * Merges the current wallet groups with the new groups.
+ * @param groups - The new wallet groups to merge.
+ */
+export declare const mergeWalletGroups: (groups: WalletGroups) => void;
+/**
+ * Merges the current wallet connector options with the new options.
+ * @param options - The new wallet connector options to merge.
+ */
+export declare const mergeWalletConnectorOptions: (options: WalletOption[]) => void;

package/src/lib/store/state/walletOptions/walletOptions.js

@@ -0,0 +1,46 @@
+'use client'
+import { createStoreState } from '../../internalImplementation/utils/createStoreState/createStoreState.js';
+
+const walletOptionsState = createStoreState('walletOptions');
+const { getWalletOptions, useWalletOptions } = walletOptionsState;
+const getWalletConnectorOptions = () => getWalletOptions().walletConnectorOptions;
+const useWalletConnectorOptions = () => useWalletOptions().walletConnectorOptions;
+const setWalletConnectorOptions = (walletConnectorOptions) => {
+    const options = getWalletOptions();
+    walletOptionsState.setWalletOptions(Object.assign(Object.assign({}, options), { walletConnectorOptions }));
+};
+const getWalletGroups = () => getWalletOptions().groups;
+const useWalletGroups = () => useWalletOptions().groups;
+const setWalletGroups = (groups) => {
+    const options = getWalletOptions();
+    walletOptionsState.setWalletOptions(Object.assign(Object.assign({}, options), { groups }));
+};
+/**
+ * Merges the current wallet groups with the new groups.
+ * @param groups - The new wallet groups to merge.
+ */
+const mergeWalletGroups = (groups) => {
+    const currentGroups = getWalletGroups();
+    const mergedGroups = Object.assign(Object.assign({}, currentGroups), groups);
+    setWalletGroups(mergedGroups);
+};
+/**
+ * Merges the current wallet connector options with the new options.
+ * @param options - The new wallet connector options to merge.
+ */
+const mergeWalletConnectorOptions = (options) => {
+    const currentWalletOptions = getWalletConnectorOptions();
+    // Create a unique key for each wallet option based on its key and connected chain
+    const getKey = (walletOption) => `${walletOption.key}-${walletOption.walletConnector.connectedChain}`;
+    const currentWalletOptionsMap = new Map(currentWalletOptions.map((walletOption) => [
+        getKey(walletOption),
+        walletOption,
+    ]));
+    options.forEach((walletOption) => {
+        currentWalletOptionsMap.set(getKey(walletOption), walletOption);
+    });
+    const updatedWalletOptions = Array.from(currentWalletOptionsMap.values());
+    setWalletConnectorOptions(updatedWalletOptions);
+};
+
+export { getWalletConnectorOptions, getWalletGroups, getWalletOptions, mergeWalletConnectorOptions, mergeWalletGroups, setWalletConnectorOptions, setWalletGroups, useWalletConnectorOptions, useWalletGroups, useWalletOptions };

package/src/lib/store/stateConfig.cjs

@@ -6,11 +6,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 /**
  * Returns the initial state for the SdkStore
  */
-const createInitialStates = ({ environmentId, }) => ({
-    environmentId,
+const createInitialStates = (dynamicContextProps) => ({
+    dynamicContextProps,
     loadingAndLifecycle: {
         sessionValidation: false,
     },
+    nonce: { expiresAt: undefined, nonce: undefined },
     projectSettings: { expiresAt: undefined, settings: undefined },
     sendBalanceState: {
         amount: undefined,
@@ -24,14 +25,17 @@ const createInitialStates = ({ environmentId, }) => ({
         tokenBalances: undefined,
     },
     user: undefined,
-    walletConnectorOptions: [],
+    walletOptions: {
+        groups: {},
+        walletConnectorOptions: [],
+    },
 });
 /**
  * Filters out which variables should be stored to local storage.
  * Also allows transforming them before storage.
  */
 const transformStateForLocalStorage = (state) => ({
-    environmentId: state.environmentId,
+    nonce: state.nonce,
     projectSettings: state.projectSettings,
     user: state.user,
 });

package/src/lib/store/stateConfig.d.ts

@@ -1,8 +1,9 @@
-import { SdkStore, SdkStoreProps } from './types';
+import { DynamicContextProps } from '../context/DynamicContext/types';
+import { SdkStore } from './types';
 /**
  * Returns the initial state for the SdkStore
  */
-export declare const createInitialStates: ({ environmentId, }: SdkStoreProps) => SdkStore;
+export declare const createInitialStates: (dynamicContextProps: DynamicContextProps) => SdkStore;
 /**
  * Filters out which variables should be stored to local storage.
  * Also allows transforming them before storage.

package/src/lib/store/stateConfig.js

@@ -2,11 +2,12 @@
 /**
  * Returns the initial state for the SdkStore
  */
-const createInitialStates = ({ environmentId, }) => ({
-    environmentId,
+const createInitialStates = (dynamicContextProps) => ({
+    dynamicContextProps,
     loadingAndLifecycle: {
         sessionValidation: false,
     },
+    nonce: { expiresAt: undefined, nonce: undefined },
     projectSettings: { expiresAt: undefined, settings: undefined },
     sendBalanceState: {
         amount: undefined,
@@ -20,14 +21,17 @@ const createInitialStates = ({ environmentId, }) => ({
         tokenBalances: undefined,
     },
     user: undefined,
-    walletConnectorOptions: [],
+    walletOptions: {
+        groups: {},
+        walletConnectorOptions: [],
+    },
 });
 /**
  * Filters out which variables should be stored to local storage.
  * Also allows transforming them before storage.
  */
 const transformStateForLocalStorage = (state) => ({
-    environmentId: state.environmentId,
+    nonce: state.nonce,
     projectSettings: state.projectSettings,
     user: state.user,
 });

package/src/lib/store/types.d.ts

@@ -1,18 +1,16 @@
 import { ProjectSettings, TokenBalance } from '@dynamic-labs/sdk-api-core';
 import { UserProfile } from '@dynamic-labs/types';
-import { WalletOption } from '../shared/types/wallets';
-export type SdkStoreProps = {
-    environmentId: string;
-    storageSuffix?: string;
-};
+import { WalletGroups, WalletOption } from '../shared/types/wallets';
+import type { DynamicContextProps } from '../context/DynamicContext/types';
 export type SdkStore = {
-    environmentId: string;
     user: UserProfile | undefined;
     projectSettings: StoredProjectSettings;
     tokenBalancesState: TokenBalancesState;
     sendBalanceState: SendBalanceState;
-    walletConnectorOptions: WalletOption[];
+    walletOptions: WalletOptionsState;
     loadingAndLifecycle: LoadingAndLifecycle;
+    dynamicContextProps: Pick<DynamicContextProps, 'emitErrors' | 'enableInstrumentation' | 'locale' | 'settings' | 'theme'>;
+    nonce: StoredNonce;
 };
 export type LoadingAndLifecycle = {
     /**
@@ -31,6 +29,10 @@ export type TokenBalancesState = {
     tokenBalances: TokenBalance[] | undefined;
     isError: boolean;
 };
+export type WalletOptionsState = {
+    walletConnectorOptions: WalletOption[];
+    groups: WalletGroups;
+};
 export type StoredProjectSettings = {
     expiresAt: number | undefined;
     settings: ProjectSettings | undefined;
@@ -41,3 +43,7 @@ export type StateConfig = {
         useLocalStorage?: boolean;
     };
 };
+export type StoredNonce = {
+    expiresAt: number | undefined;
+    nonce: string | undefined;
+};

package/src/lib/store/utils/settingsUtils/index.d.ts

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

package/src/lib/store/utils/settingsUtils/settingsUtils.d.ts

@@ -0,0 +1,22 @@
+import { ProjectSettingsGeneral } from '@dynamic-labs/sdk-api-core';
+import { SettingsWithDefaults } from '../../state/dynamicContextProps';
+type GetAndUse<N extends string, P extends keyof ProjectSettingsGeneral, S extends keyof SettingsWithDefaults> = {
+    [K in N as `get${Capitalize<K>}`]: () => ProjectSettingsGeneral[P] | SettingsWithDefaults[S];
+} & {
+    [K in N as `use${Capitalize<K>}`]: () => ProjectSettingsGeneral[P] | SettingsWithDefaults[S];
+};
+/**
+ * Many properties are set both under projectSettings.general and dynamicSettings.
+ * This is a helper function to get the value from either of them.
+ */
+export declare const makeGetAndUse: <N extends string, P extends keyof ProjectSettingsGeneral, S extends "shadowDOMEnabled" | "bridgeChains" | "accessDeniedButton" | "accessDeniedMessagePrimary" | "accessDeniedMessageSecondary" | "apiBaseUrl" | "appLogoUrl" | "appName" | "coinbaseWalletPreference" | "cssOverrides" | "customPrivacyPolicy" | "defaultPhoneInputIso2" | "detectNewWalletsForLinking" | "customTermsOfServices" | "debugError" | "deepLinkPreference" | "defaultNumberOfWalletsToShow" | "displaySiweStatement" | "enableConnectOnlyFallback" | "enableVisitTrackingOnConnectOnly" | "environmentId" | "events" | "flowNetwork" | "handlers" | "initialAuthenticationMode" | "localStorageSuffix" | "logLevel" | "mobileExperience" | "networkValidationMode" | "newToWeb3WalletChainMap" | "notInTheListImageUrl" | "onboardingImageUrl" | "overrides" | "social" | "policiesConsentInnerComponent" | "privacyPolicyUrl" | "recommendedWallets" | "redirectUrl" | "siweStatement" | "showLockedWalletView" | "socialMediaIconUrl" | "socialMediaLinkText" | "socialMediaUrl" | "socialProvidersFilter" | "suppressEndUserConsoleWarning" | "termsOfServiceUrl" | "toolkitEnabled" | "walletConnectors" | "walletConnectorExtensions" | "walletConnectPreferredChains" | "walletsFilter" | "tokensFilter">(name: N, projectSettingName: P, dynamicSettingName: S) => GetAndUse<N, P, S>;
+export declare const getAppLogoUrl: () => string | null | undefined, useAppLogoUrl: () => string | null | undefined;
+export declare const getAppName: () => string | undefined, useAppName: () => string | undefined;
+export declare const getNotInTheListImageUrl: () => string | null | undefined, useNotInTheListImageUrl: () => string | null | undefined;
+export declare const getOnboardingImageUrl: () => string | null | undefined, useOnboardingImageUrl: () => string | null | undefined;
+export declare const getSocialMediaIconUrl: () => {
+    [key: string]: string;
+} | Record<string, string> | Record<import("../../../utils/functions/getSocialNetworkIcon").SocialNetworkIconType, string> | undefined, useSocialMediaIconUrl: () => {
+    [key: string]: string;
+} | Record<string, string> | Record<import("../../../utils/functions/getSocialNetworkIcon").SocialNetworkIconType, string> | undefined;
+export {};