@b3dotfun/sdk 0.0.31-alpha.1 → 0.0.31-alpha.2

package/dist/cjs/anyspend/react/hooks/useSigMint.d.ts

@@ -72,7 +72,7 @@ export declare const useSigMintCollection: ({ address, chainId }: FindByAddressP
         description?: string | undefined;
         createdAt?: string | undefined;
         updatedAt?: string | undefined;
-        status?: "DRAFT" | "ACTIVE" | "INACTIVE" | undefined;
+        status?: "ACTIVE" | "DRAFT" | "INACTIVE" | undefined;
         metadata?: {} | undefined;
         logoURI?: string | undefined;
         creator?: string | undefined;

package/dist/cjs/global-account/react/components/B3Provider/types.d.ts

@@ -1,17 +1,16 @@
-import { Account } from "thirdweb/wallets";
-import { User } from "../../../../global-account/types/b3-api.types";
-import { Wallet } from "thirdweb/wallets";
+import { Users } from "@b3dotfun/b3-api";
 import { PermissionsConfig } from "../../../../global-account/types/permissions";
+import { Account, Wallet } from "thirdweb/wallets";
 /**
  * Context type for B3Provider
  */
 export interface B3ContextType {
     account?: Account;
     automaticallySetFirstEoa: boolean;
-    user?: User;
+    user?: Users;
     setWallet: (wallet: Wallet) => void;
     wallet?: Wallet;
-    setUser: (user?: User) => void;
+    setUser: (user?: Users) => void;
     initialized: boolean;
     ready: boolean;
     environment?: "development" | "production";

package/dist/cjs/global-account/react/components/ManageAccount/ManageAccount.js

@@ -1,13 +1,18 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ManageAccount = ManageAccount;
 const jsx_runtime_1 = require("react/jsx-runtime");
+const app_1 = __importDefault(require("../../../../global-account/app"));
 const react_1 = require("../../../../global-account/react");
 const SignOutIcon_1 = require("../../../../global-account/react/components/icons/SignOutIcon");
 const formatNumber_1 = require("../../../../shared/utils/formatNumber");
 const thirdweb_1 = require("../../../../shared/utils/thirdweb");
 const lucide_react_1 = require("lucide-react");
 const react_2 = require("react");
+const sonner_1 = require("sonner");
 const react_3 = require("thirdweb/react");
 const viem_1 = require("viem");
 const profileDisplay_1 = require("../../utils/profileDisplay");
@@ -55,6 +60,45 @@ function ManageAccount({ onLogout, onSwap: _onSwap, onDeposit: _onDeposit, chain
         const { data: profilesRaw = [], isLoading: isLoadingProfiles } = (0, react_3.useProfiles)({ client: thirdweb_1.client });
         const { mutate: unlinkProfile, isPending: isUnlinking } = (0, react_3.useUnlinkProfile)();
         const { setB3ModalOpen, setB3ModalContentType, isLinking } = (0, react_1.useModalStore)();
+        const { user, setUser } = (0, react_1.useB3)();
+        const [isUpdatingCode, setIsUpdatingCode] = (0, react_2.useState)(false);
+        const [newReferralCode, setNewReferralCode] = (0, react_2.useState)("");
+        const [isEditingCode, setIsEditingCode] = (0, react_2.useState)(false);
+        const referallCodeRef = (0, react_2.useRef)(null);
+        const { data: referrals, isLoading: isLoadingReferrals } = (0, react_1.useQueryB3)("referrals", "find", { query: { referrerId: user?.userId } }, !!user?.userId);
+        // Fetch referred users
+        const currentReferralCode = user?.referralCode || user?.userId || "";
+        const handleCopyCode = async () => {
+            try {
+                await navigator.clipboard.writeText(currentReferralCode);
+                sonner_1.toast.success("Referral code copied to clipboard!");
+            }
+            catch (error) {
+                sonner_1.toast.error("Failed to copy referral code");
+            }
+        };
+        const handleUpdateReferralCode = async () => {
+            if (!newReferralCode)
+                return;
+            setIsUpdatingCode(true);
+            try {
+                // @ts-expect-error - setReferralCode is not typed for some reason
+                const newUser = await app_1.default.service("users").setReferralCode({
+                    userId: user?.userId,
+                    referralCode: newReferralCode,
+                });
+                setUser(newUser);
+                sonner_1.toast.success("Referral code updated successfully!");
+                setIsEditingCode(false);
+                setNewReferralCode("");
+            }
+            catch (error) {
+                sonner_1.toast.error("Failed to update referral code");
+            }
+            finally {
+                setIsUpdatingCode(false);
+            }
+        };
         const profiles = profilesRaw
             .filter((profile) => !["custom_auth_endpoint", "siwe"].includes(profile.type))
             .map((profile) => ({
@@ -91,7 +135,15 @@ function ManageAccount({ onLogout, onSwap: _onSwap, onDeposit: _onDeposit, chain
                 },
             });
         };
-        return ((0, jsx_runtime_1.jsxs)("div", { className: "space-y-8", children: [(0, jsx_runtime_1.jsxs)("div", { className: "space-y-4", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between", children: [(0, jsx_runtime_1.jsx)("h3", { className: "text-b3-grey font-neue-montreal-semibold text-xl", children: "Linked Accounts" }), (0, jsx_runtime_1.jsxs)(react_1.Button, { className: "bg-b3-primary-wash hover:bg-b3-primary-wash/70 flex items-center gap-2 rounded-full px-4 py-2", onClick: handleOpenLinkModal, disabled: isLinking, children: [isLinking ? ((0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { className: "text-b3-primary-blue animate-spin", size: 16 })) : ((0, jsx_runtime_1.jsx)(lucide_react_1.LinkIcon, { size: 16, className: "text-b3-primary-blue" })), (0, jsx_runtime_1.jsx)("span", { className: "text-b3-grey font-neue-montreal-semibold", children: isLinking ? "Linking..." : "Link New Account" })] })] }), isLoadingProfiles ? ((0, jsx_runtime_1.jsx)("div", { className: "flex justify-center py-8", children: (0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { className: "text-b3-grey animate-spin" }) })) : profiles.length > 0 ? ((0, jsx_runtime_1.jsx)("div", { className: "space-y-4", children: profiles.map(profile => ((0, jsx_runtime_1.jsxs)("div", { className: "bg-b3-line flex items-center justify-between rounded-xl p-4", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-3", children: [profile.imageUrl ? ((0, jsx_runtime_1.jsx)("img", { src: profile.imageUrl, alt: profile.title, className: "size-10 rounded-full" })) : ((0, jsx_runtime_1.jsx)("div", { className: "bg-b3-primary-wash flex h-10 w-10 items-center justify-center rounded-full", children: (0, jsx_runtime_1.jsx)("span", { className: "text-b3-grey font-neue-montreal-semibold text-sm uppercase", children: profile.initial }) })), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-b3-grey font-neue-montreal-semibold", children: profile.title }), (0, jsx_runtime_1.jsx)("span", { className: "text-b3-foreground-muted font-neue-montreal-medium bg-b3-primary-wash rounded px-2 py-0.5 text-xs", children: profile.type.toUpperCase() })] }), (0, jsx_runtime_1.jsx)("div", { className: "text-b3-foreground-muted font-neue-montreal-medium text-sm", children: profile.subtitle })] })] }), (0, jsx_runtime_1.jsx)(react_1.Button, { variant: "ghost", size: "icon", className: "text-b3-grey hover:text-b3-negative", onClick: () => handleUnlink(profile), disabled: unlinkingAccountId === profile.title || isUnlinking, children: unlinkingAccountId === profile.title || isUnlinking ? ((0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { className: "animate-spin" })) : ((0, jsx_runtime_1.jsx)(lucide_react_1.UnlinkIcon, { size: 16 })) })] }, profile.title))) })) : ((0, jsx_runtime_1.jsx)("div", { className: "text-b3-foreground-muted py-8 text-center", children: "No linked accounts found" }))] }), (0, jsx_runtime_1.jsxs)("div", { className: "space-y-4", children: [(0, jsx_runtime_1.jsx)("h3", { className: "text-b3-grey font-neue-montreal-semibold text-xl", children: "Account Preferences" }), (0, jsx_runtime_1.jsx)("div", { className: "bg-b3-line rounded-xl p-4", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between", children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", { className: "text-b3-grey font-neue-montreal-semibold", children: "Dark Mode" }), (0, jsx_runtime_1.jsx)("div", { className: "text-b3-foreground-muted font-neue-montreal-medium text-sm", children: "Switch between light and dark theme" })] }), (0, jsx_runtime_1.jsx)("div", { className: "bg-b3-primary-wash h-6 w-12 rounded-full" })] }) })] }), (0, jsx_runtime_1.jsxs)("div", { className: "border-b3-line flex items-center justify-between rounded-2xl border p-4", children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)("img", { src: "https://cdn.b3.fun/b3_logo.svg", alt: "B3", className: "h-4" }), (0, jsx_runtime_1.jsx)("h3", { className: "font-neue-montreal-semibold text-b3-grey", children: "Global Account" })] }), (0, jsx_runtime_1.jsx)("p", { className: "text-b3-foreground-muted font-neue-montreal-medium mt-2 text-sm", children: "Your universal account for all B3 apps" })] }), (0, jsx_runtime_1.jsx)("button", { className: "text-b3-grey hover:text-b3-grey/80 hover:bg-b3-line border-b3-line flex size-12 items-center justify-center rounded-full border", onClick: onLogoutEnhanced, children: logoutLoading ? (0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { className: "animate-spin" }) : (0, jsx_runtime_1.jsx)(SignOutIcon_1.SignOutIcon, { size: 16, className: "text-b3-grey" }) })] })] }));
+        return ((0, jsx_runtime_1.jsxs)("div", { className: "space-y-8", children: [(0, jsx_runtime_1.jsxs)("div", { className: "space-y-4", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between", children: [(0, jsx_runtime_1.jsx)("h3", { className: "text-b3-grey font-neue-montreal-semibold text-xl", children: "Linked Accounts" }), (0, jsx_runtime_1.jsxs)(react_1.Button, { className: "bg-b3-primary-wash hover:bg-b3-primary-wash/70 flex items-center gap-2 rounded-full px-4 py-2", onClick: handleOpenLinkModal, disabled: isLinking, children: [isLinking ? ((0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { className: "text-b3-primary-blue animate-spin", size: 16 })) : ((0, jsx_runtime_1.jsx)(lucide_react_1.LinkIcon, { size: 16, className: "text-b3-primary-blue" })), (0, jsx_runtime_1.jsx)("span", { className: "text-b3-grey font-neue-montreal-semibold", children: isLinking ? "Linking..." : "Link New Account" })] })] }), isLoadingProfiles ? ((0, jsx_runtime_1.jsx)("div", { className: "flex justify-center py-8", children: (0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { className: "text-b3-grey animate-spin" }) })) : profiles.length > 0 ? ((0, jsx_runtime_1.jsx)("div", { className: "space-y-4", children: profiles.map(profile => ((0, jsx_runtime_1.jsxs)("div", { className: "bg-b3-line flex items-center justify-between rounded-xl p-4", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-3", children: [profile.imageUrl ? ((0, jsx_runtime_1.jsx)("img", { src: profile.imageUrl, alt: profile.title, className: "size-10 rounded-full" })) : ((0, jsx_runtime_1.jsx)("div", { className: "bg-b3-primary-wash flex h-10 w-10 items-center justify-center rounded-full", children: (0, jsx_runtime_1.jsx)("span", { className: "text-b3-grey font-neue-montreal-semibold text-sm uppercase", children: profile.initial }) })), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-b3-grey font-neue-montreal-semibold", children: profile.title }), (0, jsx_runtime_1.jsx)("span", { className: "text-b3-foreground-muted font-neue-montreal-medium bg-b3-primary-wash rounded px-2 py-0.5 text-xs", children: profile.type.toUpperCase() })] }), (0, jsx_runtime_1.jsx)("div", { className: "text-b3-foreground-muted font-neue-montreal-medium text-sm", children: profile.subtitle })] })] }), (0, jsx_runtime_1.jsx)(react_1.Button, { variant: "ghost", size: "icon", className: "text-b3-grey hover:text-b3-negative", onClick: () => handleUnlink(profile), disabled: unlinkingAccountId === profile.title || isUnlinking, children: unlinkingAccountId === profile.title || isUnlinking ? ((0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { className: "animate-spin" })) : ((0, jsx_runtime_1.jsx)(lucide_react_1.UnlinkIcon, { size: 16 })) })] }, profile.title))) })) : ((0, jsx_runtime_1.jsx)("div", { className: "text-b3-foreground-muted py-8 text-center", children: "No linked accounts found" }))] }), (0, jsx_runtime_1.jsxs)("div", { className: "space-y-4", children: [(0, jsx_runtime_1.jsx)("h3", { className: "text-b3-grey font-neue-montreal-semibold text-xl", children: "Referrals" }), (0, jsx_runtime_1.jsxs)("div", { className: "bg-b3-line rounded-xl p-4", children: [isEditingCode && ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", { className: "text-b3-grey font-neue-montreal-semibold", children: "Your Referral Code" }), (0, jsx_runtime_1.jsx)("div", { className: "text-b3-foreground-muted font-neue-montreal-medium text-sm", children: "Share this code with friends to earn rewards" })] })), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between", children: [!isEditingCode && ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", { className: "text-b3-grey font-neue-montreal-semibold", children: "Your Referral Code" }), (0, jsx_runtime_1.jsx)("div", { className: "text-b3-foreground-muted font-neue-montreal-medium text-sm", children: "Share this code with friends to earn rewards" })] })), (0, jsx_runtime_1.jsx)("div", { className: "flex items-center gap-2", children: isEditingCode ? ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)("input", { type: "text", value: newReferralCode, onChange: e => setNewReferralCode(e.target.value), className: "rounded-lg border border-gray-200 bg-white px-3 py-1.5 text-sm", placeholder: "Enter new code", ref: referallCodeRef }), (0, jsx_runtime_1.jsx)(react_1.Button, { size: "sm", onClick: handleUpdateReferralCode, disabled: isUpdatingCode || !newReferralCode, children: isUpdatingCode ? (0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { className: "h-4 w-4 animate-spin" }) : "Save" }), (0, jsx_runtime_1.jsx)(react_1.Button, { size: "sm", variant: "ghost", onClick: () => {
+                                                            setIsEditingCode(false);
+                                                            setNewReferralCode("");
+                                                        }, children: "Cancel" })] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { className: "rounded-lg border border-gray-200 bg-white px-3 py-1.5 text-sm", children: currentReferralCode }), (0, jsx_runtime_1.jsx)(react_1.Button, { size: "icon", variant: "ghost", onClick: handleCopyCode, children: (0, jsx_runtime_1.jsx)(lucide_react_1.Copy, { className: "h-4 w-4" }) }), (0, jsx_runtime_1.jsx)(react_1.Button, { size: "icon", variant: "ghost", onClick: () => {
+                                                            setIsEditingCode(true);
+                                                            setTimeout(() => {
+                                                                referallCodeRef.current?.focus();
+                                                            }, 100);
+                                                        }, children: (0, jsx_runtime_1.jsx)(lucide_react_1.Pencil, { className: "h-4 w-4" }) })] })) })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "bg-b3-line rounded-xl p-4", children: [(0, jsx_runtime_1.jsx)("div", { className: "text-b3-grey font-neue-montreal-semibold mb-4", children: "Referred Users" }), isLoadingReferrals ? ((0, jsx_runtime_1.jsx)("div", { className: "flex justify-center py-4", children: (0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { className: "h-6 w-6 animate-spin text-gray-400" }) })) : referrals?.data?.length ? ((0, jsx_runtime_1.jsx)("div", { className: "space-y-3", children: referrals.data.map((referral) => ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between rounded-lg bg-white p-3", children: [(0, jsx_runtime_1.jsx)("div", { className: "text-sm font-medium", children: referral.referreeId }), (0, jsx_runtime_1.jsx)("div", { className: "text-sm text-gray-500", children: new Date(referral.createdAt).toLocaleDateString() })] }, String(referral._id)))) })) : ((0, jsx_runtime_1.jsx)("div", { className: "py-4 text-center text-gray-500", children: "No referred users yet" }))] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "space-y-4", children: [(0, jsx_runtime_1.jsx)("h3", { className: "text-b3-grey font-neue-montreal-semibold text-xl", children: "Account Preferences" }), (0, jsx_runtime_1.jsx)("div", { className: "bg-b3-line rounded-xl p-4", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between", children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", { className: "text-b3-grey font-neue-montreal-semibold", children: "Dark Mode" }), (0, jsx_runtime_1.jsx)("div", { className: "text-b3-foreground-muted font-neue-montreal-medium text-sm", children: "Switch between light and dark theme" })] }), (0, jsx_runtime_1.jsx)("div", { className: "bg-b3-primary-wash h-6 w-12 rounded-full" })] }) })] }), (0, jsx_runtime_1.jsxs)("div", { className: "border-b3-line flex items-center justify-between rounded-2xl border p-4", children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)("img", { src: "https://cdn.b3.fun/b3_logo.svg", alt: "B3", className: "h-4" }), (0, jsx_runtime_1.jsx)("h3", { className: "font-neue-montreal-semibold text-b3-grey", children: "Global Account" })] }), (0, jsx_runtime_1.jsx)("p", { className: "text-b3-foreground-muted font-neue-montreal-medium mt-2 text-sm", children: "Your universal account for all B3 apps" })] }), (0, jsx_runtime_1.jsx)("button", { className: "text-b3-grey hover:text-b3-grey/80 hover:bg-b3-line border-b3-line flex size-12 items-center justify-center rounded-full border", onClick: onLogoutEnhanced, children: logoutLoading ? (0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { className: "animate-spin" }) : (0, jsx_runtime_1.jsx)(SignOutIcon_1.SignOutIcon, { size: 16, className: "text-b3-grey" }) })] })] }));
     };
     return ((0, jsx_runtime_1.jsx)("div", { className: "b3-manage-account bg-b3-background flex flex-col rounded-xl", children: (0, jsx_runtime_1.jsx)("div", { className: "flex-1", children: (0, jsx_runtime_1.jsxs)(react_1.TabsPrimitive, { defaultValue: activeTab, onValueChange: value => {
                     const tab = value;

package/dist/cjs/global-account/react/hooks/useSiwe.js

@@ -9,11 +9,11 @@ const debug_1 = __importDefault(require("../../../shared/utils/debug"));
 const react_1 = require("react");
 const useSearchParamsSSR_1 = require("./useSearchParamsSSR");
 function useSiwe() {
-    const referrerId = (0, useSearchParamsSSR_1.useSearchParam)("referrerId");
+    const referralCode = (0, useSearchParamsSSR_1.useSearchParam)("referralCode");
     const authenticate = (0, react_1.useCallback)(async (account, partnerId) => {
         if (!account || !account.signMessage)
             throw new Error("Account not found");
-        console.log("@@useAuthenticate:referrerId", referrerId);
+        console.log("@@useAuthenticate:referralCode", referralCode);
         // generate challenge
         const challenge = await app_1.default.service("global-accounts-challenge").create({
             address: account.address,
@@ -31,13 +31,13 @@ function useSiwe() {
             signature,
             serverSignature: challenge.serverSignature,
             nonce: challenge.nonce,
-            // http://localhost:5173/?referrerId=cd8fda06-3840-43d3-8f35-ae9472a13759
-            referrerId: referrerId,
+            // http://localhost:5173/?referralCode=GIO2
+            referralCode,
             partnerId: partnerId,
         });
         (0, debug_1.default)("@@useAuthenticate:response", response);
         return response;
-    }, [referrerId]);
+    }, [referralCode]);
     return {
         authenticate,
     };

package/dist/esm/anyspend/react/hooks/useSigMint.d.ts

@@ -72,7 +72,7 @@ export declare const useSigMintCollection: ({ address, chainId }: FindByAddressP
         description?: string | undefined;
         createdAt?: string | undefined;
         updatedAt?: string | undefined;
-        status?: "DRAFT" | "ACTIVE" | "INACTIVE" | undefined;
+        status?: "ACTIVE" | "DRAFT" | "INACTIVE" | undefined;
         metadata?: {} | undefined;
         logoURI?: string | undefined;
         creator?: string | undefined;

package/dist/esm/global-account/react/components/B3Provider/types.d.ts

@@ -1,17 +1,16 @@
-import { Account } from "thirdweb/wallets";
-import { User } from "../../../../global-account/types/b3-api.types";
-import { Wallet } from "thirdweb/wallets";
+import { Users } from "@b3dotfun/b3-api";
 import { PermissionsConfig } from "../../../../global-account/types/permissions";
+import { Account, Wallet } from "thirdweb/wallets";
 /**
  * Context type for B3Provider
  */
 export interface B3ContextType {
     account?: Account;
     automaticallySetFirstEoa: boolean;
-    user?: User;
+    user?: Users;
     setWallet: (wallet: Wallet) => void;
     wallet?: Wallet;
-    setUser: (user?: User) => void;
+    setUser: (user?: Users) => void;
     initialized: boolean;
     ready: boolean;
     environment?: "development" | "production";

package/dist/esm/global-account/react/components/ManageAccount/ManageAccount.js

@@ -1,10 +1,12 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, TabsContentPrimitive, TabsListPrimitive, TabsPrimitive, TabTriggerPrimitive, useAccountAssets, useAuthentication, useGetAllTWSigners, useModalStore, useRemoveSessionKey, } from "../../../../global-account/react/index.js";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import app from "../../../../global-account/app.js";
+import { Button, TabsContentPrimitive, TabsListPrimitive, TabsPrimitive, TabTriggerPrimitive, useAccountAssets, useAuthentication, useB3, useGetAllTWSigners, useModalStore, useQueryB3, useRemoveSessionKey, } from "../../../../global-account/react/index.js";
 import { SignOutIcon } from "../../../../global-account/react/components/icons/SignOutIcon.js";
 import { formatNumber } from "../../../../shared/utils/formatNumber.js";
 import { client } from "../../../../shared/utils/thirdweb.js";
-import { BarChart3, Coins, Image, LinkIcon, Loader2, Settings, UnlinkIcon } from "lucide-react";
-import { useState } from "react";
+import { BarChart3, Coins, Copy, Image, LinkIcon, Loader2, Pencil, Settings, UnlinkIcon } from "lucide-react";
+import { useRef, useState } from "react";
+import { toast } from "sonner";
 import { useActiveAccount, useProfiles, useUnlinkProfile } from "thirdweb/react";
 import { formatUnits } from "viem";
 import { getProfileDisplayInfo } from "../../utils/profileDisplay.js";
@@ -52,6 +54,45 @@ export function ManageAccount({ onLogout, onSwap: _onSwap, onDeposit: _onDeposit
         const { data: profilesRaw = [], isLoading: isLoadingProfiles } = useProfiles({ client });
         const { mutate: unlinkProfile, isPending: isUnlinking } = useUnlinkProfile();
         const { setB3ModalOpen, setB3ModalContentType, isLinking } = useModalStore();
+        const { user, setUser } = useB3();
+        const [isUpdatingCode, setIsUpdatingCode] = useState(false);
+        const [newReferralCode, setNewReferralCode] = useState("");
+        const [isEditingCode, setIsEditingCode] = useState(false);
+        const referallCodeRef = useRef(null);
+        const { data: referrals, isLoading: isLoadingReferrals } = useQueryB3("referrals", "find", { query: { referrerId: user?.userId } }, !!user?.userId);
+        // Fetch referred users
+        const currentReferralCode = user?.referralCode || user?.userId || "";
+        const handleCopyCode = async () => {
+            try {
+                await navigator.clipboard.writeText(currentReferralCode);
+                toast.success("Referral code copied to clipboard!");
+            }
+            catch (error) {
+                toast.error("Failed to copy referral code");
+            }
+        };
+        const handleUpdateReferralCode = async () => {
+            if (!newReferralCode)
+                return;
+            setIsUpdatingCode(true);
+            try {
+                // @ts-expect-error - setReferralCode is not typed for some reason
+                const newUser = await app.service("users").setReferralCode({
+                    userId: user?.userId,
+                    referralCode: newReferralCode,
+                });
+                setUser(newUser);
+                toast.success("Referral code updated successfully!");
+                setIsEditingCode(false);
+                setNewReferralCode("");
+            }
+            catch (error) {
+                toast.error("Failed to update referral code");
+            }
+            finally {
+                setIsUpdatingCode(false);
+            }
+        };
         const profiles = profilesRaw
             .filter((profile) => !["custom_auth_endpoint", "siwe"].includes(profile.type))
             .map((profile) => ({
@@ -88,7 +129,15 @@ export function ManageAccount({ onLogout, onSwap: _onSwap, onDeposit: _onDeposit
                 },
             });
         };
-        return (_jsxs("div", { className: "space-y-8", children: [_jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("h3", { className: "text-b3-grey font-neue-montreal-semibold text-xl", children: "Linked Accounts" }), _jsxs(Button, { className: "bg-b3-primary-wash hover:bg-b3-primary-wash/70 flex items-center gap-2 rounded-full px-4 py-2", onClick: handleOpenLinkModal, disabled: isLinking, children: [isLinking ? (_jsx(Loader2, { className: "text-b3-primary-blue animate-spin", size: 16 })) : (_jsx(LinkIcon, { size: 16, className: "text-b3-primary-blue" })), _jsx("span", { className: "text-b3-grey font-neue-montreal-semibold", children: isLinking ? "Linking..." : "Link New Account" })] })] }), isLoadingProfiles ? (_jsx("div", { className: "flex justify-center py-8", children: _jsx(Loader2, { className: "text-b3-grey animate-spin" }) })) : profiles.length > 0 ? (_jsx("div", { className: "space-y-4", children: profiles.map(profile => (_jsxs("div", { className: "bg-b3-line flex items-center justify-between rounded-xl p-4", children: [_jsxs("div", { className: "flex items-center gap-3", children: [profile.imageUrl ? (_jsx("img", { src: profile.imageUrl, alt: profile.title, className: "size-10 rounded-full" })) : (_jsx("div", { className: "bg-b3-primary-wash flex h-10 w-10 items-center justify-center rounded-full", children: _jsx("span", { className: "text-b3-grey font-neue-montreal-semibold text-sm uppercase", children: profile.initial }) })), _jsxs("div", { children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "text-b3-grey font-neue-montreal-semibold", children: profile.title }), _jsx("span", { className: "text-b3-foreground-muted font-neue-montreal-medium bg-b3-primary-wash rounded px-2 py-0.5 text-xs", children: profile.type.toUpperCase() })] }), _jsx("div", { className: "text-b3-foreground-muted font-neue-montreal-medium text-sm", children: profile.subtitle })] })] }), _jsx(Button, { variant: "ghost", size: "icon", className: "text-b3-grey hover:text-b3-negative", onClick: () => handleUnlink(profile), disabled: unlinkingAccountId === profile.title || isUnlinking, children: unlinkingAccountId === profile.title || isUnlinking ? (_jsx(Loader2, { className: "animate-spin" })) : (_jsx(UnlinkIcon, { size: 16 })) })] }, profile.title))) })) : (_jsx("div", { className: "text-b3-foreground-muted py-8 text-center", children: "No linked accounts found" }))] }), _jsxs("div", { className: "space-y-4", children: [_jsx("h3", { className: "text-b3-grey font-neue-montreal-semibold text-xl", children: "Account Preferences" }), _jsx("div", { className: "bg-b3-line rounded-xl p-4", children: _jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { children: [_jsx("div", { className: "text-b3-grey font-neue-montreal-semibold", children: "Dark Mode" }), _jsx("div", { className: "text-b3-foreground-muted font-neue-montreal-medium text-sm", children: "Switch between light and dark theme" })] }), _jsx("div", { className: "bg-b3-primary-wash h-6 w-12 rounded-full" })] }) })] }), _jsxs("div", { className: "border-b3-line flex items-center justify-between rounded-2xl border p-4", children: [_jsxs("div", { children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("img", { src: "https://cdn.b3.fun/b3_logo.svg", alt: "B3", className: "h-4" }), _jsx("h3", { className: "font-neue-montreal-semibold text-b3-grey", children: "Global Account" })] }), _jsx("p", { className: "text-b3-foreground-muted font-neue-montreal-medium mt-2 text-sm", children: "Your universal account for all B3 apps" })] }), _jsx("button", { className: "text-b3-grey hover:text-b3-grey/80 hover:bg-b3-line border-b3-line flex size-12 items-center justify-center rounded-full border", onClick: onLogoutEnhanced, children: logoutLoading ? _jsx(Loader2, { className: "animate-spin" }) : _jsx(SignOutIcon, { size: 16, className: "text-b3-grey" }) })] })] }));
+        return (_jsxs("div", { className: "space-y-8", children: [_jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("h3", { className: "text-b3-grey font-neue-montreal-semibold text-xl", children: "Linked Accounts" }), _jsxs(Button, { className: "bg-b3-primary-wash hover:bg-b3-primary-wash/70 flex items-center gap-2 rounded-full px-4 py-2", onClick: handleOpenLinkModal, disabled: isLinking, children: [isLinking ? (_jsx(Loader2, { className: "text-b3-primary-blue animate-spin", size: 16 })) : (_jsx(LinkIcon, { size: 16, className: "text-b3-primary-blue" })), _jsx("span", { className: "text-b3-grey font-neue-montreal-semibold", children: isLinking ? "Linking..." : "Link New Account" })] })] }), isLoadingProfiles ? (_jsx("div", { className: "flex justify-center py-8", children: _jsx(Loader2, { className: "text-b3-grey animate-spin" }) })) : profiles.length > 0 ? (_jsx("div", { className: "space-y-4", children: profiles.map(profile => (_jsxs("div", { className: "bg-b3-line flex items-center justify-between rounded-xl p-4", children: [_jsxs("div", { className: "flex items-center gap-3", children: [profile.imageUrl ? (_jsx("img", { src: profile.imageUrl, alt: profile.title, className: "size-10 rounded-full" })) : (_jsx("div", { className: "bg-b3-primary-wash flex h-10 w-10 items-center justify-center rounded-full", children: _jsx("span", { className: "text-b3-grey font-neue-montreal-semibold text-sm uppercase", children: profile.initial }) })), _jsxs("div", { children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "text-b3-grey font-neue-montreal-semibold", children: profile.title }), _jsx("span", { className: "text-b3-foreground-muted font-neue-montreal-medium bg-b3-primary-wash rounded px-2 py-0.5 text-xs", children: profile.type.toUpperCase() })] }), _jsx("div", { className: "text-b3-foreground-muted font-neue-montreal-medium text-sm", children: profile.subtitle })] })] }), _jsx(Button, { variant: "ghost", size: "icon", className: "text-b3-grey hover:text-b3-negative", onClick: () => handleUnlink(profile), disabled: unlinkingAccountId === profile.title || isUnlinking, children: unlinkingAccountId === profile.title || isUnlinking ? (_jsx(Loader2, { className: "animate-spin" })) : (_jsx(UnlinkIcon, { size: 16 })) })] }, profile.title))) })) : (_jsx("div", { className: "text-b3-foreground-muted py-8 text-center", children: "No linked accounts found" }))] }), _jsxs("div", { className: "space-y-4", children: [_jsx("h3", { className: "text-b3-grey font-neue-montreal-semibold text-xl", children: "Referrals" }), _jsxs("div", { className: "bg-b3-line rounded-xl p-4", children: [isEditingCode && (_jsxs("div", { children: [_jsx("div", { className: "text-b3-grey font-neue-montreal-semibold", children: "Your Referral Code" }), _jsx("div", { className: "text-b3-foreground-muted font-neue-montreal-medium text-sm", children: "Share this code with friends to earn rewards" })] })), _jsxs("div", { className: "flex items-center justify-between", children: [!isEditingCode && (_jsxs("div", { children: [_jsx("div", { className: "text-b3-grey font-neue-montreal-semibold", children: "Your Referral Code" }), _jsx("div", { className: "text-b3-foreground-muted font-neue-montreal-medium text-sm", children: "Share this code with friends to earn rewards" })] })), _jsx("div", { className: "flex items-center gap-2", children: isEditingCode ? (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("input", { type: "text", value: newReferralCode, onChange: e => setNewReferralCode(e.target.value), className: "rounded-lg border border-gray-200 bg-white px-3 py-1.5 text-sm", placeholder: "Enter new code", ref: referallCodeRef }), _jsx(Button, { size: "sm", onClick: handleUpdateReferralCode, disabled: isUpdatingCode || !newReferralCode, children: isUpdatingCode ? _jsx(Loader2, { className: "h-4 w-4 animate-spin" }) : "Save" }), _jsx(Button, { size: "sm", variant: "ghost", onClick: () => {
+                                                            setIsEditingCode(false);
+                                                            setNewReferralCode("");
+                                                        }, children: "Cancel" })] })) : (_jsxs(_Fragment, { children: [_jsx("div", { className: "rounded-lg border border-gray-200 bg-white px-3 py-1.5 text-sm", children: currentReferralCode }), _jsx(Button, { size: "icon", variant: "ghost", onClick: handleCopyCode, children: _jsx(Copy, { className: "h-4 w-4" }) }), _jsx(Button, { size: "icon", variant: "ghost", onClick: () => {
+                                                            setIsEditingCode(true);
+                                                            setTimeout(() => {
+                                                                referallCodeRef.current?.focus();
+                                                            }, 100);
+                                                        }, children: _jsx(Pencil, { className: "h-4 w-4" }) })] })) })] })] }), _jsxs("div", { className: "bg-b3-line rounded-xl p-4", children: [_jsx("div", { className: "text-b3-grey font-neue-montreal-semibold mb-4", children: "Referred Users" }), isLoadingReferrals ? (_jsx("div", { className: "flex justify-center py-4", children: _jsx(Loader2, { className: "h-6 w-6 animate-spin text-gray-400" }) })) : referrals?.data?.length ? (_jsx("div", { className: "space-y-3", children: referrals.data.map((referral) => (_jsxs("div", { className: "flex items-center justify-between rounded-lg bg-white p-3", children: [_jsx("div", { className: "text-sm font-medium", children: referral.referreeId }), _jsx("div", { className: "text-sm text-gray-500", children: new Date(referral.createdAt).toLocaleDateString() })] }, String(referral._id)))) })) : (_jsx("div", { className: "py-4 text-center text-gray-500", children: "No referred users yet" }))] })] }), _jsxs("div", { className: "space-y-4", children: [_jsx("h3", { className: "text-b3-grey font-neue-montreal-semibold text-xl", children: "Account Preferences" }), _jsx("div", { className: "bg-b3-line rounded-xl p-4", children: _jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { children: [_jsx("div", { className: "text-b3-grey font-neue-montreal-semibold", children: "Dark Mode" }), _jsx("div", { className: "text-b3-foreground-muted font-neue-montreal-medium text-sm", children: "Switch between light and dark theme" })] }), _jsx("div", { className: "bg-b3-primary-wash h-6 w-12 rounded-full" })] }) })] }), _jsxs("div", { className: "border-b3-line flex items-center justify-between rounded-2xl border p-4", children: [_jsxs("div", { children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("img", { src: "https://cdn.b3.fun/b3_logo.svg", alt: "B3", className: "h-4" }), _jsx("h3", { className: "font-neue-montreal-semibold text-b3-grey", children: "Global Account" })] }), _jsx("p", { className: "text-b3-foreground-muted font-neue-montreal-medium mt-2 text-sm", children: "Your universal account for all B3 apps" })] }), _jsx("button", { className: "text-b3-grey hover:text-b3-grey/80 hover:bg-b3-line border-b3-line flex size-12 items-center justify-center rounded-full border", onClick: onLogoutEnhanced, children: logoutLoading ? _jsx(Loader2, { className: "animate-spin" }) : _jsx(SignOutIcon, { size: 16, className: "text-b3-grey" }) })] })] }));
     };
     return (_jsx("div", { className: "b3-manage-account bg-b3-background flex flex-col rounded-xl", children: _jsx("div", { className: "flex-1", children: _jsxs(TabsPrimitive, { defaultValue: activeTab, onValueChange: value => {
                     const tab = value;

package/dist/esm/global-account/react/hooks/useSiwe.js

@@ -3,11 +3,11 @@ import debug from "../../../shared/utils/debug.js";
 import { useCallback } from "react";
 import { useSearchParam } from "./useSearchParamsSSR.js";
 export function useSiwe() {
-    const referrerId = useSearchParam("referrerId");
+    const referralCode = useSearchParam("referralCode");
     const authenticate = useCallback(async (account, partnerId) => {
         if (!account || !account.signMessage)
             throw new Error("Account not found");
-        console.log("@@useAuthenticate:referrerId", referrerId);
+        console.log("@@useAuthenticate:referralCode", referralCode);
         // generate challenge
         const challenge = await app.service("global-accounts-challenge").create({
             address: account.address,
@@ -25,13 +25,13 @@ export function useSiwe() {
             signature,
             serverSignature: challenge.serverSignature,
             nonce: challenge.nonce,
-            // http://localhost:5173/?referrerId=cd8fda06-3840-43d3-8f35-ae9472a13759
-            referrerId: referrerId,
+            // http://localhost:5173/?referralCode=GIO2
+            referralCode,
             partnerId: partnerId,
         });
         debug("@@useAuthenticate:response", response);
         return response;
-    }, [referrerId]);
+    }, [referralCode]);
     return {
         authenticate,
     };

package/dist/types/anyspend/react/hooks/useSigMint.d.ts

@@ -72,7 +72,7 @@ export declare const useSigMintCollection: ({ address, chainId }: FindByAddressP
         description?: string | undefined;
         createdAt?: string | undefined;
         updatedAt?: string | undefined;
-        status?: "DRAFT" | "ACTIVE" | "INACTIVE" | undefined;
+        status?: "ACTIVE" | "DRAFT" | "INACTIVE" | undefined;
         metadata?: {} | undefined;
         logoURI?: string | undefined;
         creator?: string | undefined;

package/dist/types/global-account/react/components/B3Provider/types.d.ts

@@ -1,17 +1,16 @@
-import { Account } from "thirdweb/wallets";
-import { User } from "@b3dotfun/sdk/global-account/types/b3-api.types";
-import { Wallet } from "thirdweb/wallets";
+import { Users } from "@b3dotfun/b3-api";
 import { PermissionsConfig } from "@b3dotfun/sdk/global-account/types/permissions";
+import { Account, Wallet } from "thirdweb/wallets";
 /**
  * Context type for B3Provider
  */
 export interface B3ContextType {
     account?: Account;
     automaticallySetFirstEoa: boolean;
-    user?: User;
+    user?: Users;
     setWallet: (wallet: Wallet) => void;
     wallet?: Wallet;
-    setUser: (user?: User) => void;
+    setUser: (user?: Users) => void;
     initialized: boolean;
     ready: boolean;
     environment?: "development" | "production";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@b3dotfun/sdk",
-  "version": "0.0.31-alpha.1",
+  "version": "0.0.31-alpha.2",
   "source": "src/index.ts",
   "main": "./dist/cjs/index.js",
   "react-native": "./dist/cjs/index.native.js",
@@ -237,7 +237,7 @@
     "constants"
   ],
   "dependencies": {
-    "@b3dotfun/b3-api": "0.0.43",
+    "@b3dotfun/b3-api": "0.0.45",
     "@b3dotfun/basement-api": "0.0.11",
     "@chakra-ui/react": "2.10.7",
     "@feathersjs/authentication-client": "5.0.33",

package/src/global-account/react/components/B3Provider/B3Provider.native.tsx

@@ -4,7 +4,7 @@ import { useState } from "react";
 import { ThirdwebProvider, useActiveAccount } from "thirdweb/react";
 import { Account } from "thirdweb/wallets";
 
-import { User } from "@b3dotfun/sdk/global-account/types/b3-api.types";
+import { Users } from "@b3dotfun/b3-api";
 import { B3Context, B3ContextType } from "./types";
 
 /**
@@ -64,7 +64,7 @@ export function InnerProvider({
   theme: "light" | "dark";
 }) {
   const activeAccount = useActiveAccount();
-  const [user, setUser] = useState<User | undefined>(undefined);
+  const [user, setUser] = useState<Users | undefined>(undefined);
 
   // Use given accountOverride or activeAccount from thirdweb
   const effectiveAccount = accountOverride || activeAccount;

package/src/global-account/react/components/B3Provider/B3Provider.tsx

@@ -1,5 +1,4 @@
 import { RelayKitProviderWrapper, TooltipProvider, useAuthStore } from "@b3dotfun/sdk/global-account/react";
-import { User } from "@b3dotfun/sdk/global-account/types/b3-api.types";
 import { PermissionsConfig } from "@b3dotfun/sdk/global-account/types/permissions";
 import { loadGA4Script } from "@b3dotfun/sdk/global-account/utils/analytics";
 import { supportedChains } from "@b3dotfun/sdk/shared/constants/chains/supported";
@@ -18,6 +17,7 @@ import { createConfig, http, WagmiProvider } from "wagmi";
 import { StyleRoot } from "../StyleRoot";
 import { B3Context, B3ContextType } from "./types";
 
+import { Users } from "@b3dotfun/b3-api";
 import "@reservoir0x/relay-kit-ui/styles.css";
 
 /**
@@ -115,7 +115,7 @@ export function InnerProvider({
   const setActiveWallet = useSetActiveWallet();
   const isAuthenticated = useAuthStore(state => state.isAuthenticated);
 
-  const [user, setUser] = useState<User | undefined>(undefined);
+  const [user, setUser] = useState<Users | undefined>(undefined);
 
   // Use given accountOverride or activeAccount from thirdweb
   const effectiveAccount = isAuthenticated ? accountOverride || activeAccount : undefined;

package/src/global-account/react/components/B3Provider/types.ts

@@ -1,8 +1,7 @@
-import { Account } from "thirdweb/wallets";
-import { User } from "@b3dotfun/sdk/global-account/types/b3-api.types";
-import { Wallet } from "thirdweb/wallets";
+import { Users } from "@b3dotfun/b3-api";
 import { PermissionsConfig } from "@b3dotfun/sdk/global-account/types/permissions";
 import { createContext } from "react";
+import { Account, Wallet } from "thirdweb/wallets";
 
 /**
  * Context type for B3Provider
@@ -10,10 +9,10 @@ import { createContext } from "react";
 export interface B3ContextType {
   account?: Account;
   automaticallySetFirstEoa: boolean;
-  user?: User;
+  user?: Users;
   setWallet: (wallet: Wallet) => void;
   wallet?: Wallet;
-  setUser: (user?: User) => void;
+  setUser: (user?: Users) => void;
   initialized: boolean;
   ready: boolean;
   environment?: "development" | "production";

package/src/global-account/react/components/ManageAccount/ManageAccount.tsx

@@ -1,3 +1,4 @@
+import app from "@b3dotfun/sdk/global-account/app";
 import {
   Button,
   ManageAccountModalProps,
@@ -8,16 +9,18 @@ import {
   TWSignerWithMetadata,
   useAccountAssets,
   useAuthentication,
+  useB3,
   useGetAllTWSigners,
   useModalStore,
+  useQueryB3,
   useRemoveSessionKey,
 } from "@b3dotfun/sdk/global-account/react";
 import { SignOutIcon } from "@b3dotfun/sdk/global-account/react/components/icons/SignOutIcon";
 import { formatNumber } from "@b3dotfun/sdk/shared/utils/formatNumber";
-
 import { client } from "@b3dotfun/sdk/shared/utils/thirdweb";
-import { BarChart3, Coins, Image, LinkIcon, Loader2, Settings, UnlinkIcon } from "lucide-react";
-import { useState } from "react";
+import { BarChart3, Coins, Copy, Image, LinkIcon, Loader2, Pencil, Settings, UnlinkIcon } from "lucide-react";
+import { useRef, useState } from "react";
+import { toast } from "sonner";
 import { Chain } from "thirdweb";
 import { useActiveAccount, useProfiles, useUnlinkProfile } from "thirdweb/react";
 import { formatUnits } from "viem";
@@ -26,6 +29,7 @@ import { getProfileDisplayInfo } from "../../utils/profileDisplay";
 import { AccountAssets } from "../AccountAssets/AccountAssets";
 import { ContentTokens } from "./ContentTokens";
 
+import { Referrals, Users } from "@b3dotfun/b3-api";
 import { BalanceContent } from "./BalanceContent";
 
 type TabValue = "overview" | "tokens" | "nfts" | "apps" | "settings";
@@ -130,6 +134,50 @@ export function ManageAccount({
     const { data: profilesRaw = [], isLoading: isLoadingProfiles } = useProfiles({ client });
     const { mutate: unlinkProfile, isPending: isUnlinking } = useUnlinkProfile();
     const { setB3ModalOpen, setB3ModalContentType, isLinking } = useModalStore();
+    const { user, setUser } = useB3();
+    const [isUpdatingCode, setIsUpdatingCode] = useState(false);
+    const [newReferralCode, setNewReferralCode] = useState("");
+    const [isEditingCode, setIsEditingCode] = useState(false);
+    const referallCodeRef = useRef<HTMLInputElement>(null);
+    const { data: referrals, isLoading: isLoadingReferrals } = useQueryB3(
+      "referrals",
+      "find",
+      { query: { referrerId: user?.userId } },
+      !!user?.userId,
+    );
+
+    // Fetch referred users
+    const currentReferralCode = user?.referralCode || user?.userId || "";
+
+    const handleCopyCode = async () => {
+      try {
+        await navigator.clipboard.writeText(currentReferralCode);
+        toast.success("Referral code copied to clipboard!");
+      } catch (error) {
+        toast.error("Failed to copy referral code");
+      }
+    };
+
+    const handleUpdateReferralCode = async () => {
+      if (!newReferralCode) return;
+
+      setIsUpdatingCode(true);
+      try {
+        // @ts-expect-error - setReferralCode is not typed for some reason
+        const newUser = await app.service("users").setReferralCode({
+          userId: user?.userId,
+          referralCode: newReferralCode,
+        });
+        setUser(newUser as unknown as Users);
+        toast.success("Referral code updated successfully!");
+        setIsEditingCode(false);
+        setNewReferralCode("");
+      } catch (error) {
+        toast.error("Failed to update referral code");
+      } finally {
+        setIsUpdatingCode(false);
+      }
+    };
 
     const profiles = profilesRaw
       .filter((profile: any) => !["custom_auth_endpoint", "siwe"].includes(profile.type))
@@ -241,6 +289,102 @@ export function ManageAccount({
           )}
         </div>
 
+        {/* Referral Section */}
+        <div className="space-y-4">
+          <h3 className="text-b3-grey font-neue-montreal-semibold text-xl">Referrals</h3>
+
+          {/* Referral Code */}
+          <div className="bg-b3-line rounded-xl p-4">
+            {isEditingCode && (
+              <div>
+                <div className="text-b3-grey font-neue-montreal-semibold">Your Referral Code</div>
+                <div className="text-b3-foreground-muted font-neue-montreal-medium text-sm">
+                  Share this code with friends to earn rewards
+                </div>
+              </div>
+            )}
+            <div className="flex items-center justify-between">
+              {!isEditingCode && (
+                <div>
+                  <div className="text-b3-grey font-neue-montreal-semibold">Your Referral Code</div>
+                  <div className="text-b3-foreground-muted font-neue-montreal-medium text-sm">
+                    Share this code with friends to earn rewards
+                  </div>
+                </div>
+              )}
+              <div className="flex items-center gap-2">
+                {isEditingCode ? (
+                  <div className="flex items-center gap-2">
+                    <input
+                      type="text"
+                      value={newReferralCode}
+                      onChange={e => setNewReferralCode(e.target.value)}
+                      className="rounded-lg border border-gray-200 bg-white px-3 py-1.5 text-sm"
+                      placeholder="Enter new code"
+                      ref={referallCodeRef}
+                    />
+                    <Button size="sm" onClick={handleUpdateReferralCode} disabled={isUpdatingCode || !newReferralCode}>
+                      {isUpdatingCode ? <Loader2 className="h-4 w-4 animate-spin" /> : "Save"}
+                    </Button>
+                    <Button
+                      size="sm"
+                      variant="ghost"
+                      onClick={() => {
+                        setIsEditingCode(false);
+                        setNewReferralCode("");
+                      }}
+                    >
+                      Cancel
+                    </Button>
+                  </div>
+                ) : (
+                  <>
+                    <div className="rounded-lg border border-gray-200 bg-white px-3 py-1.5 text-sm">
+                      {currentReferralCode}
+                    </div>
+                    <Button size="icon" variant="ghost" onClick={handleCopyCode}>
+                      <Copy className="h-4 w-4" />
+                    </Button>
+                    <Button
+                      size="icon"
+                      variant="ghost"
+                      onClick={() => {
+                        setIsEditingCode(true);
+                        setTimeout(() => {
+                          referallCodeRef.current?.focus();
+                        }, 100);
+                      }}
+                    >
+                      <Pencil className="h-4 w-4" />
+                    </Button>
+                  </>
+                )}
+              </div>
+            </div>
+          </div>
+
+          {/* Referred Users */}
+          <div className="bg-b3-line rounded-xl p-4">
+            <div className="text-b3-grey font-neue-montreal-semibold mb-4">Referred Users</div>
+            {isLoadingReferrals ? (
+              <div className="flex justify-center py-4">
+                <Loader2 className="h-6 w-6 animate-spin text-gray-400" />
+              </div>
+            ) : referrals?.data?.length ? (
+              <div className="space-y-3">
+                {referrals.data.map((referral: Referrals) => (
+                  <div key={String(referral._id)} className="flex items-center justify-between rounded-lg bg-white p-3">
+                    <div className="text-sm font-medium">{referral.referreeId}</div>
+                    <div className="text-sm text-gray-500">{new Date(referral.createdAt).toLocaleDateString()}</div>
+                  </div>
+                ))}
+              </div>
+            ) : (
+              <div className="py-4 text-center text-gray-500">No referred users yet</div>
+            )}
+          </div>
+        </div>
+
         {/* Additional Settings Sections */}
         <div className="space-y-4">
           <h3 className="text-b3-grey font-neue-montreal-semibold text-xl">Account Preferences</h3>

package/src/global-account/react/hooks/useSiwe.tsx

@@ -5,13 +5,13 @@ import { Account } from "thirdweb/wallets";
 import { useSearchParam } from "./useSearchParamsSSR";
 
 export function useSiwe() {
-  const referrerId = useSearchParam("referrerId");
+  const referralCode = useSearchParam("referralCode");
 
   const authenticate = useCallback(
     async (account: Account, partnerId: string) => {
       if (!account || !account.signMessage) throw new Error("Account not found");
 
-      console.log("@@useAuthenticate:referrerId", referrerId);
+      console.log("@@useAuthenticate:referralCode", referralCode);
       // generate challenge
       const challenge = await app.service("global-accounts-challenge").create({
         address: account.address,
@@ -32,15 +32,15 @@ export function useSiwe() {
         signature,
         serverSignature: challenge.serverSignature,
         nonce: challenge.nonce,
-        // http://localhost:5173/?referrerId=cd8fda06-3840-43d3-8f35-ae9472a13759
-        referrerId: referrerId,
+        // http://localhost:5173/?referralCode=GIO2
+        referralCode,
         partnerId: partnerId,
       });
       debug("@@useAuthenticate:response", response);
 
       return response;
     },
-    [referrerId],
+    [referralCode],
   );
 
   return {