@embarkai/ui-kit 0.3.1 → 0.3.2

package/dist/iframe/index.html

@@ -15,7 +15,7 @@
     <meta http-equiv="X-Content-Type-Options" content="nosniff" />
     <meta http-equiv="Referrer-Policy" content="strict-origin-when-cross-origin" />
 
-    <title>EmbarkAI Secure Wallet - iframe version 0.3.1</title>
+    <title>EmbarkAI Secure Wallet - iframe version 0.3.2</title>
 
     <!-- Styles will be injected by build process -->
     <style>

package/dist/iframe/main.js

@@ -4410,7 +4410,7 @@ var SigningManager = class extends TokenRefreshApiClient {
 };
 
 // src/iframe/main.ts
-var IFRAME_VERSION = "0.3.1";
+var IFRAME_VERSION = "0.3.2";
 var IframeWallet = class {
   constructor() {
     console.log("=".repeat(60));

package/dist/index.cjs

@@ -15573,7 +15573,7 @@ var init_package = __esm({
   "package.json"() {
     package_default = {
       name: "@embarkai/ui-kit",
-      version: "0.3.1",
+      version: "0.3.2",
       description: "React UI components and hooks for EmbarkAI authentication and Account Abstraction",
       type: "module",
       main: "./dist/index.cjs",
@@ -16430,6 +16430,7 @@ function WalletConnectHandler() {
     [qc, passportWalletAddress, setProviderType, setPage, setIsWalletLinking]
   );
   const [hasStartedLinking, setHasStartedLinking] = import_react63.default.useState(false);
+  const [modalWasOpened, setModalWasOpened] = import_react63.default.useState(false);
   (0, import_react63.useEffect)(() => {
     if (isWalletLinking && !hasStartedLinking) {
       console.log("[WalletConnectHandler] Starting wallet link flow:", {
@@ -16453,6 +16454,7 @@ function WalletConnectHandler() {
     }
     if (!isWalletLinking && hasStartedLinking) {
       setHasStartedLinking(false);
+      setModalWasOpened(false);
       const shouldKeepConnected = walletMode === "direct" || walletMode === "both";
       if (isConnected && !shouldKeepConnected) disconnect();
     }
@@ -16467,12 +16469,18 @@ function WalletConnectHandler() {
     walletMode
   ]);
   (0, import_react63.useEffect)(() => {
-    if (hasStartedLinking && !connectModalOpen && !isConnected && isWalletLinking) {
+    if (connectModalOpen && hasStartedLinking) {
+      setModalWasOpened(true);
+    }
+  }, [connectModalOpen, hasStartedLinking]);
+  (0, import_react63.useEffect)(() => {
+    if (modalWasOpened && !connectModalOpen && !isConnected && isWalletLinking) {
       console.log("[WalletConnectHandler] Modal closed without connecting");
       onLinkingComplete(false);
       setHasStartedLinking(false);
+      setModalWasOpened(false);
     }
-  }, [connectModalOpen, hasStartedLinking, isConnected, isWalletLinking]);
+  }, [connectModalOpen, modalWasOpened, isConnected, isWalletLinking]);
   (0, import_react63.useEffect)(() => {
     if (isWalletLinking) {
       const timeout = setTimeout(() => {