@arthur2079/internal-profile 4.1.2-next.4 → 5.1.2-next.6

package/dist/store/thunks.js

@@ -0,0 +1,219 @@
+import { createAsyncThunk } from '@reduxjs/toolkit';
+import axios from 'axios';
+import { getLoginMessage, getMergeAccountMessage, getProfileDetails, getProfileLeaderboard, getProfileSummary, getPublicLeaderboard, getPublicProfileLeaderboard, getPublicProfileSummary, getSetClaimMessage, logIn, logOut, mergeAccount, setClaimWallet, updateProfileData, UserUnauthorizedError, } from '../api/mod';
+import { getErrorMessage, throwIfAborted } from './helpers';
+import { memoizeThunk } from './utils';
+// To learn more about this pattern, check https://github.com/rango-exchange/app-v2/pull/281
+export function createSignMessage() {
+    const actionType = 'profile/signMessage';
+    const signMessageThunk = memoizeThunk(actionType, () => createAsyncThunk(actionType, async (params, options) => {
+        const { rejectWithValue, getState, dispatch, signal } = options;
+        const { account, getSigners, callback, errorCallback } = params;
+        const { meta: { blockchains }, profile: { profileAuth, isLoggedIn }, } = getState();
+        const { numberOfRetries } = profileAuth;
+        throwIfAborted(signal);
+        const signer = await getSigners(account.walletType);
+        const blockchainMeta = blockchains.find((blockchain) => blockchain.name === account.blockchain);
+        if (!blockchainMeta) {
+            return rejectWithValue('Something went wrong. Please try again.');
+        }
+        let signAction;
+        let saveAction;
+        if (isLoggedIn) {
+            signAction = getMergeAccountMessage;
+            saveAction = mergeAccount;
+        }
+        else {
+            signAction = getLoginMessage;
+            saveAction = logIn;
+        }
+        try {
+            throwIfAborted(signal);
+            const { message, messageId } = await signAction({
+                address: account.address,
+                blockchain: account.blockchain,
+            }, signal);
+            throwIfAborted(signal);
+            const signature = await signer
+                .getSigner(blockchainMeta.type)
+                .signMessage(message, account.address, blockchainMeta.chainId);
+            throwIfAborted(signal);
+            const { profile } = await saveAction({ messageId, signature }, signal);
+            if (profile) {
+                callback?.(profile, { actionType: isLoggedIn ? 'merge' : 'login' });
+            }
+            return profile;
+        }
+        catch (error) {
+            if (signal.aborted || axios.isCancel(error)) {
+                return null;
+            }
+            const shouldLogOutAndRetry = !isLoggedIn && error instanceof UserUnauthorizedError && numberOfRetries === 0;
+            if (shouldLogOutAndRetry) {
+                await logOut(signal);
+                // Use a timeout to dispatch signMessage after incrementing the numberOfRetries.
+                setTimeout(async () => dispatch(signMessageThunk()(params)), 0);
+                return null;
+            }
+            errorCallback?.(error);
+            return rejectWithValue(getErrorMessage(error));
+        }
+    }));
+    return signMessageThunk();
+}
+export function createFetchProfileSummary() {
+    const actionType = 'profile/fetchProfileSummary';
+    const fetchProfileSummaryThunk = memoizeThunk(actionType, () => createAsyncThunk(actionType, async (params, options) => {
+        const { rejectWithValue, signal, getState, fulfillWithValue, dispatch } = options;
+        const state = getState().profile;
+        const publicProfile = params.public ||
+            !state.isLoggedIn ||
+            (state.isLoggedIn && state.username !== params.username);
+        const request = publicProfile
+            ? getPublicProfileSummary.bind(null, params.username)
+            : getProfileSummary;
+        try {
+            const profileSummary = await request(signal);
+            return fulfillWithValue(profileSummary.profile);
+        }
+        catch (error) {
+            if (error instanceof UserUnauthorizedError) {
+                void dispatch(fetchProfileSummaryThunk()({ username: params.username, public: true }));
+                return rejectWithValue(null);
+            }
+            return rejectWithValue(getErrorMessage(error));
+        }
+    }));
+    return fetchProfileSummaryThunk();
+}
+export function createSetClaim() {
+    const actionType = 'profile/setClaim';
+    const setClaimThunk = memoizeThunk(actionType, () => createAsyncThunk(actionType, async (params, options) => {
+        const { rejectWithValue, getState, signal } = options;
+        const { account, getSigners } = params;
+        const { meta: { blockchains }, } = getState();
+        throwIfAborted(signal);
+        const signer = await getSigners(account.walletType);
+        const blockchainMeta = blockchains.find((blockchain) => blockchain.name === account.blockchain);
+        if (!blockchainMeta) {
+            return rejectWithValue(`We couldn't find ${account.blockchain} in our initial data. Please try again.`);
+        }
+        try {
+            throwIfAborted(signal);
+            const { message, messageId } = await getSetClaimMessage({
+                address: account.address,
+                blockchain: account.blockchain,
+            }, signal);
+            throwIfAborted(signal);
+            const signature = await signer
+                .getSigner(blockchainMeta.type)
+                .signMessage(message, account.address, blockchainMeta.chainId);
+            throwIfAborted(signal);
+            const { profile } = await setClaimWallet({ messageId, signature }, signal);
+            return profile;
+        }
+        catch (error) {
+            if (signal.aborted || axios.isCancel(error)) {
+                return null;
+            }
+            return rejectWithValue(getErrorMessage(error));
+        }
+    }));
+    return setClaimThunk();
+}
+export function createRequestLogOutUser() {
+    const actionType = 'profile/logOut';
+    const logOutThunk = memoizeThunk(actionType, () => createAsyncThunk(actionType, async (_, options) => {
+        const { rejectWithValue, signal } = options;
+        try {
+            await logOut(signal);
+        }
+        catch (error) {
+            return rejectWithValue(getErrorMessage(error));
+        }
+    }));
+    return logOutThunk();
+}
+export function createProfileThunks() {
+    const fetchProfileDetails = createAsyncThunk('profile/fetchProfileDetails', async (_, options) => {
+        const { rejectWithValue, signal } = options;
+        try {
+            const profileDetails = await getProfileDetails(signal);
+            return profileDetails.profile;
+        }
+        catch (error) {
+            if (error instanceof UserUnauthorizedError) {
+                return rejectWithValue(null);
+            }
+            return rejectWithValue(getErrorMessage(error));
+        }
+    });
+    const fetchProfileLeaderboard = createAsyncThunk('profile/fetchProfileLeaderboard', async (params, options) => {
+        const { rejectWithValue, signal, getState, dispatch } = options;
+        const state = getState().profile;
+        const publicProfile = params.public ||
+            !state.isLoggedIn ||
+            (state.isLoggedIn && state.username !== params.username);
+        const request = publicProfile
+            ? getPublicProfileLeaderboard.bind(null, params.username)
+            : getProfileLeaderboard;
+        try {
+            const profileLeaderboard = await request(signal);
+            return profileLeaderboard.data;
+        }
+        catch (error) {
+            if (error instanceof UserUnauthorizedError) {
+                void dispatch(fetchProfileLeaderboard({ username: params.username, public: true }));
+                return rejectWithValue(null);
+            }
+            return rejectWithValue(getErrorMessage(error));
+        }
+    });
+    const fetchPublicLeaderboard = createAsyncThunk('profile/fetchPublicLeaderboard', async (params, options) => {
+        const { rejectWithValue, signal } = options;
+        try {
+            const leaderboard = await getPublicLeaderboard(params, signal);
+            return { leaderboard: leaderboard.data, totalPages: leaderboard.totalPages };
+        }
+        catch (error) {
+            return rejectWithValue(getErrorMessage(error));
+        }
+    });
+    const fetchTopPublicLeaderboard = createAsyncThunk('profile/fetchTopPublicLeaderboard', async (params, options) => {
+        const { rejectWithValue, signal } = options;
+        try {
+            const leaderboard = await getPublicLeaderboard({ type: params.type, page: 0, offset: 10 }, signal);
+            return leaderboard.data;
+        }
+        catch (error) {
+            return rejectWithValue(getErrorMessage(error));
+        }
+    });
+    const updateUsername = createAsyncThunk('profile/updateUsername', async (params, options) => {
+        const { rejectWithValue, signal } = options;
+        const { userName, callback } = params;
+        const DEFAULT_ERROR_MESSAGE = 'An error occurred while updating the username.';
+        try {
+            const result = await updateProfileData({ userName }, signal);
+            if (result.success) {
+                callback();
+                return { username: userName };
+            }
+            return rejectWithValue(DEFAULT_ERROR_MESSAGE);
+        }
+        catch (error) {
+            return rejectWithValue(error instanceof Error ? error.message : DEFAULT_ERROR_MESSAGE);
+        }
+    });
+    return {
+        signMessage: createSignMessage(),
+        fetchProfileSummary: createFetchProfileSummary(),
+        fetchProfileDetails,
+        fetchProfileLeaderboard,
+        fetchPublicLeaderboard,
+        fetchTopPublicLeaderboard,
+        updateUsername,
+        requestLogOutUser: createRequestLogOutUser(),
+        setClaim: createSetClaim(),
+    };
+}

