@dynamic-labs/sdk-react-core 4.0.0-alpha.1 → 4.0.0-alpha.3

package/CHANGELOG.md

@@ -1,4 +1,26 @@
 
+## [4.0.0-alpha.3](https://github.com/dynamic-labs/DynamicAuth/compare/v4.0.0-alpha.2...v4.0.0-alpha.3) (2024-09-20)
+
+
+### Features
+
+* developers provide global connectivity appkit project id ([#6941](https://github.com/dynamic-labs/DynamicAuth/issues/6941)) ([83760ea](https://github.com/dynamic-labs/DynamicAuth/commit/83760ea57591685b12caee945f173f6a7f9312d1))
+
+
+### Bug Fixes
+
+* don't try to set up event listeners if wallet provider doesn't support it ([#6943](https://github.com/dynamic-labs/DynamicAuth/issues/6943)) ([439f1bb](https://github.com/dynamic-labs/DynamicAuth/commit/439f1bbb3c765959756cfc6eeb8429e4018e0379))
+* dont verify all signatures for solana embedded multisig tx ([#6953](https://github.com/dynamic-labs/DynamicAuth/issues/6953)) ([7a7973e](https://github.com/dynamic-labs/DynamicAuth/commit/7a7973e05f0960421b348a55c6a00c9fd873b0b7))
+
+## [4.0.0-alpha.2](https://github.com/dynamic-labs/DynamicAuth/compare/v4.0.0-alpha.1...v4.0.0-alpha.2) (2024-09-18)
+
+
+### Features
+
+* add iconVariant prop to DynamicBridgeWidget ([#6915](https://github.com/dynamic-labs/DynamicAuth/issues/6915)) ([8aa0f3d](https://github.com/dynamic-labs/DynamicAuth/commit/8aa0f3d8d8c41c7b5c4796106f611f208010cb6d))
+* allow to create extra embedded wallets in react-native ([#6923](https://github.com/dynamic-labs/DynamicAuth/issues/6923)) ([ba22f7b](https://github.com/dynamic-labs/DynamicAuth/commit/ba22f7bcf41a444a4df0aff9b6aec257457e9402))
+* **client:** add hide method for auth and userProfile ui modules ([#6928](https://github.com/dynamic-labs/DynamicAuth/issues/6928)) ([a11a4a5](https://github.com/dynamic-labs/DynamicAuth/commit/a11a4a5d6e25ce2a916ebd52f0b341020dc1a7e5))
+
 ## [4.0.0-alpha.1](https://github.com/dynamic-labs/DynamicAuth/compare/v4.0.0-alpha.0...v4.0.0-alpha.1) (2024-09-17)
 
 

package/package.cjs

@@ -3,9 +3,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "4.0.0-alpha.1";
+var version = "4.0.0-alpha.3";
 var dependencies = {
-	"@dynamic-labs/sdk-api-core": "0.0.530",
+	"@dynamic-labs/sdk-api-core": "0.0.534",
 	"@hcaptcha/react-hcaptcha": "1.4.4",
 	"country-list": "2.3.0",
 	formik: "2.2.9",

package/package.js

@@ -1,7 +1,7 @@
 'use client'
-var version = "4.0.0-alpha.1";
+var version = "4.0.0-alpha.3";
 var dependencies = {
-	"@dynamic-labs/sdk-api-core": "0.0.530",
+	"@dynamic-labs/sdk-api-core": "0.0.534",
 	"@hcaptcha/react-hcaptcha": "1.4.4",
 	"country-list": "2.3.0",
 	formik: "2.2.9",

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@dynamic-labs/sdk-react-core",
-  "version": "4.0.0-alpha.1",
+  "version": "4.0.0-alpha.3",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/dynamic-labs/dynamic-auth.git",
     "directory": "packages/sdk-react-core"
   },
   "dependencies": {
-    "@dynamic-labs/sdk-api-core": "0.0.530",
+    "@dynamic-labs/sdk-api-core": "0.0.534",
     "@hcaptcha/react-hcaptcha": "1.4.4",
     "country-list": "2.3.0",
     "formik": "2.2.9",
@@ -17,16 +17,16 @@
     "react-i18next": "13.5.0",
     "yup": "0.32.11",
     "react-international-phone": "4.2.5",
-    "@dynamic-labs/iconic": "4.0.0-alpha.1",
-    "@dynamic-labs/logger": "4.0.0-alpha.1",
-    "@dynamic-labs/message-transport": "4.0.0-alpha.1",
-    "@dynamic-labs/multi-wallet": "4.0.0-alpha.1",
-    "@dynamic-labs/rpc-providers": "4.0.0-alpha.1",
-    "@dynamic-labs/store": "4.0.0-alpha.1",
-    "@dynamic-labs/types": "4.0.0-alpha.1",
-    "@dynamic-labs/utils": "4.0.0-alpha.1",
-    "@dynamic-labs/wallet-book": "4.0.0-alpha.1",
-    "@dynamic-labs/wallet-connector-core": "4.0.0-alpha.1",
+    "@dynamic-labs/iconic": "4.0.0-alpha.3",
+    "@dynamic-labs/logger": "4.0.0-alpha.3",
+    "@dynamic-labs/message-transport": "4.0.0-alpha.3",
+    "@dynamic-labs/multi-wallet": "4.0.0-alpha.3",
+    "@dynamic-labs/rpc-providers": "4.0.0-alpha.3",
+    "@dynamic-labs/store": "4.0.0-alpha.3",
+    "@dynamic-labs/types": "4.0.0-alpha.3",
+    "@dynamic-labs/utils": "4.0.0-alpha.3",
+    "@dynamic-labs/wallet-book": "4.0.0-alpha.3",
+    "@dynamic-labs/wallet-connector-core": "4.0.0-alpha.3",
     "eventemitter3": "5.0.1"
   },
   "devDependencies": {

package/src/lib/components/QRCode/QRCode.cjs

@@ -103,7 +103,7 @@ const generateMatrix = (value, errorCorrectionLevel) => {
         ? rows.push([key])
         : rows[rows.length - 1].push(key)) && rows, []);
 };
-const QRCode = ({ ecl = 'M', Icon, logoMargin = 0, logoSize = 40, size = 250, value, accentColor, walletKey = undefined, showQrCodeImage, }) => {
+const QRCode = ({ ecl = 'M', Icon, logoMargin = 0, logoSize = 40, size = 250, value, accentColor = 'currentColor', walletKey = undefined, showQrCodeImage, }) => {
     const { data } = usePromise.usePromise(() => QRCodeUtil__default["default"].toDataURL(value));
     const dots = React.useMemo(() => {
         const dots = [];
@@ -118,7 +118,7 @@ const QRCode = ({ ecl = 'M', Icon, logoMargin = 0, logoSize = 40, size = 250, va
             const x1 = (matrix.length - 7) * cellSize * x;
             const y1 = (matrix.length - 7) * cellSize * y;
             for (let i = 0; i < 3; i++) {
-                dots.push(jsxRuntime.jsx("rect", { fill: i % 2 !== 0 ? 'currentColor' : accentColor, height: cellSize * (7 - i * 2), rx: i === 0 ? 10 : i === 1 ? 7 : 20, ry: i === 0 ? 10 : i === 1 ? 7 : 20, width: cellSize * (7 - i * 2), x: x1 + cellSize * i, y: y1 + cellSize * i }, `corner-square-${x}-${y}-${i}`));
+                dots.push(jsxRuntime.jsx("rect", { "data-key": `corner-square-${x}-${y}-${i}`, fill: i % 2 !== 0 ? 'var(--background)' : accentColor, height: cellSize * (7 - i * 2), rx: i === 0 ? 10 : i === 1 ? 7 : 20, ry: i === 0 ? 10 : i === 1 ? 7 : 20, width: cellSize * (7 - i * 2), x: x1 + cellSize * i, y: y1 + cellSize * i }, `corner-square-${x}-${y}-${i}`));
             }
         });
         const clearArenaSize = Math.floor((logoSize * 1.5) / cellSize);

package/src/lib/components/QRCode/QRCode.js

@@ -95,7 +95,7 @@ const generateMatrix = (value, errorCorrectionLevel) => {
         ? rows.push([key])
         : rows[rows.length - 1].push(key)) && rows, []);
 };
-const QRCode = ({ ecl = 'M', Icon, logoMargin = 0, logoSize = 40, size = 250, value, accentColor, walletKey = undefined, showQrCodeImage, }) => {
+const QRCode = ({ ecl = 'M', Icon, logoMargin = 0, logoSize = 40, size = 250, value, accentColor = 'currentColor', walletKey = undefined, showQrCodeImage, }) => {
     const { data } = usePromise(() => QRCodeUtil.toDataURL(value));
     const dots = useMemo(() => {
         const dots = [];
@@ -110,7 +110,7 @@ const QRCode = ({ ecl = 'M', Icon, logoMargin = 0, logoSize = 40, size = 250, va
             const x1 = (matrix.length - 7) * cellSize * x;
             const y1 = (matrix.length - 7) * cellSize * y;
             for (let i = 0; i < 3; i++) {
-                dots.push(jsx("rect", { fill: i % 2 !== 0 ? 'currentColor' : accentColor, height: cellSize * (7 - i * 2), rx: i === 0 ? 10 : i === 1 ? 7 : 20, ry: i === 0 ? 10 : i === 1 ? 7 : 20, width: cellSize * (7 - i * 2), x: x1 + cellSize * i, y: y1 + cellSize * i }, `corner-square-${x}-${y}-${i}`));
+                dots.push(jsx("rect", { "data-key": `corner-square-${x}-${y}-${i}`, fill: i % 2 !== 0 ? 'var(--background)' : accentColor, height: cellSize * (7 - i * 2), rx: i === 0 ? 10 : i === 1 ? 7 : 20, ry: i === 0 ? 10 : i === 1 ? 7 : 20, width: cellSize * (7 - i * 2), x: x1 + cellSize * i, y: y1 + cellSize * i }, `corner-square-${x}-${y}-${i}`));
             }
         });
         const clearArenaSize = Math.floor((logoSize * 1.5) / cellSize);

package/src/lib/components/SendBalanceForm/SendBalanceForm.cjs

@@ -153,7 +153,7 @@ const SendBalanceForm = ({ initialValues, onSubmit, decimals = 18, validateAddre
             }),
         });
     }, [decimals, validateAddress, validateAmount]);
-    return (jsxRuntime.jsx(formik.Formik, { initialValues: initialValues || sendBalanceFormInitialValues, validationSchema: sendBalanceFormValidationSchema, onSubmit: (values) => onSubmit(values), validateOnChange: false, validateOnBlur: false, children: ({ errors, touched, values, handleChange, setFieldValue, setErrors, }) => {
+    return (jsxRuntime.jsx(formik.Formik, { initialValues: initialValues || sendBalanceFormInitialValues, validationSchema: sendBalanceFormValidationSchema, onSubmit: (values) => onSubmit(values), validateOnChange: false, validateOnBlur: false, children: ({ errors, touched, values, handleChange, setFieldValue, setErrors, handleBlur, setFieldTouched, validateField, }) => {
             var _a;
             return (jsxRuntime.jsxs(formik.Form, { className: 'send-balance-form', children: [jsxRuntime.jsxs("div", { className: 'send-balance-page-layout__balance-container', children: [jsxRuntime.jsx(FormFieldLabel.FormFieldLabel, { children: "Select any token" }), jsxRuntime.jsx(TokensBalanceDropdown.TokensBalanceDropdown, { tokenBalances: tokenBalances !== null && tokenBalances !== void 0 ? tokenBalances : (currentToken && [currentToken]), currentToken: currentToken, setCurrentToken: setCurrentToken, isLoading: isLoading, setFieldValue: setFieldValue, setErrors: setErrors })] }), jsxRuntime.jsxs("div", { className: 'send-balance-form__amount-container', children: [jsxRuntime.jsx(formik.Field, { variant: 'regular', className: `send-balance-form__amount-container__field ${showFiat ? 'fiat' : ''}`, name: 'amount', id: 'amount', onChange: (e) => {
                                     const newValue = e.target.value;
@@ -168,6 +168,10 @@ const SendBalanceForm = ({ initialValues, onSubmit, decimals = 18, validateAddre
                                         return;
                                     }
                                     sendBalances.setSendBalanceVariable('amount', (currentToken === null || currentToken === void 0 ? void 0 : currentToken.price) ? Number(newValue) : undefined);
+                                }, onBlur: (e) => {
+                                    handleBlur(e);
+                                    setFieldTouched('amount', true);
+                                    validateField('amount');
                                 }, placeholder: t('dyn_send_transaction.data.amount.placeholder'), as: Input.Input, error: errors['amount'], copykey: 'dyn_send_transaction.data.amount.label', message: touched['amount'] &&
                                     getDisplayErrorMessage(errors, t, 'amount', decimals), style: {
                                     paddingLeft: `${leftSymbolPadding}px`,

package/src/lib/components/SendBalanceForm/SendBalanceForm.js

@@ -149,7 +149,7 @@ const SendBalanceForm = ({ initialValues, onSubmit, decimals = 18, validateAddre
             }),
         });
     }, [decimals, validateAddress, validateAmount]);
-    return (jsx(Formik, { initialValues: initialValues || sendBalanceFormInitialValues, validationSchema: sendBalanceFormValidationSchema, onSubmit: (values) => onSubmit(values), validateOnChange: false, validateOnBlur: false, children: ({ errors, touched, values, handleChange, setFieldValue, setErrors, }) => {
+    return (jsx(Formik, { initialValues: initialValues || sendBalanceFormInitialValues, validationSchema: sendBalanceFormValidationSchema, onSubmit: (values) => onSubmit(values), validateOnChange: false, validateOnBlur: false, children: ({ errors, touched, values, handleChange, setFieldValue, setErrors, handleBlur, setFieldTouched, validateField, }) => {
             var _a;
             return (jsxs(Form, { className: 'send-balance-form', children: [jsxs("div", { className: 'send-balance-page-layout__balance-container', children: [jsx(FormFieldLabel, { children: "Select any token" }), jsx(TokensBalanceDropdown, { tokenBalances: tokenBalances !== null && tokenBalances !== void 0 ? tokenBalances : (currentToken && [currentToken]), currentToken: currentToken, setCurrentToken: setCurrentToken, isLoading: isLoading, setFieldValue: setFieldValue, setErrors: setErrors })] }), jsxs("div", { className: 'send-balance-form__amount-container', children: [jsx(Field, { variant: 'regular', className: `send-balance-form__amount-container__field ${showFiat ? 'fiat' : ''}`, name: 'amount', id: 'amount', onChange: (e) => {
                                     const newValue = e.target.value;
@@ -164,6 +164,10 @@ const SendBalanceForm = ({ initialValues, onSubmit, decimals = 18, validateAddre
                                         return;
                                     }
                                     setSendBalanceVariable('amount', (currentToken === null || currentToken === void 0 ? void 0 : currentToken.price) ? Number(newValue) : undefined);
+                                }, onBlur: (e) => {
+                                    handleBlur(e);
+                                    setFieldTouched('amount', true);
+                                    validateField('amount');
                                 }, placeholder: t('dyn_send_transaction.data.amount.placeholder'), as: Input, error: errors['amount'], copykey: 'dyn_send_transaction.data.amount.label', message: touched['amount'] &&
                                     getDisplayErrorMessage(errors, t, 'amount', decimals), style: {
                                     paddingLeft: `${leftSymbolPadding}px`,

package/src/lib/components/WalletInformationCard/WalletInformationCard.cjs

@@ -24,7 +24,7 @@ var Icon = require('../Icon/Icon.cjs');
 const WalletInformationCard = ({ address, ens, balance, icon, network, menu, }) => {
     const { t } = reactI18next.useTranslation();
     const details = React.useMemo(() => {
-        const shortenAddress = shortenWalletAddress.shortenWalletAddress(address, 4, 4);
+        const shortenAddress = shortenWalletAddress.shortenWalletAddress(address);
         if (ens) {
             return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Typography.Typography, { color: 'primary', variant: 'body_normal', truncate: true, children: ens }), jsxRuntime.jsx(Typography.Typography, { weight: 'regular', variant: 'body_small', color: 'secondary', children: shortenAddress })] }));
         }

package/src/lib/components/WalletInformationCard/WalletInformationCard.js

@@ -20,7 +20,7 @@ import { Icon } from '../Icon/Icon.js';
 const WalletInformationCard = ({ address, ens, balance, icon, network, menu, }) => {
     const { t } = useTranslation();
     const details = useMemo(() => {
-        const shortenAddress = shortenWalletAddress(address, 4, 4);
+        const shortenAddress = shortenWalletAddress(address);
         if (ens) {
             return (jsxs(Fragment, { children: [jsx(Typography, { color: 'primary', variant: 'body_normal', truncate: true, children: ens }), jsx(Typography, { weight: 'regular', variant: 'body_small', color: 'secondary', children: shortenAddress })] }));
         }

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

@@ -144,7 +144,7 @@ const DynamicContext = React.createContext(undefined);
 /** The context provider itself we only use internally */
 const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, locale: locale$1, enableInstrumentation = false, }) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
-    const { accessDeniedMessagePrimary, accessDeniedMessageSecondary, accessDeniedButton, defaultPhoneInputIso2, apiBaseUrl, coinbaseWalletPreference, detectNewWalletsForLinking = false, enableConnectOnlyFallback = false, deepLinkPreference: deepLinkPreferenceProp = 'native', bridgeChains, cssOverrides, defaultNumberOfWalletsToShow = values.DEFAULT_NUMBER_OF_WALLETS_TO_SHOW, flowNetwork, initialAuthenticationMode = 'connect-and-sign', debugError = false, displaySiweStatement = true, newToWeb3WalletChainMap, enableVisitTrackingOnConnectOnly = true, environmentId, walletsFilter, logLevel = 'WARN', mobileExperience, notInTheListImageUrl, onboardingImageUrl, policiesConsentInnerComponent, customPrivacyPolicy, privacyPolicyUrl, socialMediaLinkText, socialMediaIconUrl, socialMediaUrl, customTermsOfServices, termsOfServiceUrl, toolkitEnabled, siweStatement, shadowDOMEnabled = true, walletConnectors: walletConnectorsProp, socialProvidersFilter, showLockedWalletView = false, walletConnectPreferredChains, walletConnectorExtensions, recommendedWallets, handlers, } = settings$1;
+    const { accessDeniedMessagePrimary, accessDeniedMessageSecondary, accessDeniedButton, defaultPhoneInputIso2, apiBaseUrl, coinbaseWalletPreference, detectNewWalletsForLinking = false, enableConnectOnlyFallback = false, deepLinkPreference: deepLinkPreferenceProp = 'native', bridgeChains, cssOverrides, defaultNumberOfWalletsToShow = values.DEFAULT_NUMBER_OF_WALLETS_TO_SHOW, flowNetwork, initialAuthenticationMode = 'connect-and-sign', debugError = false, displaySiweStatement = true, newToWeb3WalletChainMap, enableVisitTrackingOnConnectOnly = true, environmentId, walletsFilter, logLevel = 'WARN', mobileExperience, notInTheListImageUrl, onboardingImageUrl, policiesConsentInnerComponent, customPrivacyPolicy, privacyPolicyUrl, socialMediaLinkText, socialMediaIconUrl, socialMediaUrl, customTermsOfServices, termsOfServiceUrl, toolkitEnabled, siweStatement, shadowDOMEnabled = true, walletConnectors: walletConnectorsProp, socialProvidersFilter, showLockedWalletView = false, walletConnectPreferredChains, walletConnectorExtensions, recommendedWallets, handlers, suppressEndUserConsoleWarning, } = settings$1;
     /**
      * initialize Storage
      */
@@ -198,10 +198,10 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
     const { user: user$1, userWithMissingInfo } = user.useUser();
     const isAuthenticated = Boolean(user$1);
     if (user$1) {
-        logger$1.logger.setMetaData('user', user$1);
+        logger$1.logger.metaData.set('user', user$1);
     }
     else {
-        logger$1.logger.setMetaData('user', undefined);
+        logger$1.logger.metaData.set('user', undefined);
     }
     const { consumeNonce } = useFetchNonce.useFetchNonce(environmentId);
     const [qrcodeUri, setQrcodeUri] = React.useState('');
@@ -210,7 +210,10 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
     const { settings: projectSettings$1 } = projectSettings.useProjectSettings();
     useSendDynamicProps.useSendDynamicProps({ environmentId, settings: settings$1 });
     // Console warning for end user safety
-    useEndUserWarning.useEndUserWarning({ projectSettings: projectSettings$1 });
+    useEndUserWarning.useEndUserWarning({
+        projectSettings: projectSettings$1,
+        suppress: suppressEndUserConsoleWarning,
+    });
     const multiWallet = useMultiWallet.useMultiWallet({
         isBridgeFlow,
         multiWalletOverride: (_d = settings$1.overrides) === null || _d === void 0 ? void 0 : _d.multiWallet,

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

@@ -140,7 +140,7 @@ const DynamicContext = createContext(undefined);
 /** The context provider itself we only use internally */
 const InnerDynamicContextProvider = ({ children, theme, settings, locale, enableInstrumentation = false, }) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
-    const { accessDeniedMessagePrimary, accessDeniedMessageSecondary, accessDeniedButton, defaultPhoneInputIso2, apiBaseUrl, coinbaseWalletPreference, detectNewWalletsForLinking = false, 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, notInTheListImageUrl, onboardingImageUrl, policiesConsentInnerComponent, customPrivacyPolicy, privacyPolicyUrl, socialMediaLinkText, socialMediaIconUrl, socialMediaUrl, customTermsOfServices, termsOfServiceUrl, toolkitEnabled, siweStatement, shadowDOMEnabled = true, walletConnectors: walletConnectorsProp, socialProvidersFilter, showLockedWalletView = false, walletConnectPreferredChains, walletConnectorExtensions, recommendedWallets, handlers, } = settings;
+    const { accessDeniedMessagePrimary, accessDeniedMessageSecondary, accessDeniedButton, defaultPhoneInputIso2, apiBaseUrl, coinbaseWalletPreference, detectNewWalletsForLinking = false, 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, notInTheListImageUrl, onboardingImageUrl, policiesConsentInnerComponent, customPrivacyPolicy, privacyPolicyUrl, socialMediaLinkText, socialMediaIconUrl, socialMediaUrl, customTermsOfServices, termsOfServiceUrl, toolkitEnabled, siweStatement, shadowDOMEnabled = true, walletConnectors: walletConnectorsProp, socialProvidersFilter, showLockedWalletView = false, walletConnectPreferredChains, walletConnectorExtensions, recommendedWallets, handlers, suppressEndUserConsoleWarning, } = settings;
     /**
      * initialize Storage
      */
@@ -194,10 +194,10 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, enable
     const { user, userWithMissingInfo } = useUser();
     const isAuthenticated = Boolean(user);
     if (user) {
-        logger.setMetaData('user', user);
+        logger.metaData.set('user', user);
     }
     else {
-        logger.setMetaData('user', undefined);
+        logger.metaData.set('user', undefined);
     }
     const { consumeNonce } = useFetchNonce(environmentId);
     const [qrcodeUri, setQrcodeUri] = useState('');
@@ -206,7 +206,10 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, enable
     const { settings: projectSettings } = useProjectSettings();
     useSendDynamicProps({ environmentId, settings });
     // Console warning for end user safety
-    useEndUserWarning({ projectSettings });
+    useEndUserWarning({
+        projectSettings,
+        suppress: suppressEndUserConsoleWarning,
+    });
     const multiWallet = useMultiWallet({
         isBridgeFlow,
         multiWalletOverride: (_d = settings.overrides) === null || _d === void 0 ? void 0 : _d.multiWallet,

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

@@ -84,6 +84,7 @@ export interface DynamicContextProps {
         socialMediaLinkText?: string;
         socialMediaUrl?: string;
         socialProvidersFilter?: SocialProviderFilter;
+        suppressEndUserConsoleWarning?: boolean;
         termsOfServiceUrl?: string;
         toolkitEnabled?: boolean;
         walletConnectors?: WalletConnectorsMethod[];