@embarkai/ui-kit 0.4.100 → 0.4.101

package/dist/index.js

@@ -17243,6 +17243,28 @@ var init_useConnectExternalWalletMenuParams = __esm({
   }
 });
 
+// src/internal/components/ConnectExternalWalletMenu/useHasInjectedWallet.ts
+import { createStore } from "mipd";
+import { useSyncExternalStore } from "react";
+function hasInjectedWallet() {
+  if (typeof window === "undefined") return false;
+  return mipdStore.getProviders().length > 0 || !!window.ethereum;
+}
+function useHasInjectedWallet() {
+  return useSyncExternalStore(
+    (onStoreChange) => mipdStore?.subscribe(onStoreChange) ?? (() => {
+    }),
+    hasInjectedWallet,
+    () => false
+  );
+}
+var mipdStore;
+var init_useHasInjectedWallet = __esm({
+  "src/internal/components/ConnectExternalWalletMenu/useHasInjectedWallet.ts"() {
+    mipdStore = typeof window !== "undefined" ? createStore() : void 0;
+  }
+});
+
 // src/internal/components/ConnectExternalWalletMenu/ConnectExternalWalletMenu.tsx
 import { useMutation as useMutation10, useQuery as useQuery9, useQueryClient as useQueryClient14 } from "@tanstack/react-query";
 import { ArrowLeft as ArrowLeft8, Loader as Loader11, Wallet2Icon as Wallet2Icon2 } from "lucide-react";
@@ -17261,9 +17283,10 @@ function ConnectExternalWalletMenu() {
   const qc = useQueryClient14();
   const { t } = useT();
   const { address: embarkAiAddress } = useSession();
-  const { open: openEmbarkAI } = useOpenPage();
+  const { open: openEmbarkAI, close: closeEmbarkAI } = useOpenPage();
   const menuParams = useConnectExternalWalletMenuParams();
   const connectors = useConnectors();
+  const hasInjectedWallet2 = useHasInjectedWallet();
   const { isConnected: isExternalWalletConnected } = useConnection();
   const { mutate: disconnect } = useDisconnect2();
   const { mutateAsync: signMessageAsync } = useSignMessage();
@@ -17323,6 +17346,7 @@ function ConnectExternalWalletMenu() {
     },
     onError: (err, { walletData, connectFlowType }) => {
       disconnect();
+      useLayoutStore.getState().setIsDialogForced(false);
       const errorMsg = err?.message || "Failed to connect wallet";
       const setAuthError = useAuthStore.getState().setAlert;
       const setManageWalletLinkError = useManageWalletStore.getState().setAlert;
@@ -17365,7 +17389,6 @@ function ConnectExternalWalletMenu() {
       }
       switch (connectFlowType) {
         case "auth":
-          useLayoutDataStore.getState().setPage("auth" /* AUTH */);
           break;
         case "link":
           onLinkingComplete(false);
@@ -17374,7 +17397,6 @@ function ConnectExternalWalletMenu() {
           openEmbarkAI(walletMenuOpenedFrom || "main-menu" /* MAIN_MENU */);
           break;
       }
-      useLayoutStore.getState().setIsDialogForced(false);
     }
   });
   const {
@@ -17439,7 +17461,6 @@ function ConnectExternalWalletMenu() {
                 title: `Failed to connect: ${connector.name}`,
                 message: error2?.message || "Failed to connect wallet"
               });