package/dist/store/types.d.ts

@@ -0,0 +1,67 @@
+import type { ProfileAccount, ProfileDetails, ProfileLeaderboard, ProfileSummary } from '../api/mod';
+import type { useWallets } from '@rango-dev/widget-embedded';
+type ProfileAuth = {
+    numberOfRetries: number;
+    accountMerged: boolean;
+} & ({
+    loading: true;
+    error: null;
+    account: ProfileAccount;
+    accountMerged: false;
+} | {
+    loading: false;
+    error: string | null;
+    account: null;
+});
+type ProfileSummaryState = {
+    loading: boolean;
+    error: string | null;
+    data: ProfileSummary | null;
+};
+export type ProfileState = {
+    isLoggedIn: boolean;
+    username: string | null;
+    profileAuth: ProfileAuth;
+    profileSummary: {
+        private: ProfileSummaryState;
+        public: ProfileSummaryState;
+    };
+    profileDetails: {
+        loading: boolean;
+        error: string | null;
+        data: ProfileDetails | null;
+    };
+    profileLeaderboard: {
+        loading: boolean;
+        error: string | null;
+        data: ProfileLeaderboard[] | null;
+    };
+    publicLeaderboard: {
+        loading: boolean;
+        error: string | null;
+        totalPages: number | null;
+        data: ProfileLeaderboard[] | null;
+    };
+    topPublicLeaderboard: {
+        loading: boolean;
+        error: string | null;
+        data: ProfileLeaderboard[] | null;
+    };
+    updateUsername: {
+        loading: boolean;
+        error: string | null;
+    };
+    logOut: {
+        loading: boolean;
+        error: string | null;
+    };
+};
+export type SignMessageParams = {
+    account: ProfileAccount;
+    getSigners: ReturnType<typeof useWallets>['getSigners'];
+    callback?: (profileSummary: ProfileSummary, meta: {
+        actionType: 'login' | 'merge';
+    }) => void;
+    errorCallback?: (error: unknown) => void;
+};
+export {};

