@dynamic-labs/sdk-react-core 4.0.0 → 4.1.0

package/src/lib/shared/assets/index.d.ts

@@ -1,29 +1,32 @@
-export { PhantomLedgerIcon } from './wallets/PhantomLedgerIcon/PhantomLedgerIcon';
+export { ReactComponent as AccessBlockedIcon } from './access-blocked.svg';
 export { ReactComponent as AddWalletIcon } from './add-wallet.svg';
 export { ReactComponent as AddIcon } from './add.svg';
 export { ReactComponent as AltEmbeddedWalletIcon } from './alt-embedded-wallet.svg';
 export { ReactComponent as AltKeyIcon } from './alt-key.svg';
 export { ReactComponent as AndroidFaceId } from './android-face-id.svg';
 export { ReactComponent as AndroidTouchId } from './android-touch-id.svg';
-export { ReactComponent as ConnectedAppsIcon } from './connected-apps.svg';
+export { ReactComponent as ArrowCircleRight } from './arrow-circle-right.svg';
 export { ReactComponent as ArrowDownIcon } from './arrow-down.svg';
 export { ReactComponent as ArrowLeftIcon } from './arrow-left.svg';
 export { ReactComponent as ArrowRightBackgroundIcon } from './arrow-right-background.svg';
 export { ReactComponent as ArrowRightIcon } from './arrow-right.svg';
 export { ReactComponent as AtIcon } from './at.svg';
+export { ReactComponent as AuthenticatorIcon } from './authenticator.svg';
+export { ReactComponent as BlueWalletConnectIcon } from './blue-walletconnect.svg';
+export { ReactComponent as CautionTriangleIcon } from './caution-triangle.svg';
+export { ReactComponent as CheckBlueIcon } from './check-blue.svg';
 export { ReactComponent as CheckCircleIcon } from './check-circle.svg';
 export { ReactComponent as CheckConnectionIcon } from './check-connection.svg';
 export { ReactComponent as CheckIcon } from './check.svg';
-export { ReactComponent as ExclamationIcon } from './exclamation.svg';
-export { ReactComponent as ExclamationCircleIcon } from './exclamation-circle.svg';
 export { ReactComponent as ChevronDownIcon } from './chevron-down.svg';
-export { ReactComponent as CautionTriangleIcon } from './caution-triangle.svg';
 export { ReactComponent as ChevronLeftIcon } from './chevron-left.svg';
 export { ReactComponent as CircleLockerIcon } from './circle-locker.svg';
-export { ReactComponent as CheckBlueIcon } from './check-blue.svg';
 export { ReactComponent as CloseIcon } from './close.svg';
+export { ReactComponent as ConnectedAppsIcon } from './connected-apps.svg';
 export { ReactComponent as CopyIcon } from './copy.svg';
+export { ReactComponent as CurrencyIcon } from './currency.svg';
 export { ReactComponent as DefaultWallet } from './default-wallet.svg';
+export { ReactComponent as DeleteEmbeddedHero } from './delete-embedded-hero.svg';
 export { ReactComponent as DomainIcon } from './domain.svg';
 export { ReactComponent as DotsHorizontalIcon } from './dots-horizontal.svg';
 export { ReactComponent as DoubleArrowRightIcon } from './double-arrow-right.svg';
@@ -31,24 +34,21 @@ export { ReactComponent as DownloadIcon } from './download.svg';
 export { ReactComponent as DynamicLogoIcon } from './dynamic-logo.svg';
 export { ReactComponent as EmbeddedWalletIcon } from './embedded-wallet-icon.svg';
 export { ReactComponent as ErrorIcon } from './error.svg';
+export { ReactComponent as ExclamationCircleIcon } from './exclamation-circle.svg';
+export { ReactComponent as ExclamationIcon } from './exclamation.svg';
 export { ReactComponent as ExportEmbeddedHero } from './export-embedded-hero.svg';
-export { ReactComponent as DeleteEmbeddedHero } from './delete-embedded-hero.svg';
 export { ReactComponent as ExportPrivateKeyIcon } from './export-private-key.svg';
 export { ReactComponent as ExportRecoveryPhraseIcon } from './export-recovery-phrase.svg';
 export { ReactComponent as ExternalLinkIcon } from './externalLink.svg';
 export { ReactComponent as EyeOffIcon } from './eye-off-icon.svg';
 export { ReactComponent as EyeOutlineIcon } from './eye-outline.svg';
-export { ReactComponent as ArrowCircleRight } from './arrow-circle-right.svg';
 export { ReactComponent as FaceIdIcon } from './face-id.svg';
