@dynamic-labs/sdk-react-core 3.0.0-alpha.27 → 3.0.0-alpha.29

package/CHANGELOG.md

@@ -1,4 +1,18 @@
 
+## [3.0.0-alpha.29](https://github.com/dynamic-labs/DynamicAuth/compare/v3.0.0-alpha.28...v3.0.0-alpha.29) (2024-07-25)
+
+
+### Features
+
+* add link to starknet snap companion app in network switch modal ([#6417](https://github.com/dynamic-labs/DynamicAuth/issues/6417)) ([132a3f8](https://github.com/dynamic-labs/DynamicAuth/commit/132a3f84af62930583f042f35e9616bc837ee49d))
+
+
+### Bug Fixes
+
+* improve network switch ux for starknet snap on login ([#6376](https://github.com/dynamic-labs/DynamicAuth/issues/6376)) ([db4af65](https://github.com/dynamic-labs/DynamicAuth/commit/db4af6576dc164876750ad6e13f4624d8a11a1a3))
+
+## [3.0.0-alpha.28](https://github.com/dynamic-labs/DynamicAuth/compare/v3.0.0-alpha.27...v3.0.0-alpha.28) (2024-07-25)
+
 ## [3.0.0-alpha.27](https://github.com/dynamic-labs/DynamicAuth/compare/v3.0.0-alpha.26...v3.0.0-alpha.27) (2024-07-24)
 
 

package/package.cjs

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

package/package.js

@@ -1,5 +1,5 @@
 'use client'
-var version = "3.0.0-alpha.27";
+var version = "3.0.0-alpha.29";
 var dependencies = {
 	"@dynamic-labs/sdk-api-core": "0.0.497",
 	"@hcaptcha/react-hcaptcha": "1.4.4",

package/package.json

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

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

@@ -1045,6 +1045,9 @@ const translation = {
      * @description copy keys for network not supported view for manual switch
      * @default
      * {
+        subtitle_network_defined_metamaskstarknet:
+          'To continue, please update the network in your wallet to {{network}} by visiting the Starknet Snap companion app',
+        subtitle_network_defined_metamaskstarknet_companion_app: 'companion app',
         subtitle_network_defined: 'To continue, please update the network in your wallet to {{network}}',
         subtitle_no_network_defined: 'Your wallet does not support switching networks from this app. Switch networks directly in your wallet.',
         title: 'Update your Network',
@@ -1052,6 +1055,8 @@ const translation = {
       }
      */
     dyn_network_not_supported_manual_switch: {
+        subtitle_network_defined_metamaskstarknet: 'To continue, please update the network in your wallet to {{network}} by visiting the Starknet Snap',
+        subtitle_network_defined_metamaskstarknet_companion_app: 'companion app',
         subtitle_network_defined: 'To continue, please update the network in your wallet to {{network}}',
         subtitle_no_network_defined: 'Your wallet does not support switching networks from this app. Switch networks directly in your wallet.',
         title: 'Update your Network',

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

@@ -1041,6 +1041,9 @@ export declare const translation: {
      * @description copy keys for network not supported view for manual switch
      * @default
      * {
+        subtitle_network_defined_metamaskstarknet:
+          'To continue, please update the network in your wallet to {{network}} by visiting the Starknet Snap companion app',
+        subtitle_network_defined_metamaskstarknet_companion_app: 'companion app',
         subtitle_network_defined: 'To continue, please update the network in your wallet to {{network}}',
         subtitle_no_network_defined: 'Your wallet does not support switching networks from this app. Switch networks directly in your wallet.',
         title: 'Update your Network',
@@ -1048,6 +1051,8 @@ export declare const translation: {
       }
      */
     dyn_network_not_supported_manual_switch: {
+        subtitle_network_defined_metamaskstarknet: string;
+        subtitle_network_defined_metamaskstarknet_companion_app: string;
         subtitle_network_defined: string;
         subtitle_no_network_defined: string;
         title: string;

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

@@ -1041,6 +1041,9 @@ const translation = {
      * @description copy keys for network not supported view for manual switch
      * @default
      * {
+        subtitle_network_defined_metamaskstarknet:
+          'To continue, please update the network in your wallet to {{network}} by visiting the Starknet Snap companion app',
+        subtitle_network_defined_metamaskstarknet_companion_app: 'companion app',
         subtitle_network_defined: 'To continue, please update the network in your wallet to {{network}}',
         subtitle_no_network_defined: 'Your wallet does not support switching networks from this app. Switch networks directly in your wallet.',
         title: 'Update your Network',
@@ -1048,6 +1051,8 @@ const translation = {
       }
      */
     dyn_network_not_supported_manual_switch: {
+        subtitle_network_defined_metamaskstarknet: 'To continue, please update the network in your wallet to {{network}} by visiting the Starknet Snap',
+        subtitle_network_defined_metamaskstarknet_companion_app: 'companion app',
         subtitle_network_defined: 'To continue, please update the network in your wallet to {{network}}',
         subtitle_no_network_defined: 'Your wallet does not support switching networks from this app. Switch networks directly in your wallet.',
         title: 'Update your Network',

package/src/lib/views/CollectUserDataView/useFields.cjs

@@ -177,7 +177,7 @@ const useFields = () => {
             // - string can contain letters A-Z, a-z, numbers 0-9, or symbols $ ! # % ?
             // - string must be length 3 to 20
             // - string cannot contain consecutive symbols
-            validation: yup.string().matches(/^(?!.*([$!#%?])\1)[A-Za-z0-9$!#%?]{3,20}$/, t('dyn_collect_user_data.fields.username.validation')),
+            validation: yup.string().matches(/^(?!.*([$!#%?])\1)[A-Za-z0-9$!#%?_-]{3,20}$/, t('dyn_collect_user_data.fields.username.validation')),
         },
     }), [selectedPhoneCountry, t]);
     return { fieldsConfig };

package/src/lib/views/CollectUserDataView/useFields.js

@@ -173,7 +173,7 @@ const useFields = () => {
             // - string can contain letters A-Z, a-z, numbers 0-9, or symbols $ ! # % ?
             // - string must be length 3 to 20
             // - string cannot contain consecutive symbols
-            validation: string().matches(/^(?!.*([$!#%?])\1)[A-Za-z0-9$!#%?]{3,20}$/, t('dyn_collect_user_data.fields.username.validation')),
+            validation: string().matches(/^(?!.*([$!#%?])\1)[A-Za-z0-9$!#%?_-]{3,20}$/, t('dyn_collect_user_data.fields.username.validation')),
         },
     }), [selectedPhoneCountry, t]);
     return { fieldsConfig };

package/src/lib/views/NetworkNotSupportedSwitchManual/NetworkNotSupportedSwitchManual.cjs

@@ -18,6 +18,7 @@ require('../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
 require('../../context/ViewContext/ViewContext.cjs');
+var externalLink = require('../../shared/assets/externalLink.cjs');
 require('../../utils/constants/colors.cjs');
 require('../../utils/constants/values.cjs');
 require('../../shared/utils/classes/storage/localStorage.cjs');
@@ -105,11 +106,27 @@ const NetworkNotSupportedSwitchManual = () => {
             width: pixelToRem.pixelToRem(iconSize * IconWithSpinner.iconRatio),
         } }));
     const walletConnectorNetworks = getWalletConnectorNetworks.getWalletConnectorNetworks(walletConnector);
-    return (jsxRuntime.jsxs("div", { "data-testid": 'network-not-supported', className: 'network-not-supported-switch-manual', children: [jsxRuntime.jsx("div", { className: 'network-not-supported-switch-manual__img-container', children: jsxRuntime.jsx("div", { className: 'network-not-supported-switch-manual__network-container', children: jsxRuntime.jsx(IconWithSpinner.IconWithSpinner, { Icon: icon, iconSize: iconSize, isSpinning: true }) }) }), jsxRuntime.jsxs("div", { className: 'network-not-supported-switch-manual__content', children: [jsxRuntime.jsx(Typography.Typography, { className: 'network-not-supported-switch-manual__title', weight: 'medium', variant: 'title', color: 'primary', copykey: 'dyn_network_not_supported_manual_switch.title', children: t('dyn_network_not_supported_manual_switch.title') }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', color: 'secondary', copykey: walletConnectorNetworks.length
-                            ? 'dyn_network_not_supported_manual_switch.subtitle_network_defined'
-                            : 'dyn_network_not_supported_manual_switch.subtitle_no_network_defined', children: walletConnectorNetworks.length
-                            ? t('dyn_network_not_supported_manual_switch.subtitle_network_defined', { network: walletConnectorNetworks[0].name })
-                            : t('dyn_network_not_supported_manual_switch.subtitle_no_network_defined') })] })] }));
+    const getSubtitleCopyKey = () => {
+        if ((walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.key) === 'metamaskstarknet') {
+            return 'dyn_network_not_supported_manual_switch.subtitle_network_defined_metamaskstarknet';
+        }
+        return walletConnectorNetworks.length
+            ? 'dyn_network_not_supported_manual_switch.subtitle_network_defined'
+            : 'dyn_network_not_supported_manual_switch.subtitle_no_network_defined';
+    };
+    const getSubtitle = () => {
+        if ((walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.key) === 'metamaskstarknet') {
+            return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [t('dyn_network_not_supported_manual_switch.subtitle_network_defined_metamaskstarknet', {
+                        network: walletConnectorNetworks[0].name,
+                    }), jsxRuntime.jsxs("a", { href: 'https://snaps.consensys.io/starknet', target: '_blank', rel: 'noreferrer', children: [' ', t('dyn_network_not_supported_manual_switch.subtitle_network_defined_metamaskstarknet_companion_app'), ' ', jsxRuntime.jsx(externalLink.ReactComponent, { style: { display: 'inline-block' } })] })] }));
+        }
+        return walletConnectorNetworks.length
+            ? t('dyn_network_not_supported_manual_switch.subtitle_network_defined', {
+                network: walletConnectorNetworks[0].name,
+            })
+            : t('dyn_network_not_supported_manual_switch.subtitle_no_network_defined');
+    };
+    return (jsxRuntime.jsxs("div", { "data-testid": 'network-not-supported', className: 'network-not-supported-switch-manual', children: [jsxRuntime.jsx("div", { className: 'network-not-supported-switch-manual__img-container', children: jsxRuntime.jsx("div", { className: 'network-not-supported-switch-manual__network-container', children: jsxRuntime.jsx(IconWithSpinner.IconWithSpinner, { Icon: icon, iconSize: iconSize, isSpinning: true }) }) }), jsxRuntime.jsxs("div", { className: 'network-not-supported-switch-manual__content', children: [jsxRuntime.jsx(Typography.Typography, { className: 'network-not-supported-switch-manual__title', weight: 'medium', variant: 'title', color: 'primary', copykey: 'dyn_network_not_supported_manual_switch.title', children: t('dyn_network_not_supported_manual_switch.title') }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', color: 'secondary', copykey: getSubtitleCopyKey(), children: getSubtitle() })] })] }));
 };
 
 exports.NetworkNotSupportedSwitchManual = NetworkNotSupportedSwitchManual;

package/src/lib/views/NetworkNotSupportedSwitchManual/NetworkNotSupportedSwitchManual.js

@@ -1,5 +1,5 @@
 'use client'
-import { jsx, jsxs } from 'react/jsx-runtime';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useTranslation } from 'react-i18next';
 import { WalletIcon } from '@dynamic-labs/wallet-book';
 import '../../components/Accordion/components/AccordionItem/AccordionItem.js';
@@ -14,6 +14,7 @@ import '../../shared/logger.js';
 import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
 import '../../context/ViewContext/ViewContext.js';
+import { ReactComponent as SvgExternalLink } from '../../shared/assets/externalLink.js';
 import '../../utils/constants/colors.js';
 import '../../utils/constants/values.js';
 import '../../shared/utils/classes/storage/localStorage.js';
@@ -101,11 +102,27 @@ const NetworkNotSupportedSwitchManual = () => {
             width: pixelToRem(iconSize * iconRatio),
         } }));
     const walletConnectorNetworks = getWalletConnectorNetworks(walletConnector);
-    return (jsxs("div", { "data-testid": 'network-not-supported', className: 'network-not-supported-switch-manual', children: [jsx("div", { className: 'network-not-supported-switch-manual__img-container', children: jsx("div", { className: 'network-not-supported-switch-manual__network-container', children: jsx(IconWithSpinner, { Icon: icon, iconSize: iconSize, isSpinning: true }) }) }), jsxs("div", { className: 'network-not-supported-switch-manual__content', children: [jsx(Typography, { className: 'network-not-supported-switch-manual__title', weight: 'medium', variant: 'title', color: 'primary', copykey: 'dyn_network_not_supported_manual_switch.title', children: t('dyn_network_not_supported_manual_switch.title') }), jsx(Typography, { variant: 'body_normal', color: 'secondary', copykey: walletConnectorNetworks.length
-                            ? 'dyn_network_not_supported_manual_switch.subtitle_network_defined'
-                            : 'dyn_network_not_supported_manual_switch.subtitle_no_network_defined', children: walletConnectorNetworks.length
-                            ? t('dyn_network_not_supported_manual_switch.subtitle_network_defined', { network: walletConnectorNetworks[0].name })
-                            : t('dyn_network_not_supported_manual_switch.subtitle_no_network_defined') })] })] }));
+    const getSubtitleCopyKey = () => {
+        if ((walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.key) === 'metamaskstarknet') {
+            return 'dyn_network_not_supported_manual_switch.subtitle_network_defined_metamaskstarknet';
+        }
+        return walletConnectorNetworks.length
+            ? 'dyn_network_not_supported_manual_switch.subtitle_network_defined'
+            : 'dyn_network_not_supported_manual_switch.subtitle_no_network_defined';
+    };
+    const getSubtitle = () => {
+        if ((walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.key) === 'metamaskstarknet') {
+            return (jsxs(Fragment, { children: [t('dyn_network_not_supported_manual_switch.subtitle_network_defined_metamaskstarknet', {
+                        network: walletConnectorNetworks[0].name,
+                    }), jsxs("a", { href: 'https://snaps.consensys.io/starknet', target: '_blank', rel: 'noreferrer', children: [' ', t('dyn_network_not_supported_manual_switch.subtitle_network_defined_metamaskstarknet_companion_app'), ' ', jsx(SvgExternalLink, { style: { display: 'inline-block' } })] })] }));
+        }
+        return walletConnectorNetworks.length
+            ? t('dyn_network_not_supported_manual_switch.subtitle_network_defined', {
+                network: walletConnectorNetworks[0].name,
+            })
+            : t('dyn_network_not_supported_manual_switch.subtitle_no_network_defined');
+    };
+    return (jsxs("div", { "data-testid": 'network-not-supported', className: 'network-not-supported-switch-manual', children: [jsx("div", { className: 'network-not-supported-switch-manual__img-container', children: jsx("div", { className: 'network-not-supported-switch-manual__network-container', children: jsx(IconWithSpinner, { Icon: icon, iconSize: iconSize, isSpinning: true }) }) }), jsxs("div", { className: 'network-not-supported-switch-manual__content', children: [jsx(Typography, { className: 'network-not-supported-switch-manual__title', weight: 'medium', variant: 'title', color: 'primary', copykey: 'dyn_network_not_supported_manual_switch.title', children: t('dyn_network_not_supported_manual_switch.title') }), jsx(Typography, { variant: 'body_normal', color: 'secondary', copykey: getSubtitleCopyKey(), children: getSubtitle() })] })] }));
 };
 
 export { NetworkNotSupportedSwitchManual };