@dynamic-labs/sdk-react-core 0.16.0

package/src/lib/utils/hooks/useFetchWalletsForChainsMap/useFetchWalletsForChainsMap.cjs.js

@@ -0,0 +1,30 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+require('@dynamic-labs/sdk-api');
+require('../../../shared/logger.cjs.js');
+require('@dynamic-labs/iconic');
+require('@dynamic-labs/multi-wallet');
+require('react/jsx-runtime');
+require('../../../context/ViewContext/ViewContext.cjs.js');
+require('../../constants/colors.cjs.js');
+var index = require('../../../shared/consts/index.cjs.js');
+
+const useFetchWalletsForChainsMap = (propsWalletsChainsMap) => {
+    const walletsForChainsMap = index.defaultWalletsForChains;
+    // Update default map only if is setup
+    React.useEffect(() => {
+        if (propsWalletsChainsMap) {
+            Object.assign(walletsForChainsMap, {
+                primary_chain: propsWalletsChainsMap.primary_chain,
+                wallets: Object.assign(Object.assign({}, index.defaultWalletsForChains.wallets), (Boolean(propsWalletsChainsMap.wallets) &&
+                    propsWalletsChainsMap.wallets)),
+            });
+        }
+    }, []);
+    return { walletsForChainsMap };
+};
+
+exports.useFetchWalletsForChainsMap = useFetchWalletsForChainsMap;

package/src/lib/utils/hooks/useFetchWalletsForChainsMap/useFetchWalletsForChainsMap.d.ts

@@ -0,0 +1,4 @@
+import { ChainToWalletMap } from '../../../shared';
+export declare const useFetchWalletsForChainsMap: (propsWalletsChainsMap: ChainToWalletMap | undefined) => {
+    walletsForChainsMap: ChainToWalletMap;
+};

package/src/lib/utils/hooks/useFetchWalletsForChainsMap/useFetchWalletsForChainsMap.es.js

@@ -0,0 +1,26 @@
+import { useEffect } from 'react';
+import '@dynamic-labs/sdk-api';
+import '../../../shared/logger.es.js';
+import '@dynamic-labs/iconic';
+import '@dynamic-labs/multi-wallet';
+import 'react/jsx-runtime';
+import '../../../context/ViewContext/ViewContext.es.js';
+import '../../constants/colors.es.js';
+import { defaultWalletsForChains } from '../../../shared/consts/index.es.js';
+
+const useFetchWalletsForChainsMap = (propsWalletsChainsMap) => {
+    const walletsForChainsMap = defaultWalletsForChains;
+    // Update default map only if is setup
+    useEffect(() => {
+        if (propsWalletsChainsMap) {
+            Object.assign(walletsForChainsMap, {
+                primary_chain: propsWalletsChainsMap.primary_chain,
+                wallets: Object.assign(Object.assign({}, defaultWalletsForChains.wallets), (Boolean(propsWalletsChainsMap.wallets) &&
+                    propsWalletsChainsMap.wallets)),
+            });
+        }
+    }, []);
+    return { walletsForChainsMap };
+};
+
+export { useFetchWalletsForChainsMap };

package/src/lib/utils/hooks/useForceUpdate/index.d.ts

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

package/src/lib/utils/hooks/useForceUpdate/useForceUpdate.cjs.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+const useForceUpdate = () => {
+    const [, setValue] = React.useState(0);
+    return () => setValue((value) => value + 1);
+};
+
+exports.useForceUpdate = useForceUpdate;

package/src/lib/utils/hooks/useForceUpdate/useForceUpdate.d.ts

@@ -0,0 +1 @@
+export declare const useForceUpdate: () => () => void;

package/src/lib/utils/hooks/useForceUpdate/useForceUpdate.es.js

@@ -0,0 +1,8 @@
+import { useState } from 'react';
+
+const useForceUpdate = () => {
+    const [, setValue] = useState(0);
+    return () => setValue((value) => value + 1);
+};
+
+export { useForceUpdate };