-export { ReactComponent as WarningRedIcon } from './warning-red.svg';
-export { ReactComponent as WarningOrangeIcon } from './warning-orange.svg';
-export { ReactComponent as GlobalWalletIcon } from './global-wallet-icon.svg';
 export { ReactComponent as EyeIcon } from './footer-eye-icon.svg';
 export { ReactComponent as GasIcon } from './footer-gas-icon.svg';
 export { ReactComponent as InfoIcon } from './footer-info-icon.svg';
 export { ReactComponent as KeyIcon } from './footer-key-icon.svg';
 export { ReactComponent as GearIcon } from './gear.svg';
-export { ReactComponent as BlueWalletConnectIcon } from './blue-walletconnect.svg';
+export { ReactComponent as GlobalWalletIcon } from './global-wallet-icon.svg';
 export { ReactComponent as InfoWarningIcon } from './info.svg';
 export { ReactComponent as IPhoneFaceId } from './iphone-face-id.svg';
 export { ReactComponent as IPhoneTouchId } from './iphone-touch-id.svg';
@@ -59,6 +59,7 @@ export { ReactComponent as LocationIcon } from './location.svg';
 export { ReactComponent as LockIcon } from './lock.svg';
 export { ReactComponent as LogoutIcon } from './logout.svg';
 export { ReactComponent as MailIcon } from './mail.svg';
+export { ReactComponent as MfaRecoveryIcon } from './mfa-recovery-icon.svg';
 export { ReactComponent as AccountSecurityIcon } from './multiple-account-security.svg';
 export { ReactComponent as PasskeyAccountSecurityIcon } from './passkey-account-security.svg';
 export { ReactComponent as PasskeyIntroIcon } from './passkey-intro-icon.svg';
@@ -68,41 +69,41 @@ export { ReactComponent as PasswordHeroIcon } from './password-hero.svg';
 export { ReactComponent as PencilAltIcon } from './pencil-alt-icon.svg';
 export { ReactComponent as PencilIcon } from './pencil.svg';
 export { ReactComponent as PhoneIcon } from './phone.svg';
+export { ReactComponent as ProfileIconOutline } from './profile-outline.svg';
+export { ReactComponent as ProfileIcon } from './profile.svg';
 export { ReactComponent as PromptAccountSwitch } from './prompt-account-switch.svg';
 export { ReactComponent as PuzzleIcon } from './puzzle.svg';
 export { ReactComponent as QuestionMarkIcon } from './question-mark.svg';
+export { ReactComponent as SavePasswordHeroIcon } from './save-password-hero.svg';
+export { ReactComponent as SecureActionIcon } from './secure-action.svg';
 export { ReactComponent as SendIcon } from './send.svg';
+export { ReactComponent as SettingsIconOutline } from './settings-outline.svg';
+export { ReactComponent as SettingsIcon } from './settings.svg';
+export { ReactComponent as ShieldIcon } from './shield.svg';
 export { ReactComponent as SignCircleIcon } from './sign-circle.svg';
 export { ReactComponent as SignInWithEmailIcon } from './sign-in-with-email.svg';
 export { ReactComponent as SignInWithPhoneIcon } from './sign-in-with-phone.svg';
 export { ReactComponent as SizeLabelsIcon } from './size-labels.svg';
+export { ReactComponent as SmartWalletIcon } from './smart-wallet.svg';
 export { ReactComponent as SparklesIcon } from './sparkles.svg';
 export { ReactComponent as SpinnerIcon } from './spinner.svg';
 export { ReactComponent as ArrowIcon } from './stroke.svg';
-export { ReactComponent as SavePasswordHeroIcon } from './save-password-hero.svg';
 export { ReactComponent as SwitchHorizontalIcon } from './switch-horizontal.svg';
+export { ReactComponent as SwitchToggleIcon } from './switch-toggle.svg';
 export { ReactComponent as ThreeDots } from './three-dots.svg';
-export { ReactComponent as TooltipIcon } from './tooltip.svg';
 export { ReactComponent as TooltipArrow } from './tooltip-arrow.svg';
+export { ReactComponent as TooltipIcon } from './tooltip.svg';
 export { ReactComponent as UnlinkIcon } from './unlink.svg';
 export { ReactComponent as UserCleanIcon } from './user-account-2.svg';
 export { ReactComponent as UserCardIcon } from './user-card.svg';
 export { ReactComponent as UserIcon } from './user.svg';
 export { ReactComponent as WalletClaimHeroIcon } from './wallet-claim-hero.svg';
 export { ReactComponent as WalletConnectLogo } from './wallet-connect-logo.svg';
