@dynamic-labs/sdk-react-core 0.18.100-viem.2 → 0.18.100-viem.20

package/src/lib/views/SendBalanceView/components/TransactionStage/TransactionStage.cjs

@@ -19,6 +19,7 @@ require('viem');
 require('../../../../shared/consts/index.cjs');
 require('@dynamic-labs/multi-wallet');
 var isMagicConnector = require('../../../../utils/functions/isMagicConnector/isMagicConnector.cjs');
+var sendTransactionWithAutoNonce = require('../../../../utils/functions/sendTransactionWithAutoNonce/sendTransactionWithAutoNonce.cjs');
 require('@dynamic-labs/rpc-providers');
 require('../../../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
 var useInternalDynamicContext = require('../../../../context/DynamicContext/useInternalDynamicContext.cjs');
@@ -55,19 +56,12 @@ const TransactionStage = (_a) => {
         provider,
         transaction,
     });
-    return (jsxRuntime.jsx(TransactionConfirmationView.TransactionConfirmationView, Object.assign({ provider: provider, transaction: transactionWithGasPrice, mutation: () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+    return (jsxRuntime.jsx(TransactionConfirmationView.TransactionConfirmationView, Object.assign({ provider: provider, transaction: transactionWithGasPrice, mutation: () => sendTransactionWithAutoNonce.sendTransactionWithAutoNonce(walletConnector, transactionWithGasPrice, (transaction) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
             walletUiUtils.disabledConfirmationOnce();
             const signer = yield walletConnector.getSigner();
-            const sentTransaction = yield signer.sendTransaction({
-                account: transactionWithGasPrice.from,
-                chain: null,
-                gasPrice: transactionWithGasPrice.gasPrice,
-                to: transactionWithGasPrice.to,
-                type: 'eip2930',
-                value: transactionWithGasPrice.value,
-            });
+            const sentTransaction = yield signer.sendTransaction(Object.assign(Object.assign({}, transaction), { account: transaction.from, chain: null }));
             return sentTransaction;
-        }) }, rest)));
+        })) }, rest)));
 };
 
 exports.TransactionStage = TransactionStage;

package/src/lib/views/SendBalanceView/components/TransactionStage/TransactionStage.js

@@ -15,6 +15,7 @@ import 'viem';
 import '../../../../shared/consts/index.js';
 import '@dynamic-labs/multi-wallet';
 import { isMagicConnector } from '../../../../utils/functions/isMagicConnector/isMagicConnector.js';
+import { sendTransactionWithAutoNonce } from '../../../../utils/functions/sendTransactionWithAutoNonce/sendTransactionWithAutoNonce.js';
 import '@dynamic-labs/rpc-providers';
 import '../../../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
 import { useInternalDynamicContext } from '../../../../context/DynamicContext/useInternalDynamicContext.js';
@@ -51,19 +52,12 @@ const TransactionStage = (_a) => {
         provider,
         transaction,
     });
-    return (jsx(TransactionConfirmationView, Object.assign({ provider: provider, transaction: transactionWithGasPrice, mutation: () => __awaiter(void 0, void 0, void 0, function* () {
+    return (jsx(TransactionConfirmationView, Object.assign({ provider: provider, transaction: transactionWithGasPrice, mutation: () => sendTransactionWithAutoNonce(walletConnector, transactionWithGasPrice, (transaction) => __awaiter(void 0, void 0, void 0, function* () {
             walletUiUtils.disabledConfirmationOnce();
             const signer = yield walletConnector.getSigner();
-            const sentTransaction = yield signer.sendTransaction({
-                account: transactionWithGasPrice.from,
-                chain: null,
-                gasPrice: transactionWithGasPrice.gasPrice,
-                to: transactionWithGasPrice.to,
-                type: 'eip2930',
-                value: transactionWithGasPrice.value,
-            });
+            const sentTransaction = yield signer.sendTransaction(Object.assign(Object.assign({}, transaction), { account: transaction.from, chain: null }));
             return sentTransaction;
-        }) }, rest)));
+        })) }, rest)));
 };
 
 export { TransactionStage };

package/src/lib/views/WalletGroupView/components/WalletGroupItem/WalletGroupItem.cjs

