@dynamic-labs/sdk-react-core 1.1.0-alpha.17 → 1.1.0-alpha.19

package/CHANGELOG.md

@@ -1,4 +1,23 @@
 
+## [1.1.0-alpha.19](https://github.com/dynamic-labs/DynamicAuth/compare/v1.1.0-alpha.18...v1.1.0-alpha.19) (2024-01-31)
+
+
+### Features
+
+* add PhantomRedirect connector ([#4467](https://github.com/dynamic-labs/DynamicAuth/issues/4467)) ([75d6c95](https://github.com/dynamic-labs/DynamicAuth/commit/75d6c95940fcec185a699c2100b3e2d21a8233d5))
+
+
+### Bug Fixes
+
+* lock starknet to 5.25.0 since 5.27.0 breaks the build ([#4541](https://github.com/dynamic-labs/DynamicAuth/issues/4541)) ([00b4799](https://github.com/dynamic-labs/DynamicAuth/commit/00b479977f768cb067480e2e565eabf45e1000a2))
+
+## [1.1.0-alpha.18](https://github.com/dynamic-labs/DynamicAuth/compare/v1.1.0-alpha.17...v1.1.0-alpha.18) (2024-01-30)
+
+
+### Bug Fixes
+
+* catch email_associated_with_different_provider from response ([#4532](https://github.com/dynamic-labs/DynamicAuth/issues/4532)) ([52be1b4](https://github.com/dynamic-labs/DynamicAuth/commit/52be1b45af46c2b70972b99d73387eb4d7161ec6))
+
 ## [1.1.0-alpha.17](https://github.com/dynamic-labs/DynamicAuth/compare/v1.1.0-alpha.16...v1.1.0-alpha.17) (2024-01-30)
 
 

package/package.cjs

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "1.1.0-alpha.17";
+var version = "1.1.0-alpha.19";
 var dependencies = {
 	"@dynamic-labs/iconic": "0.1.50",
 	"@dynamic-labs/sdk-api": "0.0.356",

package/package.js

@@ -1,4 +1,4 @@
-var version = "1.1.0-alpha.17";
+var version = "1.1.0-alpha.19";
 var dependencies = {
 	"@dynamic-labs/iconic": "0.1.50",
 	"@dynamic-labs/sdk-api": "0.0.356",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dynamic-labs/sdk-react-core",
-  "version": "1.1.0-alpha.17",
+  "version": "1.1.0-alpha.19",
   "repository": {
     "type": "git",
     "url": "https://github.com/dynamic-labs/DynamicAuth.git",
@@ -17,15 +17,15 @@
     "react-focus-lock": "2.9.2",
     "react-i18next": "^13.2.0",
     "yup": "0.32.11",
-    "@dynamic-labs/ethereum": "1.1.0-alpha.17",
-    "@dynamic-labs/logger": "1.1.0-alpha.17",
-    "@dynamic-labs/multi-wallet": "1.1.0-alpha.17",
-    "@dynamic-labs/rpc-providers": "1.1.0-alpha.17",
-    "@dynamic-labs/types": "1.1.0-alpha.17",
-    "@dynamic-labs/utils": "1.1.0-alpha.17",
-    "@dynamic-labs/viem-utils": "1.1.0-alpha.17",
-    "@dynamic-labs/wallet-book": "1.1.0-alpha.17",
-    "@dynamic-labs/wallet-connector-core": "1.1.0-alpha.17",
+    "@dynamic-labs/ethereum": "1.1.0-alpha.19",
+    "@dynamic-labs/logger": "1.1.0-alpha.19",
+    "@dynamic-labs/multi-wallet": "1.1.0-alpha.19",
+    "@dynamic-labs/rpc-providers": "1.1.0-alpha.19",
+    "@dynamic-labs/types": "1.1.0-alpha.19",
+    "@dynamic-labs/utils": "1.1.0-alpha.19",
+    "@dynamic-labs/viem-utils": "1.1.0-alpha.19",
+    "@dynamic-labs/wallet-book": "1.1.0-alpha.19",
+    "@dynamic-labs/wallet-connector-core": "1.1.0-alpha.19",
     "eventemitter3": "5.0.1"
   },
   "devDependencies": {

package/src/lib/components/AuthProviderIcon/AuthProviderIcon.cjs

@@ -133,7 +133,7 @@ const AuthProviderIcon = ({ jwt, iconSize = 64, showStatus, wallet, }) => {
     if (isEmbeddedWallet && MagicEmailOrSocialIcon) {
         const chain = walletForIcon === null || walletForIcon === void 0 ? void 0 : walletForIcon.chain;
         const chainEnum = values.VerifiedCredentialNameToChainEnum[chain];
-        return (jsxRuntime.jsx(WalletIconWithNetwork.WalletIconWithNetwork, { iconSize: iconSize, Icon: MagicEmailOrSocialIcon, chainName: chainEnum }));
+        return (jsxRuntime.jsx(WalletIconWithNetwork.WalletIconWithNetwork, { iconSize: iconSize, Icon: MagicEmailOrSocialIcon, chainName: chainEnum, showNetwork: showStatus }));
     }
     if (MagicEmailOrSocialIcon) {
         return showStatus ? (jsxRuntime.jsx(IconWithStatus.IconWithStatus, { iconSize: iconSize, Icon: MagicEmailOrSocialIcon, variant: walletForIcon.connected ? 'green' : 'red' })) : (jsxRuntime.jsx(MagicEmailOrSocialIcon, { style: { height: pixelToRem.pixelToRem(iconSize), width: pixelToRem.pixelToRem(iconSize) } }));

package/src/lib/components/AuthProviderIcon/AuthProviderIcon.js

@@ -129,7 +129,7 @@ const AuthProviderIcon = ({ jwt, iconSize = 64, showStatus, wallet, }) => {
     if (isEmbeddedWallet && MagicEmailOrSocialIcon) {
         const chain = walletForIcon === null || walletForIcon === void 0 ? void 0 : walletForIcon.chain;
         const chainEnum = VerifiedCredentialNameToChainEnum[chain];
-        return (jsx(WalletIconWithNetwork, { iconSize: iconSize, Icon: MagicEmailOrSocialIcon, chainName: chainEnum }));
+        return (jsx(WalletIconWithNetwork, { iconSize: iconSize, Icon: MagicEmailOrSocialIcon, chainName: chainEnum, showNetwork: showStatus }));
     }
     if (MagicEmailOrSocialIcon) {
         return showStatus ? (jsx(IconWithStatus, { iconSize: iconSize, Icon: MagicEmailOrSocialIcon, variant: walletForIcon.connected ? 'green' : 'red' })) : (jsx(MagicEmailOrSocialIcon, { style: { height: pixelToRem(iconSize), width: pixelToRem(iconSize) } }));

package/src/lib/data/api.cjs

@@ -398,7 +398,7 @@ const signInOAuth = (environmentId, providerType, { code, codeVerifier, state, c
                 walletPublicKey: data.payload.walletPublicKey,
             });
         }
-        if (data.error.code === 'email_associated_with_different_provider') {
+        if (data.code === 'email_associated_with_different_provider') {
             throw new utils.AccountExistsError(data.error, data.payload);
         }
         return undefined;

package/src/lib/data/api.js

@@ -394,7 +394,7 @@ const signInOAuth = (environmentId, providerType, { code, codeVerifier, state, c
                 walletPublicKey: data.payload.walletPublicKey,
             });
         }
-        if (data.error.code === 'email_associated_with_different_provider') {
+        if (data.code === 'email_associated_with_different_provider') {
             throw new AccountExistsError(data.error, data.payload);
         }
         return undefined;

package/src/lib/widgets/DynamicWidget/components/ActiveWalletInformation/ActiveWalletInformation.cjs

@@ -135,9 +135,20 @@ const ActiveWalletInformation = () => {
         (primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector).evmNetworks) ||
         [];
     const showTestnetAlert = testnet && !isTurnkeyWalletWithoutAuthenticator;
+    const activeWalletAddress = () => {
+        if (isBitcoin) {
+            return (jsxRuntime.jsx(ActiveBitcoinWalletAddresses.ActiveBitcoinWalletAddresses, { wallet: primaryWallet, menuOption: options }));
+        }
+        else if (isEmbeddedWallet) {
+            return (jsxRuntime.jsx(ActiveWalletAddress.ActiveWalletAddreess, { address: address, nameServiceName: user === null || user === void 0 ? void 0 : user.email, menuOption: options }));
+        }
+        else {
+            return (jsxRuntime.jsx(ActiveWalletAddress.ActiveWalletAddreess, { address: address, nameServiceName: nameService === null || nameService === void 0 ? void 0 : nameService.name, menuOption: options }));
+        }
+    };
     return (jsxRuntime.jsxs("div", { className: 'active-wallet-information-container', "data-testid": 'active-wallet-information', children: [jsxRuntime.jsxs("div", { className: 'active-wallet-information', children: [jsxRuntime.jsxs("div", { className: 'active-wallet-information__header', children: [jsxRuntime.jsx("div", { className: 'active-wallet-information__avatar', children: (nameService === null || nameService === void 0 ? void 0 : nameService.avatar) ? (jsxRuntime.jsx("div", { className: 'active-wallet-information__avatar', children: jsxRuntime.jsx("img", { src: nameService === null || nameService === void 0 ? void 0 : nameService.avatar, alt: '' }) })) : (jsxRuntime.jsx("div", { className: 'active-wallet-information__wallet-img', children: jsxRuntime.jsx(AuthProviderIcon.AuthProviderIcon, { jwt: authToken, iconSize: ICON_SIZE, showStatus: !isEmbeddedWallet }) })) }), jsxRuntime.jsxs("div", { className: 'active-wallet-information__details', children: [jsxRuntime.jsx("div", { className: classNames.classNames('active-wallet-information__addresses-container', {
                                             'active-wallet-information__addresses-container--centered': !(nameService === null || nameService === void 0 ? void 0 : nameService.name),
-                                        }), children: isBitcoin ? (jsxRuntime.jsx(ActiveBitcoinWalletAddresses.ActiveBitcoinWalletAddresses, { wallet: primaryWallet, menuOption: options })) : (jsxRuntime.jsx(ActiveWalletAddress.ActiveWalletAddreess, { address: address, nameServiceName: nameService === null || nameService === void 0 ? void 0 : nameService.name, menuOption: options })) }), jsxRuntime.jsx(NetworkPicker.NetworkPicker, { currentNetwork: network, connector: primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector, isNetworkPickerOpen: isNetworkPickerOpen, setIsNetworkPickerOpen: setIsNetworkPickerOpen, mainClassName: 'active-wallet-information__network-picker', buttonClassName: 'active-wallet-information__network-picker-button', evmNetworks: evmNetworks, showNetworkName: true })] })] }), showTestnetAlert && (jsxRuntime.jsx(Alert.Alert, { variant: 'warning', copykey: 'dyn_active_wallet_info.testnet_warning', children: t('dyn_active_wallet_info.testnet_warning') }))] }), jsxRuntime.jsxs("div", { className: 'balance-container', children: [jsxRuntime.jsx(Typography.Typography, { color: 'secondary', variant: 'body_small', children: "Balance" }), primaryWallet && (jsxRuntime.jsx(Balance.Balance, { className: 'balance-container__balance', connector: primaryWallet.connector, address: primaryWallet.address, network: network }))] })] }));
+                                        }), children: activeWalletAddress() }), jsxRuntime.jsx(NetworkPicker.NetworkPicker, { currentNetwork: network, connector: primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector, isNetworkPickerOpen: isNetworkPickerOpen, setIsNetworkPickerOpen: setIsNetworkPickerOpen, mainClassName: 'active-wallet-information__network-picker', buttonClassName: 'active-wallet-information__network-picker-button', evmNetworks: evmNetworks, showNetworkName: true })] })] }), showTestnetAlert && (jsxRuntime.jsx(Alert.Alert, { variant: 'warning', copykey: 'dyn_active_wallet_info.testnet_warning', children: t('dyn_active_wallet_info.testnet_warning') }))] }), jsxRuntime.jsxs("div", { className: 'balance-container', children: [jsxRuntime.jsx(Typography.Typography, { color: 'secondary', variant: 'body_small', children: "Balance" }), primaryWallet && (jsxRuntime.jsx(Balance.Balance, { className: 'balance-container__balance', connector: primaryWallet.connector, address: primaryWallet.address, network: network }))] })] }));
 };
 
 exports.ActiveWalletInformation = ActiveWalletInformation;