-              setPage("auth" /* AUTH */);
               break;
             case "link":
               useManageWalletStore.getState().setAlert({
@@ -17462,6 +17483,10 @@ function ConnectExternalWalletMenu() {
     const unique = connectors.filter((connector) => {
       const skipConnector = seen.has(connector.uid);
       if (skipConnector) return false;
+      if (connector.id === "extensionProvider" && !hasInjectedWallet2) {
+        seen.add(connector.uid);
+        return false;
+      }
       seen.add(connector.uid);
       return true;
     });
@@ -17470,7 +17495,7 @@ function ConnectExternalWalletMenu() {
     return unique.filter(
       (connector) => allowed.includes(connector.id.toLowerCase()) || allowed.includes(connector.name.toLowerCase())
     );
-  }, [connectors, allowedWallets]);
+  }, [connectors, allowedWallets, hasInjectedWallet2]);
   const getInstructionSteps = useCallback17(() => {
     const connectFlowType = getConnectFlowType({
       isEmbarkAI: !!embarkAiAddress,
@@ -17515,7 +17540,17 @@ function ConnectExternalWalletMenu() {
               disconnect();
               await new Promise((resolve) => setTimeout(resolve, 500));
             }
-            useLayoutStore.getState().setIsDialogForced(true);
+            switch (true) {
+              case (connector.id === "metaMaskSDK" && !hasInjectedWallet2):
+                closeEmbarkAI();
+                break;
+              // case connector.id === 'walletConnect':
+              //   closeEmbarkAI() // close embarkAI since WalletConnect has dedicated UI
+              //   break
+              default:
+                useLayoutStore.getState().setIsDialogForced(true);
+                break;
+            }
             try {
               await connect({ connector });
             } catch {
@@ -17560,6 +17595,7 @@ var init_ConnectExternalWalletMenu = __esm({
     init_button();
     init_highlight();
     init_useConnectExternalWalletMenuParams();
+    init_useHasInjectedWallet();
   }
 });
 
@@ -28491,7 +28527,7 @@ var init_SendMenu2 = __esm({
 });
 
 // src/internal/lib/pro-mode.ts
-import { useSyncExternalStore } from "react";
+import { useSyncExternalStore as useSyncExternalStore2 } from "react";
 function isProMode() {
   try {
     return localStorage.getItem(STORAGE_KEY) === "1";
@@ -28521,7 +28557,7 @@ function getServerSnapshot() {
   return false;
 }
 function useProMode() {
-  return useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
+  return useSyncExternalStore2(subscribe, getSnapshot, getServerSnapshot);
 }
 var STORAGE_KEY, EVENT_NAME;
 var init_pro_mode = __esm({
@@ -29822,7 +29858,7 @@ var init_package = __esm({
   "package.json"() {
     package_default = {
       name: "@embarkai/ui-kit",
-      version: "0.4.100",
+      version: "0.4.101",
       description: "React UI components and hooks for EmbarkAI authentication and Account Abstraction",
       type: "module",
       main: "./dist/index.cjs",
@@ -29879,6 +29915,7 @@ var init_package = __esm({
         "dkls23-wasm": "^0.1.1",
         "lodash-es": "^4.18.1",
         "lucide-react": "^1.28.0",
+        mipd: "^0.0.7",
         motion: "^13.1.1",
         qrcode: "^1.5.4",
         viem: "^2.52.2",
@@ -33170,7 +33207,7 @@ var init_utils14 = __esm({
 });
 
 // src/context/ProviderContext.tsx
-import { getWagmiConnectors, WAGMI_CONFIG_CHAINS, WAGMI_CONFIG_TRANSPORTS } from "@embarkai/core";
+import { getWagmiConfig } from "@embarkai/core";
 import { initSdkErrorTracking } from "@embarkai/core/internal/error-tracking";
 import { merge as merge3 } from "lodash-es";
 import {
@@ -33181,7 +33218,7 @@ import {
   useMemo as useMemo21,
   useRef as useRef22
 } from "react";
-import { createConfig as createWagmiConfig, WagmiProvider } from "wagmi";
+import { WagmiProvider } from "wagmi";
 import { jsx as jsx137 } from "react/jsx-runtime";
 function clearLegacyWagmiStorage() {
   if (typeof window === "undefined" || !window.localStorage) return;
@@ -33203,6 +33240,7 @@ function Provider(props) {
   const callbacksRef = useRef22(callbacks);
   useEffect56(() => notifyNoProjetctId(projectId), [projectId]);
   const config = useRef22(merge3({}, DEFAULT_PROVIDER_CONFIG, { projectId }, initialConfig));
+  const wagmiConfig3 = useRef22(getWagmiConfig(config.current?.wallet?.walletConnectId || null));
   const updateConfig = useCallback35((updates) => {
     const prev = config.current;
     const next = { ...prev };
@@ -33302,17 +33340,7 @@ function Provider(props) {
     }),
     [config, updateConfig, callbacks, updateCallbacks]
   );
-  return /* @__PURE__ */ jsx137(UIContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx137(
-    WagmiProvider,
-    {
-      config: createWagmiConfig({
-        chains: WAGMI_CONFIG_CHAINS,
-        connectors: getWagmiConnectors(config.current?.wallet?.walletConnectId || null),
-        transports: WAGMI_CONFIG_TRANSPORTS
-      }),
-      children: /* @__PURE__ */ jsx137(SessionProvider, { children })
-    }
-  ) });
+  return /* @__PURE__ */ jsx137(UIContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx137(WagmiProvider, { config: wagmiConfig3.current, children: /* @__PURE__ */ jsx137(SessionProvider, { children }) }) });
 }
 var UIContext, useProviderConfig;
 var init_ProviderContext = __esm({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@embarkai/ui-kit",
-  "version": "0.4.100",
+  "version": "0.4.101",
   "description": "React UI components and hooks for EmbarkAI authentication and Account Abstraction",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -45,12 +45,13 @@
     "dkls23-wasm": "^0.1.1",
     "lodash-es": "^4.18.1",
     "lucide-react": "^1.28.0",
+    "mipd": "^0.0.7",
     "motion": "^13.1.1",
     "qrcode": "^1.5.4",
     "viem": "^2.52.2",
     "wagmi": "^3.7.5",
     "zustand": "^5.0.14",
-    "@embarkai/core": "0.4.20"
+    "@embarkai/core": "0.4.21"
   },
   "devDependencies": {
     "@svgr/core": "^8.1.0",