@arthur2079/internal-profile 4.1.2-next.5 → 5.1.2

package/dist/components/StackModal/index.js

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

package/dist/components/WalletItem/WalletItem.d.ts

@@ -0,0 +1,3 @@
+import type { WalletItemProps } from './WalletItem.types';
+import type { FunctionComponent } from 'react';
+export declare const WalletItem: FunctionComponent<WalletItemProps>;

package/dist/components/WalletItem/WalletItem.js

@@ -0,0 +1,60 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { SOCIAL_WALLET_TYPE } from '@arthur2079/internal-social-wallet';
+import { Image, Typography, WalletState } from '@rango-dev/ui';
+import { detectInstallLink } from '@rango-dev/wallets-shared';
+import { useWallets } from '@rango-dev/widget-embedded';
+import { useTranslation } from 'react-i18next';
+import { ImageContainer, LogoContainer, logoContainerStyles, Spinner, WalletItemContainer, } from './WalletItem.styles';
+export const WalletItem = ({ wallet, handleClick, disabled, disablePartialState, }) => {
+    const { title, image, link } = wallet;
+    const { t } = useTranslation();
+    const { state } = useWallets();
+    const connecting = wallet.state === WalletState.CONNECTING;
+    const notInstalled = wallet.state === WalletState.NOT_INSTALLED;
+    const ParentComp = (props) => {
+        const containerStyles = {
+            display: 'flex',
+            justifyContent: 'flex-start',
+            textAlign: 'center',
+            position: 'relative',
+            // TODO: As this component always receives disabled prop as false, we can remove this
+            ...(disabled && {
+                filter: 'grayscale(1)',
+                pointerEvents: 'none',
+            }),
+        };
+        return notInstalled ? (_jsx("a", { href: detectInstallLink(link), target: "_blank", rel: "noreferrer", style: containerStyles, children: props.children })) : (_jsx("div", { onClick: () => handleClick(wallet), style: containerStyles, children: props.children }));
+    };
+    function renderConnectingState() {
+        return (_jsx(Typography, { variant: "body", size: "xsmall", color: "info500", children: _jsx("b", { children: t('Connecting...') }) }));
+    }
+    function renderConnectedState() {
+        return (_jsx(Typography, { variant: "body", size: "xsmall", color: "success500", children: _jsx("b", { children: t('Connected') }) }));
+    }
+    function renderPartiallyConnectedState() {
+        if (!disablePartialState) {
+            return (_jsx(Typography, { variant: "body", size: "xsmall", color: "warning500", children: _jsx("b", { children: t('Connected Partially') }) }));
+        }
+        const namespacesState = state(wallet.type)?.namespaces;
+        if (!namespacesState ||
+            !Array.from(namespacesState.values()).some((namespace) => namespace.connecting)) {
+            return renderConnectedState();
+        }
+        return renderConnectingState();
+    }
+    const renderWalletState = () => {
+        switch (wallet.state) {
+            case WalletState.NOT_INSTALLED:
+                return (_jsx(Typography, { variant: "body", size: "xsmall", color: "info500", children: _jsx("b", { children: t('Install') }) }));
+            case WalletState.DISCONNECTED:
+                return (_jsx(Typography, { variant: "body", size: "xsmall", color: "neutral600", children: t('Disconnected') }));
+            case WalletState.CONNECTING:
+                return renderConnectingState();
+            case WalletState.PARTIALLY_CONNECTED:
+                return renderPartiallyConnectedState();
+            case WalletState.CONNECTED:
+                return renderConnectedState();
+        }
+    };
+    return (_jsx(ParentComp, { children: _jsxs(WalletItemContainer, { bordered: connecting, children: [_jsxs(LogoContainer, { style: logoContainerStyles, children: [_jsx(ImageContainer, { rounded: wallet.type !== SOCIAL_WALLET_TYPE, children: _jsx(Image, { alt: title, src: image, size: 35 }) }), connecting && _jsx(Spinner, {})] }), _jsx(Typography, { variant: "label", size: "medium", children: title }), renderWalletState()] }) }));
+};

package/dist/components/WalletItem/WalletItem.styles.d.ts

@@ -0,0 +1,9 @@
+export declare const WalletItemContainer: any;
+export declare const LogoContainer: any;
+export declare const ImageContainer: any;
+export declare const Spinner: any;
+export declare const logoContainerStyles: {
+    margin: string;
+    marginBottom: string;
+    borderRadius: string;
+};

