@dynamic-labs/sdk-react-core 4.36.1 → 4.37.0

package/CHANGELOG.md

@@ -1,4 +1,13 @@
 
+## [4.37.0](https://github.com/dynamic-labs/dynamic-auth/compare/v4.36.1...v4.37.0) (2025-10-08)
+
+
+### Features
+
+* add workflow to auto-update documentation changelog on release ([#9642](https://github.com/dynamic-labs/dynamic-auth/issues/9642)) ([701041e](https://github.com/dynamic-labs/dynamic-auth/commit/701041e05d6f2e46869f4e864e4533bbd046b3b6))
+* add delegation ui
+* add token pocket connector for tron
+
 ### [4.36.1](https://github.com/dynamic-labs/dynamic-auth/compare/v4.36.0...v4.36.1) (2025-10-06)
 
 

package/package.cjs

@@ -3,7 +3,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "4.36.1";
+var version = "4.37.0";
 var dependencies = {
 	"@dynamic-labs/sdk-api-core": "0.0.798",
 	"@dynamic-labs-sdk/client": "0.1.0-alpha.17",

package/package.js

@@ -1,5 +1,5 @@
 'use client'
-var version = "4.36.1";
+var version = "4.37.0";
 var dependencies = {
 	"@dynamic-labs/sdk-api-core": "0.0.798",
 	"@dynamic-labs-sdk/client": "0.1.0-alpha.17",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dynamic-labs/sdk-react-core",
-  "version": "4.36.1",
+  "version": "4.37.0",
   "dependencies": {
     "@dynamic-labs/sdk-api-core": "0.0.798",
     "@dynamic-labs-sdk/client": "0.1.0-alpha.17",
@@ -15,16 +15,16 @@
     "yup": "0.32.11",
     "react-international-phone": "4.5.0",
     "bs58": "5.0.0",
-    "@dynamic-labs/assert-package-version": "4.36.1",
-    "@dynamic-labs/iconic": "4.36.1",
-    "@dynamic-labs/logger": "4.36.1",
-    "@dynamic-labs/multi-wallet": "4.36.1",
-    "@dynamic-labs/rpc-providers": "4.36.1",
-    "@dynamic-labs/store": "4.36.1",
-    "@dynamic-labs/types": "4.36.1",
-    "@dynamic-labs/utils": "4.36.1",
-    "@dynamic-labs/wallet-book": "4.36.1",
-    "@dynamic-labs/wallet-connector-core": "4.36.1",
+    "@dynamic-labs/assert-package-version": "4.37.0",
+    "@dynamic-labs/iconic": "4.37.0",
+    "@dynamic-labs/logger": "4.37.0",
+    "@dynamic-labs/multi-wallet": "4.37.0",
+    "@dynamic-labs/rpc-providers": "4.37.0",
+    "@dynamic-labs/store": "4.37.0",
+    "@dynamic-labs/types": "4.37.0",
+    "@dynamic-labs/utils": "4.37.0",
+    "@dynamic-labs/wallet-book": "4.37.0",
+    "@dynamic-labs/wallet-connector-core": "4.37.0",
     "eventemitter3": "5.0.1"
   },
   "devDependencies": {

package/src/index.cjs

@@ -122,6 +122,7 @@ require('./lib/context/CaptchaContext/CaptchaContext.cjs');
 var DynamicWidgetContext = require('./lib/widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('./lib/components/IconButton/IconButton.cjs');
 var useDynamicWaas = require('./lib/utils/hooks/useDynamicWaas/useDynamicWaas.cjs');
+var useWalletDelegation = require('./lib/utils/hooks/useWalletDelegation/useWalletDelegation.cjs');
 var useSwitchWallet = require('./lib/utils/hooks/useSwitchWallet/useSwitchWallet.cjs');
 require('./lib/components/MenuList/Dropdown/Dropdown.cjs');
 require('formik');
@@ -280,6 +281,7 @@ exports.ShadowDOM = ShadowDOM.ShadowDOM;
 exports.useMultiWalletPromptState = useMultiWalletPromptState.useMultiWalletPromptState;
 exports.DynamicWidgetContextProvider = DynamicWidgetContext.DynamicWidgetContextProvider;
 exports.useDynamicWaas = useDynamicWaas.useDynamicWaas;
+exports.useWalletDelegation = useWalletDelegation.useWalletDelegation;
 exports.useSwitchWallet = useSwitchWallet.useSwitchWallet;
 exports.useEmbeddedReveal = useEmbeddedReveal.useEmbeddedReveal;
 exports.useEmbeddedWalletAuthenticator = useEmbeddedWalletAuthenticator.useEmbeddedWalletAuthenticator;

package/src/index.d.ts

@@ -123,7 +123,7 @@ export { FilterAndSortWallets, FilterBridgeChainsName, FilterChain, FilterWallet
 export { 
 /** @deprecated */
 DynamicWidgetContextProvider, } from './lib/widgets/DynamicWidget/context';
-export { useWalletItemActions, useAuthenticateConnectedUser, useSocialAccounts, useEmbeddedWallet, useEmbeddedWalletAuthenticator, usePasskeyRecovery, useEmbeddedReveal, useIsLoggedIn, useDynamicModals, useMfa, useTokenBalances, useMultichainTokenBalances, useSwitchWallet, useRpcProviders, useRefreshUser, useWalletOptions, useSmartWallets, EmbeddedWalletVersion, useTelegramLogin, useUpgradeEmbeddedWallet, useEVMTransactionSimulation, useSVMTransactionSimulation, useDeleteUserAccount, useDynamicWaas, useGetPasskeys, useDeletePasskey, useRegisterPasskey, useAuthenticatePasskeyMFA, useGetUserMfaMethods, usePromptMfaAuth, useUpgradeToDynamicWaasFlow, useGetMfaToken, useIsMfaRequiredForAction, } from './lib/utils/hooks';
+export { useWalletItemActions, useAuthenticateConnectedUser, useSocialAccounts, useEmbeddedWallet, useEmbeddedWalletAuthenticator, usePasskeyRecovery, useEmbeddedReveal, useIsLoggedIn, useDynamicModals, useMfa, useTokenBalances, useMultichainTokenBalances, useSwitchWallet, useRpcProviders, useRefreshUser, useWalletOptions, useSmartWallets, EmbeddedWalletVersion, useTelegramLogin, useUpgradeEmbeddedWallet, useEVMTransactionSimulation, useSVMTransactionSimulation, useDeleteUserAccount, useDynamicWaas, useGetPasskeys, useDeletePasskey, useRegisterPasskey, useAuthenticatePasskeyMFA, useGetUserMfaMethods, usePromptMfaAuth, useUpgradeToDynamicWaasFlow, useGetMfaToken, useIsMfaRequiredForAction, useWalletDelegation, } from './lib/utils/hooks';
 export { 
 /** @deprecated use useOnramp instead */
 useFunding, } from './lib/utils/hooks/useFunding';

package/src/index.js

@@ -118,6 +118,7 @@ import './lib/context/CaptchaContext/CaptchaContext.js';
 export { DynamicWidgetContextProvider } from './lib/widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import './lib/components/IconButton/IconButton.js';
 export { useDynamicWaas } from './lib/utils/hooks/useDynamicWaas/useDynamicWaas.js';
+export { useWalletDelegation } from './lib/utils/hooks/useWalletDelegation/useWalletDelegation.js';
 export { useSwitchWallet } from './lib/utils/hooks/useSwitchWallet/useSwitchWallet.js';
 import './lib/components/MenuList/Dropdown/Dropdown.js';
 import 'formik';

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

@@ -1069,9 +1069,9 @@ const translation = {
     }
      */
     dyn_settings: {
-        delegate_wallets_section: {
-            button: 'Wallets Delegated',
-            title: 'Wallets Delegated',
+        account_permissions_section: {
+            title: 'Account Permissions',
+            delegated_wallets_button: 'Delegated Wallets',
         },
         global_connectivity_section: {
             title: 'Global Connectivity',
@@ -1240,6 +1240,18 @@ const translation = {
             },
         },
     },
+    /**
+     * @description copy keys for wallets delegated view
+     * @default
+     * {
+     *   title: 'Wallets Delegated',
+     *   subtitle: 'Delegated wallets allow you to interact with your wallet on other platforms.',
+     * },
+     */
+    wallets_delegated: {
+        title: 'Wallets Delegated',
+        subtitle: 'Delegated wallets allow you to interact with your wallet on other platforms.',
+    },
     /**
      * @description copy keys for totp mfa management view
      * @default
@@ -3000,6 +3012,15 @@ const translation = {
         permissions_granted: 'Permissions granted',
         permissions_description_granted: '{{appName}} has been granted access to perform automations on your behalf. You can revoke this permission at any time.',
         revoke_note: 'You can always revoke these permissions in your wallet settings.',
+        wallets_selected: 'wallets selected',
+        edit_selections: 'Edit Selections',
+        save_selections: 'Save Selections',
+        edit_wallets_title: 'Edit Wallets',
+        my_wallet: 'My Wallet',
+        all_wallets: 'All Wallets',
+        agreement_text: 'I understand, and agree to accept this permission request',
+        selected_wallets: 'Selected Wallets',
+        edit_wallets_to_delegate: 'Edit Wallets to Delegate',
         something_went_wrong: 'Something went wrong',
         delegation_timeout_message: 'The delegation request timed out or was rejected. Please try approving again or come back in another time.',
         try_again_button: 'Try again',

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

@@ -1063,9 +1063,9 @@ export declare const translation: {
     }
      */
     dyn_settings: {
-        delegate_wallets_section: {
-            button: string;
+        account_permissions_section: {
             title: string;
+            delegated_wallets_button: string;
         };
         global_connectivity_section: {
             title: string;
@@ -1236,6 +1236,18 @@ export declare const translation: {
             };
         };
     };
+    /**
+     * @description copy keys for wallets delegated view
+     * @default
+     * {
+     *   title: 'Wallets Delegated',
+     *   subtitle: 'Delegated wallets allow you to interact with your wallet on other platforms.',
+     * },
+     */
+    wallets_delegated: {
+        title: string;
+        subtitle: string;
+    };
     /**
      * @description copy keys for totp mfa management view
      * @default
@@ -2996,6 +3008,15 @@ export declare const translation: {
         permissions_granted: string;
         permissions_description_granted: string;
         revoke_note: string;
+        wallets_selected: string;
+        edit_selections: string;
+        save_selections: string;
+        edit_wallets_title: string;
+        my_wallet: string;
+        all_wallets: string;
+        agreement_text: string;
+        selected_wallets: string;
+        edit_wallets_to_delegate: string;
         something_went_wrong: string;
         delegation_timeout_message: string;
         try_again_button: string;

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

@@ -1065,9 +1065,9 @@ const translation = {
     }
      */
     dyn_settings: {
-        delegate_wallets_section: {
-            button: 'Wallets Delegated',
-            title: 'Wallets Delegated',
+        account_permissions_section: {
+            title: 'Account Permissions',
+            delegated_wallets_button: 'Delegated Wallets',
         },
         global_connectivity_section: {
             title: 'Global Connectivity',
@@ -1236,6 +1236,18 @@ const translation = {
             },
         },
     },
+    /**
+     * @description copy keys for wallets delegated view
+     * @default
+     * {
+     *   title: 'Wallets Delegated',
+     *   subtitle: 'Delegated wallets allow you to interact with your wallet on other platforms.',
+     * },
+     */
+    wallets_delegated: {
+        title: 'Wallets Delegated',
+        subtitle: 'Delegated wallets allow you to interact with your wallet on other platforms.',
+    },
     /**
      * @description copy keys for totp mfa management view
      * @default
@@ -2996,6 +3008,15 @@ const translation = {
         permissions_granted: 'Permissions granted',
         permissions_description_granted: '{{appName}} has been granted access to perform automations on your behalf. You can revoke this permission at any time.',
         revoke_note: 'You can always revoke these permissions in your wallet settings.',
+        wallets_selected: 'wallets selected',
+        edit_selections: 'Edit Selections',
+        save_selections: 'Save Selections',
+        edit_wallets_title: 'Edit Wallets',
+        my_wallet: 'My Wallet',
+        all_wallets: 'All Wallets',
+        agreement_text: 'I understand, and agree to accept this permission request',
+        selected_wallets: 'Selected Wallets',
+        edit_wallets_to_delegate: 'Edit Wallets to Delegate',
         something_went_wrong: 'Something went wrong',
         delegation_timeout_message: 'The delegation request timed out or was rejected. Please try approving again or come back in another time.',
         try_again_button: 'Try again',

package/src/lib/shared/assets/connect.cjs

@@ -0,0 +1,57 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n["default"] = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var _rect, _path;
+var _excluded = ["title", "titleId"];
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
+var SvgConnect = function SvgConnect(_ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends({
+    width: 28,
+    height: 28,
+    viewBox: "0 0 28 28",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-labelledby": titleId
+  }, props), title ? /*#__PURE__*/React__namespace.createElement("title", {
+    id: titleId
+  }, title) : null, _rect || (_rect = /*#__PURE__*/React__namespace.createElement("rect", {
+    width: 28,
+    height: 28,
+    rx: 14,
+    fill: "#4779FF"
+  })), _path || (_path = /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M18.667 5.667a2 2 0 0 1 2 2v12.666a2 2 0 0 1-2 2H9.333a2 2 0 0 1-2-2V7.667a2 2 0 0 1 2-2h9.334Z",
+    fill: "#fff"
+  })));
+};
+
+exports.ReactComponent = SvgConnect;

package/src/lib/shared/assets/connect.js

@@ -0,0 +1,33 @@
+'use client'
+import * as React from 'react';
+
+var _rect, _path;
+var _excluded = ["title", "titleId"];
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
+var SvgConnect = function SvgConnect(_ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    width: 28,
+    height: 28,
+    viewBox: "0 0 28 28",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-labelledby": titleId
+  }, props), title ? /*#__PURE__*/React.createElement("title", {
+    id: titleId
+  }, title) : null, _rect || (_rect = /*#__PURE__*/React.createElement("rect", {
+    width: 28,
+    height: 28,
+    rx: 14,
+    fill: "#4779FF"
+  })), _path || (_path = /*#__PURE__*/React.createElement("path", {
+    d: "M18.667 5.667a2 2 0 0 1 2 2v12.666a2 2 0 0 1-2 2H9.333a2 2 0 0 1-2-2V7.667a2 2 0 0 1 2-2h9.334Z",
+    fill: "#fff"
+  })));
+};
+
+export { SvgConnect as ReactComponent };

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

@@ -125,3 +125,4 @@ export { ReactComponent as WorkSuitcaseIcon } from './work-suitcase.svg';
 export { ReactComponent as BackupIcon } from './backup.svg';
 export { ReactComponent as UpgradeIcon } from './upgrade.svg';
 export { ReactComponent as WhiteCheck } from './white-check-black-circle.svg';
+export { ReactComponent as ConnectIcon } from './connect.svg';