+export { ReactComponent as WalletIconOutlineV2 } from './wallet-outline-v2.svg';
 export { ReactComponent as WalletOutlineIcon } from './wallet-outline.svg';
 export { ReactComponent as WalletV2Icon } from './wallet-v2.svg';
-export { ReactComponent as WorkSuitcaseIcon } from './work-suitcase.svg';
-export { ReactComponent as MfaRecoveryIcon } from './mfa-recovery-icon.svg';
-export { ReactComponent as AccessBlockedIcon } from './access-blocked.svg';
-export { ReactComponent as ProfileIconOutline } from './profile-outline.svg';
-export { ReactComponent as ProfileIcon } from './profile.svg';
 export { ReactComponent as WalletIcon } from './wallet.svg';
-export { ReactComponent as WalletIconOutlineV2 } from './wallet-outline-v2.svg';
-export { ReactComponent as SettingsIconOutline } from './settings-outline.svg';
-export { ReactComponent as SettingsIcon } from './settings.svg';
-export { ReactComponent as CurrencyIcon } from './currency.svg';
-export { ReactComponent as AuthenticatorIcon } from './authenticator.svg';
-export { ReactComponent as ShieldIcon } from './shield.svg';
-export { ReactComponent as SecureActionIcon } from './secure-action.svg';
-export { ReactComponent as SmartWalletIcon } from './smart-wallet.svg';
+export { PhantomLedgerIcon } from './wallets/PhantomLedgerIcon/PhantomLedgerIcon';
+export { ReactComponent as WarningOrangeIcon } from './warning-orange.svg';
+export { ReactComponent as WarningRedIcon } from './warning-red.svg';
+export { ReactComponent as WorkSuitcaseIcon } from './work-suitcase.svg';

package/src/lib/shared/types/index.d.ts

@@ -6,3 +6,4 @@ export * from './general';
 export * from './localStorage';
 export * from './ui';
 export * from './wallets';
+export * from './transactionConfirmationSettings';

package/src/lib/shared/types/transactionConfirmationSettings.d.ts

@@ -0,0 +1,3 @@
+export type TransactionConfirmationSettings = {
+    required?: boolean;
+};

package/src/lib/shared/utils/functions/chain/getChainIcon.cjs

@@ -5,10 +5,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var iconic = require('@dynamic-labs/iconic');
 var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
-require('react/jsx-runtime');
-require('../../../../context/ViewContext/ViewContext.cjs');
 require('react');
 var error = require('../../../assets/error.cjs');