package/dist/components/WalletItem/WalletItem.styles.js

@@ -0,0 +1,71 @@
+import { darkTheme, keyframes, styled } from '@rango-dev/ui';
+export const WalletItemContainer = styled('div', {
+    width: '100%',
+    position: 'relative',
+    borderRadius: '$sm',
+    cursor: 'pointer',
+    backgroundColor: '$neutral100',
+    padding: '$10',
+    display: 'flex',
+    flexDirection: 'column',
+    borderWidth: '1px',
+    borderColor: 'transparent',
+    [`.${darkTheme} &`]: {
+        backgroundColor: '$neutral300',
+    },
+    variants: {
+        bordered: {
+            true: {
+                borderColor: '$info500',
+            },
+        },
+    },
+    '&:hover': {
+        backgroundColor: '$info100',
+        [`.${darkTheme} &`]: {
+            backgroundColor: '$neutral100',
+        },
+    },
+});
+export const LogoContainer = styled('div', {
+    position: 'relative',
+});
+export const ImageContainer = styled('div', {
+    borderRadius: '100%',
+    border: '1.5px transparent solid',
+    variants: {
+        rounded: {
+            true: {
+                img: {
+                    borderRadius: '100%',
+                },
+            },
+        },
+    },
+});
+const spin = keyframes({
+    '0%': {
+        transform: 'rotate(0deg)',
+    },
+    '100%': {
+        transform: 'rotate(360deg)',
+    },
+});
+export const Spinner = styled('div', {
+    position: 'absolute',
+    border: '2px solid rgba(0, 0, 0, 0.1)',
+    borderTop: '2px solid $info500',
+    borderRadius: '$lg',
+    width: '$35',
+    height: '$35',
+    animation: `${spin} 1s linear infinite`,
+    top: 0,
+    bottom: 0,
+    right: 0,
+    left: 0,
+});
+export const logoContainerStyles = {
+    margin: '0 auto',
+    marginBottom: '8px',
+    borderRadius: '50%',
+};

package/dist/components/WalletItem/WalletItem.types.d.ts

@@ -0,0 +1,8 @@
+import type { ExtendedModalWalletInfo } from '../../utils/wallets';
+export interface WalletItemProps {
+    wallet: ExtendedModalWalletInfo;
+    handleClick: (wallet: ExtendedModalWalletInfo) => void;
+    disabled: boolean;
+    /** Reserved for the forcedNamespaces flow; avoid enabling partial state elsewhere. */
+    disablePartialState?: boolean;
+}

package/dist/components/WalletItem/WalletItem.types.js

@@ -0,0 +1 @@
+export {};

package/dist/components/WalletItem/index.d.ts

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

package/dist/components/WalletItem/index.js

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

package/dist/components/mod.d.ts

@@ -0,0 +1,5 @@
+export { ConnectWalletModal } from './ConnectWalletModal';
+export type { ConnectWalletModalProps } from './ConnectWalletModal';
+export { ProfileWalletsModal } from './ProfileWalletsModal';
+export type { ProfileWalletsModalProps } from './ProfileWalletsModal';
+export { StackModal } from './StackModal';

package/dist/components/mod.js

@@ -0,0 +1,3 @@
+export { ConnectWalletModal } from './ConnectWalletModal';
+export { ProfileWalletsModal } from './ProfileWalletsModal';
+export { StackModal } from './StackModal';

package/dist/constants/errors.d.ts

@@ -0,0 +1 @@
+export declare const DEFAULT_WALLET_INJECTION_ERROR = "Failed to connect to wallet";

package/dist/constants/errors.js

@@ -0,0 +1 @@
+export const DEFAULT_WALLET_INJECTION_ERROR = 'Failed to connect to wallet';

package/dist/constants/events.d.ts

@@ -0,0 +1,3 @@
+export declare const GTMEvents: {
+    WALLET_FAILED: string;
+};

package/dist/constants/events.js

@@ -0,0 +1,3 @@
+export const GTMEvents = {
+    WALLET_FAILED: 'event_wallet_failed',
+};

package/dist/constants/links.d.ts

@@ -0,0 +1,2 @@
+export declare const TERMS_OF_SERVICE = "https://docs.rango.exchange/terms-of-use";
+export declare const PRIVACY_POLICY = "https://docs.rango.exchange/privacy-policy";

