@dynamic-labs/sdk-react-core 4.18.0 → 4.18.1

package/CHANGELOG.md

@@ -1,4 +1,17 @@
 
+### [4.18.1](https://github.com/dynamic-labs/dynamic-auth/compare/v4.18.0...v4.18.1) (2025-05-09)
+
+
+### Features
+
+* allow setting zerodev bundler provider from dashboard ([#8548](https://github.com/dynamic-labs/dynamic-auth/issues/8548)) ([d226733](https://github.com/dynamic-labs/dynamic-auth/commit/d2267334db3d9d742833437c81a382742c8d6a74))
+
+
+### Bug Fixes
+
+* correctly show back button on connect with qr view ([#8668](https://github.com/dynamic-labs/dynamic-auth/issues/8668)) ([3cff309](https://github.com/dynamic-labs/dynamic-auth/commit/3cff309fa35d7201d0c098b793334908716bc0db))
+* display correct app origin when signing message with global wallet ([#8677](https://github.com/dynamic-labs/dynamic-auth/issues/8677)) ([a70eeb3](https://github.com/dynamic-labs/dynamic-auth/commit/a70eeb3ea28a5ad749cb5c14a0d3c49318099712))
+
 ## [4.18.0](https://github.com/dynamic-labs/dynamic-auth/compare/v4.17.0...v4.18.0) (2025-05-07)
 
 

package/package.cjs

@@ -3,9 +3,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "4.18.0";
+var version = "4.18.1";
 var dependencies = {
-	"@dynamic-labs/sdk-api-core": "0.0.660",
+	"@dynamic-labs/sdk-api-core": "0.0.663",
 	"@hcaptcha/react-hcaptcha": "1.4.4",
 	"@thumbmarkjs/thumbmarkjs": "0.16.0",
 	"country-list": "2.3.0",

package/package.js

@@ -1,7 +1,7 @@
 'use client'
-var version = "4.18.0";
+var version = "4.18.1";
 var dependencies = {
-	"@dynamic-labs/sdk-api-core": "0.0.660",
+	"@dynamic-labs/sdk-api-core": "0.0.663",
 	"@hcaptcha/react-hcaptcha": "1.4.4",
 	"@thumbmarkjs/thumbmarkjs": "0.16.0",
 	"country-list": "2.3.0",

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@dynamic-labs/sdk-react-core",
-  "version": "4.18.0",
+  "version": "4.18.1",
   "dependencies": {
-    "@dynamic-labs/sdk-api-core": "0.0.660",
+    "@dynamic-labs/sdk-api-core": "0.0.663",
     "@hcaptcha/react-hcaptcha": "1.4.4",
     "@thumbmarkjs/thumbmarkjs": "0.16.0",
     "country-list": "2.3.0",
@@ -14,16 +14,16 @@
     "yup": "0.32.11",
     "react-international-phone": "4.2.5",
     "bs58": "5.0.0",
-    "@dynamic-labs/assert-package-version": "4.18.0",
-    "@dynamic-labs/iconic": "4.18.0",
-    "@dynamic-labs/logger": "4.18.0",
-    "@dynamic-labs/multi-wallet": "4.18.0",
-    "@dynamic-labs/rpc-providers": "4.18.0",
-    "@dynamic-labs/store": "4.18.0",
-    "@dynamic-labs/types": "4.18.0",
-    "@dynamic-labs/utils": "4.18.0",
-    "@dynamic-labs/wallet-book": "4.18.0",
-    "@dynamic-labs/wallet-connector-core": "4.18.0",
+    "@dynamic-labs/assert-package-version": "4.18.1",
+    "@dynamic-labs/iconic": "4.18.1",
+    "@dynamic-labs/logger": "4.18.1",
+    "@dynamic-labs/multi-wallet": "4.18.1",
+    "@dynamic-labs/rpc-providers": "4.18.1",
+    "@dynamic-labs/store": "4.18.1",
+    "@dynamic-labs/types": "4.18.1",
+    "@dynamic-labs/utils": "4.18.1",
+    "@dynamic-labs/wallet-book": "4.18.1",
+    "@dynamic-labs/wallet-connector-core": "4.18.1",
     "eventemitter3": "5.0.1"
   },
   "devDependencies": {

package/src/lib/components/AppOriginTile/AppOriginTile.cjs

@@ -5,23 +5,23 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
+var utils = require('@dynamic-labs/utils');
 var Typography = require('../Typography/Typography.cjs');
+var Chip = require('../Chip/Chip.cjs');
+var getGlobalWalletContext = require('../../shared/utils/functions/getGlobalWalletContext/getGlobalWalletContext.cjs');
 
-const AppOriginTile = ({ appLogoUrl, appName, appOrigin, }) => {
-    const ref = React.useRef(null);
-    const [showAppName, setShowAppName] = React.useState(false);
-    React.useLayoutEffect(() => {
-        if (ref.current) {
-            const { width, height } = ref.current.getBoundingClientRect();
-            if (width < height * 2) {
-                setShowAppName(true);
-            }
-            else {
-                setShowAppName(false);
-            }
+const AppOriginTile = () => {
+    const { requesterOrigin } = getGlobalWalletContext.getGlobalWalletContext();
+    const origin = React.useMemo(() => {
+        if (requesterOrigin) {
+            return requesterOrigin;
         }
-    }, [ref, setShowAppName]);
-    return (jsxRuntime.jsxs("div", { className: 'app-origin-tile', children: [Boolean(appName) && (jsxRuntime.jsx("div", { className: 'app-origin-tile__title', children: appLogoUrl ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("img", { alt: 'app_logo', src: appLogoUrl, className: 'app-origin-tile__logo', ref: ref }), showAppName && (jsxRuntime.jsx(Typography.Typography, { color: 'primary', variant: 'body_normal', children: appName }))] })) : (jsxRuntime.jsx(Typography.Typography, { "data-testid": 'app-name', color: 'primary', variant: 'body_normal', children: appName })) })), appOrigin && (jsxRuntime.jsx(Typography.Typography, { color: 'secondary', variant: 'body_normal', weight: 'regular', children: appOrigin }))] }));
+        return utils.PlatformService.getDisplayOrigin();
+    }, [requesterOrigin]);
+    if (!origin) {
+        return null;
+    }
+    return (jsxRuntime.jsx(Chip.Chip, { className: 'app-origin-tile', children: jsxRuntime.jsx(Typography.Typography, { color: 'secondary', variant: 'body_normal', weight: 'regular', children: origin }) }));
 };
 
 exports.AppOriginTile = AppOriginTile;

package/src/lib/components/AppOriginTile/AppOriginTile.d.ts

@@ -1,2 +1,2 @@
-import { AppOriginTileComponent } from './AppOriginTile.types';
-export declare const AppOriginTile: AppOriginTileComponent;
+import { FC } from 'react';
+export declare const AppOriginTile: FC;

package/src/lib/components/AppOriginTile/AppOriginTile.js

@@ -1,23 +1,23 @@
 'use client'
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { useRef, useState, useLayoutEffect } from 'react';
+import { jsx } from 'react/jsx-runtime';
+import { useMemo } from 'react';
+import { PlatformService } from '@dynamic-labs/utils';
 import { Typography } from '../Typography/Typography.js';
+import { Chip } from '../Chip/Chip.js';
+import { getGlobalWalletContext } from '../../shared/utils/functions/getGlobalWalletContext/getGlobalWalletContext.js';
 
-const AppOriginTile = ({ appLogoUrl, appName, appOrigin, }) => {
-    const ref = useRef(null);
-    const [showAppName, setShowAppName] = useState(false);
-    useLayoutEffect(() => {
-        if (ref.current) {
-            const { width, height } = ref.current.getBoundingClientRect();
-            if (width < height * 2) {
-                setShowAppName(true);
-            }
-            else {
-                setShowAppName(false);
-            }
+const AppOriginTile = () => {
+    const { requesterOrigin } = getGlobalWalletContext();
+    const origin = useMemo(() => {
+        if (requesterOrigin) {
+            return requesterOrigin;
         }
-    }, [ref, setShowAppName]);
-    return (jsxs("div", { className: 'app-origin-tile', children: [Boolean(appName) && (jsx("div", { className: 'app-origin-tile__title', children: appLogoUrl ? (jsxs(Fragment, { children: [jsx("img", { alt: 'app_logo', src: appLogoUrl, className: 'app-origin-tile__logo', ref: ref }), showAppName && (jsx(Typography, { color: 'primary', variant: 'body_normal', children: appName }))] })) : (jsx(Typography, { "data-testid": 'app-name', color: 'primary', variant: 'body_normal', children: appName })) })), appOrigin && (jsx(Typography, { color: 'secondary', variant: 'body_normal', weight: 'regular', children: appOrigin }))] }));
+        return PlatformService.getDisplayOrigin();
+    }, [requesterOrigin]);
+    if (!origin) {
+        return null;
+    }
+    return (jsx(Chip, { className: 'app-origin-tile', children: jsx(Typography, { color: 'secondary', variant: 'body_normal', weight: 'regular', children: origin }) }));
 };
 
 export { AppOriginTile };

package/src/lib/components/Chip/Chip.cjs

@@ -0,0 +1,14 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var Typography = require('../Typography/Typography.cjs');
+var classNames = require('../../utils/functions/classNames/classNames.cjs');
+
+const Chip = ({ children, icon, className, }) => (jsxRuntime.jsxs("div", { className: classNames.classNames('chip', className, {
+        'chip__with-icon': Boolean(icon),
+    }), children: [Boolean(icon) && jsxRuntime.jsx("div", { className: 'chip--icon', children: icon }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', children: children })] }));
+
+exports.Chip = Chip;

package/src/lib/components/Chip/Chip.js

@@ -0,0 +1,10 @@
+'use client'
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Typography } from '../Typography/Typography.js';
+import { classNames } from '../../utils/functions/classNames/classNames.js';
+
+const Chip = ({ children, icon, className, }) => (jsxs("div", { className: classNames('chip', className, {
+        'chip__with-icon': Boolean(icon),
+    }), children: [Boolean(icon) && jsx("div", { className: 'chip--icon', children: icon }), jsx(Typography, { variant: 'body_small', children: children })] }));
+
+export { Chip };

package/src/lib/context/SocialRedirectContext/SocialRedirectContext.cjs

@@ -37,11 +37,11 @@ require('../../locale/locale.cjs');
 require('react-dom');
 require('../../utils/functions/compareChains/compareChains.cjs');
 require('../../views/Passkey/utils/findPrimaryEmbeddedChain/findPrimaryEmbeddedChain.cjs');
+require('../../store/state/primaryWalletId/primaryWalletId.cjs');
 require('../ThemeContext/ThemeContext.cjs');
 require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
 require('bs58');
 require('@dynamic-labs/types');
-require('../../store/state/primaryWalletId/primaryWalletId.cjs');
 require('../AccountExistsContext/AccountExistsContext.cjs');
 require('../LoadingContext/LoadingContext.cjs');
 require('../WalletContext/WalletContext.cjs');

package/src/lib/context/SocialRedirectContext/SocialRedirectContext.js

@@ -33,11 +33,11 @@ import '../../locale/locale.js';
 import 'react-dom';
 import '../../utils/functions/compareChains/compareChains.js';
 import '../../views/Passkey/utils/findPrimaryEmbeddedChain/findPrimaryEmbeddedChain.js';
+import '../../store/state/primaryWalletId/primaryWalletId.js';
 import '../ThemeContext/ThemeContext.js';
 import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
 import 'bs58';
 import '@dynamic-labs/types';
-import '../../store/state/primaryWalletId/primaryWalletId.js';
 import '../AccountExistsContext/AccountExistsContext.js';
 import '../LoadingContext/LoadingContext.js';
 import '../WalletContext/WalletContext.js';

package/src/lib/context/ViewContext/ViewContext.cjs

@@ -32,8 +32,13 @@ const ViewContextProvider = ({ children, initialViewType }) => {
         if (view.type === type)
             return;
         clearError();
-        setStack((prev) => [...prev.slice(0, -1), { events, props, type }]);
-    }, [clearError, view]);
+        setStack((prev) => {
+            if (prev.length <= 1) {
+                return [{ type: initialViewType }, { events, props, type }];
+            }
+            return [...prev.slice(0, -1), { events, props, type }];
+        });
+    }, [clearError, initialViewType, view.type]);
     const canGoBack = stack.length > 1;
     const goBack = React.useCallback(() => {
         if (!canGoBack)

package/src/lib/context/ViewContext/ViewContext.js

@@ -28,8 +28,13 @@ const ViewContextProvider = ({ children, initialViewType }) => {
         if (view.type === type)
             return;
         clearError();
-        setStack((prev) => [...prev.slice(0, -1), { events, props, type }]);
-    }, [clearError, view]);
+        setStack((prev) => {
+            if (prev.length <= 1) {
+                return [{ type: initialViewType }, { events, props, type }];
+            }
+            return [...prev.slice(0, -1), { events, props, type }];
+        });
+    }, [clearError, initialViewType, view.type]);
     const canGoBack = stack.length > 1;
     const goBack = useCallback(() => {
         if (!canGoBack)

package/src/lib/data/api/embeddedWallets/embeddedWallets.cjs

@@ -143,12 +143,16 @@ const exportEmbeddedWallet = (_g) => _tslib.__awaiter(void 0, [_g], void 0, func
         return { exportBundle: '' };
     }
 });
-const registerSessionKey = (_h) => _tslib.__awaiter(void 0, [_h], void 0, function* ({ environmentId, publicKey, prevSessionKeySignature, }) {
+const registerSessionKey = (_h) => _tslib.__awaiter(void 0, [_h], void 0, function* ({ environmentId, walletId, publicKey, prevSessionKeySignature, }) {
     let response;
     try {
         response = yield api.sdkApi().registerSessionKey({
             environmentId,
-            registerSessionKeyRequest: { prevSessionKeySignature, publicKey },
+            registerSessionKeyRequest: {
+                prevSessionKeySignature,
+                publicKey,
+                walletId,
+            },
         });
     }
     catch (error) {
@@ -203,10 +207,11 @@ const createEmbeddedWalletAccount = (_k) => _tslib.__awaiter(void 0, [_k], void
         throw new utils.DynamicError('Error creating embedded wallet account');
     }
 });
-const getDeleteEmbeddedWalletsRequest = (_l) => _tslib.__awaiter(void 0, [_l], void 0, function* ({ environmentId, }) {
+const getDeleteEmbeddedWalletsRequest = (_l) => _tslib.__awaiter(void 0, [_l], void 0, function* ({ environmentId, walletId, }) {
     try {
         const response = yield api.sdkApi().getEmbeddedWalletsDeleteRequest({
             environmentId,
+            walletId,
         });
         return response;
     }

package/src/lib/data/api/embeddedWallets/embeddedWallets.d.ts

@@ -12,8 +12,9 @@ export declare const exportEmbeddedWallet: ({ environmentId, walletId, activityI
     walletId: string;
     activityId: string;
 }) => Promise<ExportEmbeddedWalletResponse>;
-export declare const registerSessionKey: ({ environmentId, publicKey, prevSessionKeySignature, }: {
+export declare const registerSessionKey: ({ environmentId, walletId, publicKey, prevSessionKeySignature, }: {
     environmentId: string;
+    walletId: string;
     publicKey: string;
     prevSessionKeySignature?: string;
 }) => Promise<RegisterEmbeddedWalletSessionKeyResponse>;
@@ -32,8 +33,9 @@ export declare const createEmbeddedWalletAccount: ({ environmentId, createEmbedd
         };
     };
 }) => Promise<import("@dynamic-labs/sdk-api-core").VerifyResponse>;
-export declare const getDeleteEmbeddedWalletsRequest: ({ environmentId, }: {
+export declare const getDeleteEmbeddedWalletsRequest: ({ environmentId, walletId, }: {
     environmentId: string;
+    walletId: string;
 }) => Promise<import("@dynamic-labs/sdk-api-core").TurnkeyDeleteEmbeddedWalletsRequestBody>;
 export declare const deleteEmbeddedWallets: ({ environmentId, deleteEmbeddedWalletsRequest, }: {
     environmentId: string;

package/src/lib/data/api/embeddedWallets/embeddedWallets.js

@@ -139,12 +139,16 @@ const exportEmbeddedWallet = (_g) => __awaiter(void 0, [_g], void 0, function* (
         return { exportBundle: '' };
     }
 });
-const registerSessionKey = (_h) => __awaiter(void 0, [_h], void 0, function* ({ environmentId, publicKey, prevSessionKeySignature, }) {
+const registerSessionKey = (_h) => __awaiter(void 0, [_h], void 0, function* ({ environmentId, walletId, publicKey, prevSessionKeySignature, }) {
     let response;
     try {
         response = yield sdkApi().registerSessionKey({
             environmentId,
-            registerSessionKeyRequest: { prevSessionKeySignature, publicKey },
+            registerSessionKeyRequest: {
+                prevSessionKeySignature,
+                publicKey,
+                walletId,
+            },
         });
     }
     catch (error) {
@@ -199,10 +203,11 @@ const createEmbeddedWalletAccount = (_k) => __awaiter(void 0, [_k], void 0, func
         throw new DynamicError('Error creating embedded wallet account');
     }
 });
-const getDeleteEmbeddedWalletsRequest = (_l) => __awaiter(void 0, [_l], void 0, function* ({ environmentId, }) {
+const getDeleteEmbeddedWalletsRequest = (_l) => __awaiter(void 0, [_l], void 0, function* ({ environmentId, walletId, }) {
     try {
         const response = yield sdkApi().getEmbeddedWalletsDeleteRequest({
             environmentId,
+            walletId,
         });
         return response;
     }

package/src/lib/locale/en/translation.cjs

@@ -1988,15 +1988,19 @@ const translation = {
      * @description copy keys for sign message flow views
      * @default
      * {
-        cancel_button: 'Cancel',
+        cancel_button: 'Reject',
         sign_button: 'Sign',
-        title: 'Requesting Signature',
+        title: 'Signature request',
+        warning: 'Only sign this message if you trust this site.',
+        message_label: 'Message:',
       }
      */
     dyn_sign_message: {
-        cancel_button: 'Cancel',
+        cancel_button: 'Reject',
         sign_button: 'Sign',
-        title: 'Requesting Signature',
+        title: 'Signature request',
+        warning: 'Only sign this message if you trust this site.',
+        message_label: 'Message:',
     },
     /**
      * @description copy keys for social redirect view

package/src/lib/locale/en/translation.d.ts

@@ -1984,15 +1984,19 @@ export declare const translation: {
      * @description copy keys for sign message flow views
      * @default
      * {
-        cancel_button: 'Cancel',
+        cancel_button: 'Reject',
         sign_button: 'Sign',
-        title: 'Requesting Signature',
+        title: 'Signature request',
+        warning: 'Only sign this message if you trust this site.',
+        message_label: 'Message:',
       }
      */
     dyn_sign_message: {
         cancel_button: string;
         sign_button: string;
         title: string;
+        warning: string;
+        message_label: string;
     };
     /**
      * @description copy keys for social redirect view

package/src/lib/locale/en/translation.js

@@ -1984,15 +1984,19 @@ const translation = {
      * @description copy keys for sign message flow views
      * @default
      * {
-        cancel_button: 'Cancel',
+        cancel_button: 'Reject',
         sign_button: 'Sign',
-        title: 'Requesting Signature',
+        title: 'Signature request',
+        warning: 'Only sign this message if you trust this site.',
+        message_label: 'Message:',
       }
      */
     dyn_sign_message: {
-        cancel_button: 'Cancel',
+        cancel_button: 'Reject',
         sign_button: 'Sign',
-        title: 'Requesting Signature',
+        title: 'Signature request',
+        warning: 'Only sign this message if you trust this site.',
+        message_label: 'Message:',
     },
     /**
      * @description copy keys for social redirect view

package/src/lib/modals/SignMessageConfirmationModal/SignMessageConfirmationModal.cjs

@@ -124,7 +124,7 @@ const SignMessageConfirmationModal = ({ message, handler, onReject, onSignMessag
     const [show, setShow] = React.useState(true);
     const { initPasskeyRecoveryProcess, shouldInitRecovery } = usePasskeyRecovery.usePasskeyRecovery();
     const { isTurnkeyWallet } = useIsTurnkeyWallet.useIsTurnkeyWallet();
-    const { setShowAuthFlow, primaryWallet, user, appLogoUrl, appName } = useInternalDynamicContext.useInternalDynamicContext();
+    const { setShowAuthFlow, primaryWallet, user } = useInternalDynamicContext.useInternalDynamicContext();
     const { pushView } = ViewContext.useViewContext();
     const { userNeedsCrossDomainPasskey } = PasskeyContext.usePasskeyContext();
     const { t } = reactI18next.useTranslation();
@@ -200,14 +200,14 @@ const SignMessageConfirmationModal = ({ message, handler, onReject, onSignMessag
     const closeButton = (jsxRuntime.jsx(IconButton.IconButton, { type: 'button', onClick: handleOnReject, "data-testid": 'close', disabled: isLoading, children: jsxRuntime.jsx(close.ReactComponent, {}) }));
     return hideModal ? null : (jsxRuntime.jsx(Portal.Portal, { handleClose: handleOnReject, isShown: show, zIndex: index.authModalZIndex, withBackdrop: true, elementId: 'dynamic-sign-message', transitionEvents: {
             onUnmount: handleOnModalUnmount,
-        }, children: jsxRuntime.jsx(Modal.Modal, { children: jsxRuntime.jsxs(ModalCard.ModalCard, { children: [jsxRuntime.jsx(ModalHeader.ModalHeader, { trailing: closeButton, alignContent: 'bottom', children: jsxRuntime.jsx(IconWithSpinner.IconWithSpinner, { Icon: (props) => (jsxRuntime.jsx(Icon.Icon, { color: 'brand-primary', children: jsxRuntime.jsx(signCircle.ReactComponent, Object.assign({}, props)) })), iconSize: 64, isSpinning: true }) }), jsxRuntime.jsx(PasskeyCreatedSuccessBanner.PasskeyCreatedSuccessBanner, {}), jsxRuntime.jsxs("div", { className: 'sign-message-confirmation__body', children: [jsxRuntime.jsx(Typography.Typography, { variant: 'title', color: 'primary', className: 'sign-message-confirmation__title', copykey: 'dyn_sign_message.title', children: t('dyn_sign_message.title') }), jsxRuntime.jsx(AnimatePresence.AnimatePresence, { animationComponent: jsxRuntime.jsx(VerticalDrawerTransition.VerticalDrawerTransition, {}), children: signMessageError && (jsxRuntime.jsx("div", { className: 'sign-message-confirmation__error', children: jsxRuntime.jsx(ErrorContainer.ErrorContainer, { children: errorText }) })) }), jsxRuntime.jsxs("div", { className: 'sign-message-confirmation__message-container', children: [jsxRuntime.jsx(AppOriginTile.AppOriginTile, { appLogoUrl: appLogoUrl, appName: appName, appOrigin: utils.PlatformService.getDisplayOrigin() }), jsxRuntime.jsx("div", { className: 'sign-message-confirmation__message', children: jsxRuntime.jsx(SignMessagePreview.SignMessagePreview
-                                        // strip if entire message is a quote and replace escaped newlines
-                                        , { 
+        }, children: jsxRuntime.jsx(Modal.Modal, { children: jsxRuntime.jsxs(ModalCard.ModalCard, { children: [jsxRuntime.jsx(ModalHeader.ModalHeader, { trailing: closeButton, alignContent: 'bottom', children: jsxRuntime.jsx(IconWithSpinner.IconWithSpinner, { Icon: (props) => (jsxRuntime.jsx(Icon.Icon, { color: 'brand-primary', children: jsxRuntime.jsx(signCircle.ReactComponent, Object.assign({}, props)) })), iconSize: 64, isSpinning: true }) }), jsxRuntime.jsx(PasskeyCreatedSuccessBanner.PasskeyCreatedSuccessBanner, {}), jsxRuntime.jsxs("div", { className: 'sign-message-confirmation__body', children: [jsxRuntime.jsx(Typography.Typography, { variant: 'title', color: 'primary', className: 'sign-message-confirmation__title', copykey: 'dyn_sign_message.title', children: t('dyn_sign_message.title') }), jsxRuntime.jsx(AppOriginTile.AppOriginTile, {}), jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', color: 'secondary', className: 'sign-message-confirmation__warning', copykey: 'dyn_sign_message.warning', children: t('dyn_sign_message.warning') }), jsxRuntime.jsx(AnimatePresence.AnimatePresence, { animationComponent: jsxRuntime.jsx(VerticalDrawerTransition.VerticalDrawerTransition, {}), children: signMessageError && (jsxRuntime.jsx("div", { className: 'sign-message-confirmation__error', children: jsxRuntime.jsx(ErrorContainer.ErrorContainer, { children: errorText }) })) }), jsxRuntime.jsxs("div", { className: 'sign-message-confirmation__message-container-wrapper', children: [jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', color: 'primary', weight: 'bold', className: 'sign-message-confirmation__message-container-label', copykey: 'dyn_sign_message.message_label', children: t('dyn_sign_message.message_label') }), jsxRuntime.jsx("div", { className: 'sign-message-confirmation__message-container', children: jsxRuntime.jsx("div", { className: 'sign-message-confirmation__message', children: jsxRuntime.jsx(SignMessagePreview.SignMessagePreview
                                             // strip if entire message is a quote and replace escaped newlines
-                                            message: message
-                                                .toString()
-                                                .replace(/^"(.*)"$/, '$1')
-                                                .replace(/\\n/g, '\n') }) })] }), jsxRuntime.jsxs("div", { className: 'sign-message-confirmation__actions', children: [jsxRuntime.jsx(TypographyButton.TypographyButton, { buttonVariant: 'secondary', onClick: handleOnReject, expanded: true, buttonPadding: 'large', disabled: isLoading, copykey: 'dyn_sign_message.cancel_button', children: t('dyn_sign_message.cancel_button') }), jsxRuntime.jsx(TypographyButton.TypographyButton, { buttonVariant: 'primary', buttonPadding: 'large', onClick: handleMessageSign, expanded: true, loading: isLoading, copykey: 'dyn_sign_message.sign_button', dataTestId: 'sign-button', children: t('dyn_sign_message.sign_button') })] }), jsxRuntime.jsx(NeedHelpSection.NeedHelpSection, {}), jsxRuntime.jsx(PoweredByDynamic.PoweredByDynamic, {})] })] }) }) }));
+                                            , { 
+                                                // strip if entire message is a quote and replace escaped newlines
+                                                message: message
+                                                    .toString()
+                                                    .replace(/^"(.*)"$/, '$1')
+                                                    .replace(/\\n/g, '\n') }) }) })] }), jsxRuntime.jsxs("div", { className: 'sign-message-confirmation__actions', children: [jsxRuntime.jsx(TypographyButton.TypographyButton, { buttonVariant: 'secondary', onClick: handleOnReject, expanded: true, buttonPadding: 'large', disabled: isLoading, copykey: 'dyn_sign_message.cancel_button', children: t('dyn_sign_message.cancel_button') }), jsxRuntime.jsx(TypographyButton.TypographyButton, { buttonVariant: 'primary', buttonPadding: 'large', onClick: handleMessageSign, expanded: true, loading: isLoading, copykey: 'dyn_sign_message.sign_button', dataTestId: 'sign-button', children: t('dyn_sign_message.sign_button') })] }), jsxRuntime.jsx(NeedHelpSection.NeedHelpSection, {}), jsxRuntime.jsx(PoweredByDynamic.PoweredByDynamic, {})] })] }) }) }));
 };
 
 exports.SignMessageConfirmationModal = SignMessageConfirmationModal;

package/src/lib/modals/SignMessageConfirmationModal/SignMessageConfirmationModal.js

@@ -3,7 +3,7 @@ import { __awaiter } from '../../../../_virtual/_tslib.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useRef, useState, useCallback, useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
-import { DynamicError, AccessBlockedError, UserRejectedRequestError, PlatformService } from '@dynamic-labs/utils';
+import { DynamicError, AccessBlockedError, UserRejectedRequestError } from '@dynamic-labs/utils';
 import { isSessionKeyCompatibleWallet } from '@dynamic-labs/wallet-connector-core';
 import '../../components/Accordion/components/AccordionItem/AccordionItem.js';
 import '../../components/Alert/Alert.js';
@@ -120,7 +120,7 @@ const SignMessageConfirmationModal = ({ message, handler, onReject, onSignMessag
     const [show, setShow] = useState(true);
     const { initPasskeyRecoveryProcess, shouldInitRecovery } = usePasskeyRecovery();
     const { isTurnkeyWallet } = useIsTurnkeyWallet();
-    const { setShowAuthFlow, primaryWallet, user, appLogoUrl, appName } = useInternalDynamicContext();
+    const { setShowAuthFlow, primaryWallet, user } = useInternalDynamicContext();
     const { pushView } = useViewContext();
     const { userNeedsCrossDomainPasskey } = usePasskeyContext();
     const { t } = useTranslation();
@@ -196,14 +196,14 @@ const SignMessageConfirmationModal = ({ message, handler, onReject, onSignMessag
     const closeButton = (jsx(IconButton, { type: 'button', onClick: handleOnReject, "data-testid": 'close', disabled: isLoading, children: jsx(SvgClose, {}) }));
     return hideModal ? null : (jsx(Portal, { handleClose: handleOnReject, isShown: show, zIndex: authModalZIndex, withBackdrop: true, elementId: 'dynamic-sign-message', transitionEvents: {
             onUnmount: handleOnModalUnmount,
-        }, children: jsx(Modal, { children: jsxs(ModalCard, { children: [jsx(ModalHeader, { trailing: closeButton, alignContent: 'bottom', children: jsx(IconWithSpinner, { Icon: (props) => (jsx(Icon, { color: 'brand-primary', children: jsx(SvgSignCircle, Object.assign({}, props)) })), iconSize: 64, isSpinning: true }) }), jsx(PasskeyCreatedSuccessBanner, {}), jsxs("div", { className: 'sign-message-confirmation__body', children: [jsx(Typography, { variant: 'title', color: 'primary', className: 'sign-message-confirmation__title', copykey: 'dyn_sign_message.title', children: t('dyn_sign_message.title') }), jsx(AnimatePresence, { animationComponent: jsx(VerticalDrawerTransition, {}), children: signMessageError && (jsx("div", { className: 'sign-message-confirmation__error', children: jsx(ErrorContainer, { children: errorText }) })) }), jsxs("div", { className: 'sign-message-confirmation__message-container', children: [jsx(AppOriginTile, { appLogoUrl: appLogoUrl, appName: appName, appOrigin: PlatformService.getDisplayOrigin() }), jsx("div", { className: 'sign-message-confirmation__message', children: jsx(SignMessagePreview
-                                        // strip if entire message is a quote and replace escaped newlines
-                                        , { 
+        }, children: jsx(Modal, { children: jsxs(ModalCard, { children: [jsx(ModalHeader, { trailing: closeButton, alignContent: 'bottom', children: jsx(IconWithSpinner, { Icon: (props) => (jsx(Icon, { color: 'brand-primary', children: jsx(SvgSignCircle, Object.assign({}, props)) })), iconSize: 64, isSpinning: true }) }), jsx(PasskeyCreatedSuccessBanner, {}), jsxs("div", { className: 'sign-message-confirmation__body', children: [jsx(Typography, { variant: 'title', color: 'primary', className: 'sign-message-confirmation__title', copykey: 'dyn_sign_message.title', children: t('dyn_sign_message.title') }), jsx(AppOriginTile, {}), jsx(Typography, { variant: 'body_normal', color: 'secondary', className: 'sign-message-confirmation__warning', copykey: 'dyn_sign_message.warning', children: t('dyn_sign_message.warning') }), jsx(AnimatePresence, { animationComponent: jsx(VerticalDrawerTransition, {}), children: signMessageError && (jsx("div", { className: 'sign-message-confirmation__error', children: jsx(ErrorContainer, { children: errorText }) })) }), jsxs("div", { className: 'sign-message-confirmation__message-container-wrapper', children: [jsx(Typography, { variant: 'body_normal', color: 'primary', weight: 'bold', className: 'sign-message-confirmation__message-container-label', copykey: 'dyn_sign_message.message_label', children: t('dyn_sign_message.message_label') }), jsx("div", { className: 'sign-message-confirmation__message-container', children: jsx("div", { className: 'sign-message-confirmation__message', children: jsx(SignMessagePreview
                                             // strip if entire message is a quote and replace escaped newlines
-                                            message: message
-                                                .toString()
-                                                .replace(/^"(.*)"$/, '$1')
-                                                .replace(/\\n/g, '\n') }) })] }), jsxs("div", { className: 'sign-message-confirmation__actions', children: [jsx(TypographyButton, { buttonVariant: 'secondary', onClick: handleOnReject, expanded: true, buttonPadding: 'large', disabled: isLoading, copykey: 'dyn_sign_message.cancel_button', children: t('dyn_sign_message.cancel_button') }), jsx(TypographyButton, { buttonVariant: 'primary', buttonPadding: 'large', onClick: handleMessageSign, expanded: true, loading: isLoading, copykey: 'dyn_sign_message.sign_button', dataTestId: 'sign-button', children: t('dyn_sign_message.sign_button') })] }), jsx(NeedHelpSection, {}), jsx(PoweredByDynamic, {})] })] }) }) }));
+                                            , { 
+                                                // strip if entire message is a quote and replace escaped newlines
+                                                message: message
+                                                    .toString()
+                                                    .replace(/^"(.*)"$/, '$1')
+                                                    .replace(/\\n/g, '\n') }) }) })] }), jsxs("div", { className: 'sign-message-confirmation__actions', children: [jsx(TypographyButton, { buttonVariant: 'secondary', onClick: handleOnReject, expanded: true, buttonPadding: 'large', disabled: isLoading, copykey: 'dyn_sign_message.cancel_button', children: t('dyn_sign_message.cancel_button') }), jsx(TypographyButton, { buttonVariant: 'primary', buttonPadding: 'large', onClick: handleMessageSign, expanded: true, loading: isLoading, copykey: 'dyn_sign_message.sign_button', dataTestId: 'sign-button', children: t('dyn_sign_message.sign_button') })] }), jsx(NeedHelpSection, {}), jsx(PoweredByDynamic, {})] })] }) }) }));
 };
 
 export { SignMessageConfirmationModal };

package/src/lib/shared/utils/functions/getGlobalWalletContext/getGlobalWalletContext.cjs

@@ -0,0 +1,15 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const getGlobalWalletContext = () => {
+    if (typeof window === 'undefined' ||
+        !window.isGlobalWalletPopup ||
+        !window.globalWalletContext) {
+        return {};
+    }
+    return window.globalWalletContext;
+};
+
+exports.getGlobalWalletContext = getGlobalWalletContext;

package/src/lib/shared/utils/functions/getGlobalWalletContext/getGlobalWalletContext.d.ts

@@ -0,0 +1,11 @@
+declare global {
+    interface Window {
+        isGlobalWalletPopup: boolean;
+        globalWalletContext: {
+            requesterOrigin: string;
+        };
+    }
+}
+export declare const getGlobalWalletContext: () => {
+    requesterOrigin?: string;
+};

package/src/lib/shared/utils/functions/getGlobalWalletContext/getGlobalWalletContext.js

@@ -0,0 +1,11 @@
+'use client'
+const getGlobalWalletContext = () => {
+    if (typeof window === 'undefined' ||
+        !window.isGlobalWalletPopup ||
+        !window.globalWalletContext) {
+        return {};
+    }
+    return window.globalWalletContext;
+};
+
+export { getGlobalWalletContext };

package/src/lib/shared/utils/functions/getGlobalWalletContext/index.d.ts

@@ -0,0 +1 @@
+export { getGlobalWalletContext } from './getGlobalWalletContext';

package/src/lib/shared/utils/functions/shortenWalletAddress/shortenWalletAddress.cjs

@@ -6,6 +6,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const shortenWalletAddress = (walletAddress, first = 6, last = 4) => {
     if (!walletAddress)
         return '';
+    if (walletAddress.length <= first + last)
+        return walletAddress;
     return walletAddress.replace(walletAddress.substring(first, Number(walletAddress.length) - last), '...');
 };
 

package/src/lib/shared/utils/functions/shortenWalletAddress/shortenWalletAddress.js

@@ -2,6 +2,8 @@
 const shortenWalletAddress = (walletAddress, first = 6, last = 4) => {
     if (!walletAddress)
         return '';
+    if (walletAddress.length <= first + last)
+        return walletAddress;
     return walletAddress.replace(walletAddress.substring(first, Number(walletAddress.length) - last), '...');
 };