@dynamic-labs/sdk-react-core 0.18.16 → 0.18.18

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/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, Object.assign({ 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, Object.assign({ 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/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/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", Object.assign({ className: 'send-balance-widget-view' }, { children: jsxRuntime.jsx(SendBalanceView.SendBalanceView, { onClickBack: goToIndex, onDone: goToIndex }) })));
+    const { goToInitialDynamicWidgetView } = DynamicWidgetContext.useWidgetContext();
+    return (jsxRuntime.jsx("div", Object.assign({ 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", Object.assign({ className: 'send-balance-widget-view' }, { children: jsx(SendBalanceView, { onClickBack: goToIndex, onDone: goToIndex }) })));
+    const { goToInitialDynamicWidgetView } = useWidgetContext();
+    return (jsx("div", Object.assign({ className: 'send-balance-widget-view' }, { children: jsx(SendBalanceView, { onClickBack: goToInitialDynamicWidgetView, onDone: goToInitialDynamicWidgetView }) })));
 };
 
 export { SendBalanceWidgetView };