@dynamic-labs/sdk-react-core 3.0.0-alpha.52 → 3.0.0-alpha.54

package/src/lib/modals/TransactionConfirmationModal/TransactionConfirmationModal.js

@@ -56,14 +56,13 @@ import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidget
 import { Modal } from '../../components/Modal/Modal.js';
 import { ModalCard } from '../../components/ModalCard/ModalCard.js';
 import { Portal } from '../../components/Portal/Portal.js';
-import { useFetchChain } from '../../widgets/DynamicWidget/hooks/useFetchChain/useFetchChain.js';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../components/IconButton/IconButton.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';
 import 'formik';
+import '@dynamic-labs/ethereum-core';
 import { TransactionConfirmationView } from '../../views/TransactionConfirmationView/TransactionConfirmationView.js';
 import '../../components/Input/Input.js';
-import '@dynamic-labs/ethereum-core';
 import '../../context/PasskeyContext/PasskeyContext.js';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import '../../../polyfills.js';
@@ -93,12 +92,6 @@ const TransactionConfirmationModal = ({ title, onReject, onTransactionResponseSu
     const [show, setShow] = useState(true);
     const errorRef = useRef(null);
     const transactionResponseRef = useRef(null);
-    const { chain } = useFetchChain(walletConnector);
-    let activeChainName;
-    if (walletConnector && 'activeChain' in walletConnector) {
-        activeChainName = walletConnector.activeChain.name;
-    }
-    const chainName = activeChainName || (chain === null || chain === void 0 ? void 0 : chain.name) || (walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.connectedChain);
     const closeModal = useCallback(() => {
         setShow(false);
     }, [setShow]);
@@ -114,7 +107,7 @@ const TransactionConfirmationModal = ({ title, onReject, onTransactionResponseSu
                         errorRef.current = null;
                         transactionResponseRef.current = transactionResponse;
                         closeModal();
-                    }, isNativeToken: isNativeToken, chainName: chainName, currentToken: currentToken, nativePrice: (currentToken === null || currentToken === void 0 ? void 0 : currentToken.price) || 0, isModal: true }) }) }) }));
+                    }, isNativeToken: isNativeToken, currentToken: currentToken, isModal: true }) }) }) }));
 };
 
 export { TransactionConfirmationModal };

package/src/lib/modals/UserFieldEditorModal/UserFieldEditorModal.cjs

@@ -63,9 +63,9 @@ require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../components/IconButton/IconButton.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');
 require('formik');
+require('@dynamic-labs/ethereum-core');
 require('../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../components/Input/Input.cjs');
-require('@dynamic-labs/ethereum-core');
 require('../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../../../polyfills.cjs');

package/src/lib/modals/UserFieldEditorModal/UserFieldEditorModal.js

@@ -59,9 +59,9 @@ import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../components/IconButton/IconButton.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';
 import 'formik';
+import '@dynamic-labs/ethereum-core';
 import '../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../components/Input/Input.js';
-import '@dynamic-labs/ethereum-core';
 import '../../context/PasskeyContext/PasskeyContext.js';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import '../../../polyfills.js';

package/src/lib/shared/assets/arrow-circle-right.cjs

@@ -0,0 +1,54 @@
+'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 _path;
+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 SvgArrowCircleRight = function SvgArrowCircleRight(_ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends({
+    width: 24,
+    height: 24,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-labelledby": titleId
+  }, props), title ? /*#__PURE__*/React__namespace.createElement("title", {
+    id: titleId
+  }, title) : null, _path || (_path = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M12 4a8 8 0 1 0 0 16 8 8 0 0 0 0-16ZM2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10S2 17.523 2 12Zm10.293-3.707a1 1 0 0 1 1.414 0l3 3a1 1 0 0 1 0 1.414l-3 3a1 1 0 0 1-1.414-1.414L13.586 13H8a1 1 0 1 1 0-2h5.586l-1.293-1.293a1 1 0 0 1 0-1.414Z",
+    fill: "#ABACB2"
+  })));
+};
+
+exports.ReactComponent = SvgArrowCircleRight;

package/src/lib/shared/assets/arrow-circle-right.js