@@ -13,6 +13,7 @@ require('@dynamic-labs/wallet-book');
 var getWalletListItemLabel = require('../../../../shared/utils/functions/getWalletListItemLabel/getWalletListItemLabel.cjs');
 require('viem');
 require('../../../../shared/utils/classes/storage/localStorage.cjs');
+require('@dynamic-labs/utils');
 require('../../../../context/ViewContext/ViewContext.cjs');
 var stroke = require('../../../../shared/assets/stroke.cjs');
 require('../../../../shared/consts/index.cjs');

package/src/lib/views/WalletGroupView/components/WalletGroupItem/WalletGroupItem.js

@@ -9,6 +9,7 @@ import '@dynamic-labs/wallet-book';
 import { getWalletListItemLabel } from '../../../../shared/utils/functions/getWalletListItemLabel/getWalletListItemLabel.js';
 import 'viem';
 import '../../../../shared/utils/classes/storage/localStorage.js';
+import '@dynamic-labs/utils';
 import '../../../../context/ViewContext/ViewContext.js';
 import { ReactComponent as SvgStroke } from '../../../../shared/assets/stroke.js';
 import '../../../../shared/consts/index.js';

package/src/lib/views/WalletList/WalletListItem/WalletListItem.cjs

@@ -16,11 +16,11 @@ require('@dynamic-labs/wallet-connector-core');
 var getWalletListItemLabel = require('../../../shared/utils/functions/getWalletListItemLabel/getWalletListItemLabel.cjs');
 require('viem');
 require('../../../shared/utils/classes/storage/localStorage.cjs');
+require('@dynamic-labs/utils');
 require('../../../shared/consts/index.cjs');
 require('../../../context/DynamicContext/DynamicContext.cjs');
 require('../../../utils/constants/colors.cjs');
 require('@dynamic-labs/multi-wallet');
-require('@dynamic-labs/utils');
 var pixelToRem = require('../../../utils/functions/pixelToRem/pixelToRem.cjs');
 require('../../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../../context/ThemeContext/ThemeContext.cjs');

package/src/lib/views/WalletList/WalletListItem/WalletListItem.js

@@ -12,11 +12,11 @@ import '@dynamic-labs/wallet-connector-core';
 import { getWalletListItemLabel } from '../../../shared/utils/functions/getWalletListItemLabel/getWalletListItemLabel.js';
 import 'viem';
 import '../../../shared/utils/classes/storage/localStorage.js';
+import '@dynamic-labs/utils';
 import '../../../shared/consts/index.js';
 import '../../../context/DynamicContext/DynamicContext.js';
 import '../../../utils/constants/colors.js';
 import '@dynamic-labs/multi-wallet';
-import '@dynamic-labs/utils';
 import { pixelToRem } from '../../../utils/functions/pixelToRem/pixelToRem.js';
 import '../../../components/ShadowDOM/ShadowDOM.js';
 import '../../../context/ThemeContext/ThemeContext.js';

package/src/lib/views/WalletList/data.cjs

@@ -22,7 +22,7 @@ const getEnabledChains = (chains) => chains
     .filter(({ enabled }) => enabled)
     .map(({ name }) => { var _a; return (_a = walletConnectorCore.getChainInfo(name)) === null || _a === void 0 ? void 0 : _a.symbol; })
     .filter((chain) => Boolean(chain));
-const createWallets = (props) => {
+const getWallets = (props) => {
     var _a, _b, _c, _d;
     return multiWallet.getEnabledWallets({
         enabledChains: getEnabledChains(props.settings.chains),
@@ -31,20 +31,8 @@ const createWallets = (props) => {
                 ((_b = props.settings.sdk.walletConnect) === null || _b === void 0 ? void 0 : _b.projectId)
                 ? (_c = props.settings.sdk.walletConnect) === null || _c === void 0 ? void 0 : _c.v2Enabled
                 : false, walletConnectProjectId: (_d = props.settings.sdk.walletConnect) === null || _d === void 0 ? void 0 : _d.projectId }),
-        installed: props.installed,
     }).map((wallet) => createWallet.createWallet(props.getSupportedWalletOpts.walletBook, wallet));
 };