package/src/lib/utils/hooks/useHandleUnlinkWallet/index.d.ts

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

package/src/lib/utils/hooks/useHandleUnlinkWallet/useHandleUnlinkWallet.cjs.js

@@ -0,0 +1,40 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _tslib = require('../../../../../_virtual/_tslib.cjs.js');
+var React = require('react');
+var handleUnlinkHelper = require('../../functions/handleUnlinkHelper/handleUnlinkHelper.cjs.js');
+var isSameWalletName = require('../../functions/isSameWalletName/isSameWalletName.cjs.js');
+
+const useHandleUnlinkWallet = ({ verifiedCredentials, environmentId, primaryWalletId, secondaryWallets, setUser, }) => {
+    const callback = React.useCallback((walletId) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        var _a, _b;
+        if (walletId === primaryWalletId)
+            return;
+        const newUser = yield handleUnlinkHelper.handleUnlinkHelper({
+            environmentId,
+            primaryWalletId,
+            walletId,
+        });
+        if (newUser) {
+            setUser(newUser);
+        }
+        const wallet = secondaryWallets.find((w) => w.id === walletId);
+        const numberOfLinkedWallets = verifiedCredentials.filter((account) => account.walletName &&
+            isSameWalletName.isSameWalletName(account.walletName, (wallet === null || wallet === void 0 ? void 0 : wallet.connector.name) || '')).length;
+        // If there's only 1, it's the one being removed and we can kill the session
+        if (numberOfLinkedWallets === 1) {
+            yield ((_b = wallet === null || wallet === void 0 ? void 0 : (_a = wallet.connector).endSession) === null || _b === void 0 ? void 0 : _b.call(_a));
+        }
+    }), [
+        primaryWalletId,
+        environmentId,
+        secondaryWallets,
+        setUser,
+        verifiedCredentials,
+    ]);
+    return callback;
+};
+
+exports.useHandleUnlinkWallet = useHandleUnlinkWallet;

package/src/lib/utils/hooks/useHandleUnlinkWallet/useHandleUnlinkWallet.d.ts

@@ -0,0 +1,12 @@
+import { Dispatch, SetStateAction } from 'react';
+import { JwtVerifiedCredential } from '@dynamic-labs/sdk-api';
+import { UserProfile, Wallet } from '../../../shared';
+type UseHandleUnlinkProps = {
+    environmentId: string;
+    primaryWalletId: string | undefined;
+    secondaryWallets: Wallet[];
+    setUser: Dispatch<SetStateAction<UserProfile | undefined>>;
+    verifiedCredentials: JwtVerifiedCredential[];
+};
+export declare const useHandleUnlinkWallet: ({ verifiedCredentials, environmentId, primaryWalletId, secondaryWallets, setUser, }: UseHandleUnlinkProps) => (walletId: string) => Promise<void>;
+export {};

package/src/lib/utils/hooks/useHandleUnlinkWallet/useHandleUnlinkWallet.es.js

