@dynamic-labs/sdk-react-core 0.16.2 → 0.17.0-RC.0

package/CHANGELOG.md

@@ -1,10 +1,15 @@
 
-### [0.16.2](https://github.com/dynamic-labs/DynamicAuth/compare/v0.16.1...v0.16.2) (2023-04-18)
+## [0.17.0-RC.0](https://github.com/dynamic-labs/DynamicAuth/compare/v0.16.1...v0.17.0-RC.0) (2023-04-18)
+
+
+### Features
+
+* add magic social wallet connector ([#1848](https://github.com/dynamic-labs/DynamicAuth/issues/1848)) ([3f49d22](https://github.com/dynamic-labs/DynamicAuth/commit/3f49d2222ddf90835e3e3d58ac860835f33c9910))
 
 
 ### Bug Fixes
 
-* type=module requires dot cjs files for running with node ([#1890](https://github.com/dynamic-labs/DynamicAuth/issues/1890)) ([83e4e1e](https://github.com/dynamic-labs/DynamicAuth/commit/83e4e1e7956d9bcb3a29c5c147001241ae2a5345))
+* type=module requires dot cjs files for running with node ([#1890](https://github.com/dynamic-labs/DynamicAuth/issues/1890)) ([5751d6e](https://github.com/dynamic-labs/DynamicAuth/commit/5751d6ebd6df376b241e812c5ae860b3a0cf6c80))
 
 ### [0.16.1](https://github.com/dynamic-labs/DynamicAuth/compare/v0.16.0...v0.16.1) (2023-04-15)
 

package/package.cjs

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "0.16.2";
+var version = "0.17.0-RC.0";
 var dependencies = {
 	"react-focus-lock": "^2.9.2",
 	"@dynamic-labs/sdk-api": "0.0.174",

package/package.js

@@ -1,4 +1,4 @@
-var version = "0.16.2";
+var version = "0.17.0-RC.0";
 var dependencies = {
 	"react-focus-lock": "^2.9.2",
 	"@dynamic-labs/sdk-api": "0.0.174",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dynamic-labs/sdk-react-core",
-  "version": "0.16.2",
+  "version": "0.17.0-RC.0",
   "repository": {
     "type": "git",
     "url": "https://github.com/dynamic-labs/DynamicAuth.git",
@@ -17,9 +17,9 @@
     "formik": "^2.2.9",
     "qrcode": "^1.5.1",
     "ethers": "^5.7.2",
-    "@dynamic-labs/logger": "0.16.2",
-    "@dynamic-labs/multi-wallet": "0.16.2",
-    "@dynamic-labs/wallet-connector-core": "0.16.2"
+    "@dynamic-labs/logger": "0.17.0-RC.0",
+    "@dynamic-labs/multi-wallet": "0.17.0-RC.0",
+    "@dynamic-labs/wallet-connector-core": "0.17.0-RC.0"
   },
   "devDependencies": {
     "semver": "^7.3.8"

package/src/index.cjs

@@ -68,7 +68,6 @@ var logger = require('./lib/shared/logger.cjs');
 require('./lib/utils/constants/colors.cjs');
 var multiWallet = require('@dynamic-labs/multi-wallet');
 require('@dynamic-labs/sdk-api');
-var isSameWalletName = require('./lib/utils/functions/isSameWalletName/isSameWalletName.cjs');
 var ShadowDOM = require('./lib/components/ShadowDOM/ShadowDOM.cjs');
 require('./lib/context/ThemeContext/ThemeContext.cjs');
 require('react-dom');
@@ -78,6 +77,7 @@ require('./lib/components/Transition/SlideInUpTransition/SlideInUpTransition.cjs
 require('./lib/components/Transition/OpacityTransition/OpacityTransition.cjs');
 require('./lib/context/ViewContext/ViewContext.cjs');
 require('./lib/config/ApiEndpoint.cjs');
+var isSameWalletName = require('./lib/utils/functions/isSameWalletName/isSameWalletName.cjs');
 require('./lib/context/ErrorContext/ErrorContext.cjs');
 require('ethers');
 var useWalletItemActions = require('./lib/utils/hooks/useWalletItemActions/useWalletItemActions.cjs');
@@ -178,8 +178,8 @@ Object.defineProperty(exports, 'normalizeWalletName', {
   enumerable: true,
   get: function () { return multiWallet.normalizeWalletName; }
 });
-exports.isSameWalletName = isSameWalletName.isSameWalletName;
 exports.ShadowDOM = ShadowDOM.ShadowDOM;
+exports.isSameWalletName = isSameWalletName.isSameWalletName;
 exports.useWalletItemActions = useWalletItemActions.useWalletItemActions;
 exports.useUserUpdateRequest = useUserUpdateRequest.useUserUpdateRequest;
 exports.DynamicConnectButton = DynamicConnectButton.DynamicConnectButton;

package/src/index.js

@@ -64,7 +64,6 @@ export { logger } from './lib/shared/logger.js';
 import './lib/utils/constants/colors.js';
 export { normalizeWalletName } from '@dynamic-labs/multi-wallet';
 import '@dynamic-labs/sdk-api';
-export { isSameWalletName } from './lib/utils/functions/isSameWalletName/isSameWalletName.js';
 export { ShadowDOM } from './lib/components/ShadowDOM/ShadowDOM.js';
 import './lib/context/ThemeContext/ThemeContext.js';
 import 'react-dom';
@@ -74,6 +73,7 @@ import './lib/components/Transition/SlideInUpTransition/SlideInUpTransition.js';
 import './lib/components/Transition/OpacityTransition/OpacityTransition.js';
 import './lib/context/ViewContext/ViewContext.js';
 import './lib/config/ApiEndpoint.js';
+export { isSameWalletName } from './lib/utils/functions/isSameWalletName/isSameWalletName.js';
 import './lib/context/ErrorContext/ErrorContext.js';
 import 'ethers';
 export { useWalletItemActions } from './lib/utils/hooks/useWalletItemActions/useWalletItemActions.js';

package/src/lib/Main.cjs

@@ -17,12 +17,12 @@ require('./utils/constants/colors.cjs');
 var usePreventPageScroll = require('./shared/utils/hooks/usePreventPageScroll/usePreventPageScroll.cjs');
 var index$1 = require('./shared/consts/index.cjs');
 var useInternalDynamicContext = require('./context/DynamicContext/useInternalDynamicContext.cjs');
-var isSameWalletName = require('./utils/functions/isSameWalletName/isSameWalletName.cjs');
 require('./components/ShadowDOM/ShadowDOM.cjs');
 require('./context/ThemeContext/ThemeContext.cjs');
 var Portal = require('./components/Portal/Portal.cjs');
 require('react-dom');
 require('./config/ApiEndpoint.cjs');
+var isSameWalletName = require('./utils/functions/isSameWalletName/isSameWalletName.cjs');
 require('./context/ErrorContext/ErrorContext.cjs');
 require('ethers');
 var useWalletItemActions = require('./utils/hooks/useWalletItemActions/useWalletItemActions.cjs');

package/src/lib/Main.js

@@ -13,12 +13,12 @@ import './utils/constants/colors.js';
 import { usePreventPageScroll } from './shared/utils/hooks/usePreventPageScroll/usePreventPageScroll.js';
 import { authModalZIndex } from './shared/consts/index.js';
 import { useInternalDynamicContext } from './context/DynamicContext/useInternalDynamicContext.js';
-import { isSameWalletName } from './utils/functions/isSameWalletName/isSameWalletName.js';
 import './components/ShadowDOM/ShadowDOM.js';
 import './context/ThemeContext/ThemeContext.js';
 import { Portal } from './components/Portal/Portal.js';
 import 'react-dom';
 import './config/ApiEndpoint.js';
+import { isSameWalletName } from './utils/functions/isSameWalletName/isSameWalletName.js';
 import './context/ErrorContext/ErrorContext.js';
 import 'ethers';
 import { useWalletItemActions } from './utils/hooks/useWalletItemActions/useWalletItemActions.js';

package/src/lib/context/DynamicContext/DynamicContext.cjs

@@ -22,7 +22,6 @@ var useWalletConnectors = require('../../utils/hooks/useWalletConnectors/useWall
 var api = require('../../data/api.cjs');
 var getAuthToken = require('../../utils/functions/getAuthToken/getAuthToken.cjs');
 require('@dynamic-labs/sdk-api');
-var isSameWalletName = require('../../utils/functions/isSameWalletName/isSameWalletName.cjs');
 var ErrorContext = require('../ErrorContext/ErrorContext.cjs');
 require('react-dom');
 var useWalletUiUtils = require('../../utils/hooks/useWalletUiUtils/useWalletUiUtils.cjs');
@@ -42,6 +41,7 @@ var app = require('../../app.cjs');
 var useClearWalletConnectSessions = require('../../utils/hooks/useClearWalletConnectSessions/useClearWalletConnectSessions.cjs');
 var parseTheme = require('../../utils/functions/parseTheme/parseTheme.cjs');
 var useConnectWallet = require('../../utils/hooks/useConnectWallet/useConnectWallet.cjs');
+var isSameWalletName = require('../../utils/functions/isSameWalletName/isSameWalletName.cjs');
 var useRpcProviders = require('../../utils/hooks/useRpcProviders/useRpcProviders.cjs');
 var EmailVerificationContext = require('../EmailVerificationContext/EmailVerificationContext.cjs');
 var DynamicWidgetContext = require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');

package/src/lib/context/DynamicContext/DynamicContext.js

@@ -18,7 +18,6 @@ import { useWalletConnectors } from '../../utils/hooks/useWalletConnectors/useWa
 import { revokeSession } from '../../data/api.js';
 import { getAuthToken } from '../../utils/functions/getAuthToken/getAuthToken.js';
 import '@dynamic-labs/sdk-api';
-import { isSameWalletName } from '../../utils/functions/isSameWalletName/isSameWalletName.js';
 import { ErrorContextProvider } from '../ErrorContext/ErrorContext.js';
 import 'react-dom';
 import { useWalletUiUtils } from '../../utils/hooks/useWalletUiUtils/useWalletUiUtils.js';
@@ -38,6 +37,7 @@ import { DynamicAuthFlow } from '../../app.js';
 import { useClearWalletConnectSessions } from '../../utils/hooks/useClearWalletConnectSessions/useClearWalletConnectSessions.js';
 import { parseTheme } from '../../utils/functions/parseTheme/parseTheme.js';
 import { useConnectWallet } from '../../utils/hooks/useConnectWallet/useConnectWallet.js';
+import { isSameWalletName } from '../../utils/functions/isSameWalletName/isSameWalletName.js';
 import { useRpcProviders } from '../../utils/hooks/useRpcProviders/useRpcProviders.js';
 import { EmailVerificationContextProvider } from '../EmailVerificationContext/EmailVerificationContext.js';
 import { DynamicWidgetContextProvider } from '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';

package/src/lib/utils/functions/shouldManuallyReconnectOnRefresh/shouldManuallyReconnectOnRefresh.cjs

@@ -2,12 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var isSameWalletName = require('../isSameWalletName/isSameWalletName.cjs');
-
-const shouldManuallyReconnectOnRefresh = (connector) => isSameWalletName.isSameWalletName(connector.name, 'phantom') ||
-    isSameWalletName.isSameWalletName(connector.name, 'phantomledger') ||
-    isSameWalletName.isSameWalletName(connector.name, 'glow') ||
-    connector.connectedChain === 'STARK' ||
-    connector.connectedChain === 'FLOW';
+const shouldManuallyReconnectOnRefresh = (connector) => connector.connectedChain === 'STARK' || connector.connectedChain === 'FLOW';
 
 exports.shouldManuallyReconnectOnRefresh = shouldManuallyReconnectOnRefresh;

package/src/lib/utils/functions/shouldManuallyReconnectOnRefresh/shouldManuallyReconnectOnRefresh.js

@@ -1,9 +1,3 @@
-import { isSameWalletName } from '../isSameWalletName/isSameWalletName.js';
-
-const shouldManuallyReconnectOnRefresh = (connector) => isSameWalletName(connector.name, 'phantom') ||
-    isSameWalletName(connector.name, 'phantomledger') ||
-    isSameWalletName(connector.name, 'glow') ||
-    connector.connectedChain === 'STARK' ||
-    connector.connectedChain === 'FLOW';
+const shouldManuallyReconnectOnRefresh = (connector) => connector.connectedChain === 'STARK' || connector.connectedChain === 'FLOW';
 
 export { shouldManuallyReconnectOnRefresh };

package/src/lib/utils/hooks/useConnectWallet/useConnectWallet.cjs

@@ -38,8 +38,6 @@ const useConnectWallet = (wallets, authMode, environmentId, enableVisitTrackingO
     const connectWalletByAddressAndChain = (name, address, chain) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         const walletConnector = multiWallet.getWalletConnectorByName(wallets.map((wallet) => wallet.walletConnector), name);
         if (walletConnector) {
-            // this is here because phantom fires a disconnect event on page load,
-            // and other wallets and chains have similar issues
             if (shouldManuallyReconnectOnRefresh.shouldManuallyReconnectOnRefresh(walletConnector)) {
                 yield walletConnector.connect();
             }

package/src/lib/utils/hooks/useConnectWallet/useConnectWallet.js

@@ -34,8 +34,6 @@ const useConnectWallet = (wallets, authMode, environmentId, enableVisitTrackingO
     const connectWalletByAddressAndChain = (name, address, chain) => __awaiter(void 0, void 0, void 0, function* () {
         const walletConnector = getWalletConnectorByName(wallets.map((wallet) => wallet.walletConnector), name);
         if (walletConnector) {
-            // this is here because phantom fires a disconnect event on page load,
-            // and other wallets and chains have similar issues
             if (shouldManuallyReconnectOnRefresh(walletConnector)) {
                 yield walletConnector.connect();
             }

package/src/lib/utils/hooks/useWalletConnectors/useWalletConnectors.cjs

@@ -54,8 +54,6 @@ const useWalletConnectors = ({ authToken, wallets: availableWallets, multiWallet
             /* istanbul ignore next */
             if (!wallet)
                 return null;
-            // this is here because phantom fires a disconnect event on page load,
-            // and other wallets and chains have similar issues
             if (account.id === primaryWalletId &&
                 shouldManuallyReconnectOnRefresh.shouldManuallyReconnectOnRefresh(wallet.walletConnector)) {
                 yield wallet.walletConnector.connect();

package/src/lib/utils/hooks/useWalletConnectors/useWalletConnectors.js

@@ -50,8 +50,6 @@ const useWalletConnectors = ({ authToken, wallets: availableWallets, multiWallet
             /* istanbul ignore next */
             if (!wallet)
                 return null;
-            // this is here because phantom fires a disconnect event on page load,
-            // and other wallets and chains have similar issues
             if (account.id === primaryWalletId &&
                 shouldManuallyReconnectOnRefresh(wallet.walletConnector)) {
                 yield wallet.walletConnector.connect();

package/src/lib/views/WalletUsedView/WalletUsedView.cjs

@@ -20,7 +20,6 @@ var index = require('../../utils/functions/storeAuthToken/index.cjs');
 var getVerifyArgs = require('../../utils/functions/getVerifyArgs/getVerifyArgs.cjs');
 var createUserProfile = require('../../utils/functions/createUserProfile/createUserProfile.cjs');
 require('@dynamic-labs/sdk-api');
-var isSameWalletName = require('../../utils/functions/isSameWalletName/isSameWalletName.cjs');
 require('../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../context/ThemeContext/ThemeContext.cjs');
 var Checkbox = require('../../components/Checkbox/Checkbox.cjs');
@@ -30,6 +29,7 @@ require('../../components/Transition/ZoomTransition/ZoomTransition.cjs');
 require('../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../../components/Transition/OpacityTransition/OpacityTransition.cjs');
 var api = require('../../data/api.cjs');
+var isSameWalletName = require('../../utils/functions/isSameWalletName/isSameWalletName.cjs');
 var ErrorContext = require('../../context/ErrorContext/ErrorContext.cjs');
 var getSiweStatement = require('../../utils/functions/getSiweStatement/getSiweStatement.cjs');
 var getWalletProvider = require('../../utils/functions/getWalletProvider/getWalletProvider.cjs');

package/src/lib/views/WalletUsedView/WalletUsedView.js

@@ -16,7 +16,6 @@ import { storeAuthToken } from '../../utils/functions/storeAuthToken/index.js';
 import { getVerifyArgs } from '../../utils/functions/getVerifyArgs/getVerifyArgs.js';
 import { createUserProfile } from '../../utils/functions/createUserProfile/createUserProfile.js';
 import '@dynamic-labs/sdk-api';
-import { isSameWalletName } from '../../utils/functions/isSameWalletName/isSameWalletName.js';
 import '../../components/ShadowDOM/ShadowDOM.js';
 import '../../context/ThemeContext/ThemeContext.js';
 import { Checkbox } from '../../components/Checkbox/Checkbox.js';
@@ -26,6 +25,7 @@ import '../../components/Transition/ZoomTransition/ZoomTransition.js';
 import '../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../components/Transition/OpacityTransition/OpacityTransition.js';
 import { transferWallet } from '../../data/api.js';
+import { isSameWalletName } from '../../utils/functions/isSameWalletName/isSameWalletName.js';
 import { useErrorContext } from '../../context/ErrorContext/ErrorContext.js';
 import { getSiweStatement } from '../../utils/functions/getSiweStatement/getSiweStatement.js';
 import { getWalletProvider } from '../../utils/functions/getWalletProvider/getWalletProvider.js';

package/src/lib/widgets/DynamicWidget/hooks/useFetchCurrency/useFetchCurrency.cjs

@@ -10,7 +10,7 @@ const useFetchCurrency = (connector, network) => {
     const [currency, setCurrency] = React.useState('');
     React.useEffect(() => {
         const fetchChainCurrency = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-            var _a, _b, _c;
+            var _a, _b, _c, _d;
             const chainId = yield connector.getNetwork();
             const chainInfo = multiWallet.getChainInfo((_a = connector.connectedChain) !== null && _a !== void 0 ? _a : '');
             /* istanbul ignore else */
@@ -18,8 +18,8 @@ const useFetchCurrency = (connector, network) => {
                 setCurrency(chainInfo === null || chainInfo === void 0 ? void 0 : chainInfo.symbol);
                 return;
             }
-            const result = connector.evmNetworks.find((element) => element.chainId === chainId);
-            setCurrency((_c = (_b = result === null || result === void 0 ? void 0 : result.nativeCurrency) === null || _b === void 0 ? void 0 : _b.symbol) !== null && _c !== void 0 ? _c : chainInfo === null || chainInfo === void 0 ? void 0 : chainInfo.symbol);
+            const result = (_b = connector.evmNetworks) === null || _b === void 0 ? void 0 : _b.find((element) => element.chainId === chainId);
+            setCurrency((_d = (_c = result === null || result === void 0 ? void 0 : result.nativeCurrency) === null || _c === void 0 ? void 0 : _c.symbol) !== null && _d !== void 0 ? _d : chainInfo === null || chainInfo === void 0 ? void 0 : chainInfo.symbol);
             return [currency];
         });
         fetchChainCurrency();

package/src/lib/widgets/DynamicWidget/hooks/useFetchCurrency/useFetchCurrency.js

@@ -6,7 +6,7 @@ const useFetchCurrency = (connector, network) => {
     const [currency, setCurrency] = useState('');
     useEffect(() => {
         const fetchChainCurrency = () => __awaiter(void 0, void 0, void 0, function* () {
-            var _a, _b, _c;
+            var _a, _b, _c, _d;
             const chainId = yield connector.getNetwork();
             const chainInfo = getChainInfo((_a = connector.connectedChain) !== null && _a !== void 0 ? _a : '');
             /* istanbul ignore else */
@@ -14,8 +14,8 @@ const useFetchCurrency = (connector, network) => {
                 setCurrency(chainInfo === null || chainInfo === void 0 ? void 0 : chainInfo.symbol);
                 return;
             }
-            const result = connector.evmNetworks.find((element) => element.chainId === chainId);
-            setCurrency((_c = (_b = result === null || result === void 0 ? void 0 : result.nativeCurrency) === null || _b === void 0 ? void 0 : _b.symbol) !== null && _c !== void 0 ? _c : chainInfo === null || chainInfo === void 0 ? void 0 : chainInfo.symbol);
+            const result = (_b = connector.evmNetworks) === null || _b === void 0 ? void 0 : _b.find((element) => element.chainId === chainId);
+            setCurrency((_d = (_c = result === null || result === void 0 ? void 0 : result.nativeCurrency) === null || _c === void 0 ? void 0 : _c.symbol) !== null && _d !== void 0 ? _d : chainInfo === null || chainInfo === void 0 ? void 0 : chainInfo.symbol);
             return [currency];
         });
         fetchChainCurrency();