-const getInstalledWallets = (settings, getSupportedWalletOpts) => createWallets({
-    getSupportedWalletOpts,
-    installed: true,
-    settings,
-});
-const getNotInstalledWallets = (settings, getSupportedWalletOpts) => createWallets({
-    getSupportedWalletOpts,
-    installed: false,
-    settings,
-});
 
 exports.getEnabledChains = getEnabledChains;
-exports.getInstalledWallets = getInstalledWallets;
-exports.getNotInstalledWallets = getNotInstalledWallets;
+exports.getWallets = getWallets;

package/src/lib/views/WalletList/data.d.ts

@@ -6,6 +6,8 @@ interface IChain {
 }
 export declare const getEnabledChains: (chains: IChain[]) => ("ETH" | "FLOW" | "SOL" | "EVM" | "ALGO" | "STARK" | "ATOM" | "COSMOS")[];
 type BaseGetSupportedWalletOpts = Omit<GetSupportedWalletsOpts, 'isWalletConnectV2Enabled' | 'walletConnectProjectId' | 'chainRpcProviders'>;
-export declare const getInstalledWallets: (settings: ProjectSettings, getSupportedWalletOpts: BaseGetSupportedWalletOpts) => import("../../shared").WalletOption[];
-export declare const getNotInstalledWallets: (settings: ProjectSettings, getSupportedWalletOpts: BaseGetSupportedWalletOpts) => import("../../shared").WalletOption[];
+export declare const getWallets: (props: {
+    getSupportedWalletOpts: BaseGetSupportedWalletOpts;
+    settings: ProjectSettings;
+}) => import("../../shared").WalletOption[];
 export {};

package/src/lib/views/WalletList/data.js

@@ -18,7 +18,7 @@ const getEnabledChains = (chains) => chains
     .filter(({ enabled }) => enabled)
     .map(({ name }) => { var _a; return (_a = getChainInfo(name)) === null || _a === void 0 ? void 0 : _a.symbol; })
     .filter((chain) => Boolean(chain));
-const createWallets = (props) => {
+const getWallets = (props) => {
     var _a, _b, _c, _d;
     return getEnabledWallets({
         enabledChains: getEnabledChains(props.settings.chains),
@@ -27,18 +27,7 @@ const createWallets = (props) => {
                 ((_b = props.settings.sdk.walletConnect) === null || _b === void 0 ? void 0 : _b.projectId)
                 ? (_c = props.settings.sdk.walletConnect) === null || _c === void 0 ? void 0 : _c.v2Enabled
                 : false, walletConnectProjectId: (_d = props.settings.sdk.walletConnect) === null || _d === void 0 ? void 0 : _d.projectId }),
-        installed: props.installed,
     }).map((wallet) => createWallet(props.getSupportedWalletOpts.walletBook, wallet));
 };
-const getInstalledWallets = (settings, getSupportedWalletOpts) => createWallets({
-    getSupportedWalletOpts,
-    installed: true,
-    settings,
-});
-const getNotInstalledWallets = (settings, getSupportedWalletOpts) => createWallets({
-    getSupportedWalletOpts,
-    installed: false,
-    settings,
-});
 
-export { getEnabledChains, getInstalledWallets, getNotInstalledWallets };
+export { getEnabledChains, getWallets };

package/src/lib/views/viewToComponentMap.cjs