@@ -0,0 +1,36 @@
+import { __awaiter } from '../../../../../_virtual/_tslib.es.js';
+import { useCallback } from 'react';
+import { handleUnlinkHelper } from '../../functions/handleUnlinkHelper/handleUnlinkHelper.es.js';
+import { isSameWalletName } from '../../functions/isSameWalletName/isSameWalletName.es.js';
+
+const useHandleUnlinkWallet = ({ verifiedCredentials, environmentId, primaryWalletId, secondaryWallets, setUser, }) => {
+    const callback = useCallback((walletId) => __awaiter(void 0, void 0, void 0, function* () {
+        var _a, _b;
+        if (walletId === primaryWalletId)
+            return;
+        const newUser = yield handleUnlinkHelper({
+            environmentId,
+            primaryWalletId,
+            walletId,
+        });
+        if (newUser) {
+            setUser(newUser);
+        }
+        const wallet = secondaryWallets.find((w) => w.id === walletId);
+        const numberOfLinkedWallets = verifiedCredentials.filter((account) => account.walletName &&
+            isSameWalletName(account.walletName, (wallet === null || wallet === void 0 ? void 0 : wallet.connector.name) || '')).length;
+        // If there's only 1, it's the one being removed and we can kill the session
+        if (numberOfLinkedWallets === 1) {
+            yield ((_b = wallet === null || wallet === void 0 ? void 0 : (_a = wallet.connector).endSession) === null || _b === void 0 ? void 0 : _b.call(_a));
+        }
+    }), [
+        primaryWalletId,
+        environmentId,
+        secondaryWallets,
+        setUser,
+        verifiedCredentials,
+    ]);
+    return callback;
+};
+
+export { useHandleUnlinkWallet };

package/src/lib/utils/hooks/useHover/index.d.ts

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

package/src/lib/utils/hooks/useHover/useHover.cjs.js

@@ -0,0 +1,18 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+const useHover = (initialValue = false, falseOnClick = false) => {
+    const [hover, setHover] = React.useState(initialValue);
+    const handlers = {
+        onMouseDown: () => setHover(true),
+        onMouseEnter: () => setHover(true),
+        onMouseLeave: () => setHover(false),
+        onMouseUp: () => setHover(falseOnClick),
+    };
+    return [hover, handlers];
+};
+
+exports.useHover = useHover;

package/src/lib/utils/hooks/useHover/useHover.d.ts

@@ -0,0 +1,2 @@
+import { HoverHook } from './useHover.types';
+export declare const useHover: HoverHook;

package/src/lib/utils/hooks/useHover/useHover.es.js

@@ -0,0 +1,14 @@
+import { useState } from 'react';
+
+const useHover = (initialValue = false, falseOnClick = false) => {
+    const [hover, setHover] = useState(initialValue);
+    const handlers = {
+        onMouseDown: () => setHover(true),
+        onMouseEnter: () => setHover(true),
+        onMouseLeave: () => setHover(false),
+        onMouseUp: () => setHover(falseOnClick),
+    };
+    return [hover, handlers];
+};
+
+export { useHover };

package/src/lib/utils/hooks/useHover/useHover.types.d.ts

@@ -0,0 +1,7 @@
+export type MouseEventHandlers = {
+    onMouseDown: () => void;
+    onMouseEnter: () => void;
+    onMouseLeave: () => void;
+    onMouseUp: () => void;
+};
+export type HoverHook = (initialValue?: boolean, falseOnClick?: boolean) => [boolean, MouseEventHandlers];

package/src/lib/utils/hooks/useIsFirstRender/index.d.ts

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

package/src/lib/utils/hooks/useIsFirstRender/useIsFirstRender.cjs.js

@@ -0,0 +1,16 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+const useIsFirstRender = () => {
+    const isFirst = React.useRef(true);
+    if (isFirst.current) {
+        isFirst.current = false;
+        return true;
+    }
+    return isFirst.current;
+};
+
+exports.useIsFirstRender = useIsFirstRender;

package/src/lib/utils/hooks/useIsFirstRender/useIsFirstRender.d.ts

@@ -0,0 +1 @@
+export declare const useIsFirstRender: () => boolean;

package/src/lib/utils/hooks/useIsFirstRender/useIsFirstRender.es.js

@@ -0,0 +1,12 @@
+import { useRef } from 'react';
+
+const useIsFirstRender = () => {
+    const isFirst = useRef(true);
+    if (isFirst.current) {
+        isFirst.current = false;
+        return true;
+    }
+    return isFirst.current;
+};
+
+export { useIsFirstRender };

package/src/lib/utils/hooks/useKYCFlag/index.d.ts

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