package/src/lib/widgets/DynamicWidget/components/ActiveWalletInformation/ActiveWalletInformation.js

@@ -131,9 +131,20 @@ const ActiveWalletInformation = () => {
         (primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector).evmNetworks) ||
         [];
     const showTestnetAlert = testnet && !isTurnkeyWalletWithoutAuthenticator;
+    const activeWalletAddress = () => {
+        if (isBitcoin) {
+            return (jsx(ActiveBitcoinWalletAddresses, { wallet: primaryWallet, menuOption: options }));
+        }
+        else if (isEmbeddedWallet) {
+            return (jsx(ActiveWalletAddreess, { address: address, nameServiceName: user === null || user === void 0 ? void 0 : user.email, menuOption: options }));
+        }
+        else {
+            return (jsx(ActiveWalletAddreess, { address: address, nameServiceName: nameService === null || nameService === void 0 ? void 0 : nameService.name, menuOption: options }));
+        }
+    };
     return (jsxs("div", { className: 'active-wallet-information-container', "data-testid": 'active-wallet-information', children: [jsxs("div", { className: 'active-wallet-information', children: [jsxs("div", { className: 'active-wallet-information__header', children: [jsx("div", { className: 'active-wallet-information__avatar', children: (nameService === null || nameService === void 0 ? void 0 : nameService.avatar) ? (jsx("div", { className: 'active-wallet-information__avatar', children: jsx("img", { src: nameService === null || nameService === void 0 ? void 0 : nameService.avatar, alt: '' }) })) : (jsx("div", { className: 'active-wallet-information__wallet-img', children: jsx(AuthProviderIcon, { jwt: authToken, iconSize: ICON_SIZE, showStatus: !isEmbeddedWallet }) })) }), jsxs("div", { className: 'active-wallet-information__details', children: [jsx("div", { className: classNames('active-wallet-information__addresses-container', {
                                             'active-wallet-information__addresses-container--centered': !(nameService === null || nameService === void 0 ? void 0 : nameService.name),
-                                        }), children: isBitcoin ? (jsx(ActiveBitcoinWalletAddresses, { wallet: primaryWallet, menuOption: options })) : (jsx(ActiveWalletAddreess, { address: address, nameServiceName: nameService === null || nameService === void 0 ? void 0 : nameService.name, menuOption: options })) }), jsx(NetworkPicker, { currentNetwork: network, connector: primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector, isNetworkPickerOpen: isNetworkPickerOpen, setIsNetworkPickerOpen: setIsNetworkPickerOpen, mainClassName: 'active-wallet-information__network-picker', buttonClassName: 'active-wallet-information__network-picker-button', evmNetworks: evmNetworks, showNetworkName: true })] })] }), showTestnetAlert && (jsx(Alert, { variant: 'warning', copykey: 'dyn_active_wallet_info.testnet_warning', children: t('dyn_active_wallet_info.testnet_warning') }))] }), jsxs("div", { className: 'balance-container', children: [jsx(Typography, { color: 'secondary', variant: 'body_small', children: "Balance" }), primaryWallet && (jsx(Balance, { className: 'balance-container__balance', connector: primaryWallet.connector, address: primaryWallet.address, network: network }))] })] }));
+                                        }), children: activeWalletAddress() }), jsx(NetworkPicker, { currentNetwork: network, connector: primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector, isNetworkPickerOpen: isNetworkPickerOpen, setIsNetworkPickerOpen: setIsNetworkPickerOpen, mainClassName: 'active-wallet-information__network-picker', buttonClassName: 'active-wallet-information__network-picker-button', evmNetworks: evmNetworks, showNetworkName: true })] })] }), showTestnetAlert && (jsx(Alert, { variant: 'warning', copykey: 'dyn_active_wallet_info.testnet_warning', children: t('dyn_active_wallet_info.testnet_warning') }))] }), jsxs("div", { className: 'balance-container', children: [jsx(Typography, { color: 'secondary', variant: 'body_small', children: "Balance" }), primaryWallet && (jsx(Balance, { className: 'balance-container__balance', connector: primaryWallet.connector, address: primaryWallet.address, network: network }))] })] }));
 };
 
 export { ActiveWalletInformation };