@@ -46,6 +46,7 @@ const viewToComponentMap = {
     'login-with-email-or-wallet-full-wallet-list': jsxRuntime.jsx(WalletList.WalletList, {}),
     'login-with-email-verification': jsxRuntime.jsx(EmailVerification.EmailVerification, {}),
     'merge-user-accounts': jsxRuntime.jsx(MergeUserAccountsView.MergeUserAccountsView, {}),
+    'multi-wallet-wallet-list': jsxRuntime.jsx(WalletList.WalletList, {}),
     'network-not-supported': jsxRuntime.jsx(NetworkNotSupported.NetworkNotSupported, {}),
     'network-not-supported-manual': jsxRuntime.jsx(NetworkNotSupportedSwitchManual.NetworkNotSupportedSwitchManual, {}),
     'no-access': jsxRuntime.jsx(NoAccess.NoAccess, {}),

package/src/lib/views/viewToComponentMap.js

@@ -42,6 +42,7 @@ const viewToComponentMap = {
     'login-with-email-or-wallet-full-wallet-list': jsx(WalletList, {}),
     'login-with-email-verification': jsx(EmailVerification, {}),
     'merge-user-accounts': jsx(MergeUserAccountsView, {}),
+    'multi-wallet-wallet-list': jsx(WalletList, {}),
     'network-not-supported': jsx(NetworkNotSupported, {}),
     'network-not-supported-manual': jsx(NetworkNotSupportedSwitchManual, {}),
     'no-access': jsx(NoAccess, {}),

package/src/lib/widgets/DynamicBridgeWidget/views/EditProfileView/EditProfileView.cjs

@@ -14,7 +14,7 @@ var UserProfileForm = require('../../../../components/UserProfileForm/UserProfil
 const EditProfileView = () => {
     const { setView } = ViewContext.useViewContext();
     const { goToProfileView } = DynamicBridgeWidgetContext.useDynamicBridgeWidgetContext();
-    const { setShowAuthFlow } = useInternalDynamicContext.useInternalDynamicContext();
+    const { internalSetShowAuthFlow } = useInternalDynamicContext.useInternalDynamicContext();
     const { updateUser } = useUserUpdateRequest.useUserUpdateRequestInternal({
         validationSchemaStripUnknown: true,
     });
@@ -22,10 +22,10 @@ const EditProfileView = () => {
         const { isEmailVerificationRequired } = yield updateUser(formValues);
         goToProfileView();
         if (isEmailVerificationRequired) {
-            setShowAuthFlow(true);
+            internalSetShowAuthFlow(true);
             setView('verify-email');
         }
-    }), [goToProfileView, setShowAuthFlow, setView, updateUser]);
+    }), [goToProfileView, internalSetShowAuthFlow, setView, updateUser]);
     return (jsxRuntime.jsx(UserProfileForm.UserProfileForm, { onEditProfileSubmit: onEditProfileFormSubmit, onEditProfileCancel: goToProfileView }));
 };
 

package/src/lib/widgets/DynamicBridgeWidget/views/EditProfileView/EditProfileView.js

@@ -10,7 +10,7 @@ import { UserProfileForm } from '../../../../components/UserProfileForm/UserProf
 const EditProfileView = () => {
     const { setView } = useViewContext();
     const { goToProfileView } = useDynamicBridgeWidgetContext();
-    const { setShowAuthFlow } = useInternalDynamicContext();
+    const { internalSetShowAuthFlow } = useInternalDynamicContext();
     const { updateUser } = useUserUpdateRequestInternal({
         validationSchemaStripUnknown: true,
     });
@@ -18,10 +18,10 @@ const EditProfileView = () => {
         const { isEmailVerificationRequired } = yield updateUser(formValues);
         goToProfileView();
         if (isEmailVerificationRequired) {
-            setShowAuthFlow(true);
+            internalSetShowAuthFlow(true);
             setView('verify-email');
         }
-    }), [goToProfileView, setShowAuthFlow, setView, updateUser]);
+    }), [goToProfileView, internalSetShowAuthFlow, setView, updateUser]);
     return (jsx(UserProfileForm, { onEditProfileSubmit: onEditProfileFormSubmit, onEditProfileCancel: goToProfileView }));
 };
 

package/src/lib/widgets/DynamicWidget/context/DynamicWidgetContext.cjs

@@ -38,6 +38,7 @@ require('formik');
 require('yup');
 require('../../../components/InlineWidget/InlineWidget.cjs');
 require('../../../components/MenuList/Dropdown/Dropdown.cjs');
+var useViewController = require('../hooks/useViewController/useViewController.cjs');
 var useKYCFlag = require('../../../utils/hooks/useKYCFlag/useKYCFlag.cjs');
 var useMultiWalletFlag = require('../../../utils/hooks/useMultiWalletFlag/useMultiWalletFlag.cjs');
 require('../../../context/MockContext/MockContext.cjs');