package/src/lib/utils/hooks/useKYCFlag/useKYCFlag.cjs.js

@@ -0,0 +1,17 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var useInternalDynamicContext = require('../../../context/DynamicContext/useInternalDynamicContext.cjs.js');
+var index = require('../../functions/getEnabledKYC/index.cjs.js');
+var useOnlyConnectedMode = require('../useOnlyConnectedMode/useOnlyConnectedMode.cjs.js');
+
+const useKYCFlag = () => {
+    var _a;
+    const isOnlyConnected = useOnlyConnectedMode.useOnlyConnectedMode();
+    const { projectSettings } = useInternalDynamicContext.useInternalDynamicContext();
+    const hasKYCSettings = (_a = index.getEnabledKYC(projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.kyc)) === null || _a === void 0 ? void 0 : _a.length;
+    return !isOnlyConnected && Boolean(hasKYCSettings);
+};
+
+exports.useKYCFlag = useKYCFlag;

package/src/lib/utils/hooks/useKYCFlag/useKYCFlag.d.ts

@@ -0,0 +1 @@
+export declare const useKYCFlag: () => boolean;

package/src/lib/utils/hooks/useKYCFlag/useKYCFlag.es.js

@@ -0,0 +1,13 @@
+import { useInternalDynamicContext } from '../../../context/DynamicContext/useInternalDynamicContext.es.js';
+import { getEnabledKYC } from '../../functions/getEnabledKYC/index.es.js';
+import { useOnlyConnectedMode } from '../useOnlyConnectedMode/useOnlyConnectedMode.es.js';
+
+const useKYCFlag = () => {
+    var _a;
+    const isOnlyConnected = useOnlyConnectedMode();
+    const { projectSettings } = useInternalDynamicContext();
+    const hasKYCSettings = (_a = getEnabledKYC(projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.kyc)) === null || _a === void 0 ? void 0 : _a.length;
+    return !isOnlyConnected && Boolean(hasKYCSettings);
+};
+
+export { useKYCFlag };

package/src/lib/utils/hooks/useKeyboardEventListener/index.d.ts

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

package/src/lib/utils/hooks/useKeyboardEventListener/useKeyboardEventListener.cjs.js

@@ -0,0 +1,23 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+const useKeyboardEventListener = ({ disabled, inputKey, onKeyPressed, }) => {
+    const handleKeydown = React.useCallback((evt) => {
+        if (disabled)
+            return;
+        if (evt.key === inputKey) {
+            onKeyPressed();
+        }
+    }, [disabled, inputKey, onKeyPressed]);
+    React.useEffect(() => {
+        document.addEventListener('keydown', handleKeydown);
+        return () => {
+            document.removeEventListener('keydown', handleKeydown);
+        };
+    }, [handleKeydown]);
+};
+
+exports.useKeyboardEventListener = useKeyboardEventListener;

package/src/lib/utils/hooks/useKeyboardEventListener/useKeyboardEventListener.d.ts

@@ -0,0 +1,8 @@
+type InputKeyType = 'Escape';
+type UseKeyboardEventListenerProps = {
+    disabled?: boolean;
+    inputKey: InputKeyType;
+    onKeyPressed: () => void;
+};
+export declare const useKeyboardEventListener: ({ disabled, inputKey, onKeyPressed, }: UseKeyboardEventListenerProps) => void;
+export {};

package/src/lib/utils/hooks/useKeyboardEventListener/useKeyboardEventListener.es.js

@@ -0,0 +1,19 @@
+import { useCallback, useEffect } from 'react';
+
+const useKeyboardEventListener = ({ disabled, inputKey, onKeyPressed, }) => {
+    const handleKeydown = useCallback((evt) => {
+        if (disabled)
+            return;
+        if (evt.key === inputKey) {
+            onKeyPressed();
+        }
+    }, [disabled, inputKey, onKeyPressed]);
+    useEffect(() => {
+        document.addEventListener('keydown', handleKeydown);
+        return () => {
+            document.removeEventListener('keydown', handleKeydown);
+        };
+    }, [handleKeydown]);
+};
+
+export { useKeyboardEventListener };

