@dynamic-labs/sdk-react-core 3.1.4 → 3.2.0

package/CHANGELOG.md

@@ -1,4 +1,16 @@
 
+## [3.2.0](https://github.com/dynamic-labs/DynamicAuth/compare/v3.1.4...v3.2.0) (2024-10-02)
+
+
+### Features
+
+* view global connectivity connections and allow disconnection ([#7037](https://github.com/dynamic-labs/DynamicAuth/issues/7037)) ([6d7c2ba](https://github.com/dynamic-labs/DynamicAuth/commit/6d7c2baf2d1480e30e1394547635f0f1e7c47509))
+
+
+### Bug Fixes
+
+* ensure the correct auth mode is used on social redirect ([#7047](https://github.com/dynamic-labs/DynamicAuth/issues/7047)) ([#7055](https://github.com/dynamic-labs/DynamicAuth/issues/7055)) ([b83ee70](https://github.com/dynamic-labs/DynamicAuth/commit/b83ee702fede980dad9641ad08453fc20ba1b6bb))
+
 ### [3.1.4](https://github.com/dynamic-labs/DynamicAuth/compare/v3.1.3...v3.1.4) (2024-09-30)
 
 
@@ -890,7 +902,7 @@
 
 - React Native - You can now build mobile-first onboarding experiences with the same Dynamic magic but for React Native, get started [here](https://docs.dynamic.xyz/react-native/introduction)
 
-- Cookie Authentication - Dynamic can now be configured to set a secure, HttpOnly cookie that can be used for authenticating with Dynamic’s backend. This will contain a minified version of our JWT token. 
+- Cookie Authentication - Dynamic can now be configured to set a secure, HttpOnly cookie that can be used for authenticating with Dynamic’s backend. This will contain a minified version of our JWT token.
 
 
 ## Improvements

package/package.cjs

@@ -3,7 +3,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "3.1.4";
+var version = "3.2.0";
 var dependencies = {
 	"@dynamic-labs/sdk-api-core": "0.0.535",
 	"@hcaptcha/react-hcaptcha": "1.4.4",

package/package.js

@@ -1,5 +1,5 @@
 'use client'
-var version = "3.1.4";
+var version = "3.2.0";
 var dependencies = {
 	"@dynamic-labs/sdk-api-core": "0.0.535",
 	"@hcaptcha/react-hcaptcha": "1.4.4",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dynamic-labs/sdk-react-core",
-  "version": "3.1.4",
+  "version": "3.2.0",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/dynamic-labs/dynamic-auth.git",
@@ -17,15 +17,15 @@
     "react-i18next": "13.5.0",
     "yup": "0.32.11",
     "react-international-phone": "4.2.5",
-    "@dynamic-labs/iconic": "3.1.4",
-    "@dynamic-labs/logger": "3.1.4",
-    "@dynamic-labs/multi-wallet": "3.1.4",
-    "@dynamic-labs/rpc-providers": "3.1.4",
-    "@dynamic-labs/store": "3.1.4",
-    "@dynamic-labs/types": "3.1.4",
-    "@dynamic-labs/utils": "3.1.4",
-    "@dynamic-labs/wallet-book": "3.1.4",
-    "@dynamic-labs/wallet-connector-core": "3.1.4",
+    "@dynamic-labs/iconic": "3.2.0",
+    "@dynamic-labs/logger": "3.2.0",
+    "@dynamic-labs/multi-wallet": "3.2.0",
+    "@dynamic-labs/rpc-providers": "3.2.0",
+    "@dynamic-labs/store": "3.2.0",
+    "@dynamic-labs/types": "3.2.0",
+    "@dynamic-labs/utils": "3.2.0",
+    "@dynamic-labs/wallet-book": "3.2.0",
+    "@dynamic-labs/wallet-connector-core": "3.2.0",
     "eventemitter3": "5.0.1"
   },
   "devDependencies": {

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

@@ -5,15 +5,15 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _tslib = require('../../../../../../_virtual/_tslib.cjs');
 var React = require('react');
+var utils = require('@dynamic-labs/utils');
 require('@dynamic-labs/sdk-api-core');
-require('../../../../shared/logger.cjs');
+var logger = require('../../../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
 require('react/jsx-runtime');
 var ViewContext = require('../../../ViewContext/ViewContext.cjs');
 require('@dynamic-labs/wallet-book');
 var isSSR = require('../../../../shared/utils/functions/isSSR/isSSR.cjs');
-require('@dynamic-labs/utils');
 require('../../../../utils/constants/colors.cjs');
 require('../../../../utils/constants/values.cjs');
 var useEffectOnce = require('../../../../shared/utils/hooks/useEffectOnce/useEffectOnce.cjs');
@@ -29,7 +29,7 @@ require('react-international-phone');
 var socialStorage = require('../../../../utils/functions/socialStorage/socialStorage.cjs');
 var getSocialSignInProviderForProviderEnum = require('../../../../utils/functions/getSocialSignInProviderForProviderEnum/getSocialSignInProviderForProviderEnum.cjs');
 require('../../../../config/ApiEndpoint.cjs');
-require('../../../../store/state/user/user.cjs');
+var user = require('../../../../store/state/user/user.cjs');
 require('../../../../locale/locale.cjs');
 require('../../../../store/state/projectSettings/projectSettings.cjs');
 require('../../../AccessDeniedContext/AccessDeniedContext.cjs');
@@ -101,7 +101,7 @@ const useRedirectSocialHandler = ({ setSocialProvider, }) => {
     const { setView } = ViewContext.useViewContext();
     const { setDynamicWidgetView } = DynamicWidgetContext.useWidgetContext();
     const [socialStorageItem, setSocialStorageItem] = React.useState(null);
-    const { sdkHasLoaded, user, setShowAuthFlow, isRenderingEmbeddedAuthFlow, setShowDynamicUserProfile, } = useInternalDynamicContext.useInternalDynamicContext();
+    const { sdkHasLoaded, setShowAuthFlow, isRenderingEmbeddedAuthFlow, setShowDynamicUserProfile, } = useInternalDynamicContext.useInternalDynamicContext();
     const { completeConnection } = useSocialAuth.useSocialAuth({
         sessionTimeout: 10000,
     });
@@ -140,17 +140,24 @@ const useRedirectSocialHandler = ({ setSocialProvider, }) => {
     useEffectOnceCondition.useEffectOnceCondition(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         if (!socialStorageItem)
             return;
-        const authMode = user ? 'link' : 'signin';
         // Update UI to reflect the original state
-        if (authMode === 'signin') {
+        if (socialStorageItem.mode === 'signin') {
+            if (user.getUser()) {
+                logger.logger.error(new utils.DynamicError('User is already logged in'));
+                return;
+            }
             updateInterfaceStateForSignIn(socialStorageItem);
         }
-        else if (authMode === 'link') {
+        else if (socialStorageItem.mode === 'link') {
+            if (!user.getUser()) {
+                logger.logger.error(new utils.DynamicError('User not logged in'));
+                return;
+            }
             updateInterfaceStateForLink();
         }
         yield completeConnection({
             authCode: socialStorageItem.code,
-            authMode,
+            authMode: socialStorageItem.mode,
             captchaToken: socialStorageItem.captchaToken,
             provider: socialStorageItem.provider,
             state: socialStorageItem.state,

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

@@ -1,15 +1,15 @@
 'use client'
 import { __awaiter } from '../../../../../../_virtual/_tslib.js';
 import { useState, useCallback } from 'react';
+import { DynamicError } from '@dynamic-labs/utils';
 import '@dynamic-labs/sdk-api-core';
-import '../../../../shared/logger.js';
+import { logger } from '../../../../shared/logger.js';
 import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
 import 'react/jsx-runtime';
 import { useViewContext } from '../../../ViewContext/ViewContext.js';
 import '@dynamic-labs/wallet-book';
 import { isSSR } from '../../../../shared/utils/functions/isSSR/isSSR.js';
-import '@dynamic-labs/utils';
 import '../../../../utils/constants/colors.js';
 import '../../../../utils/constants/values.js';
 import { useEffectOnce } from '../../../../shared/utils/hooks/useEffectOnce/useEffectOnce.js';
@@ -25,7 +25,7 @@ import 'react-international-phone';
 import { searchSocialStorageByState, deleteSocialStorage } from '../../../../utils/functions/socialStorage/socialStorage.js';
 import { getSocialSignInProviderForProviderEnum } from '../../../../utils/functions/getSocialSignInProviderForProviderEnum/getSocialSignInProviderForProviderEnum.js';
 import '../../../../config/ApiEndpoint.js';
-import '../../../../store/state/user/user.js';
+import { getUser } from '../../../../store/state/user/user.js';
 import '../../../../locale/locale.js';
 import '../../../../store/state/projectSettings/projectSettings.js';
 import '../../../AccessDeniedContext/AccessDeniedContext.js';
@@ -97,7 +97,7 @@ const useRedirectSocialHandler = ({ setSocialProvider, }) => {
     const { setView } = useViewContext();
     const { setDynamicWidgetView } = useWidgetContext();
     const [socialStorageItem, setSocialStorageItem] = useState(null);
-    const { sdkHasLoaded, user, setShowAuthFlow, isRenderingEmbeddedAuthFlow, setShowDynamicUserProfile, } = useInternalDynamicContext();
+    const { sdkHasLoaded, setShowAuthFlow, isRenderingEmbeddedAuthFlow, setShowDynamicUserProfile, } = useInternalDynamicContext();
     const { completeConnection } = useSocialAuth({
         sessionTimeout: 10000,
     });
@@ -136,17 +136,24 @@ const useRedirectSocialHandler = ({ setSocialProvider, }) => {
     useEffectOnceCondition(() => __awaiter(void 0, void 0, void 0, function* () {
         if (!socialStorageItem)
             return;
-        const authMode = user ? 'link' : 'signin';
         // Update UI to reflect the original state
-        if (authMode === 'signin') {
+        if (socialStorageItem.mode === 'signin') {
+            if (getUser()) {
+                logger.error(new DynamicError('User is already logged in'));
+                return;
+            }
             updateInterfaceStateForSignIn(socialStorageItem);
         }
-        else if (authMode === 'link') {
+        else if (socialStorageItem.mode === 'link') {
+            if (!getUser()) {
+                logger.error(new DynamicError('User not logged in'));
+                return;
+            }
             updateInterfaceStateForLink();
         }
         yield completeConnection({
             authCode: socialStorageItem.code,
-            authMode,
+            authMode: socialStorageItem.mode,
             captchaToken: socialStorageItem.captchaToken,
             provider: socialStorageItem.provider,
             state: socialStorageItem.state,

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

@@ -820,31 +820,37 @@ const translation = {
      * @description Settings for Dynamic settings view which are used inside dynamic widget
      * @default
      * {
-        global_section: {
-          title: 'Global',
-          currency: {
-            title: 'Currency',
-            badge: 'coming soon',
-          },
-        },
-        export_section: {
-          private_key_button: 'Private key',
-          srp_button: 'Recovery phrase',
-          title: 'Export & Backup',
-        },
-        identity_section: {
-          title: 'Recovery',
-          add_email_button: 'Add an email',
+      global_section: {
+        title: 'Global',
+        currency: {
+          title: 'Currency',
+          badge: 'coming soon',
         },
-        tags: { recommended: 'Recommended' },
-        security_section: {
-          email_auth_button: 'One time code',
-          passkey_button: 'Passkeys',
-          password_button: 'Passcode',
-          title: 'Security Methods',
-        },
-        title: 'Settings',
-      }
+      },
+      global_connectivity_section: {
+        title: 'Global Connectivity',
+        connected_apps_button: 'Connected Apps',
+      },
+      export_section: {
+        private_key_button: 'Private key',
+        srp_button: 'Recovery phrase',
+        title: 'Export & Backup',
+      },
+      identity_section: {
+        title: 'Recovery',
+        add_email_button: 'Add an email',
+      },
+      tags: { recommended: 'Recommended' },
+      security_section: {
+        email_auth_button: 'One time code',
+        passkey_button: 'Passkeys',
+        password_button: 'Passcode',
+        mfa_button: 'Authenticator App',
+        title: '2 factor authentication',
+      },
+      title: 'Settings',
+      button_logout: 'Log out',
+    }
      */
     dyn_settings: {
         global_section: {
@@ -854,6 +860,10 @@ const translation = {
                 badge: 'coming soon',
             },
         },
+        global_connectivity_section: {
+            title: 'Global Connectivity',
+            connected_apps_button: 'Connected Apps',
+        },
         export_section: {
             private_key_button: 'Private key',
             srp_button: 'Recovery phrase',
@@ -926,6 +936,10 @@ const translation = {
           proceed: 'Proceed',
         },
       },
+       connected_apps: {
+        title: 'Connected Apps',
+        no_connections: 'No connected apps',
+      },
     },
      */
     global_wallet: {
@@ -973,6 +987,11 @@ const translation = {
                 proceed: 'Proceed',
             },
         },
+        connected_apps: {
+            title: 'Connected Apps',
+            subtitle: 'Connected apps allow you to interact with your wallet on other platforms.',
+            success: 'Successfully connected to {{name}}.',
+        },
     },
     /**
      * @description copy keys for mfa management view

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

@@ -814,31 +814,37 @@ export declare const translation: {
      * @description Settings for Dynamic settings view which are used inside dynamic widget
      * @default
      * {
-        global_section: {
-          title: 'Global',
-          currency: {
-            title: 'Currency',
-            badge: 'coming soon',
-          },
-        },
-        export_section: {
-          private_key_button: 'Private key',
-          srp_button: 'Recovery phrase',
-          title: 'Export & Backup',
-        },
-        identity_section: {
-          title: 'Recovery',
-          add_email_button: 'Add an email',
+      global_section: {
+        title: 'Global',
+        currency: {
+          title: 'Currency',
+          badge: 'coming soon',
         },
-        tags: { recommended: 'Recommended' },
-        security_section: {
-          email_auth_button: 'One time code',
-          passkey_button: 'Passkeys',
-          password_button: 'Passcode',
-          title: 'Security Methods',
-        },
-        title: 'Settings',
-      }
+      },
+      global_connectivity_section: {
+        title: 'Global Connectivity',
+        connected_apps_button: 'Connected Apps',
+      },
+      export_section: {
+        private_key_button: 'Private key',
+        srp_button: 'Recovery phrase',
+        title: 'Export & Backup',
+      },
+      identity_section: {
+        title: 'Recovery',
+        add_email_button: 'Add an email',
+      },
+      tags: { recommended: 'Recommended' },
+      security_section: {
+        email_auth_button: 'One time code',
+        passkey_button: 'Passkeys',
+        password_button: 'Passcode',
+        mfa_button: 'Authenticator App',
+        title: '2 factor authentication',
+      },
+      title: 'Settings',
+      button_logout: 'Log out',
+    }
      */
     dyn_settings: {
         global_section: {
@@ -848,6 +854,10 @@ export declare const translation: {
                 badge: string;
             };
         };
+        global_connectivity_section: {
+            title: string;
+            connected_apps_button: string;
+        };
         export_section: {
             private_key_button: string;
             srp_button: string;
@@ -922,6 +932,10 @@ export declare const translation: {
           proceed: 'Proceed',
         },
       },
+       connected_apps: {
+        title: 'Connected Apps',
+        no_connections: 'No connected apps',
+      },
     },
      */
     global_wallet: {
@@ -969,6 +983,11 @@ export declare const translation: {
                 proceed: string;
             };
         };
+        connected_apps: {
+            title: string;
+            subtitle: string;
+            success: string;
+        };
     };
     /**
      * @description copy keys for mfa management view

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

@@ -816,31 +816,37 @@ const translation = {
      * @description Settings for Dynamic settings view which are used inside dynamic widget
      * @default
      * {
-        global_section: {
-          title: 'Global',
-          currency: {
-            title: 'Currency',
-            badge: 'coming soon',
-          },
-        },
-        export_section: {
-          private_key_button: 'Private key',
-          srp_button: 'Recovery phrase',
-          title: 'Export & Backup',
-        },
-        identity_section: {
-          title: 'Recovery',
-          add_email_button: 'Add an email',
+      global_section: {
+        title: 'Global',
+        currency: {
+          title: 'Currency',
+          badge: 'coming soon',
         },
-        tags: { recommended: 'Recommended' },
-        security_section: {
-          email_auth_button: 'One time code',
-          passkey_button: 'Passkeys',
-          password_button: 'Passcode',
-          title: 'Security Methods',
-        },
-        title: 'Settings',
-      }
+      },
+      global_connectivity_section: {
+        title: 'Global Connectivity',
+        connected_apps_button: 'Connected Apps',
+      },
+      export_section: {
+        private_key_button: 'Private key',
+        srp_button: 'Recovery phrase',
+        title: 'Export & Backup',
+      },
+      identity_section: {
+        title: 'Recovery',
+        add_email_button: 'Add an email',
+      },
+      tags: { recommended: 'Recommended' },
+      security_section: {
+        email_auth_button: 'One time code',
+        passkey_button: 'Passkeys',
+        password_button: 'Passcode',
+        mfa_button: 'Authenticator App',
+        title: '2 factor authentication',
+      },
+      title: 'Settings',
+      button_logout: 'Log out',
+    }
      */
     dyn_settings: {
         global_section: {
@@ -850,6 +856,10 @@ const translation = {
                 badge: 'coming soon',
             },
         },
+        global_connectivity_section: {
+            title: 'Global Connectivity',
+            connected_apps_button: 'Connected Apps',
+        },
         export_section: {
             private_key_button: 'Private key',
             srp_button: 'Recovery phrase',
@@ -922,6 +932,10 @@ const translation = {
           proceed: 'Proceed',
         },
       },
+       connected_apps: {
+        title: 'Connected Apps',
+        no_connections: 'No connected apps',
+      },
     },
      */
     global_wallet: {
@@ -969,6 +983,11 @@ const translation = {
                 proceed: 'Proceed',
             },
         },
+        connected_apps: {
+            title: 'Connected Apps',
+            subtitle: 'Connected apps allow you to interact with your wallet on other platforms.',
+            success: 'Successfully connected to {{name}}.',
+        },
     },
     /**
      * @description copy keys for mfa management view

package/src/lib/shared/assets/connected-apps.cjs

@@ -0,0 +1,64 @@
+'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, _circle;
+var _excluded = ["title", "titleId"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+var SvgConnectedApps = function SvgConnectedApps(_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", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M9.334 5.667a2 2 0 0 0-2 2v3.891a6.667 6.667 0 0 1 7.743 10.775h3.59a2 2 0 0 0 2-2V7.667a2 2 0 0 0-2-2H9.333Z",
+    fill: "#fff"
+  })), _circle || (_circle = /*#__PURE__*/React__namespace.createElement("circle", {
+    cx: 10.666,
+    cy: 17.334,
+    fill: "#fff",
+    r: 5
+  })));
+};
+
+exports.ReactComponent = SvgConnectedApps;

package/src/lib/shared/assets/connected-apps.js

@@ -0,0 +1,40 @@
+'use client'
+import * as React from 'react';
+
+var _rect, _path, _circle;
+var _excluded = ["title", "titleId"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+var SvgConnectedApps = function SvgConnectedApps(_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", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M9.334 5.667a2 2 0 0 0-2 2v3.891a6.667 6.667 0 0 1 7.743 10.775h3.59a2 2 0 0 0 2-2V7.667a2 2 0 0 0-2-2H9.333Z",
+    fill: "#fff"
+  })), _circle || (_circle = /*#__PURE__*/React.createElement("circle", {
+    cx: 10.666,
+    cy: 17.334,
+    fill: "#fff",
+    r: 5
+  })));
+};
+
+export { SvgConnectedApps as ReactComponent };

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

@@ -5,6 +5,7 @@ export { ReactComponent as AltEmbeddedWalletIcon } from './alt-embedded-wallet.s
 export { ReactComponent as AltKeyIcon } from './alt-key.svg';
 export { ReactComponent as AndroidFaceId } from './android-face-id.svg';
 export { ReactComponent as AndroidTouchId } from './android-touch-id.svg';
+export { ReactComponent as ConnectedAppsIcon } from './connected-apps.svg';
 export { ReactComponent as ArrowDownIcon } from './arrow-down.svg';
 export { ReactComponent as ArrowLeftIcon } from './arrow-left.svg';
 export { ReactComponent as ArrowRightBackgroundIcon } from './arrow-right-background.svg';