@@ -52,8 +53,7 @@ const DynamicWidgetContextProvider = ({ children, }) => {
     const { setShowDynamicUserProfile, showDynamicUserProfile } = useInternalDynamicContext.useInternalDynamicContext();
     const isKYCEnabled = useKYCFlag.useKYCFlag();
     const isMultiWalletEnabled = useMultiWalletFlag.useMultiWalletFlag();
-    const initialView = React.useMemo(() => (isKYCEnabled && !isMultiWalletEnabled ? 'profile' : 'wallets'), [isKYCEnabled, isMultiWalletEnabled]);
-    const [dynamicWidgetView, setDynamicWidgetView] = React.useState(initialView);
+    const { view: dynamicWidgetView, setView: setDynamicWidgetView, goToInitialView: goToInitialDynamicWidgetView, } = useViewController.useViewController(isKYCEnabled && !isMultiWalletEnabled ? 'profile' : 'wallets');
     const goToProfileView = React.useCallback(() => {
         if (isKYCEnabled)
             return setDynamicWidgetView('profile');
@@ -64,18 +64,14 @@ const DynamicWidgetContextProvider = ({ children, }) => {
         if (!showDynamicUserProfile) {
             // wait for exit animation to finish
             setTimeout(() => {
-                setDynamicWidgetView(initialView);
+                goToInitialDynamicWidgetView();
             }, 200);
         }
-    }, [initialView, showDynamicUserProfile]);
-    // set correct initial view once isKYCEnabled and isMultiWalletEnabled values are correctly set
-    // *isKYCEnabled is always false when the context initializes, so the initial view is set to index
-    React.useEffect(() => {
-        setDynamicWidgetView(initialView);
-    }, [initialView, isKYCEnabled, isMultiWalletEnabled]);
+    }, [goToInitialDynamicWidgetView, showDynamicUserProfile]);
     const value = React.useMemo(() => ({
         availableWalletsContainerRef,
         dynamicWidgetView,
+        goToInitialDynamicWidgetView,
         goToProfileView,
         inlineControlsRef,
         isOpen: showDynamicUserProfile,
@@ -84,8 +80,9 @@ const DynamicWidgetContextProvider = ({ children, }) => {
         widgetRef,
     }), [
         dynamicWidgetView,
-        goToProfileView,
         setShowDynamicUserProfile,
+        goToInitialDynamicWidgetView,
+        goToProfileView,
         showDynamicUserProfile,
     ]);
     return (jsxRuntime.jsx(DynamicWidgetContext.Provider, { value: value, children: children }));

package/src/lib/widgets/DynamicWidget/context/DynamicWidgetContext.d.ts

@@ -3,6 +3,7 @@ export interface WidgetContextProps {
     availableWalletsContainerRef: RefObject<HTMLDivElement>;
     dynamicWidgetView: DynamicWidgetViews;
     goToProfileView: () => void;
+    goToInitialDynamicWidgetView: () => void;
     inlineControlsRef: RefObject<HTMLDivElement>;
     isOpen: boolean;
     setDynamicWidgetView: Dispatch<SetStateAction<DynamicWidgetViews>>;

package/src/lib/widgets/DynamicWidget/context/DynamicWidgetContext.js

@@ -1,5 +1,5 @@
 import { jsx } from 'react/jsx-runtime';
-import { createContext, useRef, useMemo, useState, useCallback, useEffect, useContext } from 'react';
+import { createContext, useRef, useCallback, useEffect, useMemo, useContext } from 'react';
 import '@dynamic-labs/utils';
 import '@dynamic-labs/sdk-api';
 import '../../../config/ApiEndpoint.js';
@@ -34,6 +34,7 @@ import 'formik';
 import 'yup';
 import '../../../components/InlineWidget/InlineWidget.js';
 import '../../../components/MenuList/Dropdown/Dropdown.js';
+import { useViewController } from '../hooks/useViewController/useViewController.js';
 import { useKYCFlag } from '../../../utils/hooks/useKYCFlag/useKYCFlag.js';
 import { useMultiWalletFlag } from '../../../utils/hooks/useMultiWalletFlag/useMultiWalletFlag.js';
 import '../../../context/MockContext/MockContext.js';
@@ -48,8 +49,7 @@ const DynamicWidgetContextProvider = ({ children, }) => {
     const { setShowDynamicUserProfile, showDynamicUserProfile } = useInternalDynamicContext();
     const isKYCEnabled = useKYCFlag();
     const isMultiWalletEnabled = useMultiWalletFlag();
-    const initialView = useMemo(() => (isKYCEnabled && !isMultiWalletEnabled ? 'profile' : 'wallets'), [isKYCEnabled, isMultiWalletEnabled]);
-    const [dynamicWidgetView, setDynamicWidgetView] = useState(initialView);
+    const { view: dynamicWidgetView, setView: setDynamicWidgetView, goToInitialView: goToInitialDynamicWidgetView, } = useViewController(isKYCEnabled && !isMultiWalletEnabled ? 'profile' : 'wallets');
     const goToProfileView = useCallback(() => {
         if (isKYCEnabled)
             return setDynamicWidgetView('profile');
@@ -60,18 +60,14 @@ const DynamicWidgetContextProvider = ({ children, }) => {
         if (!showDynamicUserProfile) {
             // wait for exit animation to finish
             setTimeout(() => {
-                setDynamicWidgetView(initialView);
+                goToInitialDynamicWidgetView();
             }, 200);
         }
-    }, [initialView, showDynamicUserProfile]);
-    // set correct initial view once isKYCEnabled and isMultiWalletEnabled values are correctly set
-    // *isKYCEnabled is always false when the context initializes, so the initial view is set to index
-    useEffect(() => {
-        setDynamicWidgetView(initialView);
-    }, [initialView, isKYCEnabled, isMultiWalletEnabled]);
+    }, [goToInitialDynamicWidgetView, showDynamicUserProfile]);
     const value = useMemo(() => ({
         availableWalletsContainerRef,
         dynamicWidgetView,
+        goToInitialDynamicWidgetView,
         goToProfileView,
         inlineControlsRef,
         isOpen: showDynamicUserProfile,
@@ -80,8 +76,9 @@ const DynamicWidgetContextProvider = ({ children, }) => {
         widgetRef,
     }), [
         dynamicWidgetView,
-        goToProfileView,
         setShowDynamicUserProfile,
+        goToInitialDynamicWidgetView,
+        goToProfileView,
         showDynamicUserProfile,
     ]);
     return (jsx(DynamicWidgetContext.Provider, { value: value, children: children }));

package/src/lib/widgets/DynamicWidget/hooks/index.d.ts

@@ -2,3 +2,4 @@ export { useContent } from './useContent';
 export { useFetchBalance } from './useFetchBalance';
 export { useFetchChain } from './useFetchChain';
 export { useFetchCurrency } from './useFetchCurrency';
+export { useViewController } from './useViewController';

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

@@ -18,7 +18,10 @@ const useFetchCurrency = (connector, network) => {
                 setCurrency(chainInfo === null || chainInfo === void 0 ? void 0 : chainInfo.symbol);
                 return;
             }
-            const result = (_b = connector.evmNetworks) === null || _b === void 0 ? void 0 : _b.find((element) => element.chainId === chainId);
+            const network = connector.connectedChain === 'STARK'
+                ? 'starknetNetworks'
+                : 'evmNetworks';
+            const result = (_b = connector[network]) === 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];
         });

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