@@ -0,0 +1,30 @@
+'use client'
+import * as React from 'react';
+
+var _path;
+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 SvgArrowCircleRight = function SvgArrowCircleRight(_ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    width: 24,
+    height: 24,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-labelledby": titleId
+  }, props), title ? /*#__PURE__*/React.createElement("title", {
+    id: titleId
+  }, title) : null, _path || (_path = /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M12 4a8 8 0 1 0 0 16 8 8 0 0 0 0-16ZM2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10S2 17.523 2 12Zm10.293-3.707a1 1 0 0 1 1.414 0l3 3a1 1 0 0 1 0 1.414l-3 3a1 1 0 0 1-1.414-1.414L13.586 13H8a1 1 0 1 1 0-2h5.586l-1.293-1.293a1 1 0 0 1 0-1.414Z",
+    fill: "#ABACB2"
+  })));
+};
+
+export { SvgArrowCircleRight as ReactComponent };

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

@@ -96,3 +96,4 @@ export { ReactComponent as SettingsIcon } from './settings.svg';
 export { ReactComponent as CurrencyIcon } from './currency.svg';
 export { ReactComponent as AuthenticatorIcon } from './authenticator.svg';
 export { ReactComponent as ShieldIcon } from './shield.svg';
+export { ReactComponent as SecureActionIcon } from './secure-action.svg';

package/src/lib/shared/types/wallets.d.ts

@@ -1,5 +1,5 @@
 import { OauthProviderRequest, PasswordSourceTypeEnum, WalletAdditionalAddress, WalletProviderEnum } from '@dynamic-labs/sdk-api-core';
