@b3dotfun/sdk 0.0.33-alpha.3 → 0.0.33-alpha.5

package/dist/cjs/anyspend/react/components/AnySpend.js

@@ -662,7 +662,7 @@ function AnySpendInner({ destinationTokenAddress, destinationTokenChainId, mode
                             setActivePanel(PanelView.MAIN);
                             setSelectedCryptoPaymentMethod(CryptoPaymentMethod_1.CryptoPaymentMethodType.NONE); // Reset payment method when going back
                         } })] })) }) }));
-    const mainView = ((0, jsx_runtime_1.jsxs)("div", { className: "mx-auto flex w-[460px] max-w-full flex-col items-center gap-2", children: [isBuyMode && ((0, jsx_runtime_1.jsxs)("div", { className: "mb-4 flex flex-col items-center gap-3 text-center", children: [selectedDstToken.metadata?.logoURI && ((0, jsx_runtime_1.jsx)("div", { className: "relative", children: (0, jsx_runtime_1.jsx)("img", { src: selectedDstToken.metadata.logoURI, alt: selectedDstToken.symbol, className: "border-as-stroke h-12 w-12 rounded-full border-2 shadow-md" }) })), (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsxs)("h1", { className: "text-as-primary text-xl font-bold", children: ["Buy ", selectedDstToken.symbol] }) })] })), (0, jsx_runtime_1.jsx)(TabSection_1.TabSection, { activeTab: activeTab, setActiveTab: setActiveTab, setSelectedCryptoPaymentMethod: setSelectedCryptoPaymentMethod, setSelectedFiatPaymentMethod: setSelectedFiatPaymentMethod }), (0, jsx_runtime_1.jsxs)("div", { className: "relative flex w-full max-w-[calc(100vw-32px)] flex-col gap-2", children: [activeTab === "crypto" ? ((0, jsx_runtime_1.jsx)(PaySection_1.PaySection, { paymentType: "crypto", selectedSrcChainId: selectedSrcChainId, setSelectedSrcChainId: setSelectedSrcChainId, selectedSrcToken: selectedSrcToken, setSelectedSrcToken: setSelectedSrcToken, srcAmount: srcAmount, setSrcAmount: setSrcAmount, setIsSrcInputDirty: setIsSrcInputDirty, selectedCryptoPaymentMethod: selectedCryptoPaymentMethod, selectedFiatPaymentMethod: selectedFiatPaymentMethod, onSelectCryptoPaymentMethod: () => setActivePanel(PanelView.CRYPTO_PAYMENT_METHOD), onSelectFiatPaymentMethod: () => setActivePanel(PanelView.FIAT_PAYMENT_METHOD), anyspendQuote: anyspendQuote })) : ((0, jsx_runtime_1.jsx)(react_3.motion.div, { initial: { opacity: 0, y: 20, filter: "blur(10px)" }, animate: { opacity: 1, y: 0, filter: "blur(0px)" }, transition: { duration: 0.3, delay: 0, ease: "easeInOut" }, children: (0, jsx_runtime_1.jsx)(PanelOnramp_1.PanelOnramp, { srcAmountOnRamp: srcAmountOnRamp, setSrcAmountOnRamp: setSrcAmountOnRamp, selectedPaymentMethod: selectedFiatPaymentMethod, setActivePanel: setActivePanel, _recipientAddress: recipientAddress, destinationToken: selectedDstToken, destinationChainId: selectedDstChainId, destinationAmount: dstAmount, onDestinationTokenChange: setSelectedDstToken, onDestinationChainChange: setSelectedDstChainId, fiatPaymentMethodIndex: PanelView.FIAT_PAYMENT_METHOD, recipientSelectionPanelIndex: PanelView.RECIPIENT_SELECTION }) })), (0, jsx_runtime_1.jsx)(react_2.Button, { variant: "ghost", className: (0, cn_1.cn)("border-as-stroke bg-as-surface-primary absolute left-1/2 top-1/2 z-10 h-10 w-10 -translate-x-1/2 -translate-y-1/2 rounded-xl border-2 sm:h-8 sm:w-8 sm:rounded-xl", isBuyMode && "top-[calc(50%+56px)] cursor-default", activeTab === "fiat" && "hidden"), onClick: () => {
+    const mainView = ((0, jsx_runtime_1.jsxs)("div", { className: "mx-auto flex w-[460px] max-w-full flex-col items-center gap-2", children: [isBuyMode && ((0, jsx_runtime_1.jsxs)("div", { className: "mb-4 flex flex-col items-center gap-3 text-center", children: [selectedDstToken.metadata?.logoURI && ((0, jsx_runtime_1.jsx)("div", { className: "relative", children: (0, jsx_runtime_1.jsx)("img", { src: selectedDstToken.metadata.logoURI, alt: selectedDstToken.symbol, className: "border-as-stroke h-12 w-12 rounded-full border-2 shadow-md" }) })), (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsxs)("h1", { className: "text-as-primary text-xl font-bold", children: ["Buy ", selectedDstToken.symbol] }) })] })), (0, jsx_runtime_1.jsx)(TabSection_1.TabSection, { activeTab: activeTab, setActiveTab: setActiveTab, setSelectedCryptoPaymentMethod: setSelectedCryptoPaymentMethod, setSelectedFiatPaymentMethod: setSelectedFiatPaymentMethod }), (0, jsx_runtime_1.jsxs)("div", { className: "relative flex w-full max-w-[calc(100vw-32px)] flex-col gap-2", children: [activeTab === "crypto" ? ((0, jsx_runtime_1.jsx)(PaySection_1.PaySection, { paymentType: "crypto", selectedSrcChainId: selectedSrcChainId, setSelectedSrcChainId: setSelectedSrcChainId, selectedSrcToken: selectedSrcToken, setSelectedSrcToken: setSelectedSrcToken, srcAmount: srcAmount, setSrcAmount: setSrcAmount, setIsSrcInputDirty: setIsSrcInputDirty, selectedCryptoPaymentMethod: selectedCryptoPaymentMethod, selectedFiatPaymentMethod: selectedFiatPaymentMethod, onSelectCryptoPaymentMethod: () => setActivePanel(PanelView.CRYPTO_PAYMENT_METHOD), onSelectFiatPaymentMethod: () => setActivePanel(PanelView.FIAT_PAYMENT_METHOD), anyspendQuote: anyspendQuote })) : ((0, jsx_runtime_1.jsx)(react_3.motion.div, { initial: { opacity: 0, y: 20, filter: "blur(10px)" }, animate: { opacity: 1, y: 0, filter: "blur(0px)" }, transition: { duration: 0.3, delay: 0, ease: "easeInOut" }, children: (0, jsx_runtime_1.jsx)(PanelOnramp_1.PanelOnramp, { srcAmountOnRamp: srcAmountOnRamp, setSrcAmountOnRamp: setSrcAmountOnRamp, selectedPaymentMethod: selectedFiatPaymentMethod, setActivePanel: setActivePanel, _recipientAddress: recipientAddress, destinationToken: selectedDstToken, destinationChainId: selectedDstChainId, destinationAmount: dstAmount, onDestinationTokenChange: setSelectedDstToken, onDestinationChainChange: setSelectedDstChainId, fiatPaymentMethodIndex: PanelView.FIAT_PAYMENT_METHOD, recipientSelectionPanelIndex: PanelView.RECIPIENT_SELECTION, hideDstToken: isBuyMode }) })), (0, jsx_runtime_1.jsx)(react_2.Button, { variant: "ghost", className: (0, cn_1.cn)("border-as-stroke bg-as-surface-primary absolute left-1/2 top-1/2 z-10 h-10 w-10 -translate-x-1/2 -translate-y-1/2 rounded-xl border-2 sm:h-8 sm:w-8 sm:rounded-xl", isBuyMode && "top-[calc(50%+56px)] cursor-default", activeTab === "fiat" && "hidden"), onClick: () => {
                             if (activeTab === "fiat" || isBuyMode) {
                                 return;
                             }

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

@@ -1,4 +1,7 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.LinkAccount = LinkAccount;
 const jsx_runtime_1 = require("react/jsx-runtime");
@@ -9,11 +12,11 @@ const react_1 = require("react");
 const sonner_1 = require("sonner");
 const react_2 = require("thirdweb/react");
 const wallets_1 = require("thirdweb/wallets");
-const useSiwe_1 = require("../../hooks/useSiwe");
 const useModalStore_1 = require("../../stores/useModalStore");
 const profileDisplay_1 = require("../../utils/profileDisplay");
 const useB3_1 = require("../B3Provider/useB3");
 const button_1 = require("../ui/button");
+const app_1 = __importDefault(require("../../../../global-account/app"));
 const AUTH_METHODS = [
     { id: "email", label: "Email", enabled: true },
     { id: "phone", label: "Phone", enabled: true },
@@ -44,9 +47,8 @@ function LinkAccount({ onSuccess: onSuccessCallback, onError, onClose, chain, pa
         ...(0, profileDisplay_1.getProfileDisplayInfo)(profile),
         originalProfile: profile,
     }));
-    const { account, setUser } = (0, useB3_1.useB3)();
+    const { account } = (0, useB3_1.useB3)();
     const { mutate: linkProfile } = (0, react_2.useLinkProfile)();
-    const { authenticate } = (0, useSiwe_1.useSiwe)();
     const onSuccess = (0, react_1.useCallback)(async () => {
         await onSuccessCallback?.();
     }, [onSuccessCallback]);
@@ -68,11 +70,8 @@ function LinkAccount({ onSuccess: onSuccessCallback, onError, onClose, chain, pa
         onSuccess: async (data) => {
             console.log("Raw Link Account Data:", data);
             try {
-                if (account) {
-                    console.log("Sync user data...");
-                    const userAuth = await authenticate(account, partnerId);
-                    setUser(userAuth.user);
-                }
+                console.log("Sync user data...");
+                await app_1.default.service("users").syncTwProfiles({});
             }
             catch (refreshError) {
                 console.warn("⚠️ Could not sync user data:", refreshError);

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

@@ -66,6 +66,22 @@ function ManageAccount({ onLogout, onSwap: _onSwap, onDeposit: _onDeposit, chain
         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);
+        const mutationOptions = {
+            onError: (error) => {
+                console.error("Error Unlinking account:", error);
+                sonner_1.toast.error(error.message);
+            },
+            onSuccess: async (data) => {
+                console.log("Raw Link Account Data:", data);
+                try {
+                    console.log("Sync user data...");
+                    await app_1.default.service("users").syncTwProfiles({});
+                }
+                catch (refreshError) {
+                    console.warn("⚠️ Could not sync user data:", refreshError);
+                }
+            },
+        };
         // Fetch referred users
         const currentReferralCode = user?.referralCode || user?.userId || "";
         const handleCopyCode = async () => {
@@ -108,7 +124,7 @@ function ManageAccount({ onLogout, onSwap: _onSwap, onDeposit: _onDeposit, chain
         const handleUnlink = async (profile) => {
             setUnlinkingAccountId(profile.title);
             try {
-                unlinkProfile({ client: thirdweb_1.client, profileToUnlink: profile.originalProfile });
+                unlinkProfile({ client: thirdweb_1.client, profileToUnlink: profile.originalProfile }, mutationOptions);
             }
             catch (error) {
                 console.error("Error unlinking account:", error);

package/dist/esm/anyspend/react/components/AnySpend.js

@@ -655,7 +655,7 @@ function AnySpendInner({ destinationTokenAddress, destinationTokenChainId, mode
                             setActivePanel(PanelView.MAIN);
                             setSelectedCryptoPaymentMethod(CryptoPaymentMethodType.NONE); // Reset payment method when going back
                         } })] })) }) }));
-    const mainView = (_jsxs("div", { className: "mx-auto flex w-[460px] max-w-full flex-col items-center gap-2", children: [isBuyMode && (_jsxs("div", { className: "mb-4 flex flex-col items-center gap-3 text-center", children: [selectedDstToken.metadata?.logoURI && (_jsx("div", { className: "relative", children: _jsx("img", { src: selectedDstToken.metadata.logoURI, alt: selectedDstToken.symbol, className: "border-as-stroke h-12 w-12 rounded-full border-2 shadow-md" }) })), _jsx("div", { children: _jsxs("h1", { className: "text-as-primary text-xl font-bold", children: ["Buy ", selectedDstToken.symbol] }) })] })), _jsx(TabSection, { activeTab: activeTab, setActiveTab: setActiveTab, setSelectedCryptoPaymentMethod: setSelectedCryptoPaymentMethod, setSelectedFiatPaymentMethod: setSelectedFiatPaymentMethod }), _jsxs("div", { className: "relative flex w-full max-w-[calc(100vw-32px)] flex-col gap-2", children: [activeTab === "crypto" ? (_jsx(PaySection, { paymentType: "crypto", selectedSrcChainId: selectedSrcChainId, setSelectedSrcChainId: setSelectedSrcChainId, selectedSrcToken: selectedSrcToken, setSelectedSrcToken: setSelectedSrcToken, srcAmount: srcAmount, setSrcAmount: setSrcAmount, setIsSrcInputDirty: setIsSrcInputDirty, selectedCryptoPaymentMethod: selectedCryptoPaymentMethod, selectedFiatPaymentMethod: selectedFiatPaymentMethod, onSelectCryptoPaymentMethod: () => setActivePanel(PanelView.CRYPTO_PAYMENT_METHOD), onSelectFiatPaymentMethod: () => setActivePanel(PanelView.FIAT_PAYMENT_METHOD), anyspendQuote: anyspendQuote })) : (_jsx(motion.div, { initial: { opacity: 0, y: 20, filter: "blur(10px)" }, animate: { opacity: 1, y: 0, filter: "blur(0px)" }, transition: { duration: 0.3, delay: 0, ease: "easeInOut" }, children: _jsx(PanelOnramp, { srcAmountOnRamp: srcAmountOnRamp, setSrcAmountOnRamp: setSrcAmountOnRamp, selectedPaymentMethod: selectedFiatPaymentMethod, setActivePanel: setActivePanel, _recipientAddress: recipientAddress, destinationToken: selectedDstToken, destinationChainId: selectedDstChainId, destinationAmount: dstAmount, onDestinationTokenChange: setSelectedDstToken, onDestinationChainChange: setSelectedDstChainId, fiatPaymentMethodIndex: PanelView.FIAT_PAYMENT_METHOD, recipientSelectionPanelIndex: PanelView.RECIPIENT_SELECTION }) })), _jsx(Button, { variant: "ghost", className: cn("border-as-stroke bg-as-surface-primary absolute left-1/2 top-1/2 z-10 h-10 w-10 -translate-x-1/2 -translate-y-1/2 rounded-xl border-2 sm:h-8 sm:w-8 sm:rounded-xl", isBuyMode && "top-[calc(50%+56px)] cursor-default", activeTab === "fiat" && "hidden"), onClick: () => {
+    const mainView = (_jsxs("div", { className: "mx-auto flex w-[460px] max-w-full flex-col items-center gap-2", children: [isBuyMode && (_jsxs("div", { className: "mb-4 flex flex-col items-center gap-3 text-center", children: [selectedDstToken.metadata?.logoURI && (_jsx("div", { className: "relative", children: _jsx("img", { src: selectedDstToken.metadata.logoURI, alt: selectedDstToken.symbol, className: "border-as-stroke h-12 w-12 rounded-full border-2 shadow-md" }) })), _jsx("div", { children: _jsxs("h1", { className: "text-as-primary text-xl font-bold", children: ["Buy ", selectedDstToken.symbol] }) })] })), _jsx(TabSection, { activeTab: activeTab, setActiveTab: setActiveTab, setSelectedCryptoPaymentMethod: setSelectedCryptoPaymentMethod, setSelectedFiatPaymentMethod: setSelectedFiatPaymentMethod }), _jsxs("div", { className: "relative flex w-full max-w-[calc(100vw-32px)] flex-col gap-2", children: [activeTab === "crypto" ? (_jsx(PaySection, { paymentType: "crypto", selectedSrcChainId: selectedSrcChainId, setSelectedSrcChainId: setSelectedSrcChainId, selectedSrcToken: selectedSrcToken, setSelectedSrcToken: setSelectedSrcToken, srcAmount: srcAmount, setSrcAmount: setSrcAmount, setIsSrcInputDirty: setIsSrcInputDirty, selectedCryptoPaymentMethod: selectedCryptoPaymentMethod, selectedFiatPaymentMethod: selectedFiatPaymentMethod, onSelectCryptoPaymentMethod: () => setActivePanel(PanelView.CRYPTO_PAYMENT_METHOD), onSelectFiatPaymentMethod: () => setActivePanel(PanelView.FIAT_PAYMENT_METHOD), anyspendQuote: anyspendQuote })) : (_jsx(motion.div, { initial: { opacity: 0, y: 20, filter: "blur(10px)" }, animate: { opacity: 1, y: 0, filter: "blur(0px)" }, transition: { duration: 0.3, delay: 0, ease: "easeInOut" }, children: _jsx(PanelOnramp, { srcAmountOnRamp: srcAmountOnRamp, setSrcAmountOnRamp: setSrcAmountOnRamp, selectedPaymentMethod: selectedFiatPaymentMethod, setActivePanel: setActivePanel, _recipientAddress: recipientAddress, destinationToken: selectedDstToken, destinationChainId: selectedDstChainId, destinationAmount: dstAmount, onDestinationTokenChange: setSelectedDstToken, onDestinationChainChange: setSelectedDstChainId, fiatPaymentMethodIndex: PanelView.FIAT_PAYMENT_METHOD, recipientSelectionPanelIndex: PanelView.RECIPIENT_SELECTION, hideDstToken: isBuyMode }) })), _jsx(Button, { variant: "ghost", className: cn("border-as-stroke bg-as-surface-primary absolute left-1/2 top-1/2 z-10 h-10 w-10 -translate-x-1/2 -translate-y-1/2 rounded-xl border-2 sm:h-8 sm:w-8 sm:rounded-xl", isBuyMode && "top-[calc(50%+56px)] cursor-default", activeTab === "fiat" && "hidden"), onClick: () => {
                             if (activeTab === "fiat" || isBuyMode) {
                                 return;
                             }

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

@@ -6,11 +6,11 @@ import { useCallback, useEffect, useState } from "react";
 import { toast } from "sonner";
 import { useLinkProfile, useProfiles } from "thirdweb/react";
 import { preAuthenticate } from "thirdweb/wallets";
-import { useSiwe } from "../../hooks/useSiwe.js";
 import { useModalStore } from "../../stores/useModalStore.js";
 import { getProfileDisplayInfo } from "../../utils/profileDisplay.js";
 import { useB3 } from "../B3Provider/useB3.js";
 import { Button } from "../ui/button.js";
+import app from "../../../../global-account/app.js";
 const AUTH_METHODS = [
     { id: "email", label: "Email", enabled: true },
     { id: "phone", label: "Phone", enabled: true },
@@ -41,9 +41,8 @@ export function LinkAccount({ onSuccess: onSuccessCallback, onError, onClose, ch
         ...getProfileDisplayInfo(profile),
         originalProfile: profile,
     }));
-    const { account, setUser } = useB3();
+    const { account } = useB3();
     const { mutate: linkProfile } = useLinkProfile();
-    const { authenticate } = useSiwe();
     const onSuccess = useCallback(async () => {
         await onSuccessCallback?.();
     }, [onSuccessCallback]);
@@ -65,11 +64,8 @@ export function LinkAccount({ onSuccess: onSuccessCallback, onError, onClose, ch
         onSuccess: async (data) => {
             console.log("Raw Link Account Data:", data);
             try {
-                if (account) {
-                    console.log("Sync user data...");
-                    const userAuth = await authenticate(account, partnerId);
-                    setUser(userAuth.user);
-                }
+                console.log("Sync user data...");
+                await app.service("users").syncTwProfiles({});
             }
             catch (refreshError) {
                 console.warn("⚠️ Could not sync user data:", refreshError);

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

@@ -60,6 +60,22 @@ export function ManageAccount({ onLogout, onSwap: _onSwap, onDeposit: _onDeposit
         const [isEditingCode, setIsEditingCode] = useState(false);
         const referallCodeRef = useRef(null);
         const { data: referrals, isLoading: isLoadingReferrals } = useQueryB3("referrals", "find", { query: { referrerId: user?.userId } }, !!user?.userId);
+        const mutationOptions = {
+            onError: (error) => {
+                console.error("Error Unlinking account:", error);
+                toast.error(error.message);
+            },
+            onSuccess: async (data) => {
+                console.log("Raw Link Account Data:", data);
+                try {
+                    console.log("Sync user data...");
+                    await app.service("users").syncTwProfiles({});
+                }
+                catch (refreshError) {
+                    console.warn("⚠️ Could not sync user data:", refreshError);
+                }
+            },
+        };
         // Fetch referred users
         const currentReferralCode = user?.referralCode || user?.userId || "";
         const handleCopyCode = async () => {
@@ -102,7 +118,7 @@ export function ManageAccount({ onLogout, onSwap: _onSwap, onDeposit: _onDeposit
         const handleUnlink = async (profile) => {
             setUnlinkingAccountId(profile.title);
             try {
-                unlinkProfile({ client, profileToUnlink: profile.originalProfile });
+                unlinkProfile({ client, profileToUnlink: profile.originalProfile }, mutationOptions);
             }
             catch (error) {
                 console.error("Error unlinking account:", error);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@b3dotfun/sdk",
-  "version": "0.0.33-alpha.3",
+  "version": "0.0.33-alpha.5",
   "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.45",
+    "@b3dotfun/b3-api": "0.0.47",
     "@b3dotfun/basement-api": "0.0.11",
     "@feathersjs/authentication-client": "5.0.33",
     "@feathersjs/feathers": "5.0.33",

package/src/anyspend/react/components/AnySpend.tsx

@@ -890,6 +890,7 @@ function AnySpendInner({
               onDestinationChainChange={setSelectedDstChainId}
               fiatPaymentMethodIndex={PanelView.FIAT_PAYMENT_METHOD}
               recipientSelectionPanelIndex={PanelView.RECIPIENT_SELECTION}
+              hideDstToken={isBuyMode}
             />
           </motion.div>
         )}

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

@@ -5,11 +5,11 @@ import { useCallback, useEffect, useState } from "react";
 import { toast } from "sonner";
 import { useLinkProfile, useProfiles } from "thirdweb/react";
 import { preAuthenticate } from "thirdweb/wallets";
-import { useSiwe } from "../../hooks/useSiwe";
 import { LinkAccountModalProps, useModalStore } from "../../stores/useModalStore";
 import { getProfileDisplayInfo } from "../../utils/profileDisplay";
 import { useB3 } from "../B3Provider/useB3";
 import { Button } from "../ui/button";
+import app from "@b3dotfun/sdk/global-account/app";
 type OTPStrategy = "email" | "phone";
 type SocialStrategy = "google" | "x" | "discord" | "apple" | "farcaster";
 type Strategy = OTPStrategy | SocialStrategy;
@@ -64,9 +64,8 @@ export function LinkAccount({
       originalProfile: profile,
     }));
 
-  const { account, setUser } = useB3();
+  const { account } = useB3();
   const { mutate: linkProfile } = useLinkProfile();
-  const { authenticate } = useSiwe();
 
   const onSuccess = useCallback(async () => {
     await onSuccessCallback?.();
@@ -91,11 +90,8 @@ export function LinkAccount({
     onSuccess: async (data: any) => {
       console.log("Raw Link Account Data:", data);
       try {
-        if (account) {
-          console.log("Sync user data...");
-          const userAuth = await authenticate(account, partnerId);
-          setUser(userAuth.user);
-        }
+        console.log("Sync user data...");
+        await app.service("users").syncTwProfiles({});
       } catch (refreshError) {
         console.warn("⚠️ Could not sync user data:", refreshError);
       }

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

@@ -146,6 +146,22 @@ export function ManageAccount({
       !!user?.userId,
     );
 
+    const mutationOptions = {
+      onError: (error: Error) => {
+        console.error("Error Unlinking account:", error);
+        toast.error(error.message);
+      },
+      onSuccess: async (data: any) => {
+        console.log("Raw Link Account Data:", data);
+        try {
+          console.log("Sync user data...");
+          await app.service("users").syncTwProfiles({});
+        } catch (refreshError) {
+          console.warn("⚠️ Could not sync user data:", refreshError);
+        }
+      },
+    };
+
     // Fetch referred users
     const currentReferralCode = user?.referralCode || user?.userId || "";
 
@@ -189,7 +205,7 @@ export function ManageAccount({
     const handleUnlink = async (profile: any) => {
       setUnlinkingAccountId(profile.title);
       try {
-        unlinkProfile({ client, profileToUnlink: profile.originalProfile });
+        unlinkProfile({ client, profileToUnlink: profile.originalProfile }, mutationOptions);
       } catch (error) {
         console.error("Error unlinking account:", error);
       } finally {