@@ -14,7 +14,10 @@ const useFetchCurrency = (connector, network) => {
                 setCurrency(chainInfo === null || chainInfo === void 0 ? void 0 : chainInfo.symbol);
                 return;
             }
-            const result = (_b = connector.evmNetworks) === null || _b === void 0 ? void 0 : _b.find((element) => element.chainId === chainId);
+            const network = connector.connectedChain === 'STARK'
+                ? 'starknetNetworks'
+                : 'evmNetworks';
+            const result = (_b = connector[network]) === 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];
         });

package/src/lib/widgets/DynamicWidget/hooks/useViewController/index.d.ts

@@ -0,0 +1 @@
+export { useViewController } from './useViewController';

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

@@ -0,0 +1,17 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+const useViewController = (initialView) => {
+    const [_view, setView] = React.useState(null);
+    const goToInitialView = () => setView(null);
+    return {
+        goToInitialView,
+        setView: setView,
+        view: _view || initialView,
+    };
+};
+
+exports.useViewController = useViewController;

package/src/lib/widgets/DynamicWidget/hooks/useViewController/useViewController.d.ts

@@ -0,0 +1,6 @@
+import { Dispatch, SetStateAction } from 'react';
+export declare const useViewController: <VIEW extends string>(initialView: VIEW) => {
+    goToInitialView: () => void;
+    setView: Dispatch<SetStateAction<VIEW>>;
+    view: VIEW;
+};

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

