@dynamic-labs/sdk-react-core 2.1.2-alpha.1 → 2.1.3

package/src/lib/context/DynamicContext/DynamicContext.d.ts

@@ -1,4 +1,5 @@
 import { FC, ReactNode } from 'react';
+import { CountryIso2 } from 'react-international-phone';
 import { LogLevel } from '@dynamic-labs/logger';
 import { type CoinbaseWalletPreference, type SocialProviderFilter } from '@dynamic-labs/types';
 import { DeepLinkVariant, WalletConnectorExtension, WalletConnectorsMethod } from '@dynamic-labs/wallet-connector-core';
@@ -23,6 +24,7 @@ export interface DynamicContextProps {
         coinbaseWalletPreference?: CoinbaseWalletPreference;
         cssOverrides?: string | JSX.Element;
         customPrivacyPolicy?: ReactNode;
+        defaultPhoneInputIso2?: CountryIso2;
         customTermsOfServices?: ReactNode;
         debugError?: boolean;
         /**
@@ -50,6 +52,9 @@ export interface DynamicContextProps {
         flowNetwork?: 'testnet' | 'mainnet';
         handlers?: DynamicHandlers;
         headless?: boolean;
+        /**
+         * @deprecated Set this property in the dashboard instead
+         */
         hideEmbeddedWalletTransactionUIs?: boolean;
         initialAuthenticationMode?: AuthModeType;
         localStorageSuffix?: string;

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

@@ -132,8 +132,8 @@ const PUBLIC_PROJECT_LIVE_ENVIRONMENT_ID = '2762a57b-faa4-41ce-9f16-abff9300e2c9
 const DynamicContext = createContext(undefined);
 /** The context provider itself we only use internally */
 const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) => {
-    var _a, _b, _c, _d, _e, _f;
-    const { accessDeniedMessagePrimary, accessDeniedMessageSecondary, accessDeniedButton, apiBaseUrl, coinbaseWalletPreference, enableConnectOnlyFallback = false, deepLinkPreference: deepLinkPreferenceProp = 'native', bridgeChains, cssOverrides, defaultNumberOfWalletsToShow = DEFAULT_NUMBER_OF_WALLETS_TO_SHOW, flowNetwork, initialAuthenticationMode = 'connect-and-sign', debugError = false, displaySiweStatement = true, newToWeb3WalletChainMap, enableVisitTrackingOnConnectOnly = true, environmentId, walletsFilter, logLevel = 'WARN', mobileExperience = 'in-app-browser', notInTheListImageUrl, onboardingImageUrl, policiesConsentInnerComponent, customPrivacyPolicy, privacyPolicyUrl, signWithEmailWalletName, socialMediaLinkText, socialMediaIconUrl, socialMediaUrl, customTermsOfServices, termsOfServiceUrl, toolkitEnabled, siweStatement, shadowDOMEnabled = true, walletConnectors: walletConnectorsProp, socialProvidersFilter, showLockedWalletView = false, walletConnectPreferredChains, walletConnectorExtensions, recommendedWallets, hideEmbeddedWalletTransactionUIs, handlers, headless = false, } = settings;
+    var _a, _b, _c, _d, _e, _f, _g, _h;
+    const { accessDeniedMessagePrimary, accessDeniedMessageSecondary, accessDeniedButton, defaultPhoneInputIso2, apiBaseUrl, coinbaseWalletPreference, enableConnectOnlyFallback = false, deepLinkPreference: deepLinkPreferenceProp = 'native', bridgeChains, cssOverrides, defaultNumberOfWalletsToShow = DEFAULT_NUMBER_OF_WALLETS_TO_SHOW, flowNetwork, initialAuthenticationMode = 'connect-and-sign', debugError = false, displaySiweStatement = true, newToWeb3WalletChainMap, enableVisitTrackingOnConnectOnly = true, environmentId, walletsFilter, logLevel = 'WARN', mobileExperience = 'in-app-browser', notInTheListImageUrl, onboardingImageUrl, policiesConsentInnerComponent, customPrivacyPolicy, privacyPolicyUrl, signWithEmailWalletName, socialMediaLinkText, socialMediaIconUrl, socialMediaUrl, customTermsOfServices, termsOfServiceUrl, toolkitEnabled, siweStatement, shadowDOMEnabled = true, walletConnectors: walletConnectorsProp, socialProvidersFilter, showLockedWalletView = false, walletConnectPreferredChains, walletConnectorExtensions, recommendedWallets, hideEmbeddedWalletTransactionUIs, handlers, headless = false, } = settings;
     LocalStorage.setSuffix(settings.localStorageSuffix);
     /**
      * initialize global store
@@ -215,7 +215,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
         appLogoUrl,
         appName,
         getAppOrigin: () => window.location.origin,
-        hideEmbeddedWalletTransactionUIs,
+        hideEmbeddedWalletTransactionUIs: hideEmbeddedWalletTransactionUIs !== null && hideEmbeddedWalletTransactionUIs !== void 0 ? hideEmbeddedWalletTransactionUIs : !((_g = (_f = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _f === void 0 ? void 0 : _f.embeddedWallets) === null || _g === void 0 ? void 0 : _g.showEmbeddedWalletActionsUI),
     });
     const { walletConnectorOptions } = useWalletConnectorOptions({
         appLogoUrl,
@@ -437,6 +437,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
             customTermsOfServices,
             debugError,
             defaultNumberOfWalletsToShow,
+            defaultPhoneInputIso2,
             defaultTabIndex,
             desktopUri,
             disconnectWallet,
@@ -541,6 +542,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
         accessDeniedMessageSecondary,
         accountSwitchState,
         handlers,
+        defaultPhoneInputIso2,
         appLogoUrl,
         appName,
         defaultTabIndex,
@@ -679,7 +681,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [multiWallet, multiWalletWidgetState, showDynamicUserProfile]);
-    return (jsx(I18nextProvider, { i18n: i18nSDKInstance, children: jsx(DynamicContext.Provider, { value: value, children: jsx(WalletBookContextProvider, { walletBook: walletBook, children: jsx(ThemeContextProvider, { customerTheme: parseTheme(theme, ((_f = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design) === null || _f === void 0 ? void 0 : _f.modal) || undefined), designSettings: projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design, children: jsx(LoadingContextProvider, { children: jsxs(ViewContextProvider, { initialView: getInitialView({
+    return (jsx(I18nextProvider, { i18n: i18nSDKInstance, children: jsx(DynamicContext.Provider, { value: value, children: jsx(WalletBookContextProvider, { walletBook: walletBook, children: jsx(ThemeContextProvider, { customerTheme: parseTheme(theme, ((_h = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design) === null || _h === void 0 ? void 0 : _h.modal) || undefined), designSettings: projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design, children: jsx(LoadingContextProvider, { children: jsxs(ViewContextProvider, { initialView: getInitialView({
                                 bridgeOnboardingCompleted,
                                 connectedWallets,
                                 isAuthenticated: isAuthenticated || Boolean(primaryWallet),

package/src/lib/context/DynamicContext/types/index.d.ts

@@ -1,5 +1,6 @@
 import { Dispatch, MutableRefObject, ReactElement, ReactNode, SetStateAction } from 'react';
 import { changeLanguage } from 'i18next';
+import { CountryIso2 } from 'react-international-phone';
 import { NameServiceData, ProjectSettings, SdkView } from '@dynamic-labs/sdk-api-core';
 import { GenericNetwork, NetworkConfigurationMap, SocialProviderFilter, UserProfile, WalletUiUtils } from '@dynamic-labs/types';
 import { Chain, GetAddressOpts, WalletConnector } from '@dynamic-labs/wallet-connector-core';
@@ -64,6 +65,7 @@ export interface IDynamicContext {
     accountSwitchState: AccountSwitchState;
     appLogoUrl?: string;
     appName?: string;
+    defaultPhoneInputIso2?: CountryIso2;
     authMode: AuthModeType;
     authToken: string | undefined;
     authorizationViewDisplayOrder: DisplayOrder;

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

@@ -10,6 +10,7 @@ export type Wallet = BaseWallet & {
      * like ordinals and payment addresses for bitcoin wallets
      */
     additionalAddresses?: WalletAdditionalAddress[];
+    key: string;
 };
 export type WalletAction = 'select' | 'unlink';
 export type WalletWithAction = {