package/dist/store/types.js

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

package/dist/store/utils.d.ts

@@ -0,0 +1 @@
+export declare function memoizeThunk<Result>(key: string, callback: () => Result): () => Result;

package/dist/store/utils.js

@@ -0,0 +1,11 @@
+const memoizedThunks = new Map();
+export function memoizeThunk(key, callback) {
+    return () => {
+        let result = memoizedThunks.get(key);
+        if (!result) {
+            result = callback();
+            memoizedThunks.set(key, result);
+        }
+        return result;
+    };
+}

package/dist/types.d.ts

@@ -0,0 +1,3 @@
+export interface Cancellable {
+    abort: () => void;
+}

package/dist/types.js

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

package/dist/utils/mod.d.ts

@@ -0,0 +1 @@
+export { walletAndSupportedChainsNames, getAddedAccountsToProfile, getConciseAddress, } from './wallets';

package/dist/utils/mod.js

@@ -0,0 +1 @@
+export { walletAndSupportedChainsNames, getAddedAccountsToProfile, getConciseAddress, } from './wallets';

package/dist/utils/wallets.d.ts

@@ -0,0 +1,16 @@
+import type { ProfileSummary } from '../api/mod';
+import type { Networks, WalletInfoWithExtra } from '@rango-dev/widget-embedded';
+import type { BlockchainMeta } from 'rango-types';
+export type ExtendedModalWalletInfo = WalletInfoWithExtra & {
+    isHub?: boolean;
+};
+export declare function walletAndSupportedChainsNames(supportedChains: BlockchainMeta[]): Networks[] | null;
+export declare function checkIsWalletPartiallyConnected(wallet: ExtendedModalWalletInfo, namespacesState?: Map<string, {
+    connected: boolean;
+}>): boolean;
+export declare function getAddedAccountsToProfile(profileSummary: ProfileSummary): {
+    address: string;
+    blockchain: string;
+    walletType: null;
+}[];
+export declare const getConciseAddress: (address: string | null, maxChars?: number) => string | null;