@@ -0,0 +1,13 @@
+import { useState } from 'react';
+
+const useViewController = (initialView) => {
+    const [_view, setView] = useState(null);
+    const goToInitialView = () => setView(null);
+    return {
+        goToInitialView,
+        setView: setView,
+        view: _view || initialView,
+    };
+};
+
+export { useViewController };

package/src/lib/widgets/DynamicWidget/views/EditProfileView/EditProfileView.cjs

@@ -50,7 +50,7 @@ var UserProfileForm = require('../../../../components/UserProfileForm/UserProfil
 
 const EditProfileView = ({ rootClassName, }) => {
     const { setView } = ViewContext.useViewContext();
-    const { setShowAuthFlow } = useInternalDynamicContext.useInternalDynamicContext();
+    const { internalSetShowAuthFlow } = useInternalDynamicContext.useInternalDynamicContext();
     const { goToProfileView } = DynamicWidgetContext.useWidgetContext();
     const { updateUser } = useUserUpdateRequest.useUserUpdateRequestInternal({
         validationSchemaStripUnknown: true,
@@ -59,10 +59,10 @@ const EditProfileView = ({ rootClassName, }) => {
         const { isEmailVerificationRequired } = yield updateUser(formValues);
         goToProfileView();
         if (isEmailVerificationRequired) {
-            setShowAuthFlow(true);
+            internalSetShowAuthFlow(true);
             setView('verify-email');
         }
-    }), [goToProfileView, setShowAuthFlow, setView, updateUser]);
+    }), [goToProfileView, internalSetShowAuthFlow, setView, updateUser]);
     const isKYCEnabled = useKYCFlag.useKYCFlag();
     const isMultiWalletEnabled = useMultiWalletFlag.useMultiWalletFlag();
     return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [!isMultiWalletEnabled && isKYCEnabled && (jsxRuntime.jsx(Typography.Typography, { weight: 'regular', color: 'secondary', variant: 'body_normal', className: 'dynamic-widget-edit-profile-view__profile-title', children: "My profile" })), jsxRuntime.jsx(UserProfileForm.UserProfileForm, { formClassName: rootClassName, onEditProfileSubmit: onEditProfileFormSubmit, onEditProfileCancel: goToProfileView })] }));

package/src/lib/widgets/DynamicWidget/views/EditProfileView/EditProfileView.js

@@ -46,7 +46,7 @@ import { UserProfileForm } from '../../../../components/UserProfileForm/UserProf
 
 const EditProfileView = ({ rootClassName, }) => {
     const { setView } = useViewContext();
-    const { setShowAuthFlow } = useInternalDynamicContext();
+    const { internalSetShowAuthFlow } = useInternalDynamicContext();
     const { goToProfileView } = useWidgetContext();
     const { updateUser } = useUserUpdateRequestInternal({
         validationSchemaStripUnknown: true,
@@ -55,10 +55,10 @@ const EditProfileView = ({ rootClassName, }) => {
         const { isEmailVerificationRequired } = yield updateUser(formValues);
         goToProfileView();
         if (isEmailVerificationRequired) {
-            setShowAuthFlow(true);
+            internalSetShowAuthFlow(true);
             setView('verify-email');
         }
-    }), [goToProfileView, setShowAuthFlow, setView, updateUser]);
+    }), [goToProfileView, internalSetShowAuthFlow, setView, updateUser]);
     const isKYCEnabled = useKYCFlag();
     const isMultiWalletEnabled = useMultiWalletFlag();
     return (jsxs(Fragment, { children: [!isMultiWalletEnabled && isKYCEnabled && (jsx(Typography, { weight: 'regular', color: 'secondary', variant: 'body_normal', className: 'dynamic-widget-edit-profile-view__profile-title', children: "My profile" })), jsx(UserProfileForm, { formClassName: rootClassName, onEditProfileSubmit: onEditProfileFormSubmit, onEditProfileCancel: goToProfileView })] }));

package/src/lib/widgets/DynamicWidget/views/SendBalanceWidgetView/SendBalanceWidgetView.cjs