package/src/lib/utils/hooks/useKeyboardHeight/index.d.ts

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

package/src/lib/utils/hooks/useKeyboardHeight/useKeyboardHeight.d.ts

@@ -0,0 +1,2 @@
+import { KeyboardHeightHook } from './useKeyboardHeight.types';
+export declare const useKeyboardHeight: KeyboardHeightHook;

package/src/lib/utils/hooks/useKeyboardHeight/useKeyboardHeight.types.d.ts

@@ -0,0 +1,6 @@
+export type WindowTarget = Pick<typeof window, 'innerHeight' | 'innerWidth' | 'addEventListener' | 'removeEventListener'>;
+export type KeyboardHeightHookProps = {
+    minHeightThreshold?: number;
+    target?: WindowTarget;
+};
+export type KeyboardHeightHook = (props?: KeyboardHeightHookProps) => [number];

package/src/lib/utils/hooks/useKeyboardHeight/utils/getWindowSize/getWindowSize.d.ts

@@ -0,0 +1,3 @@
+import { WindowTarget } from '../../useKeyboardHeight.types';
+import { WindowSize } from './getWindowSize.types';
+export declare const getWindowSize: (target: WindowTarget) => WindowSize;

package/src/lib/utils/hooks/useKeyboardHeight/utils/getWindowSize/getWindowSize.types.d.ts

@@ -0,0 +1,4 @@
+export type WindowSize = {
+    height: number;
+    width: number;
+};

package/src/lib/utils/hooks/useKeyboardHeight/utils/getWindowSize/index.d.ts

@@ -0,0 +1,2 @@
+export { getWindowSize } from './getWindowSize';
+export type { WindowSize } from './getWindowSize.types';

package/src/lib/utils/hooks/useKeyboardHeight/utils/index.d.ts

@@ -0,0 +1 @@
+export * from './getWindowSize';

package/src/lib/utils/hooks/useMultiWalletFlag/index.d.ts

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

package/src/lib/utils/hooks/useMultiWalletFlag/useMultiWalletFlag.cjs.js

@@ -0,0 +1,36 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var useInternalDynamicContext = require('../../../context/DynamicContext/useInternalDynamicContext.cjs.js');
+require('@dynamic-labs/sdk-api');
+require('../../../shared/logger.cjs.js');
+require('@dynamic-labs/iconic');
+require('@dynamic-labs/multi-wallet');
+require('react/jsx-runtime');
+require('../../../context/ViewContext/ViewContext.cjs.js');
+require('react');
+var isSSR = require('../../../shared/utils/functions/isSSR/isSSR.cjs.js');
+require('../../constants/colors.cjs.js');
+require('../../../shared/consts/index.cjs.js');
+var useOnlyConnectedMode = require('../useOnlyConnectedMode/useOnlyConnectedMode.cjs.js');
+
+const isMultiWalletEnabledInURL = () => {
+    const flag = 'multiwallet.widget';
+    const searchParams = new URLSearchParams(!isSSR.isSSR() ? window.location.search : '');
+    // by default, enable the widget
+    if (!searchParams.has(flag)) {
+        return true;
+    }
+    return searchParams.get(flag) === 'true';
+};
+const useMultiWalletFlag = () => {
+    const { multiWallet: isMultiWalletEnabled } = useInternalDynamicContext.useInternalDynamicContext();
+    const isOnlyConnected = useOnlyConnectedMode.useOnlyConnectedMode();
+    if (isOnlyConnected)
+        return false;
+    return isMultiWalletEnabled && isMultiWalletEnabledInURL();
+};
+
+exports.isMultiWalletEnabledInURL = isMultiWalletEnabledInURL;
+exports.useMultiWalletFlag = useMultiWalletFlag;