+require('react/jsx-runtime');
+require('../../../../context/ViewContext/ViewContext.cjs');
 
 const chainIconMap = {
     algorand: iconic.AlgorandIcon,

package/src/lib/shared/utils/functions/chain/getChainIcon.js

@@ -1,10 +1,10 @@
 'use client'
 import { AlgorandIcon, BitcoinIcon, CosmosIcon, EclipseIcon, EthereumIcon, FlowIcon, SolanaIcon, StarknetIcon } from '@dynamic-labs/iconic';
 import { getChainInfo } from '@dynamic-labs/wallet-connector-core';
-import 'react/jsx-runtime';
-import '../../../../context/ViewContext/ViewContext.js';
 import 'react';
 import { ReactComponent as SvgError } from '../../../assets/error.js';
+import 'react/jsx-runtime';
+import '../../../../context/ViewContext/ViewContext.js';
 
 const chainIconMap = {
     algorand: AlgorandIcon,

package/src/lib/shared/utils/hooks/usePrefetch/usePrefetch.cjs

@@ -7,9 +7,9 @@ require('@dynamic-labs/sdk-api-core');
 require('../../../logger.cjs');
 require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
+require('react');
 require('react/jsx-runtime');
 require('../../../../context/ViewContext/ViewContext.cjs');
-require('react');
 require('@dynamic-labs/wallet-book');
 var isSSR = require('../../functions/isSSR/isSSR.cjs');
 require('@dynamic-labs/utils');

package/src/lib/shared/utils/hooks/usePrefetch/usePrefetch.js

@@ -3,9 +3,9 @@ import '@dynamic-labs/sdk-api-core';
 import '../../../logger.js';
 import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
+import 'react';
 import 'react/jsx-runtime';
 import '../../../../context/ViewContext/ViewContext.js';
-import 'react';
 import '@dynamic-labs/wallet-book';
 import { isSSR } from '../../functions/isSSR/isSSR.js';
 import '@dynamic-labs/utils';

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

@@ -14,9 +14,9 @@ require('../../../utils/constants/colors.cjs');
 require('react-international-phone');
 require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
+require('react');
 require('react/jsx-runtime');
 require('../../../context/ViewContext/ViewContext.cjs');
-require('react');
 require('@dynamic-labs/wallet-book');
 require('../loadingAndLifecycle.cjs');
 require('../../../shared/consts/index.cjs');
@@ -37,13 +37,13 @@ require('../../../events/dynamicEvents.cjs');
 require('../../../context/VerificationContext/VerificationContext.cjs');
 require('react-dom');
 require('../../../utils/functions/compareChains/compareChains.cjs');
-require('../../../context/WalletContext/WalletContext.cjs');
-require('../../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.cjs');
 require('../../../context/ThemeContext/ThemeContext.cjs');
 require('../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
 var usePromise = require('../../../utils/hooks/usePromise/usePromise.cjs');
 require('@dynamic-labs/types');
 require('../../../context/LoadingContext/LoadingContext.cjs');
+require('../../../context/WalletContext/WalletContext.cjs');
+require('../../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.cjs');
 require('yup');
 require('../../../context/MockContext/MockContext.cjs');
 require('../../../views/CollectUserDataView/useFields.cjs');

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

@@ -10,9 +10,9 @@ import '../../../utils/constants/colors.js';
 import 'react-international-phone';
 import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
+import 'react';
 import 'react/jsx-runtime';
 import '../../../context/ViewContext/ViewContext.js';
-import 'react';
 import '@dynamic-labs/wallet-book';
 import '../loadingAndLifecycle.js';
 import '../../../shared/consts/index.js';
@@ -33,13 +33,13 @@ 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 '../../../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 '../../../context/WalletContext/WalletContext.js';
+import '../../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.js';
 import 'yup';
 import '../../../context/MockContext/MockContext.js';
 import '../../../views/CollectUserDataView/useFields.js';

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

@@ -14,9 +14,9 @@ require('../../../utils/constants/colors.cjs');
 require('react-international-phone');
 require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
+require('react');
 require('react/jsx-runtime');
 require('../../../context/ViewContext/ViewContext.cjs');
-require('react');
 require('@dynamic-labs/wallet-book');
 require('../loadingAndLifecycle.cjs');
 require('../../../shared/consts/index.cjs');
@@ -37,13 +37,13 @@ require('../../../events/dynamicEvents.cjs');
 require('../../../context/VerificationContext/VerificationContext.cjs');
 require('react-dom');
 require('../../../utils/functions/compareChains/compareChains.cjs');
-require('../../../context/WalletContext/WalletContext.cjs');
-require('../../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.cjs');
 require('../../../context/ThemeContext/ThemeContext.cjs');
 require('../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
 var usePromise = require('../../../utils/hooks/usePromise/usePromise.cjs');
 require('@dynamic-labs/types');
 require('../../../context/LoadingContext/LoadingContext.cjs');
+require('../../../context/WalletContext/WalletContext.cjs');
+require('../../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.cjs');
 require('yup');
 require('../../../context/MockContext/MockContext.cjs');
 require('../../../views/CollectUserDataView/useFields.cjs');

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

@@ -10,9 +10,9 @@ import '../../../utils/constants/colors.js';
 import 'react-international-phone';
 import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
+import 'react';
 import 'react/jsx-runtime';
 import '../../../context/ViewContext/ViewContext.js';
-import 'react';
 import '@dynamic-labs/wallet-book';
 import '../loadingAndLifecycle.js';
 import '../../../shared/consts/index.js';
@@ -33,13 +33,13 @@ 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 '../../../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 '../../../context/WalletContext/WalletContext.js';
+import '../../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.js';
 import 'yup';
 import '../../../context/MockContext/MockContext.js';
 import '../../../views/CollectUserDataView/useFields.js';

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

@@ -14,9 +14,9 @@ require('../../../../shared/logger.cjs');
 require('react-international-phone');
 require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
+require('react');
 require('react/jsx-runtime');
 require('../../../../context/ViewContext/ViewContext.cjs');
-require('react');
 require('@dynamic-labs/wallet-book');
 require('../../loadingAndLifecycle.cjs');
 require('../../../../shared/consts/index.cjs');

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

@@ -10,9 +10,9 @@ import '../../../../shared/logger.js';
 import 'react-international-phone';
 import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
+import 'react';
 import 'react/jsx-runtime';
 import '../../../../context/ViewContext/ViewContext.js';
-import 'react';
 import '@dynamic-labs/wallet-book';
 import '../../loadingAndLifecycle.js';
 import '../../../../shared/consts/index.js';

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

@@ -9,7 +9,7 @@ type GetAndUse<N extends string, P extends keyof ProjectSettingsGeneral, S exten
  * 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 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" | "transactionConfirmation">(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;