@dynamic-labs/sdk-react-core 4.4.3 → 4.4.4

package/CHANGELOG.md

@@ -1,4 +1,17 @@
 
+### [4.4.4](https://github.com/dynamic-labs/dynamic-auth/compare/v4.4.3...v4.4.4) (2025-01-31)
+
+
+### Bug Fixes
+
+* coinbase connect only signature request message flicker ([#7950](https://github.com/dynamic-labs/dynamic-auth/issues/7950)) ([e7bc2b8](https://github.com/dynamic-labs/dynamic-auth/commit/e7bc2b82f611612936521838b0fe01a5115446c3))
+* decouple show menu from click event ([#7951](https://github.com/dynamic-labs/dynamic-auth/issues/7951)) ([b1132f9](https://github.com/dynamic-labs/dynamic-auth/commit/b1132f96bda15a9cbea30c3040f6bf9cd7be5e05))
+* ensure correct dependencies are listed in packages ([#7949](https://github.com/dynamic-labs/dynamic-auth/issues/7949)) ([a84f39f](https://github.com/dynamic-labs/dynamic-auth/commit/a84f39fcb289b17c6b17b51977b685ea66b4b16d))
+* in-app browser coinbase evm wallet ([#7957](https://github.com/dynamic-labs/dynamic-auth/issues/7957)) ([a85f556](https://github.com/dynamic-labs/dynamic-auth/commit/a85f556d4c44bf331718f9d04ec64a68f492240b))
+* mfa and external wallet funding back button ([#7930](https://github.com/dynamic-labs/dynamic-auth/issues/7930)) ([7f65dc6](https://github.com/dynamic-labs/dynamic-auth/commit/7f65dc66f4d121ac5ee1b34638f52543e53476db))
+* **sdk-react-core:** logout user when SDK is upgraded ([#7940](https://github.com/dynamic-labs/dynamic-auth/issues/7940)) ([e20b113](https://github.com/dynamic-labs/dynamic-auth/commit/e20b113d5dc182df499b34080893da9fc98568f6))
+* set sms verified to always true ([#7929](https://github.com/dynamic-labs/dynamic-auth/issues/7929)) ([9bfbc99](https://github.com/dynamic-labs/dynamic-auth/commit/9bfbc999da04ee9ebf1f4f4dff8c70c1cac18131))
+
 ### [4.4.3](https://github.com/dynamic-labs/dynamic-auth/compare/v4.4.2...v4.4.3) (2025-01-30)
 
 

package/package.cjs

@@ -3,9 +3,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "4.4.3";
+var version = "4.4.4";
 var dependencies = {
-	"@dynamic-labs/sdk-api-core": "0.0.599",
+	"@dynamic-labs/sdk-api-core": "0.0.604",
 	"@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.4.3";
+var version = "4.4.4";
 var dependencies = {
-	"@dynamic-labs/sdk-api-core": "0.0.599",
+	"@dynamic-labs/sdk-api-core": "0.0.604",
 	"@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.4.3",
+  "version": "4.4.4",
   "dependencies": {
-    "@dynamic-labs/sdk-api-core": "0.0.599",
+    "@dynamic-labs/sdk-api-core": "0.0.604",
     "@hcaptcha/react-hcaptcha": "1.4.4",
     "@thumbmarkjs/thumbmarkjs": "0.16.0",
     "country-list": "2.3.0",
@@ -13,16 +13,16 @@
     "react-i18next": "13.5.0",
     "yup": "0.32.11",
     "react-international-phone": "4.2.5",
-    "@dynamic-labs/assert-package-version": "4.4.3",
-    "@dynamic-labs/iconic": "4.4.3",
-    "@dynamic-labs/logger": "4.4.3",
-    "@dynamic-labs/multi-wallet": "4.4.3",
-    "@dynamic-labs/rpc-providers": "4.4.3",
-    "@dynamic-labs/store": "4.4.3",
-    "@dynamic-labs/types": "4.4.3",
-    "@dynamic-labs/utils": "4.4.3",
-    "@dynamic-labs/wallet-book": "4.4.3",
-    "@dynamic-labs/wallet-connector-core": "4.4.3",
+    "@dynamic-labs/assert-package-version": "4.4.4",
+    "@dynamic-labs/iconic": "4.4.4",
+    "@dynamic-labs/logger": "4.4.4",
+    "@dynamic-labs/multi-wallet": "4.4.4",
+    "@dynamic-labs/rpc-providers": "4.4.4",
+    "@dynamic-labs/store": "4.4.4",
+    "@dynamic-labs/types": "4.4.4",
+    "@dynamic-labs/utils": "4.4.4",
+    "@dynamic-labs/wallet-book": "4.4.4",
+    "@dynamic-labs/wallet-connector-core": "4.4.4",
     "bs58": "5.0.0",
     "eventemitter3": "5.0.1"
   },

package/src/lib/components/HardwareWalletToggle/HardwareWalletToggle.cjs

@@ -4,13 +4,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
-var Toggle = require('../Toggle/Toggle.cjs');
-var Icon = require('../Icon/Icon.cjs');
+var React = require('react');
 require('@dynamic-labs/sdk-api-core');
 require('../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
-require('react');
 var check = require('../../shared/assets/check.cjs');
 require('../../context/ViewContext/ViewContext.cjs');
 require('@dynamic-labs/wallet-book');
@@ -18,17 +16,20 @@ require('@dynamic-labs/utils');
 require('../../utils/constants/colors.cjs');
 require('../../utils/constants/values.cjs');
 require('../../shared/consts/index.cjs');
+var Icon = require('../Icon/Icon.cjs');
 var ListTile = require('../ListTile/ListTile.cjs');
+var Toggle = require('../Toggle/Toggle.cjs');
 
 const HardwareWalletToggle = ({ connectors, label, copykey, }) => {
-    const toggle = (jsxRuntime.jsx(Toggle.Toggle, { defaultChecked: connectors.some((connector) => connector.isHardwareWalletEnabled), onChange: (event) => {
-            connectors.forEach((connector) => {
-                connector.isHardwareWalletEnabled = event.target.checked;
-            });
-        }, "data-testid": 'hardware-wallet-toggle', icon: 
-        // eslint-disable-next-line react/jsx-wrap-multilines
-        jsxRuntime.jsx(Icon.Icon, { size: 'small', children: jsxRuntime.jsx(check.ReactComponent, {}) }) }));
-    return (jsxRuntime.jsx(ListTile.ListTile, { trailing: toggle, children: jsxRuntime.jsx("span", { copykey, children: label }) }));
+    const [isEnabled, _setEnabled] = React.useState(connectors.some((connector) => connector.isHardwareWalletEnabled));
+    const setEnabled = React.useCallback((enabled) => {
+        _setEnabled(enabled);
+        connectors.forEach((connector) => {
+            connector.isHardwareWalletEnabled = enabled;
+        });
+    }, [connectors]);
+    const toggle = (jsxRuntime.jsx(Toggle.Toggle, { value: isEnabled, dataTestId: 'hardware-wallet-toggle', icon: jsxRuntime.jsx(Icon.Icon, { size: 'small', children: jsxRuntime.jsx(check.ReactComponent, {}) }), className: 'hardware-wallet-toggle__toggle' }));
+    return (jsxRuntime.jsx(ListTile.ListTile, { onClick: () => setEnabled(!isEnabled), trailing: toggle, children: jsxRuntime.jsx("span", { copykey, children: label }) }));
 };
 
 exports.HardwareWalletToggle = HardwareWalletToggle;

package/src/lib/components/HardwareWalletToggle/HardwareWalletToggle.js

@@ -1,12 +1,10 @@
 'use client'
 import { jsx } from 'react/jsx-runtime';
-import { Toggle } from '../Toggle/Toggle.js';
-import { Icon } from '../Icon/Icon.js';
+import { useState, useCallback } from 'react';
 import '@dynamic-labs/sdk-api-core';
 import '../../shared/logger.js';
 import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
-import 'react';
 import { ReactComponent as SvgCheck } from '../../shared/assets/check.js';
 import '../../context/ViewContext/ViewContext.js';
 import '@dynamic-labs/wallet-book';
@@ -14,17 +12,20 @@ import '@dynamic-labs/utils';
 import '../../utils/constants/colors.js';
 import '../../utils/constants/values.js';
 import '../../shared/consts/index.js';
+import { Icon } from '../Icon/Icon.js';
 import { ListTile } from '../ListTile/ListTile.js';
+import { Toggle } from '../Toggle/Toggle.js';
 
 const HardwareWalletToggle = ({ connectors, label, copykey, }) => {
-    const toggle = (jsx(Toggle, { defaultChecked: connectors.some((connector) => connector.isHardwareWalletEnabled), onChange: (event) => {
-            connectors.forEach((connector) => {
-                connector.isHardwareWalletEnabled = event.target.checked;
-            });
-        }, "data-testid": 'hardware-wallet-toggle', icon: 
-        // eslint-disable-next-line react/jsx-wrap-multilines
-        jsx(Icon, { size: 'small', children: jsx(SvgCheck, {}) }) }));
-    return (jsx(ListTile, { trailing: toggle, children: jsx("span", { copykey, children: label }) }));
+    const [isEnabled, _setEnabled] = useState(connectors.some((connector) => connector.isHardwareWalletEnabled));
+    const setEnabled = useCallback((enabled) => {
+        _setEnabled(enabled);
+        connectors.forEach((connector) => {
+            connector.isHardwareWalletEnabled = enabled;
+        });
+    }, [connectors]);
+    const toggle = (jsx(Toggle, { value: isEnabled, dataTestId: 'hardware-wallet-toggle', icon: jsx(Icon, { size: 'small', children: jsx(SvgCheck, {}) }), className: 'hardware-wallet-toggle__toggle' }));
+    return (jsx(ListTile, { onClick: () => setEnabled(!isEnabled), trailing: toggle, children: jsx("span", { copykey, children: label }) }));
 };
 
 export { HardwareWalletToggle };

package/src/lib/components/Toggle/Toggle.cjs

@@ -3,13 +3,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _tslib = require('../../../../_virtual/_tslib.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 var classNames = require('../../utils/functions/classNames/classNames.cjs');
 
-const Toggle = (_a) => {
-    var { icon, variant = 'primary', className } = _a, props = _tslib.__rest(_a, ["icon", "variant", "className"]);
-    return (jsxRuntime.jsxs("label", { className: classNames.classNames('toggle', className), children: [jsxRuntime.jsx("input", Object.assign({ type: 'checkbox', className: 'toggle--input' }, props)), jsxRuntime.jsx("div", { className: classNames.classNames('toggle--content', `toggle--content__variant-${variant}`), children: jsxRuntime.jsx("div", { className: 'toggle--knob', children: icon }) })] }));
-};
+const Toggle = ({ icon, variant = 'primary', value, onChange, dataTestId, className, style, }) => (jsxRuntime.jsxs("label", { className: classNames.classNames('toggle', className), style: style, children: [jsxRuntime.jsx("input", { type: 'checkbox', className: 'toggle--input', "data-testid": dataTestId, checked: value, onChange: () => onChange === null || onChange === void 0 ? void 0 : onChange(!value) }), jsxRuntime.jsx("div", { className: classNames.classNames('toggle--content', `toggle--content__variant-${variant}`), children: jsxRuntime.jsx("div", { className: 'toggle--knob', children: icon }) })] }));
 
 exports.Toggle = Toggle;

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

@@ -1,7 +1,11 @@
-import { ComponentPropsWithoutRef, FC } from 'react';
-type ToggleProps = ComponentPropsWithoutRef<'input'> & {
+import { FC } from 'react';
+import { ClassStyleProps } from '../../utils/types';
+type ToggleProps = ClassStyleProps & {
+    dataTestId?: string;
     icon?: JSX.Element;
     variant?: 'primary';
+    value?: boolean;
+    onChange?: (value: boolean) => void;
 };
 export declare const Toggle: FC<ToggleProps>;
 export {};

package/src/lib/components/Toggle/Toggle.js

@@ -1,11 +1,7 @@
 'use client'
-import { __rest } from '../../../../_virtual/_tslib.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { classNames } from '../../utils/functions/classNames/classNames.js';
 
-const Toggle = (_a) => {
-    var { icon, variant = 'primary', className } = _a, props = __rest(_a, ["icon", "variant", "className"]);
-    return (jsxs("label", { className: classNames('toggle', className), children: [jsx("input", Object.assign({ type: 'checkbox', className: 'toggle--input' }, props)), jsx("div", { className: classNames('toggle--content', `toggle--content__variant-${variant}`), children: jsx("div", { className: 'toggle--knob', children: icon }) })] }));
-};
+const Toggle = ({ icon, variant = 'primary', value, onChange, dataTestId, className, style, }) => (jsxs("label", { className: classNames('toggle', className), style: style, children: [jsx("input", { type: 'checkbox', className: 'toggle--input', "data-testid": dataTestId, checked: value, onChange: () => onChange === null || onChange === void 0 ? void 0 : onChange(!value) }), jsx("div", { className: classNames('toggle--content', `toggle--content__variant-${variant}`), children: jsx("div", { className: 'toggle--knob', children: icon }) })] }));
 
 export { Toggle };

package/src/lib/context/ConnectWithOtpContext/utils/createSmsHandler.cjs

@@ -58,7 +58,7 @@ const createSmsHandler = (environmentId, { shouldRegisterSessionKeysOnSignin, ge
             return {
                 destination: phone,
                 response: response,
-                verified: Boolean(response.jwt),
+                verified: true,
             };
         }),
     };

package/src/lib/context/ConnectWithOtpContext/utils/createSmsHandler.js

@@ -54,7 +54,7 @@ const createSmsHandler = (environmentId, { shouldRegisterSessionKeysOnSignin, ge
             return {
                 destination: phone,
                 response: response,
-                verified: Boolean(response.jwt),
+                verified: true,
             };
         }),
     };

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

@@ -166,10 +166,15 @@ const InnerDynamicContextProvider = (props) => {
     useRegisterStorageService.useRegisterStorageService({
         storagePostfix: settings$1.localStorageSuffix,
     });
+    /**
+     * Tracks if the store version has changed so we can logout
+     * to ensure the whole state is cleared
+     */
+    const didStoreVersionChangedRef = React.useRef(false);
     /**
      * initialize global store
      */
-    store.initializeStore(props);
+    store.initializeStore(Object.assign(Object.assign({}, props), { onPersistedVersionChanged: () => (didStoreVersionChangedRef.current = true) }));
     dynamicContextProps.useSyncDynamicContextProps(props);
     /**
      * Sets the chain info overrides if they are present
@@ -365,6 +370,7 @@ const InnerDynamicContextProvider = (props) => {
         walletConnectors,
     });
     useValidateSession.useValidateSession({
+        didStoreVersionChangedRef,
         environmentId,
         handleLogOut,
     });

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

@@ -1,7 +1,7 @@
 'use client'
 import { __awaiter } from '../../../../_virtual/_tslib.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { createContext, useState, useMemo, useRef, useEffect, useCallback } from 'react';
+import { createContext, useRef, useState, useMemo, useEffect, useCallback } from 'react';
 import { I18nextProvider } from 'react-i18next';
 import { getIconicSpriteUrl } from '@dynamic-labs/iconic';
 import { Logger } from '@dynamic-labs/logger';
@@ -162,10 +162,15 @@ const InnerDynamicContextProvider = (props) => {
     useRegisterStorageService({
         storagePostfix: settings.localStorageSuffix,
     });
+    /**
+     * Tracks if the store version has changed so we can logout
+     * to ensure the whole state is cleared
+     */
+    const didStoreVersionChangedRef = useRef(false);
     /**
      * initialize global store
      */
-    initializeStore(props);
+    initializeStore(Object.assign(Object.assign({}, props), { onPersistedVersionChanged: () => (didStoreVersionChangedRef.current = true) }));
     useSyncDynamicContextProps(props);
     /**
      * Sets the chain info overrides if they are present
@@ -361,6 +366,7 @@ const InnerDynamicContextProvider = (props) => {
         walletConnectors,
     });
     useValidateSession({
+        didStoreVersionChangedRef,
         environmentId,
         handleLogOut,
     });

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

@@ -9,8 +9,7 @@ export type ViewState<T extends ViewType> = {
     events?: ViewEvents;
 };
 export type ViewEvents = {
-    /** If this returns 'override', the default back button behavior will be overridden */
-    onBackClick?: () => 'override' | void;
+    onBackClick?: () => void;
     onClose?: () => void;
 };
 export type ViewSetter = <T extends ViewType>(view: T, props?: ViewState<T>['props'], events?: ViewEvents) => void;

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

@@ -4,14 +4,18 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _tslib = require('../../../../../_virtual/_tslib.cjs');
+var dynamicContextProps = require('../../../store/state/dynamicContextProps/dynamicContextProps.cjs');
+var api = require('../api.cjs');
 
 const getExchangeRates = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-    return ({
-        ETH: 3447.28,
-        MATIC: 0.5207,
-        SOL: 217.37,
-        USDC: 1,
+    const rates = {};
+    const data = yield api.sdkApi().getCurrencyExchangeRates({
+        environmentId: dynamicContextProps.getEnvironmentId(),
     });
+    data.forEach((currency) => {
+        rates[currency.code] = currency.value;
+    });
+    return rates;
 });
 
 exports.getExchangeRates = getExchangeRates;

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

@@ -1,13 +1,17 @@
 'use client'
 import { __awaiter } from '../../../../../_virtual/_tslib.js';
+import { getEnvironmentId } from '../../../store/state/dynamicContextProps/dynamicContextProps.js';
+import { sdkApi } from '../api.js';
 
 const getExchangeRates = () => __awaiter(void 0, void 0, void 0, function* () {
-    return ({
-        ETH: 3447.28,
-        MATIC: 0.5207,
-        SOL: 217.37,
-        USDC: 1,
+    const rates = {};
+    const data = yield sdkApi().getCurrencyExchangeRates({
+        environmentId: getEnvironmentId(),
     });
+    data.forEach((currency) => {
+        rates[currency.code] = currency.value;
+    });
+    return rates;
 });
 
 export { getExchangeRates };

package/src/lib/layout/DynamicAuthLayout/Header/header.cjs

@@ -106,12 +106,8 @@ const Header = ({ onClose: handleClose, heading, projectSettings, copykey, descr
     const { showCloseButton, showHelpContent, isWalletListTypeView, displayBorderBelowHeader, } = useAuthLayoutChecks.useAuthLayoutChecks();
     const { setExistentAccountData } = AccountExistsContext.useAccountExistsContext();
     const handleBackClick = React.useCallback(() => {
-        var _a;
-        if ((_a = view.events) === null || _a === void 0 ? void 0 : _a.onBackClick) {
-            const result = view.events.onBackClick();
-            if (result === 'override')
-                return;
-        }
+        var _a, _b;
+        (_b = (_a = view.events) === null || _a === void 0 ? void 0 : _a.onBackClick) === null || _b === void 0 ? void 0 : _b.call(_a);
         goBack();
         setExistentAccountData(undefined);
         setError(undefined);

package/src/lib/layout/DynamicAuthLayout/Header/header.js

@@ -102,12 +102,8 @@ const Header = ({ onClose: handleClose, heading, projectSettings, copykey, descr
     const { showCloseButton, showHelpContent, isWalletListTypeView, displayBorderBelowHeader, } = useAuthLayoutChecks();
     const { setExistentAccountData } = useAccountExistsContext();
     const handleBackClick = useCallback(() => {
-        var _a;
-        if ((_a = view.events) === null || _a === void 0 ? void 0 : _a.onBackClick) {
-            const result = view.events.onBackClick();
-            if (result === 'override')
-                return;
-        }
+        var _a, _b;
+        (_b = (_a = view.events) === null || _a === void 0 ? void 0 : _a.onBackClick) === null || _b === void 0 ? void 0 : _b.call(_a);
         goBack();
         setExistentAccountData(undefined);
         setError(undefined);

package/src/lib/store/internalImplementation/store.cjs

@@ -36,6 +36,7 @@ const initializeStore = (props) => {
         : localStorage$1.STORE_STORAGE_KEY;
     store = syncLegacyStorage.syncLegacyStorage(store$1.persist({
         name: persistName,
+        onVersionChanged: props.onPersistedVersionChanged,
         partialize: stateConfig.transformStateForLocalStorage,
         storage: getStorage(),
         // Map each entry to its initialValue

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

@@ -1,6 +1,10 @@
 import { StoreApi } from '@dynamic-labs/store';
 import { DynamicContextProps } from '../../context/DynamicContext/types';
 import { SdkStore } from '../types';
+type InitializeStoreProps = {
+    onPersistedVersionChanged?: () => void;
+} & DynamicContextProps;
 export declare const getStore: () => StoreApi<SdkStore>;
 export declare const removeStoreInstance: () => void;
-export declare const initializeStore: (props: DynamicContextProps) => void;
+export declare const initializeStore: (props: InitializeStoreProps) => void;
+export {};

package/src/lib/store/internalImplementation/store.js

@@ -32,6 +32,7 @@ const initializeStore = (props) => {
         : STORE_STORAGE_KEY;
     store = syncLegacyStorage(persist({
         name: persistName,
+        onVersionChanged: props.onPersistedVersionChanged,
         partialize: transformStateForLocalStorage,
         storage: getStorage(),
         // Map each entry to its initialValue