package/src/lib/utils/hooks/useMultiWalletFlag/useMultiWalletFlag.d.ts

@@ -0,0 +1,2 @@
+export declare const isMultiWalletEnabledInURL: () => boolean;
+export declare const useMultiWalletFlag: () => boolean;

package/src/lib/utils/hooks/useMultiWalletFlag/useMultiWalletFlag.es.js

@@ -0,0 +1,31 @@
+import { useInternalDynamicContext } from '../../../context/DynamicContext/useInternalDynamicContext.es.js';
+import '@dynamic-labs/sdk-api';
+import '../../../shared/logger.es.js';
+import '@dynamic-labs/iconic';
+import '@dynamic-labs/multi-wallet';
+import 'react/jsx-runtime';
+import '../../../context/ViewContext/ViewContext.es.js';
+import 'react';
+import { isSSR } from '../../../shared/utils/functions/isSSR/isSSR.es.js';
+import '../../constants/colors.es.js';
+import '../../../shared/consts/index.es.js';
+import { useOnlyConnectedMode } from '../useOnlyConnectedMode/useOnlyConnectedMode.es.js';
+
+const isMultiWalletEnabledInURL = () => {
+    const flag = 'multiwallet.widget';
+    const searchParams = new URLSearchParams(!isSSR() ? window.location.search : '');
+    // by default, enable the widget
+    if (!searchParams.has(flag)) {
+        return true;
+    }
+    return searchParams.get(flag) === 'true';
+};
+const useMultiWalletFlag = () => {
+    const { multiWallet: isMultiWalletEnabled } = useInternalDynamicContext();
+    const isOnlyConnected = useOnlyConnectedMode();
+    if (isOnlyConnected)
+        return false;
+    return isMultiWalletEnabled && isMultiWalletEnabledInURL();
+};
+
+export { isMultiWalletEnabledInURL, useMultiWalletFlag };

package/src/lib/utils/hooks/useMutation/index.d.ts

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

package/src/lib/utils/hooks/useMutation/useMutation.cjs.js

@@ -0,0 +1,54 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _tslib = require('../../../../../_virtual/_tslib.cjs.js');
+var React = require('react');
+var multiWallet = require('@dynamic-labs/multi-wallet');
+
+const useMutation = (mutation, options = {}) => {
+    const [state, setState] = React.useState({
+        isLoading: false,
+    });
+    const mutate = React.useCallback((variables) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        var _a, _b;
+        let data;
+        setState({
+            isLoading: true,
+        });
+        try {
+            const mutationResult = mutation(variables);
+            if (mutationResult instanceof Promise) {
+                data = yield mutationResult;
+            }
+            else {
+                data = mutationResult;
+            }
+            setState({
+                data,
+                isLoading: false,
+            });
+            try {
+                (_a = options === null || options === void 0 ? void 0 : options.onSuccess) === null || _a === void 0 ? void 0 : _a.call(options, data, variables);
+            }
+            catch (err) {
+                multiWallet.logger.error(err);
+            }
+            return data;
+        }
+        catch (error) {
+            setState({ error: error, isLoading: false });
+            multiWallet.logger.error(error);
+            try {
+                (_b = options === null || options === void 0 ? void 0 : options.onFailure) === null || _b === void 0 ? void 0 : _b.call(options, error, variables);
+            }
+            catch (err) {
+                multiWallet.logger.error(err);
+            }
+        }
+        return undefined;
+    }), [mutation, options]);
+    return Object.assign(Object.assign({}, state), { hasData: Boolean(state.data), hasError: Boolean(state.error), mutate });
+};
+
+exports.useMutation = useMutation;

package/src/lib/utils/hooks/useMutation/useMutation.d.ts

