@dynamic-labs/sdk-react-core 1.0.0-alpha.11 → 1.0.0-alpha.12

package/CHANGELOG.md

@@ -1,4 +1,16 @@
 
+## [1.0.0-alpha.12](https://github.com/dynamic-labs/DynamicAuth/compare/v1.0.0-alpha.11...v1.0.0-alpha.12) (2023-12-11)
+
+
+### Features
+
+* add useFunding hook ([#4098](https://github.com/dynamic-labs/DynamicAuth/issues/4098)) ([27424ab](https://github.com/dynamic-labs/DynamicAuth/commit/27424ab1a15202ee2b7c73c8a19f11e480e1794a))
+
+
+### Bug Fixes
+
+* add primary color to the secure wallet text ([#4127](https://github.com/dynamic-labs/DynamicAuth/issues/4127)) ([7c642d0](https://github.com/dynamic-labs/DynamicAuth/commit/7c642d0385112289df52874bc5dd2eaa0e6cdf50))
+
 ## [1.0.0-alpha.11](https://github.com/dynamic-labs/DynamicAuth/compare/v1.0.0-alpha.10...v1.0.0-alpha.11) (2023-12-11)
 
 ## [1.0.0-alpha.10](https://github.com/dynamic-labs/DynamicAuth/compare/v1.0.0-alpha.9...v1.0.0-alpha.10) (2023-12-08)

package/package.cjs

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "1.0.0-alpha.11";
+var version = "1.0.0-alpha.12";
 var dependencies = {
 	"@dynamic-labs/iconic": "0.1.45",
 	"@dynamic-labs/sdk-api": "0.0.323",

package/package.js

@@ -1,4 +1,4 @@
-var version = "1.0.0-alpha.11";
+var version = "1.0.0-alpha.12";
 var dependencies = {
 	"@dynamic-labs/iconic": "0.1.45",
 	"@dynamic-labs/sdk-api": "0.0.323",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dynamic-labs/sdk-react-core",
-  "version": "1.0.0-alpha.11",
+  "version": "1.0.0-alpha.12",
   "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.0.0-alpha.11",
-    "@dynamic-labs/logger": "1.0.0-alpha.11",
-    "@dynamic-labs/multi-wallet": "1.0.0-alpha.11",
-    "@dynamic-labs/rpc-providers": "1.0.0-alpha.11",
-    "@dynamic-labs/types": "1.0.0-alpha.11",
-    "@dynamic-labs/utils": "1.0.0-alpha.11",
-    "@dynamic-labs/viem-utils": "1.0.0-alpha.11",
-    "@dynamic-labs/wallet-book": "1.0.0-alpha.11",
-    "@dynamic-labs/wallet-connector-core": "1.0.0-alpha.11",
+    "@dynamic-labs/ethereum": "1.0.0-alpha.12",
+    "@dynamic-labs/logger": "1.0.0-alpha.12",
+    "@dynamic-labs/multi-wallet": "1.0.0-alpha.12",
+    "@dynamic-labs/rpc-providers": "1.0.0-alpha.12",
+    "@dynamic-labs/types": "1.0.0-alpha.12",
+    "@dynamic-labs/utils": "1.0.0-alpha.12",
+    "@dynamic-labs/viem-utils": "1.0.0-alpha.12",
+    "@dynamic-labs/wallet-book": "1.0.0-alpha.12",
+    "@dynamic-labs/wallet-connector-core": "1.0.0-alpha.12",
     "eventemitter3": "5.0.1"
   },
   "devDependencies": {

package/src/index.cjs

@@ -177,6 +177,8 @@ var themesData = require('./lib/context/ThemeContext/themesData.cjs');
 var getNetwork = require('./lib/utils/functions/getNetwork/getNetwork.cjs');
 var index$3 = require('./lib/utils/functions/walletFilters/index.cjs');
 var SendBalanceContext = require('./lib/context/SendBalanceContext/SendBalanceContext.cjs');
+require('./lib/context/FundingContext/FundingContext.cjs');
+var useFunding = require('./lib/context/FundingContext/useFunding/useFunding.cjs');
 
 
 
@@ -336,3 +338,4 @@ exports.RemoveWallets = index$3.RemoveWallets;
 exports.SortWallets = index$3.SortWallets;
 exports.UniswapFilter = index$3.UniswapFilter;
 exports.useSendBalance = SendBalanceContext.useSendBalance;
+exports.useFunding = useFunding.useFunding;

package/src/index.d.ts

@@ -31,3 +31,4 @@ export type { UpdateUserFieldsArg } from './lib/utils/hooks/';
 export { type DynamicJwt, DynamicJwtFromJSON } from '@dynamic-labs/sdk-api';
 export { useSendBalance } from './lib/context/SendBalanceContext';
 export type { LocaleResource } from './lib/locale';
+export { useFunding } from './lib/context/FundingContext';

package/src/index.js

@@ -173,3 +173,5 @@ export { getDefaultColor, getThemeConfig, themesData } from './lib/context/Theme
 export { getNetwork } from './lib/utils/functions/getNetwork/getNetwork.js';
 export { FilterAndSortWallets, FilterBridgeChainsName, FilterWallets, RemoveWallets, SortWallets, UniswapFilter } from './lib/utils/functions/walletFilters/index.js';
 export { useSendBalance } from './lib/context/SendBalanceContext/SendBalanceContext.js';
+import './lib/context/FundingContext/FundingContext.js';
+export { useFunding } from './lib/context/FundingContext/useFunding/useFunding.js';

package/src/lib/components/SecureTurnkeyWalletCard/SecureTurnkeyWalletCard.cjs

@@ -16,7 +16,7 @@ const SecureTurnkeyWalletCard = ({ className }) => {
     const { initPasskeyRecoveryProcess } = usePasskeyRecovery.usePasskeyRecovery();
     if (!isTurnkeyWalletWithoutAuthenticator)
         return null;
-    return (jsxRuntime.jsxs("div", { className: classNames.classNames('secure-turnkey-wallet-card', className), children: [jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', weight: 'regular', className: 'secure-turnkey-wallet-card__text', children: t('dyn_secure_pregenerated_wallet.description') }), jsxRuntime.jsx(Button.Button, { onClick: initPasskeyRecoveryProcess, buttonVariant: 'brand-primary', color: 'primary', typographyProps: {
+    return (jsxRuntime.jsxs("div", { className: classNames.classNames('secure-turnkey-wallet-card', className), children: [jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', weight: 'regular', className: 'secure-turnkey-wallet-card__text', color: 'primary', children: t('dyn_secure_pregenerated_wallet.description') }), jsxRuntime.jsx(Button.Button, { onClick: initPasskeyRecoveryProcess, buttonVariant: 'brand-primary', color: 'primary', typographyProps: {
                     color: 'inherit',
                 }, showInternalLoading: false, children: t('dyn_secure_pregenerated_wallet.secure_button') })] }));
 };

package/src/lib/components/SecureTurnkeyWalletCard/SecureTurnkeyWalletCard.js

@@ -12,7 +12,7 @@ const SecureTurnkeyWalletCard = ({ className }) => {
     const { initPasskeyRecoveryProcess } = usePasskeyRecovery();
     if (!isTurnkeyWalletWithoutAuthenticator)
         return null;
-    return (jsxs("div", { className: classNames('secure-turnkey-wallet-card', className), children: [jsx(Typography, { variant: 'body_small', weight: 'regular', className: 'secure-turnkey-wallet-card__text', children: t('dyn_secure_pregenerated_wallet.description') }), jsx(Button, { onClick: initPasskeyRecoveryProcess, buttonVariant: 'brand-primary', color: 'primary', typographyProps: {
+    return (jsxs("div", { className: classNames('secure-turnkey-wallet-card', className), children: [jsx(Typography, { variant: 'body_small', weight: 'regular', className: 'secure-turnkey-wallet-card__text', color: 'primary', children: t('dyn_secure_pregenerated_wallet.description') }), jsx(Button, { onClick: initPasskeyRecoveryProcess, buttonVariant: 'brand-primary', color: 'primary', typographyProps: {
                     color: 'inherit',
                 }, showInternalLoading: false, children: t('dyn_secure_pregenerated_wallet.secure_button') })] }));
 };

package/src/lib/context/FundingContext/FundingContext.cjs

@@ -30,6 +30,32 @@ const FundingContextProvider = ({ children, }) => {
     const [fundingUrl, setFundingUrl] = React.useState('');
     const { environmentId, network, primaryWallet, projectSettings } = useInternalDynamicContext.useInternalDynamicContext();
     const fundingEnabled = (_b = (_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.providers) === null || _a === void 0 ? void 0 : _a.some((p) => isOnrampProvider.isOnrampProvider(p) && Boolean(p.enabledAt))) !== null && _b !== void 0 ? _b : false;
+    const updateSupportsFunding = React.useCallback(({ address, token } = {}) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        var _c;
+        if (!fundingEnabled)
+            return;
+        if (!primaryWallet)
+            return;
+        const chainName = (_c = walletConnectorCore.getChainInfo(primaryWallet.chain)) === null || _c === void 0 ? void 0 : _c.name;
+        if (!chainName)
+            return;
+        try {
+            const [{ url }] = yield api.getOnrampProviders({
+                chain: chainName,
+                environmentId,
+                networkId: network ? network.toString() : undefined,
+                token,
+                walletAddress: address ? address : primaryWallet.address,
+            });
+            if (!url)
+                throw new Error('No onramp url found');
+            setFundingUrl(url);
+            setSupportsFunding(true);
+        }
+        catch (error) {
+            setSupportsFunding(false);
+        }
+    }), [environmentId, fundingEnabled, network, primaryWallet]);
     const value = React.useMemo(() => ({
         fundingEnabled,
         fundingRef,
@@ -37,35 +63,17 @@ const FundingContextProvider = ({ children, }) => {
         setShowFunding,
         showFunding,
         supportsFunding,
-    }), [fundingEnabled, fundingUrl, showFunding, supportsFunding]);
+        updateSupportsFunding,
+    }), [
+        fundingEnabled,
+        fundingUrl,
+        showFunding,
+        supportsFunding,
+        updateSupportsFunding,
+    ]);
     React.useEffect(() => {
-        const updateSupportsFunding = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-            var _a;
-            if (!fundingEnabled)
-                return;
-            if (!primaryWallet)
-                return;
-            const chainName = (_a = walletConnectorCore.getChainInfo(primaryWallet.chain)) === null || _a === void 0 ? void 0 : _a.name;
-            if (!chainName)
-                return;
-            try {
-                const [{ url }] = yield api.getOnrampProviders({
-                    chain: chainName,
-                    environmentId,
-                    networkId: network ? network.toString() : undefined,
-                    walletAddress: primaryWallet.address,
-                });
-                if (!url)
-                    throw new Error('No onramp url found');
-                setFundingUrl(url);
-                setSupportsFunding(true);
-            }
-            catch (error) {
-                setSupportsFunding(false);
-            }
-        });
         updateSupportsFunding();
-    }, [primaryWallet, network, environmentId, fundingEnabled]);
+    }, [environmentId, fundingEnabled, network, primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.address]);
     return (jsxRuntime.jsx(FundingContext.Provider, { value: value, children: children }));
 };
 const useFundingContext = () => {

package/src/lib/context/FundingContext/FundingContext.d.ts

@@ -1,5 +1,9 @@
 import { ReactNode, SetStateAction, Dispatch } from 'react';
 export type FundingContextProps = {
+    updateSupportsFunding: (props?: {
+        address?: string;
+        token?: string;
+    }) => Promise<void>;
     fundingEnabled: boolean;
     fundingRef: React.RefObject<HTMLDivElement>;
     fundingUrl: string;

package/src/lib/context/FundingContext/FundingContext.js

@@ -1,6 +1,6 @@
 import { __awaiter } from '../../../../_virtual/_tslib.js';
 import { jsx } from 'react/jsx-runtime';
-import { createContext, useContext, useRef, useState, useMemo, useEffect } from 'react';
+import { createContext, useContext, useRef, useState, useCallback, useMemo, useEffect } from 'react';
 import { getChainInfo } from '@dynamic-labs/wallet-connector-core';
 import { getOnrampProviders } from '../../data/api.js';
 import { useInternalDynamicContext } from '../DynamicContext/useInternalDynamicContext.js';
@@ -26,6 +26,32 @@ const FundingContextProvider = ({ children, }) => {
     const [fundingUrl, setFundingUrl] = useState('');
     const { environmentId, network, primaryWallet, projectSettings } = useInternalDynamicContext();
     const fundingEnabled = (_b = (_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.providers) === null || _a === void 0 ? void 0 : _a.some((p) => isOnrampProvider(p) && Boolean(p.enabledAt))) !== null && _b !== void 0 ? _b : false;
+    const updateSupportsFunding = useCallback(({ address, token } = {}) => __awaiter(void 0, void 0, void 0, function* () {
+        var _c;
+        if (!fundingEnabled)
+            return;
+        if (!primaryWallet)
+            return;
+        const chainName = (_c = getChainInfo(primaryWallet.chain)) === null || _c === void 0 ? void 0 : _c.name;
+        if (!chainName)
+            return;
+        try {
+            const [{ url }] = yield getOnrampProviders({
+                chain: chainName,
+                environmentId,
+                networkId: network ? network.toString() : undefined,
+                token,
+                walletAddress: address ? address : primaryWallet.address,
+            });
+            if (!url)
+                throw new Error('No onramp url found');
+            setFundingUrl(url);
+            setSupportsFunding(true);
+        }
+        catch (error) {
+            setSupportsFunding(false);
+        }
+    }), [environmentId, fundingEnabled, network, primaryWallet]);
     const value = useMemo(() => ({
         fundingEnabled,
         fundingRef,
@@ -33,35 +59,17 @@ const FundingContextProvider = ({ children, }) => {
         setShowFunding,
         showFunding,
         supportsFunding,
-    }), [fundingEnabled, fundingUrl, showFunding, supportsFunding]);
+        updateSupportsFunding,
+    }), [
+        fundingEnabled,
+        fundingUrl,
+        showFunding,
+        supportsFunding,
+        updateSupportsFunding,
+    ]);
     useEffect(() => {
-        const updateSupportsFunding = () => __awaiter(void 0, void 0, void 0, function* () {
-            var _a;
-            if (!fundingEnabled)
-                return;
-            if (!primaryWallet)
-                return;
-            const chainName = (_a = getChainInfo(primaryWallet.chain)) === null || _a === void 0 ? void 0 : _a.name;
-            if (!chainName)
-                return;
-            try {
-                const [{ url }] = yield getOnrampProviders({
-                    chain: chainName,
-                    environmentId,
-                    networkId: network ? network.toString() : undefined,
-                    walletAddress: primaryWallet.address,
-                });
-                if (!url)
-                    throw new Error('No onramp url found');
-                setFundingUrl(url);
-                setSupportsFunding(true);
-            }
-            catch (error) {
-                setSupportsFunding(false);
-            }
-        });
         updateSupportsFunding();
-    }, [primaryWallet, network, environmentId, fundingEnabled]);
+    }, [environmentId, fundingEnabled, network, primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.address]);
     return (jsx(FundingContext.Provider, { value: value, children: children }));
 };
 const useFundingContext = () => {

package/src/lib/context/FundingContext/index.d.ts

@@ -1 +1,2 @@
 export * from './FundingContext';
+export * from './useFunding';

package/src/lib/context/FundingContext/useFunding/index.d.ts

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

package/src/lib/context/FundingContext/useFunding/useFunding.cjs

@@ -0,0 +1,39 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _tslib = require('../../../../../_virtual/_tslib.cjs');
+var React = require('react');
+var utils = require('@dynamic-labs/utils');
+var FundingContext = require('../FundingContext.cjs');
+
+const useFunding = () => {
+    const promiseRef = React.useRef(null);
+    const { fundingEnabled, setShowFunding, showFunding, updateSupportsFunding } = FundingContext.useFundingContext();
+    const openFunding = ({ address, token } = {}) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        if (!fundingEnabled) {
+            throw new Error('Funding is not enabled');
+        }
+        if (promiseRef.current) {
+            return promiseRef.current.promise;
+        }
+        if (address || token) {
+            yield updateSupportsFunding({ address, token });
+        }
+        promiseRef.current = new utils.DeferredPromise();
+        setShowFunding(true);
+        return promiseRef.current.promise;
+    });
+    React.useEffect(() => {
+        if (!showFunding && promiseRef.current) {
+            promiseRef.current.resolve();
+            promiseRef.current = null;
+        }
+    }, [showFunding]);
+    return {
+        enabled: fundingEnabled,
+        openFunding,
+    };
+};
+
+exports.useFunding = useFunding;

package/src/lib/context/FundingContext/useFunding/useFunding.d.ts

@@ -0,0 +1,9 @@
+type OpenFundingProps = {
+    address?: string;
+    token?: string;
+};
+export declare const useFunding: () => {
+    enabled: boolean;
+    openFunding: ({ address, token }?: OpenFundingProps) => Promise<void>;
+};
+export {};

package/src/lib/context/FundingContext/useFunding/useFunding.js

@@ -0,0 +1,35 @@
+import { __awaiter } from '../../../../../_virtual/_tslib.js';
+import { useRef, useEffect } from 'react';
+import { DeferredPromise } from '@dynamic-labs/utils';
+import { useFundingContext } from '../FundingContext.js';
+
+const useFunding = () => {
+    const promiseRef = useRef(null);
+    const { fundingEnabled, setShowFunding, showFunding, updateSupportsFunding } = useFundingContext();
+    const openFunding = ({ address, token } = {}) => __awaiter(void 0, void 0, void 0, function* () {
+        if (!fundingEnabled) {
+            throw new Error('Funding is not enabled');
+        }
+        if (promiseRef.current) {
+            return promiseRef.current.promise;
+        }
+        if (address || token) {
+            yield updateSupportsFunding({ address, token });
+        }
+        promiseRef.current = new DeferredPromise();
+        setShowFunding(true);
+        return promiseRef.current.promise;
+    });
+    useEffect(() => {
+        if (!showFunding && promiseRef.current) {
+            promiseRef.current.resolve();
+            promiseRef.current = null;
+        }
+    }, [showFunding]);
+    return {
+        enabled: fundingEnabled,
+        openFunding,
+    };
+};
+
+export { useFunding };