-import type { WalletConnector, Wallet } from '@dynamic-labs/wallet-connector-core';
+import type { InternalWalletConnector, Wallet } from '@dynamic-labs/wallet-connector-core';
 export type { Wallet } from '@dynamic-labs/wallet-connector-core';
 export type WalletAction = 'select' | 'unlink';
 export type WalletWithAction = {
@@ -11,7 +11,7 @@ export interface WalletOption {
     isInstalledOnBrowser: boolean;
     key: string;
     name: string;
-    walletConnector: WalletConnector;
+    walletConnector: InternalWalletConnector;
     group?: string;
     chainGroup?: string;
     walletGroup?: string;

package/src/lib/shared/utils/functions/usingSessionKeys/usingSessionKeys.cjs

@@ -6,7 +6,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
 
 const usingSessionKey = (walletConnector) => walletConnectorCore.isSessionKeyCompatibleWalletConnector(walletConnector) ||
-    ((walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.key) === 'zerodev' &&
+    (walletConnectorCore.isAccountAbstractionConnector(walletConnector) &&
         walletConnectorCore.isSessionKeyCompatibleWalletConnector(walletConnector.getEOAConnector()));
 
 exports.usingSessionKey = usingSessionKey;

package/src/lib/shared/utils/functions/usingSessionKeys/usingSessionKeys.js

@@ -1,8 +1,8 @@
 'use client'
-import { isSessionKeyCompatibleWalletConnector } from '@dynamic-labs/wallet-connector-core';
+import { isSessionKeyCompatibleWalletConnector, isAccountAbstractionConnector } from '@dynamic-labs/wallet-connector-core';
 
 const usingSessionKey = (walletConnector) => isSessionKeyCompatibleWalletConnector(walletConnector) ||
-    ((walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.key) === 'zerodev' &&
+    (isAccountAbstractionConnector(walletConnector) &&
         isSessionKeyCompatibleWalletConnector(walletConnector.getEOAConnector()));
 
 export { usingSessionKey };

package/src/lib/shared/utils/functions/wallet/createWallet.d.ts

@@ -1,4 +1,4 @@
 import { WalletBookSchema } from '@dynamic-labs/wallet-book';
-import type { WalletConnector } from '@dynamic-labs/wallet-connector-core';
+import type { InternalWalletConnector } from '@dynamic-labs/wallet-connector-core';
 import { WalletOption } from '../../../types';
-export declare const createWallet: (walletBook: WalletBookSchema, wallet: WalletConnector) => WalletOption;
+export declare const createWallet: (walletBook: WalletBookSchema, wallet: InternalWalletConnector) => WalletOption;

package/src/lib/store/actions/sendBalanceActions/index.d.ts

@@ -1 +1 @@
-export { setSendBalance, getSendBalance, clearSendBalance, type SetSendBalanceAction, type GetSendBalanceAction, type ClearSendBalanceAction, } from './sendBalanceActions';
+export { setSendBalance, getSendBalance, clearSendBalance, resetSendBalance, type SetSendBalanceAction, type GetSendBalanceAction, type ClearSendBalanceAction, } from './sendBalanceActions';

package/src/lib/store/actions/sendBalanceActions/sendBalanceActions.cjs

@@ -8,5 +8,13 @@ var store = require('../../store.cjs');
 const setSendBalance = (sendBalanceState) => store.getStore().setState({
     sendBalanceState: Object.assign(Object.assign({}, store.getStore().getState().sendBalanceState), sendBalanceState),
 });
+const resetSendBalance = () => store.getStore().setState({
+    sendBalanceState: {
+        amount: undefined,
+        chainName: undefined,
+        nativePrice: undefined,
+    },
+});
 
+exports.resetSendBalance = resetSendBalance;
 exports.setSendBalance = setSendBalance;

package/src/lib/store/actions/sendBalanceActions/sendBalanceActions.d.ts

@@ -5,3 +5,4 @@ export type ClearSendBalanceAction = () => void;
 export declare const setSendBalance: SetSendBalanceAction;
 export declare const getSendBalance: GetSendBalanceAction;
 export declare const clearSendBalance: ClearSendBalanceAction;
+export declare const resetSendBalance: ClearSendBalanceAction;

package/src/lib/store/actions/sendBalanceActions/sendBalanceActions.js

@@ -4,5 +4,12 @@ import { getStore } from '../../store.js';
 const setSendBalance = (sendBalanceState) => getStore().setState({
     sendBalanceState: Object.assign(Object.assign({}, getStore().getState().sendBalanceState), sendBalanceState),
 });
+const resetSendBalance = () => getStore().setState({
+    sendBalanceState: {
+        amount: undefined,
+        chainName: undefined,
+        nativePrice: undefined,
+    },
+});
 
-export { setSendBalance };
+export { resetSendBalance, setSendBalance };

package/src/lib/store/store.cjs

@@ -45,6 +45,8 @@ const initializeStore = ({ storageSuffix, environmentId, }) => {
             projectSettings: undefined,
             sendBalanceState: {
                 amount: undefined,
+                chainName: undefined,
+                nativePrice: undefined,
             },
             tokenBalancesState: {
                 error: undefined,

package/src/lib/store/store.js

@@ -41,6 +41,8 @@ const initializeStore = ({ storageSuffix, environmentId, }) => {
             projectSettings: undefined,
             sendBalanceState: {
                 amount: undefined,
+                chainName: undefined,
+                nativePrice: undefined,
             },
             tokenBalancesState: {
                 error: undefined,

package/src/lib/store/types.d.ts

@@ -16,6 +16,8 @@ export type SdkStore = {
 };
 export type SendBalanceState = {
     amount?: number;
+    chainName?: string;
+    nativePrice?: number;
 };
 export type TokenBalancesState = {
     error?: string;

package/src/lib/store/utils/storeAuthTokenAndUser/storeAuthTokenAndUser.cjs

@@ -3,7 +3,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('@dynamic-labs/wallet-connector-core');
 var createUserProfile = require('../../../utils/functions/createUserProfile/createUserProfile.cjs');
 require('@dynamic-labs/sdk-api-core');
 var values = require('../../../utils/constants/values.cjs');
@@ -12,6 +11,7 @@ require('../../../../../_virtual/_tslib.cjs');
 require('@dynamic-labs/multi-wallet');
 require('../../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
+require('@dynamic-labs/wallet-connector-core');
 require('react/jsx-runtime');
 require('../../../context/ViewContext/ViewContext.cjs');
 require('react');

package/src/lib/store/utils/storeAuthTokenAndUser/storeAuthTokenAndUser.js

@@ -1,5 +1,4 @@
 'use client'
-import '@dynamic-labs/wallet-connector-core';
 import { createUserProfileFromSdkUser } from '../../../utils/functions/createUserProfile/createUserProfile.js';
 import '@dynamic-labs/sdk-api-core';
 import { DYNAMIC_AUTH_COOKIE_NAME } from '../../../utils/constants/values.js';
@@ -8,6 +7,7 @@ import '../../../../../_virtual/_tslib.js';
 import '@dynamic-labs/multi-wallet';
 import '../../../shared/logger.js';
 import '@dynamic-labs/iconic';
+import '@dynamic-labs/wallet-connector-core';
 import 'react/jsx-runtime';
 import '../../../context/ViewContext/ViewContext.js';
 import 'react';