@@ -0,0 +1,16 @@
+type MutationHookOptions<TData, TError, TVariables> = {
+    onFailure?: (error: TError, variables: TVariables) => void;
+    onSuccess?: (data: TData, variables: TVariables) => void;
+};
+type MutateFunction<TData = unknown, TVariables = unknown> = (variables: TVariables) => TData | Promise<TData>;
+type UseMutateFunction<TData = unknown, TVariables = unknown> = (...args: Parameters<MutateFunction<TData, TVariables>>) => void;
+type MutationHookResult<TData = unknown, TError = unknown, TVariables = unknown> = {
+    data?: TData;
+    error?: TError;
+    hasData: boolean;
+    hasError: boolean;
+    isLoading: boolean;
+    mutate: UseMutateFunction<TData, TVariables>;
+};
+export declare const useMutation: <TData = unknown, TError = unknown, TVariables = void>(mutation: MutateFunction<TData, TVariables>, options?: MutationHookOptions<TData, TError, TVariables>) => MutationHookResult<TData, TError, TVariables>;
+export {};

package/src/lib/utils/hooks/useMutation/useMutation.es.js

@@ -0,0 +1,50 @@
+import { __awaiter } from '../../../../../_virtual/_tslib.es.js';
+import { useState, useCallback } from 'react';
+import { logger } from '@dynamic-labs/multi-wallet';
+
+const useMutation = (mutation, options = {}) => {
+    const [state, setState] = useState({
+        isLoading: false,
+    });
+    const mutate = useCallback((variables) => __awaiter(void 0, void 0, void 0, function* () {
+        var _a, _b;
+        let data;
+        setState({
+            isLoading: true,
+        });
+        try {
+            const mutationResult = mutation(variables);
+            if (mutationResult instanceof Promise) {
+                data = yield mutationResult;
+            }
+            else {
+                data = mutationResult;
+            }
+            setState({
+                data,
+                isLoading: false,
+            });
+            try {
+                (_a = options === null || options === void 0 ? void 0 : options.onSuccess) === null || _a === void 0 ? void 0 : _a.call(options, data, variables);
+            }
+            catch (err) {
+                logger.error(err);
+            }
+            return data;
+        }
+        catch (error) {
+            setState({ error: error, isLoading: false });
+            logger.error(error);
+            try {
+                (_b = options === null || options === void 0 ? void 0 : options.onFailure) === null || _b === void 0 ? void 0 : _b.call(options, error, variables);
+            }
+            catch (err) {
+                logger.error(err);
+            }
+        }
+        return undefined;
+    }), [mutation, options]);
+    return Object.assign(Object.assign({}, state), { hasData: Boolean(state.data), hasError: Boolean(state.error), mutate });
+};
+
+export { useMutation };

package/src/lib/utils/hooks/useOnlyConnectedMode/index.d.ts

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

package/src/lib/utils/hooks/useOnlyConnectedMode/useOnlyConnectedMode.cjs.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var useInternalDynamicContext = require('../../../context/DynamicContext/useInternalDynamicContext.cjs.js');
+
+const useOnlyConnectedMode = () => {
+    const { authMode, user } = useInternalDynamicContext.useInternalDynamicContext();
+    return authMode === 'connect-only' && !user;
+};
+
+exports.useOnlyConnectedMode = useOnlyConnectedMode;

package/src/lib/utils/hooks/useOnlyConnectedMode/useOnlyConnectedMode.d.ts

@@ -0,0 +1 @@
+export declare const useOnlyConnectedMode: () => boolean;

package/src/lib/utils/hooks/useOnlyConnectedMode/useOnlyConnectedMode.es.js

@@ -0,0 +1,8 @@
+import { useInternalDynamicContext } from '../../../context/DynamicContext/useInternalDynamicContext.es.js';
+
+const useOnlyConnectedMode = () => {
+    const { authMode, user } = useInternalDynamicContext();
+    return authMode === 'connect-only' && !user;
+};
+
+export { useOnlyConnectedMode };