package/dist/constants/links.js

@@ -0,0 +1,2 @@
+export const TERMS_OF_SERVICE = 'https://docs.rango.exchange/terms-of-use';
+export const PRIVACY_POLICY = 'https://docs.rango.exchange/privacy-policy';

package/dist/constants/mod.d.ts

@@ -0,0 +1,3 @@
+export { STATEFUL_CONNECT_MODAL_ID, CONNECT_WALLETS_MODAL_ID, PROFILE_WALLETS_MODAL_ID, } from './modals';
+export { DEFAULT_WALLET_INJECTION_ERROR } from './errors';
+export { BLOCKCHAINS_THAT_SUPPORT_PROFILE, WALLETS_WITHOUT_SIGN_MESSAGE_METHOD, } from '../hooks/useProfile/useProfile.constants';

package/dist/constants/mod.js

@@ -0,0 +1,3 @@
+export { STATEFUL_CONNECT_MODAL_ID, CONNECT_WALLETS_MODAL_ID, PROFILE_WALLETS_MODAL_ID, } from './modals';
+export { DEFAULT_WALLET_INJECTION_ERROR } from './errors';
+export { BLOCKCHAINS_THAT_SUPPORT_PROFILE, WALLETS_WITHOUT_SIGN_MESSAGE_METHOD, } from '../hooks/useProfile/useProfile.constants';

package/dist/constants/modals.d.ts

@@ -0,0 +1,3 @@
+export declare const STATEFUL_CONNECT_MODAL_ID = "stateful-connect-modal";
+export declare const PROFILE_WALLETS_MODAL_ID = "profile-wallets-modal";
+export declare const CONNECT_WALLETS_MODAL_ID = "connect-wallets-modal";

package/dist/constants/modals.js

@@ -0,0 +1,3 @@
+export const STATEFUL_CONNECT_MODAL_ID = 'stateful-connect-modal';
+export const PROFILE_WALLETS_MODAL_ID = 'profile-wallets-modal';
+export const CONNECT_WALLETS_MODAL_ID = 'connect-wallets-modal';

package/dist/fetcher.d.ts

@@ -0,0 +1,3 @@
+import type { AxiosInstance } from 'axios';
+export declare function initializeFetcher(instance: AxiosInstance): void;
+export declare function fetcher(): AxiosInstance;

package/dist/fetcher.js

@@ -0,0 +1,10 @@
+let fetcherInstance = null;
+export function initializeFetcher(instance) {
+    fetcherInstance = instance;
+}
+export function fetcher() {
+    if (!fetcherInstance) {
+        throw new Error('You are trying to fetch profile data before the fetch instance has been intialized.');
+    }
+    return fetcherInstance;
+}

package/dist/hooks/mod.d.ts

@@ -0,0 +1,4 @@
+export { useStackModal, MAX_STACK_SIZE, StackModalContextProvider, StackModalContext, } from './useStackModal';
+export type { StackItem } from './useStackModal';
+export { useStatefulConnect, StatefulConnectContextProvider, StatefulConnectContext, } from './useStatefulConnect';
+export { useProfile } from './useProfile';

package/dist/hooks/mod.js

@@ -0,0 +1,3 @@
+export { useStackModal, MAX_STACK_SIZE, StackModalContextProvider, StackModalContext, } from './useStackModal';
+export { useStatefulConnect, StatefulConnectContextProvider, StatefulConnectContext, } from './useStatefulConnect';
+export { useProfile } from './useProfile';

package/dist/hooks/useLocalStorage/index.d.ts

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

package/dist/hooks/useLocalStorage/index.js

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

package/dist/hooks/useLocalStorage/useLocalStorage.d.ts

@@ -0,0 +1 @@
+export declare function useLocalStorage<T>(key: string, initialValue: T): readonly [T, (value: T | ((val: T) => T)) => void];

package/dist/hooks/useLocalStorage/useLocalStorage.js

@@ -0,0 +1,24 @@
+import { useState } from 'react';
+export function useLocalStorage(key, initialValue) {
+    const [storedValue, setStoredValue] = useState(() => {
+        try {
+            const item = window.localStorage.getItem(key);
+            return item ? JSON.parse(item) : initialValue;
+        }
+        catch (error) {
+            console.warn(`Error reading localStorage key "${key}":`, error);
+            return initialValue;
+        }
+    });
+    const setValue = (value) => {
+        try {
+            const valueToStore = value instanceof Function ? value(storedValue) : value;
+            setStoredValue(valueToStore);
+            window.localStorage.setItem(key, JSON.stringify(valueToStore));
+        }
+        catch (error) {
+            console.warn(`Error setting localStorage key "${key}":`, error);
+        }
+    };
+    return [storedValue, setValue];
+}

