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

package/CHANGELOG.md

@@ -1,4 +1,19 @@
 
+## [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)
+
+
+### Features
+- Multiple internal improvements
+
 ## [4.36.0](https://github.com/dynamic-labs/dynamic-auth/compare/v4.35.0...v4.36.0) (2025-10-03)
 
 

package/package.cjs

@@ -3,9 +3,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "4.36.0";
+var version = "4.37.0";
 var dependencies = {
-	"@dynamic-labs/sdk-api-core": "0.0.791",
+	"@dynamic-labs/sdk-api-core": "0.0.798",
 	"@dynamic-labs-sdk/client": "0.1.0-alpha.17",
 	"@hcaptcha/react-hcaptcha": "1.4.4",
 	"@thumbmarkjs/thumbmarkjs": "0.16.0",

package/package.js

@@ -1,7 +1,7 @@
 'use client'
-var version = "4.36.0";
+var version = "4.37.0";
 var dependencies = {
-	"@dynamic-labs/sdk-api-core": "0.0.791",
+	"@dynamic-labs/sdk-api-core": "0.0.798",
 	"@dynamic-labs-sdk/client": "0.1.0-alpha.17",
 	"@hcaptcha/react-hcaptcha": "1.4.4",
 	"@thumbmarkjs/thumbmarkjs": "0.16.0",

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@dynamic-labs/sdk-react-core",
-  "version": "4.36.0",
+  "version": "4.37.0",
   "dependencies": {
-    "@dynamic-labs/sdk-api-core": "0.0.791",
+    "@dynamic-labs/sdk-api-core": "0.0.798",
     "@dynamic-labs-sdk/client": "0.1.0-alpha.17",
     "@hcaptcha/react-hcaptcha": "1.4.4",
     "@thumbmarkjs/thumbmarkjs": "0.16.0",
@@ -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.0",
-    "@dynamic-labs/iconic": "4.36.0",
-    "@dynamic-labs/logger": "4.36.0",
-    "@dynamic-labs/multi-wallet": "4.36.0",
-    "@dynamic-labs/rpc-providers": "4.36.0",
-    "@dynamic-labs/store": "4.36.0",
-    "@dynamic-labs/types": "4.36.0",
-    "@dynamic-labs/utils": "4.36.0",
-    "@dynamic-labs/wallet-book": "4.36.0",
-    "@dynamic-labs/wallet-connector-core": "4.36.0",
+    "@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/client/extension/deprecated/mfa/verifyTotpMfaDevice/verifyTotpMfaDevice.d.ts

@@ -1,3 +1,3 @@
 export declare const verifyTotpMfaDevice: ({ code }: {
     code: string;
-}) => Promise<import("@dynamic-labs/sdk-api-core").MFADevice>;
+}) => Promise<import("@dynamic-labs-sdk/client").MFADevice>;

package/src/lib/client/extension/projectSettings/getProjectSettings/getProjectSettings.d.ts

@@ -1 +1,2 @@
-export declare const getProjectSettings: () => import("@dynamic-labs/sdk-api-core").ProjectSettings | undefined;
+import { ProjectSettings } from '@dynamic-labs/sdk-api-core';
+export declare const getProjectSettings: () => ProjectSettings | undefined;

package/src/lib/client/extension/projectSettings/useProjectSettings/useProjectSettings.d.ts

@@ -1 +1,2 @@
-export declare const useProjectSettings: () => import("@dynamic-labs/sdk-api-core").ProjectSettings | undefined;
+import { ProjectSettings } from '@dynamic-labs/sdk-api-core';
+export declare const useProjectSettings: () => ProjectSettings | undefined;

package/src/lib/client/extension/projectSettings/useRefetchProjectSettings/useRefetchProjectSettings.d.ts

@@ -1 +1,2 @@
-export declare const useRefetchProjectSettings: () => () => Promise<import("@dynamic-labs/sdk-api-core").ProjectSettings | undefined>;
+import { ProjectSettings } from '@dynamic-labs/sdk-api-core';
+export declare const useRefetchProjectSettings: () => (() => Promise<ProjectSettings | undefined>);

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

@@ -140,7 +140,7 @@ const useRedirectSocialHandler = ({ setSocialProvider, }) => {
         /**
          * Find the redirect data from the first available source
          */
-        const { dynamicOauthCode, dynamicOauthState } = (_a = getDynamicRedirectData.getDynamicRedirectData(redirectUrl !== null && redirectUrl !== void 0 ? redirectUrl : null, window.location.href)) !== null && _a !== void 0 ? _a : {};
+        const { dynamicOauthCode, dynamicOauthState, dynamicOauthSsoProviderId } = (_a = getDynamicRedirectData.getDynamicRedirectData(redirectUrl !== null && redirectUrl !== void 0 ? redirectUrl : null, window.location.href)) !== null && _a !== void 0 ? _a : {};
         if (!dynamicOauthState || !dynamicOauthCode) {
             return;
         }
@@ -149,6 +149,7 @@ const useRedirectSocialHandler = ({ setSocialProvider, }) => {
             return;
         // we got back the dynamicOauthCode from the oauth provider, set it here so we can use it to sign in
         socialStorageItem.code = dynamicOauthCode;
+        socialStorageItem.dynamicOauthSsoProviderId = dynamicOauthSsoProviderId;
         setSocialStorageItem(socialStorageItem);
         // Clear the state from local storage
         socialStorage.deleteSocialStorage(socialStorageItem.provider);
@@ -180,6 +181,7 @@ const useRedirectSocialHandler = ({ setSocialProvider, }) => {
             authMode: socialStorageItem.mode,
             captchaToken: socialStorageItem.captchaToken,
             provider: socialStorageItem.provider,
+            ssoProviderId: socialStorageItem.dynamicOauthSsoProviderId,
             state: socialStorageItem.state,
             verifier: socialStorageItem.codeVerifier,
         });

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

@@ -136,7 +136,7 @@ const useRedirectSocialHandler = ({ setSocialProvider, }) => {
         /**
          * Find the redirect data from the first available source
          */
-        const { dynamicOauthCode, dynamicOauthState } = (_a = getDynamicRedirectData(redirectUrl !== null && redirectUrl !== void 0 ? redirectUrl : null, window.location.href)) !== null && _a !== void 0 ? _a : {};
+        const { dynamicOauthCode, dynamicOauthState, dynamicOauthSsoProviderId } = (_a = getDynamicRedirectData(redirectUrl !== null && redirectUrl !== void 0 ? redirectUrl : null, window.location.href)) !== null && _a !== void 0 ? _a : {};
         if (!dynamicOauthState || !dynamicOauthCode) {
             return;
         }
@@ -145,6 +145,7 @@ const useRedirectSocialHandler = ({ setSocialProvider, }) => {
             return;
         // we got back the dynamicOauthCode from the oauth provider, set it here so we can use it to sign in
         socialStorageItem.code = dynamicOauthCode;
+        socialStorageItem.dynamicOauthSsoProviderId = dynamicOauthSsoProviderId;
         setSocialStorageItem(socialStorageItem);
         // Clear the state from local storage
         deleteSocialStorage(socialStorageItem.provider);
@@ -176,6 +177,7 @@ const useRedirectSocialHandler = ({ setSocialProvider, }) => {
             authMode: socialStorageItem.mode,
             captchaToken: socialStorageItem.captchaToken,
             provider: socialStorageItem.provider,
+            ssoProviderId: socialStorageItem.dynamicOauthSsoProviderId,
             state: socialStorageItem.state,
             verifier: socialStorageItem.codeVerifier,
         });

package/src/lib/context/SocialRedirectContext/utils/getDynamicRedirectData/getDynamicRedirectData.d.ts

@@ -1,4 +1,5 @@
 export declare const getDynamicRedirectData: (redirectUrl: string | null, href: string) => {
     dynamicOauthCode: string;
     dynamicOauthState: string;
+    dynamicOauthSsoProviderId: string | undefined;
 } | null;

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

@@ -17,10 +17,11 @@ const getDynamicRedirectDataFromUrl = (url) => {
         const urlObj = new URL(url);
         const dynamicOauthCode = urlObj.searchParams.get('dynamicOauthCode');
         const dynamicOauthState = urlObj.searchParams.get('dynamicOauthState');
+        const dynamicOauthSsoProviderId = urlObj.searchParams.get('dynamicOauthSsoProviderId') || undefined;
         if (!dynamicOauthCode || !dynamicOauthState) {
             return null;
         }
-        return { dynamicOauthCode, dynamicOauthState };
+        return { dynamicOauthCode, dynamicOauthSsoProviderId, dynamicOauthState };
     }
     catch (error) {
         logger.logger.error('Error extracting dynamic redirect data from URL', error);

package/src/lib/context/SocialRedirectContext/utils/getDynamicRedirectDataFromUrl/getDynamicRedirectDataFromUrl.d.ts

@@ -4,5 +4,6 @@
  */
 export declare const getDynamicRedirectDataFromUrl: (url: string) => {
     dynamicOauthCode: string;
+    dynamicOauthSsoProviderId: string | undefined;
     dynamicOauthState: string;
 } | null;

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

@@ -13,10 +13,11 @@ const getDynamicRedirectDataFromUrl = (url) => {
         const urlObj = new URL(url);
         const dynamicOauthCode = urlObj.searchParams.get('dynamicOauthCode');
         const dynamicOauthState = urlObj.searchParams.get('dynamicOauthState');
+        const dynamicOauthSsoProviderId = urlObj.searchParams.get('dynamicOauthSsoProviderId') || undefined;
         if (!dynamicOauthCode || !dynamicOauthState) {
             return null;
         }
-        return { dynamicOauthCode, dynamicOauthState };
+        return { dynamicOauthCode, dynamicOauthSsoProviderId, dynamicOauthState };
     }
     catch (error) {
         logger.error('Error extracting dynamic redirect data from URL', error);

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

@@ -90,12 +90,13 @@ const unlinkOAuth = (_c) => _tslib.__awaiter(void 0, [_c], void 0, function* ({
         return undefined;
     }
 });
-const signInOAuth = (environmentId_2, providerType_2, _d) => _tslib.__awaiter(void 0, [environmentId_2, providerType_2, _d], void 0, function* (environmentId, providerType, { code, codeVerifier, state, captchaToken, sessionPublicKey }) {
+const signInOAuth = (environmentId_2, providerType_2, _d) => _tslib.__awaiter(void 0, [environmentId_2, providerType_2, _d], void 0, function* (environmentId, providerType, { code, codeVerifier, state, captchaToken, sessionPublicKey, ssoProviderId, }) {
     const oauthRequest = {
         captchaToken,
         code,
         codeVerifier,
         sessionPublicKey,
+        ssoProviderId,
         state,
     };
     try {

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

@@ -8,7 +8,7 @@ export declare const unlinkOAuth: ({ environmentId, primaryWalletId, verifiedCre
     primaryWalletId: string | undefined;
     verifiedCredentialId: string;
 }) => Promise<UserProfile | undefined>;
-export declare const signInOAuth: (environmentId: string, providerType: ProviderEnum, { code, codeVerifier, state, captchaToken, sessionPublicKey }: OauthRequest) => Promise<UserProfile | undefined>;
+export declare const signInOAuth: (environmentId: string, providerType: ProviderEnum, { code, codeVerifier, state, captchaToken, sessionPublicKey, ssoProviderId, }: OauthRequest) => Promise<UserProfile | undefined>;
 export declare const getOAuthResult: (environmentId: string, providerType: ProviderEnum, { state }: OauthResultRequest) => Promise<OauthResultResponse | undefined>;
 export declare const farcasterSignIn: (environmentId: string, farcasterSignInRequest: FarcasterSignInRequest) => Promise<UserProfile | undefined>;
 export declare const farcasterVerify: (farcasterVerifyRequest: FarcasterVerifyRequest) => Promise<UserProfile | undefined>;

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

@@ -86,12 +86,13 @@ const unlinkOAuth = (_c) => __awaiter(void 0, [_c], void 0, function* ({ environ
         return undefined;
     }
 });
-const signInOAuth = (environmentId_2, providerType_2, _d) => __awaiter(void 0, [environmentId_2, providerType_2, _d], void 0, function* (environmentId, providerType, { code, codeVerifier, state, captchaToken, sessionPublicKey }) {
+const signInOAuth = (environmentId_2, providerType_2, _d) => __awaiter(void 0, [environmentId_2, providerType_2, _d], void 0, function* (environmentId, providerType, { code, codeVerifier, state, captchaToken, sessionPublicKey, ssoProviderId, }) {
     const oauthRequest = {
         captchaToken,
         code,
         codeVerifier,
         sessionPublicKey,
+        ssoProviderId,
         state,
     };
     try {

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
@@ -2986,6 +2998,7 @@ const translation = {
     dyn_wallet_delegation: {
         title: 'Wallet delegation approval',
         approval_required: 'Approval required',
+        approval_requested: 'Approval requested',
         approval_description: '{{appName}} is requesting access to perform automations on your behalf. You can revoke this permission at any time.',
         select_wallets: 'Select Wallets',
         select_all: 'Select All',
@@ -2999,9 +3012,19 @@ 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',
+        logout_button: 'Log out',
     },
 };
 

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
@@ -2982,6 +2994,7 @@ export declare const translation: {
     dyn_wallet_delegation: {
         title: string;
         approval_required: string;
+        approval_requested: string;
         approval_description: string;
         select_wallets: string;
         select_all: string;
@@ -2995,8 +3008,18 @@ 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;
+        logout_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
@@ -2982,6 +2994,7 @@ const translation = {
     dyn_wallet_delegation: {
         title: 'Wallet delegation approval',
         approval_required: 'Approval required',
+        approval_requested: 'Approval requested',
         approval_description: '{{appName}} is requesting access to perform automations on your behalf. You can revoke this permission at any time.',
         select_wallets: 'Select Wallets',
         select_all: 'Select All',
@@ -2995,9 +3008,19 @@ 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',
+        logout_button: 'Log out',
     },
 };
 

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';