package/dist/utils/wallets.js

@@ -0,0 +1,34 @@
+export function walletAndSupportedChainsNames(supportedChains) {
+    if (!supportedChains) {
+        return null;
+    }
+    let walletAndSupportedChainsNames = [];
+    walletAndSupportedChainsNames = supportedChains.map((blockchainMeta) => blockchainMeta.name);
+    return walletAndSupportedChainsNames;
+}
+export function checkIsWalletPartiallyConnected(wallet, namespacesState) {
+    if (!wallet.isHub || !wallet.needsNamespace || wallet.state !== 'connected') {
+        return false;
+    }
+    const namespaces = wallet.needsNamespace.data;
+    const supportedNamespaces = namespaces.filter((namespace) => !namespace.unsupported);
+    return supportedNamespaces.some((namespace) => !namespacesState?.get(namespace.value)?.connected);
+}
+export function getAddedAccountsToProfile(profileSummary) {
+    return profileSummary.wallets.map((account) => ({
+        address: account.address,
+        blockchain: account.blockchain,
+        walletType: null,
+    }));
+}
+// eslint-disable-next-line @typescript-eslint/no-magic-numbers
+export const getConciseAddress = (address, maxChars = 6) => {
+    if (address === undefined || address === null) {
+        return null;
+    }
+    // eslint-disable-next-line @typescript-eslint/no-magic-numbers
+    if (address.length < 2 * maxChars + 3) {
+        return address;
+    }
+    return address.substr(0, maxChars) + '...' + address.substr(address.length - maxChars);
+};

package/package.json