package/dist/hooks/useProfile/index.d.ts

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

package/dist/hooks/useProfile/index.js

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

package/dist/hooks/useProfile/useProfile.constants.d.ts

@@ -0,0 +1,2 @@
+export declare const BLOCKCHAINS_THAT_SUPPORT_PROFILE: string[];
+export declare const WALLETS_WITHOUT_SIGN_MESSAGE_METHOD: string[];

package/dist/hooks/useProfile/useProfile.constants.js

@@ -0,0 +1,3 @@
+import { Networks } from '@rango-dev/widget-embedded';
+export const BLOCKCHAINS_THAT_SUPPORT_PROFILE = [Networks.ETHEREUM, Networks.SOLANA];
+export const WALLETS_WITHOUT_SIGN_MESSAGE_METHOD = [];

package/dist/hooks/useProfile/useProfile.d.ts

@@ -0,0 +1,2 @@
+import type { Params, UseProfile } from './useProfile.types';
+export declare function useProfile(params?: Params): UseProfile;

package/dist/hooks/useProfile/useProfile.helpers.d.ts

@@ -0,0 +1,4 @@
+export declare function hashAccount(account: {
+    blockchain: string;
+    address: string;
+}): string;

package/dist/hooks/useProfile/useProfile.helpers.js

@@ -0,0 +1,3 @@
+export function hashAccount(account) {
+    return `${account.blockchain}-${account.address}`;
+}

package/dist/hooks/useProfile/useProfile.js

@@ -0,0 +1,20 @@
+import { useWidget } from '@rango-dev/widget-embedded';
+import { BLOCKCHAINS_THAT_SUPPORT_PROFILE, WALLETS_WITHOUT_SIGN_MESSAGE_METHOD, } from './useProfile.constants';
+import { hashAccount } from './useProfile.helpers';
+export function useProfile(params) {
+    const { wallets: { details: walletsDetails }, } = useWidget();
+    const hashedAddedAccounts = new Set(params?.addedAccounts?.map(hashAccount));
+    const compatibleAccounts = walletsDetails
+        .filter((walletDetail) => BLOCKCHAINS_THAT_SUPPORT_PROFILE.includes(walletDetail.chain) &&
+        !WALLETS_WITHOUT_SIGN_MESSAGE_METHOD.includes(walletDetail.walletType) &&
+        !hashedAddedAccounts.has(hashAccount({ blockchain: walletDetail.chain, address: walletDetail.address })))
+        .map((walletDetail) => ({
+        address: walletDetail.address,
+        blockchain: walletDetail.chain,
+        walletType: walletDetail.walletType,
+    }));
+    return {
+        compatibleAccounts: compatibleAccounts ?? [],
+        readyToSign: !!compatibleAccounts?.length,
+    };
+}

package/dist/hooks/useProfile/useProfile.types.d.ts

@@ -0,0 +1,11 @@
+import type { ProfileAccount } from '../../api/mod';
+export type Params = {
+    addedAccounts?: {
+        blockchain: string;
+        address: string;
+    }[];
+};
+export type UseProfile = {
+    compatibleAccounts: ProfileAccount[];
+    readyToSign: boolean;
+};

package/dist/hooks/useProfile/useProfile.types.js

@@ -0,0 +1 @@
+export {};

package/dist/hooks/useStackModal.d.ts