@@ -7,9 +7,8 @@ var DynamicWidgetContext = require('../../context/DynamicWidgetContext.cjs');
 var SendBalanceView = require('../../../../views/SendBalanceView/SendBalanceView.cjs');
 
 const SendBalanceWidgetView = () => {
-    const { setDynamicWidgetView } = DynamicWidgetContext.useWidgetContext();
-    const goToIndex = () => setDynamicWidgetView('wallets');
-    return (jsxRuntime.jsx("div", { className: 'send-balance-widget-view', children: jsxRuntime.jsx(SendBalanceView.SendBalanceView, { onClickBack: goToIndex, onDone: goToIndex }) }));
+    const { goToInitialDynamicWidgetView } = DynamicWidgetContext.useWidgetContext();
+    return (jsxRuntime.jsx("div", { className: 'send-balance-widget-view', children: jsxRuntime.jsx(SendBalanceView.SendBalanceView, { onClickBack: goToInitialDynamicWidgetView, onDone: goToInitialDynamicWidgetView }) }));
 };
 
 exports.SendBalanceWidgetView = SendBalanceWidgetView;

package/src/lib/widgets/DynamicWidget/views/SendBalanceWidgetView/SendBalanceWidgetView.js

@@ -3,9 +3,8 @@ import { useWidgetContext } from '../../context/DynamicWidgetContext.js';
 import { SendBalanceView } from '../../../../views/SendBalanceView/SendBalanceView.js';
 
 const SendBalanceWidgetView = () => {
-    const { setDynamicWidgetView } = useWidgetContext();
-    const goToIndex = () => setDynamicWidgetView('wallets');
-    return (jsx("div", { className: 'send-balance-widget-view', children: jsx(SendBalanceView, { onClickBack: goToIndex, onDone: goToIndex }) }));
+    const { goToInitialDynamicWidgetView } = useWidgetContext();
+    return (jsx("div", { className: 'send-balance-widget-view', children: jsx(SendBalanceView, { onClickBack: goToInitialDynamicWidgetView, onDone: goToInitialDynamicWidgetView }) }));
 };
 
 export { SendBalanceWidgetView };

package/src/lib/widgets/OAuthIFrameContainer/OAuthIFrameContainer.cjs

@@ -0,0 +1,13 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+
+// we need to use an iframe to be the intermediary in communications between the oauth popup and the sdk
+// because of twitter limitations with accessing the window.opener and BroadcastChannel not working between
+// different origins (our api redirect page and the app where the sdk is running)
+// https://linear.app/dynamic-labs/issue/GVTY-17/[frontend]-fix-twitter-linking
+const OAuthIFrameContainer = () => (jsxRuntime.jsx("div", { id: 'oauth-iframe-container', "data-testid": 'oauth-iframe-container', style: { height: 0, visibility: 'hidden', width: 0 } }));
+
+exports.OAuthIFrameContainer = OAuthIFrameContainer;

package/src/lib/widgets/OAuthIFrameContainer/OAuthIFrameContainer.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const OAuthIFrameContainer: () => JSX.Element;

package/src/lib/widgets/OAuthIFrameContainer/OAuthIFrameContainer.js

@@ -0,0 +1,9 @@
+import { jsx } from 'react/jsx-runtime';
+
+// we need to use an iframe to be the intermediary in communications between the oauth popup and the sdk
+// because of twitter limitations with accessing the window.opener and BroadcastChannel not working between
+// different origins (our api redirect page and the app where the sdk is running)
+// https://linear.app/dynamic-labs/issue/GVTY-17/[frontend]-fix-twitter-linking
+const OAuthIFrameContainer = () => (jsx("div", { id: 'oauth-iframe-container', "data-testid": 'oauth-iframe-container', style: { height: 0, visibility: 'hidden', width: 0 } }));
+
+export { OAuthIFrameContainer };

package/src/lib/widgets/OAuthIFrameContainer/index.d.ts

@@ -0,0 +1 @@
+export { OAuthIFrameContainer } from './OAuthIFrameContainer';

package/src/lib/widgets/index.d.ts

@@ -1,3 +1,4 @@
 export * from './DynamicWidget';
 export * from './FundingWidget';
 export * from './DynamicBridgeWidget';
+export * from './OAuthIFrameContainer';