package/src/lib/widgets/DynamicWidget/components/WalletIconWithNetwork/WalletIconWithNetwork.cjs

@@ -23,12 +23,12 @@ var pixelToRem = require('../../../../utils/functions/pixelToRem/pixelToRem.cjs'
 require('viem/chains');
 var classNames = require('../../../../utils/functions/classNames/classNames.cjs');
 
-const WalletIconWithNetwork = ({ iconSize = 24, chainName, Icon, }) => {
+const WalletIconWithNetwork = ({ iconSize = 24, chainName, Icon, showNetwork = true, }) => {
     const ChainIcon = chainName ? getChainIcon.getChainIcon(chainName) : undefined;
     return (jsxRuntime.jsxs("div", { className: 'wallet-icon-with-network__container', children: [jsxRuntime.jsx(Icon, { style: {
                     height: pixelToRem.pixelToRem(iconSize),
                     width: pixelToRem.pixelToRem(iconSize),
-                } }), ChainIcon && (jsxRuntime.jsx("div", { "data-testid": 'network-container', className: classNames.classNames('wallet-icon-with-network__network-container'), children: jsxRuntime.jsx(ChainIcon, {}) }))] }));
+                } }), ChainIcon && showNetwork && (jsxRuntime.jsx("div", { "data-testid": 'network-container', className: classNames.classNames('wallet-icon-with-network__network-container'), children: jsxRuntime.jsx(ChainIcon, {}) }))] }));
 };
 
 exports.WalletIconWithNetwork = WalletIconWithNetwork;