@@ -0,0 +1,38 @@
+import React from 'react';
+export type StackItem = {
+    id: string;
+    renderContent: (index: number) => React.ReactNode;
+    onExit?: () => void;
+};
+type StackModalContextType = {
+    stack: StackItem[];
+    setStack: (items: StackItem[] | ((prev: StackItem[]) => StackItem[])) => void;
+};
+export declare const MAX_STACK_SIZE = 10;
+export declare const StackModalContext: React.Context<StackModalContextType>;
+export declare const StackModalContextProvider: ({ children }: {
+    children: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Hook for managing a stack of modals
+ *
+ * @example
+ * ```tsx
+ * const { push, pop, stack } = useStackModal();
+ *
+ * const openModal = () => {
+ *   push({
+ *     id: 'my-modal',
+ *     renderContent: (index) => <MyModal index={index} />,
+ *     onExit: () => console.log('Modal closed')
+ *   });
+ * };
+ * ```
+ */
+export declare function useStackModal(): {
+    stack: StackItem[];
+    push: (item: StackItem) => void;
+    pop: (count?: number) => void;
+    clear: () => void;
+};
+export {};

package/dist/hooks/useStackModal.js

@@ -0,0 +1,61 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useCallback, useContext, useMemo, useState } from 'react';
+export const MAX_STACK_SIZE = 10;
+export const StackModalContext = createContext({
+    stack: [],
+    setStack: () => { },
+});
+export const StackModalContextProvider = ({ children }) => {
+    const [stack, setStack] = useState([]);
+    const contextValue = useMemo(() => ({
+        stack,
+        setStack,
+    }), [stack]);
+    return _jsx(StackModalContext.Provider, { value: contextValue, children: children });
+};
+/**
+ * Hook for managing a stack of modals
+ *
+ * @example
+ * ```tsx
+ * const { push, pop, stack } = useStackModal();
+ *
+ * const openModal = () => {
+ *   push({
+ *     id: 'my-modal',
+ *     renderContent: (index) => <MyModal index={index} />,
+ *     onExit: () => console.log('Modal closed')
+ *   });
+ * };
+ * ```
+ */
+export function useStackModal() {
+    const context = useContext(StackModalContext);
+    if (!context) {
+        throw new Error('useStackModal must be used within a StackModalContextProvider');
+    }
+    const { stack, setStack } = context;
+    const push = useCallback((item) => {
+        if (stack.length >= MAX_STACK_SIZE) {
+            throw new Error('Stack size exceeded');
+        }
+        setStack((prevStack) => prevStack.concat(item));
+    }, [setStack]);
+    const pop = useCallback((count = 1) => {
+        setStack((prevStack) => {
+            if (prevStack.length === 0) {
+                return prevStack;
+            }
+            return prevStack.slice(0, Math.max(prevStack.length - count));
+        });
+    }, [setStack]);
+    const clear = useCallback(() => {
+        setStack([]);
+    }, [setStack]);
+    return {
+        stack,
+        push,
+        pop,
+        clear,
+    };
+}

package/dist/hooks/useStatefulConnect.d.ts

@@ -0,0 +1,7 @@
+import type { UseStatefulConnect } from '@rango-dev/widget-embedded';
+import React from 'react';
+export declare const StatefulConnectContext: React.Context<UseStatefulConnect | null>;
+export declare const StatefulConnectContextProvider: ({ children }: {
+    children: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const useStatefulConnect: () => UseStatefulConnect;

package/dist/hooks/useStatefulConnect.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useStatefulConnect as widgetUseStatefulConnect } from '@rango-dev/widget-embedded';
+import { createContext, useContext } from 'react';
+export const StatefulConnectContext = createContext(null);
+export const StatefulConnectContextProvider = ({ children }) => {
+    const statefulConnect = widgetUseStatefulConnect();
+    return (_jsx(StatefulConnectContext.Provider, { value: statefulConnect, children: children }));
+};
+export const useStatefulConnect = () => {
+    const context = useContext(StatefulConnectContext);
+    if (!context) {
+        throw new Error('useStatefulConnect must be used within a StatefulConnectContextProvider');
+    }
+    return context;
+};

package/dist/mod.d.ts

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

package/dist/mod.js

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

package/dist/store/helpers.d.ts

@@ -0,0 +1,5 @@
+export declare function getProfileType(isPublic: boolean): 'public' | 'private';
+export declare function throwIfAborted(signal: AbortSignal): void;
+export declare function getErrorMessage(error: unknown): string;
+export declare function loadState<T>(key: string): T | undefined;
+export declare function saveState(key: string, state: unknown): void;

package/dist/store/helpers.js

@@ -0,0 +1,42 @@
+export function getProfileType(isPublic) {
+    return isPublic ? 'public' : 'private';
+}
+// These functions have been copy/pasted from `apps/rango/utils/Errors.ts` to avoid creating a third package to share these logic.
+export function throwIfAborted(signal) {
+    if (signal.aborted) {
+        throw new Error('Operation canceled');
+    }
+}
+export function getErrorMessage(error) {
+    return error instanceof Error ? error.message : 'Something went wrong. Please try again.';
+}
+export function loadState(key) {
+    // For avoiding run in SSR
+    if (typeof window === 'undefined') {
+        return;
+    }
+    try {
+        const serializedState = localStorage.getItem(key);
+        if (serializedState === null) {
+            return undefined;
+        }
+        return JSON.parse(serializedState);
+    }
+    catch (err) {
+        console.error('Could not load state', err);
+        return undefined;
+    }
+}
+export function saveState(key, state) {
+    // For avoiding run in SSR
+    if (typeof window === 'undefined') {
+        return;
+    }
+    try {
+        const serializedState = JSON.stringify(state);
+        localStorage.setItem(key, serializedState);
+    }
+    catch (err) {
+        console.error('Could not save state', err);
+    }
+}

package/dist/store/middlewares.d.ts

@@ -0,0 +1,6 @@
+import type { RootStateLike } from './slice';
+import type { Middleware } from '@reduxjs/toolkit';
+export declare const AUTH_PERSIST_KEY = "isLoggedIn";
+export declare const PROFILE_PERSIST_KEY = "profile";
+export declare const loadPersistedState: () => Partial<RootStateLike>;
+export declare const persistProfileState: Middleware<object, RootStateLike>;

package/dist/store/middlewares.js

@@ -0,0 +1,40 @@
+import { loadState, saveState } from './helpers';
+import { profileSliceInitialState } from './slice';
+import { createFetchProfileSummary, createRequestLogOutUser, createSignMessage } from './thunks';
+const signMessage = createSignMessage();
+const fetchProfileSummary = createFetchProfileSummary();
+const requestLogOutUser = createRequestLogOutUser();
+export const AUTH_PERSIST_KEY = 'isLoggedIn';
+export const PROFILE_PERSIST_KEY = 'profile';
+export const loadPersistedState = () => {
+    const initialState = { ...profileSliceInitialState };
+    const authState = loadState(AUTH_PERSIST_KEY);
+    const profileDataState = loadState(PROFILE_PERSIST_KEY);
+    if (authState) {
+        initialState.isLoggedIn = authState;
+    }
+    if (profileDataState?.username) {
+        initialState.username = profileDataState.username;
+    }
+    return { profile: initialState };
+};
+export const persistProfileState = (store) => (next) => (action) => {
+    const prevState = store.getState();
+    const returnValue = next(action);
+    const nextState = store.getState();
+    const shouldPersistAuthState = prevState.profile.isLoggedIn !== nextState.profile.isLoggedIn;
+    const shouldPersistProfileData = 
+    // @ts-expect-error to have correct type for action.meta, instead of `action: ProfileSliceActions` we need to have access full store's actions. specificly meta slice.
+    (fetchProfileSummary.fulfilled.match(action) && !action.meta.arg.public) ||
+        signMessage.fulfilled.match(action) ||
+        requestLogOutUser.fulfilled.match(action);
+    if (shouldPersistAuthState) {
+        const state = store.getState().profile.isLoggedIn;
+        saveState(AUTH_PERSIST_KEY, state);
+    }
+    if (shouldPersistProfileData) {
+        const username = store.getState().profile.profileSummary.private.data?.username;
+        saveState(PROFILE_PERSIST_KEY, { username });
+    }
+    return returnValue;
+};

package/dist/store/mod.d.ts

@@ -0,0 +1,4 @@
+export { profileSliceInitialState, createProfileState } from './slice';
+export { showPrivateProfileSelector, profileSummarySelector, authenticatedProfileSelector, privateProfileSummarySelector, isLoggedInProfileSelector, usernameProfileSelector, } from './selectors';
+export type { SignMessageParams, ProfileState } from './types';
+export { persistProfileState, loadPersistedState, AUTH_PERSIST_KEY, PROFILE_PERSIST_KEY, } from './middlewares';

package/dist/store/mod.js

@@ -0,0 +1,3 @@
+export { profileSliceInitialState, createProfileState } from './slice';
+export { showPrivateProfileSelector, profileSummarySelector, authenticatedProfileSelector, privateProfileSummarySelector, isLoggedInProfileSelector, usernameProfileSelector, } from './selectors';
+export { persistProfileState, loadPersistedState, AUTH_PERSIST_KEY, PROFILE_PERSIST_KEY, } from './middlewares';