@embarkai/ui-kit 0.4.58 → 0.4.59

package/dist/index.js

@@ -197,6 +197,9 @@ var init_initial = __esm({
 });
 
 // src/lib/errors.ts
+function isSessionExpiredError(error) {
+  return typeof error === "object" && error !== null && error.code === ErrorCodes.SESSION_EXPIRED;
+}
 function createAccountAbstractionError(params) {
   const { message, code } = params;
   if (!code) {
@@ -205,11 +208,13 @@ function createAccountAbstractionError(params) {
   switch (code) {
     case UserRejectedError.CODE:
       return new UserRejectedError(message);
+    case SessionExpiredError.CODE:
+      return new SessionExpiredError(message);
     default:
       return new AccountAbstractionError(message, code);
   }
 }
-var AccountAbstractionError, UserRejectedError, ErrorCodes;
+var AccountAbstractionError, UserRejectedError, SessionExpiredError, ErrorCodes;
 var init_errors = __esm({
   "src/lib/errors.ts"() {
     AccountAbstractionError = class _AccountAbstractionError extends Error {
@@ -231,9 +236,19 @@ var init_errors = __esm({
         this.name = "UserRejectedError";
       }
     };
+    SessionExpiredError = class _SessionExpiredError extends AccountAbstractionError {
+      static {
+        this.CODE = "SESSION_EXPIRED";
+      }
+      constructor(message = "Session expired, please log in again") {
+        super(message, _SessionExpiredError.CODE);
+        this.name = "SessionExpiredError";
+      }
+    };
     ErrorCodes = {
       MPC_SIGNING_ERROR: "MPC_SIGNING_ERROR",
-      USER_REJECTED: UserRejectedError.CODE
+      USER_REJECTED: UserRejectedError.CODE,
+      SESSION_EXPIRED: SessionExpiredError.CODE
     };
   }
 });
@@ -659,7 +674,10 @@ async function ensureDkgAndGetOwner(userId, _clientSeedHex) {
       };
     }
     await iframeManager.authenticate(userId);
-    const { jwtTokenManager: jwtTokenManager4 } = await Promise.resolve().then(() => (init_auth(), auth_exports));
+    const { jwtTokenManager: jwtTokenManager4, ensureFreshSession: ensureFreshSession2 } = await Promise.resolve().then(() => (init_auth(), auth_exports));
+    if (await ensureFreshSession2(jwtTokenManager4) === "session_dead") {
+      throw new SessionExpiredError();
+    }
     let accessToken = jwtTokenManager4.getAccessToken();
     if (!accessToken) {
       console.warn("[iframe-mpc-client] No access token available for DKG, attempting cookie-based session");
@@ -691,8 +709,12 @@ async function signDigestWithMpc(userId, digest32, userOpDetails) {
   for (let attempt = 0; attempt <= MAX_RETRIES; attempt++) {
     try {
       const iframeManager = getIframeManager();
-      const { jwtTokenManager: jwtTokenManager4 } = await Promise.resolve().then(() => (init_auth(), auth_exports));
+      const { jwtTokenManager: jwtTokenManager4, ensureFreshSession: ensureFreshSession2 } = await Promise.resolve().then(() => (init_auth(), auth_exports));
+      const session = await ensureFreshSession2(jwtTokenManager4);
       const accessToken = jwtTokenManager4.getAccessToken();
+      if (session === "session_dead") {
+        throw new SessionExpiredError();
+      }
       if (!accessToken) {
         throw new Error("No access token available for signing");
       }
@@ -751,8 +773,12 @@ async function signTypedDataWithMpc(userId, digest32, typedData) {
       digest32
     });
     const iframeManager = getIframeManager();
-    const { jwtTokenManager: jwtTokenManager4 } = await Promise.resolve().then(() => (init_auth(), auth_exports));
+    const { jwtTokenManager: jwtTokenManager4, ensureFreshSession: ensureFreshSession2 } = await Promise.resolve().then(() => (init_auth(), auth_exports));
+    const session = await ensureFreshSession2(jwtTokenManager4);
     const accessToken = jwtTokenManager4.getAccessToken();
+    if (session === "session_dead") {
+      throw new SessionExpiredError();
+    }
     if (!accessToken) {
       console.error("[signTypedDataWithMpc] No access token available");
       throw new Error("No access token available for signing");
@@ -15554,20 +15580,29 @@ var init_KycMenu = __esm({
   }
 });
 
-// src/internal/components/KYC/KYCStatus.tsx
+// src/internal/hooks/useUserProfile.ts
 import { useQuery as useQuery9 } from "@tanstack/react-query";
-import { Loader as Loader12 } from "lucide-react";
-import { jsx as jsx70, jsxs as jsxs64 } from "react/jsx-runtime";
-function KYCStatus() {
+function useUserProfile() {
   const address = useSession((st) => st.address);
-  const { data: userProfile = null, isLoading: isUserProfileLoading } = useQuery9({
-    retry: false,
-    enabled: !!address,
+  return useQuery9({
     queryKey: [QUERY_KEYS.userProfile, address],
-    queryFn: getUserProfile
+    queryFn: getUserProfile,
+    enabled: !!address,
+    retry: false
   });
-  const isKycVerified = !isUserProfileLoading && userProfile?.kycDetails?.kycStatus === "verified";
-  if (isUserProfileLoading) return /* @__PURE__ */ jsx70(Loader12, { className: "w-4 h-4 animate-spin" });
+}
+var init_useUserProfile = __esm({
+  "src/internal/hooks/useUserProfile.ts"() {
+    init_SessionContext();
+    init_profile();
+  }
+});
+
+// src/internal/components/KYC/KYCStatus.tsx
+import { jsx as jsx70, jsxs as jsxs64 } from "react/jsx-runtime";
+function KYCStatus() {
+  const { data: userProfile = null, isLoading: isUserProfileLoading } = useUserProfile();
+  const isKycVerified = userProfile?.kycDetails?.kycStatus === "verified";
   if (!isKycVerified) return null;
   return /* @__PURE__ */ jsxs64("div", { className: "group relative flex flex-shrink-0", children: [
     /* @__PURE__ */ jsx70(PositiveIcon, {}),
@@ -15588,9 +15623,8 @@ function KYCStatus() {
 }
 var init_KYCStatus = __esm({
   "src/internal/components/KYC/KYCStatus.tsx"() {
-    init_SessionContext();
     init_icons();
-    init_profile();
+    init_useUserProfile();
     init_utils2();
   }
 });
@@ -15855,7 +15889,7 @@ var init_useStore = __esm({
 
 // src/internal/components/ManageWalletMenu/EmailForm.tsx
 import { useMutation as useMutation12 } from "@tanstack/react-query";
-import { ChevronRight as ChevronRight4, Loader as Loader13, Mail as Mail4 } from "lucide-react";
+import { ChevronRight as ChevronRight4, Loader as Loader12, Mail as Mail4 } from "lucide-react";
 import { jsx as jsx73, jsxs as jsxs67 } from "react/jsx-runtime";
 function EmailForm() {
   const { callbacksRef } = useProviderConfig();
@@ -15943,7 +15977,7 @@ function EmailForm() {
         size: "large",
         disabled: !email || isLoading,
         onClick: () => onSendVerificationCode(),
-        children: isLoading ? /* @__PURE__ */ jsx73(Loader13, { className: "w-4 h-4 animate-spin" }) : /* @__PURE__ */ jsx73(ChevronRight4, { className: "w-4 h-4" })
+        children: isLoading ? /* @__PURE__ */ jsx73(Loader12, { className: "w-4 h-4 animate-spin" }) : /* @__PURE__ */ jsx73(ChevronRight4, { className: "w-4 h-4" })
       }
     )
   ] });
@@ -16625,7 +16659,7 @@ var init_ProviderCard = __esm({
 
 // src/internal/components/ManageWalletMenu/ManageWallet.tsx
 import { fromPairs } from "lodash-es";
-import { AlertTriangle as AlertTriangle4, ArrowLeft as ArrowLeft14, Loader as Loader14 } from "lucide-react";
+import { AlertTriangle as AlertTriangle4, ArrowLeft as ArrowLeft14, Loader as Loader13 } from "lucide-react";
 import { useMemo as useMemo7 } from "react";
 import { Fragment as Fragment28, jsx as jsx77, jsxs as jsxs71 } from "react/jsx-runtime";
 function getProviderName(provider) {
@@ -16772,7 +16806,7 @@ function ManageWalletMenu() {
           ),
           /* @__PURE__ */ jsx77("span", { className: "text-xl font-semibold", children: t("passport:profilesMenu.title") })
         ] }),
-        isProvidersLoading && /* @__PURE__ */ jsx77("div", { className: "flex items-center justify-center p-4 text-[var(--ui-kit-fg-muted)]", children: /* @__PURE__ */ jsx77(Loader14, { className: "w-4 h-4 animate-spin" }) }),
+        isProvidersLoading && /* @__PURE__ */ jsx77("div", { className: "flex items-center justify-center p-4 text-[var(--ui-kit-fg-muted)]", children: /* @__PURE__ */ jsx77(Loader13, { className: "w-4 h-4 animate-spin" }) }),
         /* @__PURE__ */ jsx77(EmailNotConnectedWarning, {}),
         showCurrentProviders && renderProviders.map((node) => node),
         showExtraProvidersUi && /* @__PURE__ */ jsx77(AddProvider, {}),
@@ -16824,7 +16858,7 @@ var init_ManageWallet = __esm({
 
 // src/internal/components/ManageWalletMenu/UnlinkProviderMenu.tsx
 import { useMutation as useMutation15, useQueryClient as useQueryClient17 } from "@tanstack/react-query";
-import { Key as Key6, Loader as Loader15 } from "lucide-react";
+import { Key as Key6, Loader as Loader14 } from "lucide-react";
 import { useState as useState19 } from "react";
 import { useDisconnect as useDisconnect2 } from "wagmi";
 import { jsx as jsx78, jsxs as jsxs72 } from "react/jsx-runtime";
@@ -16911,7 +16945,7 @@ function UnlinkProviderMenu() {
           disabled: !!isProviderUnlinking || !confirmUnlink || confirmInput !== confirmUnlink.externalId,
           className: "w-full flex-1",
           children: [
-            isProviderUnlinking && /* @__PURE__ */ jsx78(Loader15, { className: "animate-spin h-4 w-4" }),
+            isProviderUnlinking && /* @__PURE__ */ jsx78(Loader14, { className: "animate-spin h-4 w-4" }),
             t("passport:common.delete")
           ]
         }
@@ -17261,7 +17295,7 @@ var init_NicknameEditForm = __esm({
 // src/internal/components/NicknameMenu/NicknameMenu.tsx
 import { useQuery as useQuery12 } from "@tanstack/react-query";
 import dayjs4 from "dayjs";
-import { ArrowLeft as ArrowLeft15, Info as Info4, Loader as Loader16 } from "lucide-react";
+import { ArrowLeft as ArrowLeft15, Info as Info4, Loader as Loader15 } from "lucide-react";
 import { jsx as jsx80, jsxs as jsxs74 } from "react/jsx-runtime";
 function NicknameMenu() {
   const { isInitialUser } = usePageParams().current;
@@ -17300,7 +17334,7 @@ function NicknameMenu() {
           ),
           /* @__PURE__ */ jsxs74("div", { className: "flex gap-[var(--ui-kit-gap)] items-center w-fit", children: [
             /* @__PURE__ */ jsx80("span", { className: "text-xl font-semibold", children: t("passport:nicknameMenu.title") }),
-            isNicknameInfoLoading && /* @__PURE__ */ jsx80(Loader16, { className: "w-4 h-4 animate-spin" })
+            isNicknameInfoLoading && /* @__PURE__ */ jsx80(Loader15, { className: "w-4 h-4 animate-spin" })
           ] })
         ] }),
         /* @__PURE__ */ jsx80("span", { className: "text-[10px] text-[var(--ui-kit-fg-muted)]", children: t("passport:nicknameMenu.yourNickname") }),
@@ -18166,7 +18200,7 @@ var init_PortfolioItem = __esm({
 
 // src/internal/components/PortfolioMenu/PortfolioMenu.tsx
 import { useQueryClient as useQueryClient20 } from "@tanstack/react-query";
-import { ArrowLeft as ArrowLeft16, Gem, Loader as Loader17, RefreshCw as RefreshCw2 } from "lucide-react";
+import { ArrowLeft as ArrowLeft16, Gem, Loader as Loader16, RefreshCw as RefreshCw2 } from "lucide-react";
 import { useCallback as useCallback24 } from "react";
 import { jsx as jsx83, jsxs as jsxs77 } from "react/jsx-runtime";
 function PortfolioMenu() {
@@ -18221,11 +18255,11 @@ function PortfolioMenu() {
               size: "icon",
               onClick: refreshAllAssetsBalances,
               disabled: isBlockscoutLoading || isBlockscoutFetching,
-              children: isBlockscoutLoading || isBlockscoutFetching ? /* @__PURE__ */ jsx83(Loader17, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ jsx83(RefreshCw2, { className: "h-4 w-4" })
+              children: isBlockscoutLoading || isBlockscoutFetching ? /* @__PURE__ */ jsx83(Loader16, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ jsx83(RefreshCw2, { className: "h-4 w-4" })
             }
           )
         ] }),
-        isBlockscoutLoading && /* @__PURE__ */ jsx83("div", { className: "w-full flex items-center justify-center gap-[var(--ui-kit-gap)] p-[var(--ui-kit-pd)]", children: /* @__PURE__ */ jsx83(Loader17, { className: "w-4 h-4 animate-spin" }) }),
+        isBlockscoutLoading && /* @__PURE__ */ jsx83("div", { className: "w-full flex items-center justify-center gap-[var(--ui-kit-gap)] p-[var(--ui-kit-pd)]", children: /* @__PURE__ */ jsx83(Loader16, { className: "w-4 h-4 animate-spin" }) }),
         !isBlockscoutLoading && blockscoutAssets?.length === 0 && /* @__PURE__ */ jsxs77(Highlight, { type: "info", className: "flex flex-col items-center justify-center gap-[var(--ui-kit-gap)]", children: [
           /* @__PURE__ */ jsx83(Gem, { className: "w-8 h-8" }),
           /* @__PURE__ */ jsx83("span", { className: "block", children: t("passport:portfolioMenu.noAssets") })
@@ -18352,7 +18386,7 @@ var init_nickname_fingerprint = __esm({
 });
 
 // src/internal/components/ReceiveMenu/ReceiveMenu.tsx
-import { ArrowLeft as ArrowLeft17, CheckCircle2 as CheckCircle23, Copy as Copy2, Info as Info5, Loader as Loader18, Shield } from "lucide-react";
+import { ArrowLeft as ArrowLeft17, CheckCircle2 as CheckCircle23, Copy as Copy2, Info as Info5, Loader as Loader17, Shield } from "lucide-react";
 import QRCode from "qrcode";
 import { useCallback as useCallback25, useEffect as useEffect33, useMemo as useMemo11, useState as useState21 } from "react";
 import { Fragment as Fragment31, jsx as jsx84, jsxs as jsxs78 } from "react/jsx-runtime";
@@ -18426,7 +18460,7 @@ function ReceiveMenu() {
           /* @__PURE__ */ jsx84("strong", { className: "block w-full", children: `${t("passport:common.network")}: ${chainConfig.name}` }),
           /* @__PURE__ */ jsx84("span", { className: "block w-full", children: t("passport:receiveMenu.warning") })
         ] }),
-        /* @__PURE__ */ jsx84("div", { className: "flex items-center justify-center p-[var(--ui-kit-pd)]", style: { minHeight: "216px" }, children: qrCodeUrl ? /* @__PURE__ */ jsx84("img", { src: qrCodeUrl, alt: "Wallet QR Code", className: "w-48 h-48" }) : /* @__PURE__ */ jsx84(Loader18, { className: "w-4 h-4 animate-spin" }) }),
+        /* @__PURE__ */ jsx84("div", { className: "flex items-center justify-center p-[var(--ui-kit-pd)]", style: { minHeight: "216px" }, children: qrCodeUrl ? /* @__PURE__ */ jsx84("img", { src: qrCodeUrl, alt: "Wallet QR Code", className: "w-48 h-48" }) : /* @__PURE__ */ jsx84(Loader17, { className: "w-4 h-4 animate-spin" }) }),
         fingerprint && /* @__PURE__ */ jsxs78("div", { className: "flex items-center justify-center gap-2 p-3 rounded-[var(--ui-kit-el-bdrs)] bg-[var(--ui-kit-bg-secondary)]", children: [
           /* @__PURE__ */ jsx84(Shield, { className: "w-4 h-4 text-[var(--ui-kit-bg-success)]" }),
           /* @__PURE__ */ jsx84("span", { className: "text-sm text-[var(--ui-kit-fg-muted)]", children: t("passport:common.fingerprint") }),
@@ -18665,7 +18699,7 @@ var init_ConnectedApps = __esm({
 
 // src/internal/components/SecurityMenu/ConnectedApps/UntrustApplication.tsx
 import { useMutation as useMutation18, useQueryClient as useQueryClient21 } from "@tanstack/react-query";
-import { AppWindowMac as AppWindowMac2, Loader as Loader19 } from "lucide-react";
+import { AppWindowMac as AppWindowMac2, Loader as Loader18 } from "lucide-react";
 import { jsx as jsx86, jsxs as jsxs80 } from "react/jsx-runtime";
 function UntrustApplication() {
   const { t } = useT();
@@ -18742,7 +18776,7 @@ function UntrustApplication() {
           className: "flex-1",
           onClick: () => handleUntrustApp(),
           disabled: isUntrustingApp,
-          children: isUntrustingApp ? /* @__PURE__ */ jsx86(Loader19, { className: "h-4 w-4 animate-spin" }) : t("passport:common.delete")
+          children: isUntrustingApp ? /* @__PURE__ */ jsx86(Loader18, { className: "h-4 w-4 animate-spin" }) : t("passport:common.delete")
         }
       )
     ] })
@@ -18770,11 +18804,11 @@ var init_ConnectedApps2 = __esm({
 });
 
 // src/internal/components/SecurityMenu/Keyshare/KeyshareStatus.tsx
-import { Loader as Loader20 } from "lucide-react";
+import { Loader as Loader19 } from "lucide-react";
 import { jsx as jsx87, jsxs as jsxs81 } from "react/jsx-runtime";
 function KeyshareStatus(props) {
   const { isLoading, content, icon: Icon2, children } = props;
-  if (isLoading) return /* @__PURE__ */ jsx87(Loader20, { className: "w-4 h-4 animate-spin" });
+  if (isLoading) return /* @__PURE__ */ jsx87(Loader19, { className: "w-4 h-4 animate-spin" });
   return /* @__PURE__ */ jsxs81("div", { className: "group relative w-full h-full", children: [
     children,
     /* @__PURE__ */ jsx87(
@@ -22231,7 +22265,7 @@ var init_useTokenBalance = __esm({
 });
 
 // src/internal/components/SendMenu/send/sendSteps/InputSendStep.tsx
-import { AlertCircle as AlertCircle4, AtSign as AtSign2, CheckCircle2 as CheckCircle25, Loader as Loader21, Wallet2 as Wallet24 } from "lucide-react";
+import { AlertCircle as AlertCircle4, AtSign as AtSign2, CheckCircle2 as CheckCircle25, Loader as Loader20, Wallet2 as Wallet24 } from "lucide-react";
 import { formatUnits as formatUnits11, isAddress as isAddress2 } from "viem";
 import { Fragment as Fragment41, jsx as jsx107, jsxs as jsxs98 } from "react/jsx-runtime";
 function InputSendStep(props) {
@@ -22347,7 +22381,7 @@ function InputSendStep(props) {
             /* @__PURE__ */ jsx107(AssetInputIcon, { asset: selectedAsset }),
             /* @__PURE__ */ jsx107("span", { children: (isNft ? selectedAsset.nftMetadata?.name || selectedAsset.symbol : selectedAsset.name).toUpperCase() })
           ] }) : /* @__PURE__ */ jsx107("span", { className: "text-[var(--ui-kit-fg-muted)]", children: "No Asset Selected" }),
-          isAssetsLoading && /* @__PURE__ */ jsx107(Loader21, { className: "w-4 h-4 animate-spin" })
+          isAssetsLoading && /* @__PURE__ */ jsx107(Loader20, { className: "w-4 h-4 animate-spin" })
         ]
       }
     ),
@@ -22361,7 +22395,7 @@ function InputSendStep(props) {
         disabled: isAssetsLoading,
         onChange: (e) => setRecipient(e.target.value),
         placeholder: "0x... or @nickname",
-        element: isNicknameInput && isResolving ? /* @__PURE__ */ jsx107(Loader21, { className: "w-4 h-4 animate-spin text-[var(--ui-kit-fg-muted)]" }) : null
+        element: isNicknameInput && isResolving ? /* @__PURE__ */ jsx107(Loader20, { className: "w-4 h-4 animate-spin text-[var(--ui-kit-fg-muted)]" }) : null
       }
     ),
     /* @__PURE__ */ jsx107(NicknameData, { resolvedNicknameData, isNicknameInput }),
@@ -22370,7 +22404,7 @@ function InputSendStep(props) {
       !isNft && selectedAsset && /* @__PURE__ */ jsxs98("span", { className: "block text-[10px]", children: [
         t("passport:common.balance"),
         " ",
-        isBalanceLoading ? /* @__PURE__ */ jsx107(Loader21, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ jsxs98("span", { className: "text-[var(--ui-kit-fg)] font-semibold", children: [
+        isBalanceLoading ? /* @__PURE__ */ jsx107(Loader20, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ jsxs98("span", { className: "text-[var(--ui-kit-fg)] font-semibold", children: [
           formatPrice(balanceData.formatted),
           " ",
           balanceData.symbol
@@ -22397,7 +22431,7 @@ function InputSendStep(props) {
         type: isComplianceLoading ? "info" : erc3643CanTransfer ? "success" : "error",
         className: "flex gap-[var(--ui-kit-gap)]",
         children: isComplianceLoading ? /* @__PURE__ */ jsxs98(Fragment41, { children: [
-          /* @__PURE__ */ jsx107(Loader21, { className: "h-4 w-4 animate-spin" }),
+          /* @__PURE__ */ jsx107(Loader20, { className: "h-4 w-4 animate-spin" }),
           /* @__PURE__ */ jsx107("span", { children: "Checking compliance..." })
         ] }) : erc3643CanTransfer ? /* @__PURE__ */ jsxs98(Fragment41, { children: [
           /* @__PURE__ */ jsx107(CheckCircle25, { className: "h-4 w-4" }),
@@ -22441,7 +22475,7 @@ var init_InputSendStep = __esm({
 
 // src/internal/components/SendMenu/send/sendSteps/ConfirmSendStep.tsx
 import { useMutation as useMutation21 } from "@tanstack/react-query";
-import { AlertTriangle as AlertTriangle5, AtSign as AtSign3, Loader as Loader27, Shield as Shield2, ShieldAlert as ShieldAlert2, ShieldCheck as ShieldCheck3 } from "lucide-react";
+import { AlertTriangle as AlertTriangle5, AtSign as AtSign3, Loader as Loader21, Shield as Shield2, ShieldAlert as ShieldAlert2, ShieldCheck as ShieldCheck3 } from "lucide-react";
 import { Fragment as Fragment42, jsx as jsx108, jsxs as jsxs99 } from "react/jsx-runtime";
 function ConfirmSendStep(props) {
   const { sendTransaction, erc3643Compliance, isNicknameInput, resolvedNicknameData } = props;
@@ -22601,7 +22635,7 @@ function ConfirmSendStep(props) {
         className: "w-full",
         size: "large",
         children: [
-          isTransactionPending && /* @__PURE__ */ jsx108(Loader27, { className: "h-4 w-4 animate-spin" }),
+          isTransactionPending && /* @__PURE__ */ jsx108(Loader21, { className: "h-4 w-4 animate-spin" }),
           t("passport:common.confirm")
         ]
       }
@@ -22631,7 +22665,7 @@ var init_sendSteps = __esm({
 });
 
 // src/internal/components/SendMenu/send/SendMenu.tsx
-import { CheckCircle2 as CheckCircle26, Loader as Loader28 } from "lucide-react";
+import { CheckCircle2 as CheckCircle26, Loader as Loader27 } from "lucide-react";
 import { useEffect as useEffect45, useMemo as useMemo15 } from "react";
 import { parseUnits as parseUnits2 } from "viem";
 import { Fragment as Fragment43, jsx as jsx109, jsxs as jsxs100 } from "react/jsx-runtime";
@@ -22753,7 +22787,7 @@ function SendMenu() {
       }
     ),
     txStep === "pending" && /* @__PURE__ */ jsxs100(Highlight, { type: "info", className: "flex gap-[var(--ui-kit-gap)]", children: [
-      /* @__PURE__ */ jsx109(Loader28, { className: "h-4 w-4 animate-spin" }),
+      /* @__PURE__ */ jsx109(Loader27, { className: "h-4 w-4 animate-spin" }),
       /* @__PURE__ */ jsxs100("span", { className: "flex-1", children: [
         /* @__PURE__ */ jsx109("span", { className: "block leading-4 font-semibold", children: t("passport:sendMenu.pendingStep") }),
         /* @__PURE__ */ jsx109("span", { children: t("passport:sendMenu.pendingStepMsg") })
@@ -23994,7 +24028,7 @@ var init_TransactionsGroup = __esm({
 
 // src/internal/components/TransactionsMenu/TransactionsMenu.tsx
 import { useQuery as useQuery23, useQueryClient as useQueryClient25 } from "@tanstack/react-query";
-import { ArrowLeft as ArrowLeft22, Loader as Loader29, RefreshCw as RefreshCw3, XCircle } from "lucide-react";
+import { ArrowLeft as ArrowLeft22, Loader as Loader28, RefreshCw as RefreshCw3, XCircle } from "lucide-react";
 import { useCallback as useCallback30, useState as useState28 } from "react";
 import { jsx as jsx114, jsxs as jsxs105 } from "react/jsx-runtime";
 function TransactionsMenu() {
@@ -24042,12 +24076,12 @@ function TransactionsMenu() {
               onClick: refreshTxHistory,
               disabled: isTxHistoryFetching,
               title: "Refresh transactions",
-              children: isTxHistoryFetching ? /* @__PURE__ */ jsx114(Loader29, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ jsx114(RefreshCw3, { className: "h-4 w-4" })
+              children: isTxHistoryFetching ? /* @__PURE__ */ jsx114(Loader28, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ jsx114(RefreshCw3, { className: "h-4 w-4" })
             }
           )
         ] }),
         !historySupported && /* @__PURE__ */ jsx114(Highlight, { type: "warning", children: /* @__PURE__ */ jsx114("span", { children: t("passport:transactionsMenu.comingSoon") }) }),
-        historySupported && isTxHistoryLoading && /* @__PURE__ */ jsx114("div", { className: "flex items-center justify-center p-8", children: /* @__PURE__ */ jsx114(Loader29, { className: "w-4 h-4 animate-spin" }) }),
+        historySupported && isTxHistoryLoading && /* @__PURE__ */ jsx114("div", { className: "flex items-center justify-center p-8", children: /* @__PURE__ */ jsx114(Loader28, { className: "w-4 h-4 animate-spin" }) }),
         historySupported && !isTxHistoryLoading && txHistoryResolvedError && /* @__PURE__ */ jsxs105(Highlight, { type: "error", className: "flex gap-[var(--ui-kit-gap)]", children: [
           /* @__PURE__ */ jsx114(XCircle, { className: "w-4 h-4 flex-none" }),
           /* @__PURE__ */ jsx114("span", { className: "block w-full flex-1 text-center text-xs", children: txHistoryResolvedError })
@@ -24312,19 +24346,12 @@ var init_usePageMapper = __esm({
 });
 
 // src/internal/hooks/useSettingsNotifications.ts
-import { useQuery as useQuery24 } from "@tanstack/react-query";
 import { useEffect as useEffect49 } from "react";
 function useSettingsNotifications() {
-  const address = useSession((st) => st.address);
   const setSettingsNotifications = useLayoutDataStore((st) => st.setSettingsNotifications);
   const providers = jwtTokenManager2.getProviders();
   const hasEmail = providers.includes("email");
-  const { data: userProfile = null } = useQuery24({
-    retry: false,
-    enabled: !!address,
-    queryKey: [QUERY_KEYS.userProfile, address],
-    queryFn: getUserProfile
-  });
+  const { data: userProfile = null } = useUserProfile();
   useEffect49(() => {
     const isKYCVerified = userProfile?.kycDetails?.kycStatus === "verified";
     setSettingsNotifications({
@@ -24342,10 +24369,9 @@ function useSettingsNotifications() {
 var EMAIL_NOT_CONNECTED_NOTIFICATION, COMPLETE_KYC_PROGRESS;
 var init_useSettingsNotifications = __esm({
   "src/internal/hooks/useSettingsNotifications.ts"() {
-    init_SessionContext();
     init_auth();
-    init_profile();
     init_useLayoutDataStore();
+    init_useUserProfile();
     EMAIL_NOT_CONNECTED_NOTIFICATION = {
       id: "email-not-connected",
       target: "manage-wallet" /* MANAGE_WALLET */,
@@ -24365,7 +24391,7 @@ var init_package = __esm({
   "package.json"() {
     package_default = {
       name: "@embarkai/ui-kit",
-      version: "0.4.58",
+      version: "0.4.59",
       description: "React UI components and hooks for EmbarkAI authentication and Account Abstraction",
       type: "module",
       main: "./dist/index.cjs",
@@ -24467,7 +24493,7 @@ var init_package = __esm({
 
 // src/internal/components/Footer/Footer.tsx
 import { useMutation as useMutation22, useQueryClient as useQueryClient26 } from "@tanstack/react-query";
-import { Loader as Loader30, LogOut } from "lucide-react";
+import { Loader as Loader29, LogOut } from "lucide-react";
 import { useDisconnect as useDisconnect3 } from "wagmi";
 import { jsx as jsx116, jsxs as jsxs106 } from "react/jsx-runtime";
 function Footer() {
@@ -24555,7 +24581,7 @@ function Footer() {
               disabled: isDisconnecting,
               children: [
                 /* @__PURE__ */ jsx116("span", { children: t("passport:auth.logout") }),
-                isDisconnecting ? /* @__PURE__ */ jsx116(Loader30, { className: "w-4 h-4 animate-spin" }) : /* @__PURE__ */ jsx116(LogOut, { className: "w-4 h-4" })
+                isDisconnecting ? /* @__PURE__ */ jsx116(Loader29, { className: "w-4 h-4 animate-spin" }) : /* @__PURE__ */ jsx116(LogOut, { className: "w-4 h-4" })
               ]
             }
           ) : null
@@ -24600,8 +24626,7 @@ var init_Footer2 = __esm({
 });
 
 // src/internal/components/Header/Header.tsx
-import { useQuery as useQuery25 } from "@tanstack/react-query";
-import { Copy as Copy4, Loader as Loader31 } from "lucide-react";
+import { Copy as Copy4, Loader as Loader30 } from "lucide-react";
 import { useCallback as useCallback32, useRef as useRef21, useState as useState29 } from "react";
 import { Fragment as Fragment45, jsx as jsx117, jsxs as jsxs107 } from "react/jsx-runtime";
 function formatAddress2(addr) {
@@ -24636,12 +24661,7 @@ function Header() {
       }, 1e3);
     }
   }, []);
-  const { data: profile, isLoading: isProfileLoading } = useQuery25({
-    retry: false,
-    enabled: !!address,
-    queryKey: [QUERY_KEYS.userProfile, address],
-    queryFn: getUserProfile
-  });
+  const { data: profile, isLoading: isProfileLoading } = useUserProfile();
   const avatar = profile?.avatar || jwtTokenManager2.getAvatar();
   const displayName = profile?.nicknameDisplay || profile?.displayName || jwtTokenManager2.getDisplayName();
   const ChainIcon = NETWORK_OPTIONS.find((net) => net.chainId === chainConfig.id)?.Icon || (() => /* @__PURE__ */ jsx117("div", { className: "flex-none w-4 h-4 rounded-full flex items-center justify-center bg-[var(--ui-kit-primary)]", children: /* @__PURE__ */ jsx117("span", { className: "text-[var(--ui-kit-fg-inverted)] text-xs font-bold", children: chainConfig.name.charAt(0) }) }));
@@ -24669,7 +24689,7 @@ function Header() {
               style: { width: "calc(100% - 48px - var(--ui-kit-gap))" },
               className: "flex-1 flex flex-col justify-center gap-1",
               children: [
-                isProfileLoading && /* @__PURE__ */ jsx117(Loader31, { className: "w-4 h-4 animate-spin" }),
+                isProfileLoading && /* @__PURE__ */ jsx117(Loader30, { className: "w-4 h-4 animate-spin" }),
                 !!address && !isProfileLoading && !!profile && /* @__PURE__ */ jsxs107(Fragment45, { children: [
                   /* @__PURE__ */ jsxs107("div", { className: "w-full flex items-center gap-[var(--ui-kit-gap)]", children: [
                     /* @__PURE__ */ jsx117(
@@ -24727,7 +24747,7 @@ var init_Header = __esm({
     init_useT();
     init_icons();
     init_auth();
-    init_profile();
+    init_useUserProfile();
     init_pro_mode();
     init_utils2();
     init_BalanceView2();
@@ -26500,6 +26520,7 @@ __export(auth_exports, {
   createPasskeyHelpers: () => createPasskeyHelpers,
   createSignatureMessage: () => createSignatureMessage,
   deriveDemoPrivateKey: () => deriveDemoPrivateKey,
+  ensureFreshSession: () => ensureFreshSession,
   ensureKeyshare: () => ensureKeyshare,
   ensureValidToken: () => ensureValidToken,
   fetchProjectName: () => fetchProjectName,
@@ -26543,6 +26564,7 @@ import {
   configureJwtModule,
   logout,
   verifyToken,
+  ensureFreshSession,
   ensureValidToken,
   getValidTokens,
   authenticatedFetch,
@@ -26881,8 +26903,8 @@ var init_iframe_manager = __esm({
       async handleTokenRefreshRequest(message) {
         try {
           const { jwtTokenManager: jwtTokenManager4 } = await Promise.resolve().then(() => (init_auth(), auth_exports));
-          const refreshSuccess = await jwtTokenManager4.refreshAccessToken();
-          if (refreshSuccess) {
+          const outcome = await jwtTokenManager4.refreshTokens();
+          if (outcome === "refreshed") {
             const newAccessToken = jwtTokenManager4.getAccessToken();
             if (this.iframe && this.iframe.contentWindow) {
               const iframeOrigin = new URL(this.iframeUrl).origin;
@@ -26904,6 +26926,7 @@ var init_iframe_manager = __esm({
                   type: "IFRAME_MSG_TOKEN_REFRESHED",
                   messageId: message.messageId,
                   error: "Token refresh failed",
+                  sessionDead: outcome === "session_dead",
                   timestamp: Date.now()
                 },
                 iframeOrigin
@@ -28362,16 +28385,15 @@ init_lumia2();
 init_embarkAI2();
 init_SessionContext();
 init_auth();
-init_profile();
 init_BalanceView2();
 init_KYC();
 init_button();
 init_useLayoutDataStore();
+init_useUserProfile();
 init_useLayoutStore();
 init_pro_mode();
 init_utils2();
-import { useQuery as useQuery26 } from "@tanstack/react-query";
-import { Cloud as Cloud4, Laptop as Laptop2, Loader as Loader32, Shield as Shield3 } from "lucide-react";
+import { Cloud as Cloud4, Laptop as Laptop2, Loader as Loader31, Shield as Shield3 } from "lucide-react";
 import { useEffect as useEffect54, useMemo as useMemo18 } from "react";
 import { Fragment as Fragment48, jsx as jsx125, jsxs as jsxs111 } from "react/jsx-runtime";
 function getFormattedStatus(label, status, showStatus) {
@@ -28393,12 +28415,7 @@ function ConnectWalletButton(props) {
   const { session, address, hasServerVault, isLoading, isIframeReady, status, setUsePaymaster } = useSession();
   const connectButtonLabel = getFormattedStatus(label || "Connect", status, isIframeReady);
   useEffect54(() => setUsePaymaster(usePaymaster), [setUsePaymaster, usePaymaster]);
-  const { data: profile, isLoading: isProfileLoading } = useQuery26({
-    retry: false,
-    enabled: !!address,
-    queryKey: [QUERY_KEYS.userProfile, address],
-    queryFn: getUserProfile
-  });
+  const { data: profile, isLoading: isProfileLoading } = useUserProfile();
   const displayName = profile?.nicknameDisplay || profile?.displayName || jwtTokenManager2.getDisplayName();
   const indicators = useMemo18(() => {
     const userId = session?.mpcUserId;
@@ -28418,7 +28435,7 @@ function ConnectWalletButton(props) {
         disabled: isConnecting,
         onClick: () => setPage("auth" /* AUTH */),
         children: [
-          isConnecting ? /* @__PURE__ */ jsx125("span", { className: "w-6 h-6 flex items-center justify-center", children: /* @__PURE__ */ jsx125(Loader32, { className: "w-4 h-4 animate-spin" }) }) : /* @__PURE__ */ jsx125(embarkAI_default2, { className: "w-6 h-6" }),
+          isConnecting ? /* @__PURE__ */ jsx125("span", { className: "w-6 h-6 flex items-center justify-center", children: /* @__PURE__ */ jsx125(Loader31, { className: "w-4 h-4 animate-spin" }) }) : /* @__PURE__ */ jsx125(embarkAI_default2, { className: "w-6 h-6" }),
           connectButtonLabel
         ]
       }
@@ -28439,7 +28456,7 @@ function ConnectWalletButton(props) {
           "disabled:hover:bg-[var(--ui-kit-bg)] disabled:active:bg-[var(--ui-kit-bg)]"
         ),
         children: [
-          isConnecting ? /* @__PURE__ */ jsx125("span", { className: "w-6 h-6 flex items-center justify-center", children: /* @__PURE__ */ jsx125(Loader32, { className: "w-4 h-4 animate-spin" }) }) : /* @__PURE__ */ jsx125(embarkAI_default2, { className: "w-6 h-6" }),
+          isConnecting ? /* @__PURE__ */ jsx125("span", { className: "w-6 h-6 flex items-center justify-center", children: /* @__PURE__ */ jsx125(Loader31, { className: "w-4 h-4 animate-spin" }) }) : /* @__PURE__ */ jsx125(embarkAI_default2, { className: "w-6 h-6" }),
           connectButtonLabel.toUpperCase()
         ]
       }
@@ -28463,8 +28480,8 @@ function ConnectWalletButton(props) {
         ] }),
         /* @__PURE__ */ jsxs111("div", { className: "text-left flex-1 min-w-0 text-[var(--ui-kit-fg)]", children: [
           /* @__PURE__ */ jsxs111("div", { className: "flex items-center gap-[var(--ui-kit-gap)]", children: [
-            isProfileLoading ? /* @__PURE__ */ jsx125(Loader32, { className: "w-4 h-4 animate-spin" }) : /* @__PURE__ */ jsx125("span", { className: "w-fit text-[14px] leading-4 truncate max-w-[144px] text-[var(--ui-kit-fg)]", children: displayName }),
-            !isProfileLoading && /* @__PURE__ */ jsx125(KYCStatus, {})
+            isProfileLoading ? /* @__PURE__ */ jsx125(Loader31, { className: "w-4 h-4 animate-spin" }) : /* @__PURE__ */ jsx125("span", { className: "w-fit text-[14px] leading-4 truncate max-w-[144px] text-[var(--ui-kit-fg)]", children: displayName }),
+            /* @__PURE__ */ jsx125(KYCStatus, {})
           ] }),
           /* @__PURE__ */ jsx125(BalanceView, {})
         ] }),
@@ -29954,6 +29971,7 @@ export {
   PASSPORT_TRANSLATIONS,
   PageKey,
   Provider,
+  SessionExpiredError,
   TOKENS_ICONS,
   ThemeToggle,
   TransactionsList,
@@ -29980,6 +29998,7 @@ export {
   getUserOperationReceipt,
   getUserProfile,
   getValidTokens,
+  isSessionExpiredError,
   jwtTokenManager2 as jwtTokenManager,
   logout,
   looksLikeNickname,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@embarkai/ui-kit",
-  "version": "0.4.58",
+  "version": "0.4.59",
   "description": "React UI components and hooks for EmbarkAI authentication and Account Abstraction",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -51,7 +51,7 @@
     "viem": "^2.52.2",
     "wagmi": "^2.19.5",
     "zustand": "^5.0.14",
-    "@embarkai/core": "0.4.6"
+    "@embarkai/core": "0.4.7"
   },
   "devDependencies": {
     "@svgr/core": "^8.1.0",