package/src/lib/widgets/DynamicWidget/components/WalletIconWithNetwork/WalletIconWithNetwork.d.ts

@@ -4,6 +4,7 @@ type Props = {
     iconSize?: number;
     chainName: string;
     Icon: Icon;
+    showNetwork?: boolean;
 };
-export declare const WalletIconWithNetwork: ({ iconSize, chainName, Icon, }: Props) => JSX.Element;
+export declare const WalletIconWithNetwork: ({ iconSize, chainName, Icon, showNetwork, }: Props) => JSX.Element;
 export {};

package/src/lib/widgets/DynamicWidget/components/WalletIconWithNetwork/WalletIconWithNetwork.js

@@ -19,12 +19,12 @@ import { pixelToRem } from '../../../../utils/functions/pixelToRem/pixelToRem.js
 import 'viem/chains';
 import { classNames } from '../../../../utils/functions/classNames/classNames.js';
 
-const WalletIconWithNetwork = ({ iconSize = 24, chainName, Icon, }) => {
+const WalletIconWithNetwork = ({ iconSize = 24, chainName, Icon, showNetwork = true, }) => {
     const ChainIcon = chainName ? getChainIcon(chainName) : undefined;
     return (jsxs("div", { className: 'wallet-icon-with-network__container', children: [jsx(Icon, { style: {
                     height: pixelToRem(iconSize),
                     width: pixelToRem(iconSize),
-                } }), ChainIcon && (jsx("div", { "data-testid": 'network-container', className: classNames('wallet-icon-with-network__network-container'), children: jsx(ChainIcon, {}) }))] }));
+                } }), ChainIcon && showNetwork && (jsx("div", { "data-testid": 'network-container', className: classNames('wallet-icon-with-network__network-container'), children: jsx(ChainIcon, {}) }))] }));
 };
 
 export { WalletIconWithNetwork };