@@ -1,9 +1,12 @@
 {
   "name": "@arthur2079/internal-profile",
   "type": "module",
-  "version": "4.1.2-next.4",
+  "version": "5.1.2-next.6",
   "license": "MIT",
   "private": false,
+  "files": [
+    "dist"
+  ],
   "exports": {
     ".": {
       "types": "./dist/mod.d.ts",
@@ -39,8 +42,8 @@
     "dev": "tsc -p ./tsconfig.json --watch"
   },
   "devDependencies": {
-    "@arthur2079/internal-social-wallet": "^4.1.1-next.3",
-    "@rango-dev/widget-embedded": "^0.60.1",
+    "@arthur2079/internal-social-wallet": "^5.1.1-next.6",
+    "@rango-dev/widget-embedded": "^0.60.2-next.0",
     "@reduxjs/toolkit": "^1.6.0",
     "@types/node": "^14.14.31",
     "@types/react": "^18.0.26",
@@ -50,8 +53,8 @@
     "rango-types": "^0.5.0"
   },
   "peerDependencies": {
-    "@arthur2079/internal-social-wallet": "^4.1.1-next.3",
-    "@rango-dev/widget-embedded": "^0.60.1",
+    "@arthur2079/internal-social-wallet": "^5.1.1-next.6",
+    "@rango-dev/widget-embedded": "^0.60.2-next.0",
     "@reduxjs/toolkit": "^1.6.0",
     "axios": "^1.16.0",
     "immer": "*",

package/CHANGELOG.md

@@ -1,32 +0,0 @@
-## [0.1.1](https://github.com/rango-exchange/app-v2/compare/internal-profile@0.1.0...internal-profile@0.1.1) (2026-05-18)
-# 0.1.0 (2026-05-18)
-
-
-### Bug Fixes
-
-* adjust initial and detached modal styles ([c4d57b0](https://github.com/rango-exchange/app-v2/commit/c4d57b0c9be814d88eb31b7ad4da933eaa320141))
-* adjust wallet connect modal styles ([c90c2c9](https://github.com/rango-exchange/app-v2/commit/c90c2c97f0238abd1b63478b1426ec0e5158ee8c))
-* convert social wallet image URLs from relative to absolute paths ([f84d2d7](https://github.com/rango-exchange/app-v2/commit/f84d2d798c13151c24deae9e0cb231ceaca134dd))
-* disable partial state in wallet item on force connect to namespace ([32b4aba](https://github.com/rango-exchange/app-v2/commit/32b4abaf9eb0d93cd069ba04e09a1e1bc82a34a2))
-* fix bug in connecting wallet flow in profile wallets ([91ba63c](https://github.com/rango-exchange/app-v2/commit/91ba63c96bd43cf727a6e796e0f40908ad63b775))
-* fix widget height in small devices ([3221cf8](https://github.com/rango-exchange/app-v2/commit/3221cf84baad83daab6e74e3c769aa585a944d6a))
-* improve profile sign message callback ([77e2686](https://github.com/rango-exchange/app-v2/commit/77e268625d8f7999295b715f74326cd660754c37))
-* prevent scroll-to-top on connect wallet and keep modal fixed on scroll ([de6f068](https://github.com/rango-exchange/app-v2/commit/de6f068fdf71a0c0ab8462f1f14239e1e74e8d62))
-* remove tailwind classes from profile package components ([9281ab2](https://github.com/rango-exchange/app-v2/commit/9281ab237e219ee4228bbd45e17f6d996dfc9e44))
-* resolve connect wallet modal style issues ([746df42](https://github.com/rango-exchange/app-v2/commit/746df4204a898bbe1829903806fc7d3cd50a51c5))
-* resolve dependency cycle in http service ([7bfa0ef](https://github.com/rango-exchange/app-v2/commit/7bfa0ef35e71815922d463d6d7c8eb097736ad2a))
-* show social wallet intro modal only once ([23c728d](https://github.com/rango-exchange/app-v2/commit/23c728d1d7a116227221f84bf94d10c68d1060bf))
-
-
-### Features
-
-* add cosmos to profile as signer ([f26c504](https://github.com/rango-exchange/app-v2/commit/f26c5042c17457a120e6a81e7e2411f819b458f9))
-* add error handler to profile sign message ([5d9e13f](https://github.com/rango-exchange/app-v2/commit/5d9e13fd0318853a4c556f136130c7bdae1941ed))
-* add intro modal for social wallet ([4665fc6](https://github.com/rango-exchange/app-v2/commit/4665fc6d05a79db7a961ce99c2e5298403eaa347))
-* add providers config to Connect Wallets modal props to hide social wallet banners ([482bd82](https://github.com/rango-exchange/app-v2/commit/482bd82e88ccbaf86a14665d8d0f3fee32dfec79))
-* add zeta campaign banner and tag ([2189bb1](https://github.com/rango-exchange/app-v2/commit/2189bb130d0fd8f5259c2c8eac30d141153ac7bb))
-* enable force connect to namespaces and improve connect wallet modal ([58a76b5](https://github.com/rango-exchange/app-v2/commit/58a76b5e9648b51cdaf09589314c936bb348895f))
-* enable force connect to namespaces for social wallet ([2485855](https://github.com/rango-exchange/app-v2/commit/2485855b8650917e0b019d8b4439e688bff9b368))
-* enable terra to sign and be merged in profile ([900a898](https://github.com/rango-exchange/app-v2/commit/900a898d99989767f37e26cb056279c9b6b1159a))
-* improve social wallet user experience and design ([27e7287](https://github.com/rango-exchange/app-v2/commit/27e7287e768e2248b41ca34106e5ceafd5bb5290))
-* upgrade rango dependencies ([1e098cf](https://github.com/rango-exchange/app-v2/commit/1e098cf0abfcb4ab5ce00a3000c72e60a1298a70))

package/tsconfig.json

@@ -1,21 +0,0 @@
-{
-  "include": ["src"],
-  "exclude": ["node_modules"],
-
-  "compilerOptions": {
-    "module": "esnext",
-    "moduleResolution": "bundler",
-    "target": "ESNext",
-    "lib": ["dom", "dom.iterable", "esnext", "es6"],
-    "outDir": "dist",
-    "rootDir": "./src/",
-
-    "esModuleInterop": true,
-    "allowSyntheticDefaultImports": true,
-    "strictNullChecks": true,
-    "skipLibCheck": true,
-    "declaration": true,
-    "strict": true,
-    "jsx": "react-jsx"
-  }
-}