@embarkai/ui-kit 0.4.106 → 0.4.107

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.4.106</title>
+    <title>EmbarkAI Secure Wallet - iframe version 0.4.107</title>
 
     <!-- Styles will be injected by build process -->
     <style>

package/dist/iframe/main.js

@@ -6342,7 +6342,7 @@ var SigningManager = class extends TokenRefreshApiClient {
 };
 
 // src/iframe/main.ts
-var IFRAME_VERSION = "0.4.106";
+var IFRAME_VERSION = "0.4.107";
 var IframeWallet = class {
   // private finchpay: FinchPayRampAPI
   // private rampnow: RampnowOnrampAPI

package/dist/index.cjs

@@ -16816,9 +16816,12 @@ function ProviderCard(props) {
     isPending: isConnectingExternalWallet,
     variables: pendingConnectVariables,
     isAvailable: isConnectExternalWalletAvailable
-  } = useExternalWalletConnnect();
-  const setPage = useLayoutDataStore((st) => st.setPage);
-  const setConfirmUnlink = useManageWalletStore((st) => st.setConfirmUnlink);
+  } = useExternalWalletConnnect({
+    // onSuccess: undefined,
+    onError: ({ connector, error }) => {
+      console.warn("[useExternalWalletConnect]", connector, error);
+    }
+  });
   const { data: providers = [] } = useProvidersList();
   if (!provider) {
     console.warn("[ProviderCard] Received undefined provider");
@@ -16909,8 +16912,8 @@ function ProviderCard(props) {
           disabled: disabled || isConnectingExternalWallet,
           title: t("passport:common.delete"),
           onClick: () => {
-            setConfirmUnlink({ provider, providerName: info.name, externalId });
-            setPage("unlink-provider" /* UNLINK_PROVIDER */);
+            useManageWalletStore.getState().setConfirmUnlink({ provider, providerName: info.name, externalId });
+            useLayoutDataStore.getState().setPage("unlink-provider" /* UNLINK_PROVIDER */);
           },
           children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_lucide_react30.Trash2Icon, { className: "w-4 h-4 text-[var(--ui-kit-bg-error)]" })
         }
@@ -17403,7 +17406,7 @@ function ConnectExternalWalletMenu() {
     }
   };
   const completeExternalConnect = (connector, address, chainId) => {
-    useLayoutDataStore.getState().setPage(walletMenuOpenedFrom || "main-menu" /* MAIN_MENU */);
+    useLayoutDataStore.getState().setPage(walletMenuOpenedFrom || "manage-wallet" /* MANAGE_WALLET */);
     keepOrReleaseExternalWallet(connector, address, chainId);
   };
   const { mutateAsync: loginOrLinkWallet, isPending: isLoginOrLinkWallet } = (0, import_react_query25.useMutation)({
@@ -17570,7 +17573,7 @@ function ConnectExternalWalletMenu() {
           size: "icon",
           title: t("passport:common.back"),
           disabled: isConnectingExternalWallet || isLoginOrLinkWallet,
-          onClick: () => useLayoutDataStore.getState().setPage(walletMenuOpenedFrom ?? "main-menu" /* MAIN_MENU */),
+          onClick: () => useLayoutDataStore.getState().setPage(walletMenuOpenedFrom ?? "manage-wallet" /* MANAGE_WALLET */),
           children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_lucide_react33.ArrowLeft, { className: "h-4 w-4" })
         }
       ),
@@ -17697,7 +17700,8 @@ var init_ConnectExternalWalletMenu = __esm({
 });
 
 // src/internal/components/ConnectExternalWalletMenu/useExternalWalletConnect.ts
-function useExternalWalletConnnect() {
+function useExternalWalletConnnect(options) {
+  const { onSuccess, onError } = options || {};
   const { config } = useProviderConfig();
   const walletMode = config.current?.wallet?.mode;
   const connectors = (0, import_wagmi4.useConnectors)();
@@ -17712,9 +17716,15 @@ function useExternalWalletConnnect() {
           chainId,
           connectorName: connector.name || "Unknown Wallet"
         });
+        onSuccess?.({ connected: true, address: signingWalletAddress });
         useLayoutStore.getState().setIsDialogForced(false);
       },
-      onError: (error, variables) => {
+      onError: (error, { connector }) => {
+        onError?.({
+          connected: false,
+          connector: connector?.name || "Unknown Wallet",
+          error
+        });
         useLayoutStore.getState().setIsDialogForced(false);
       }
     }
@@ -30011,7 +30021,7 @@ var init_package = __esm({
   "package.json"() {
     package_default = {
       name: "@embarkai/ui-kit",
-      version: "0.4.106",
+      version: "0.4.107",
       description: "React UI components and hooks for EmbarkAI authentication and Account Abstraction",
       type: "module",
       main: "./dist/index.cjs",

package/dist/index.js

@@ -16770,9 +16770,12 @@ function ProviderCard(props) {
     isPending: isConnectingExternalWallet,
     variables: pendingConnectVariables,
     isAvailable: isConnectExternalWalletAvailable
-  } = useExternalWalletConnnect();
-  const setPage = useLayoutDataStore((st) => st.setPage);
-  const setConfirmUnlink = useManageWalletStore((st) => st.setConfirmUnlink);
+  } = useExternalWalletConnnect({
+    // onSuccess: undefined,
+    onError: ({ connector, error }) => {
+      console.warn("[useExternalWalletConnect]", connector, error);
+    }
+  });
   const { data: providers = [] } = useProvidersList();
   if (!provider) {
     console.warn("[ProviderCard] Received undefined provider");
@@ -16863,8 +16866,8 @@ function ProviderCard(props) {
           disabled: disabled || isConnectingExternalWallet,
           title: t("passport:common.delete"),
           onClick: () => {
-            setConfirmUnlink({ provider, providerName: info.name, externalId });
-            setPage("unlink-provider" /* UNLINK_PROVIDER */);
+            useManageWalletStore.getState().setConfirmUnlink({ provider, providerName: info.name, externalId });
+            useLayoutDataStore.getState().setPage("unlink-provider" /* UNLINK_PROVIDER */);
           },
           children: /* @__PURE__ */ jsx71(Trash2Icon, { className: "w-4 h-4 text-[var(--ui-kit-bg-error)]" })
         }
@@ -17366,7 +17369,7 @@ function ConnectExternalWalletMenu() {
     }
   };
   const completeExternalConnect = (connector, address, chainId) => {
-    useLayoutDataStore.getState().setPage(walletMenuOpenedFrom || "main-menu" /* MAIN_MENU */);
+    useLayoutDataStore.getState().setPage(walletMenuOpenedFrom || "manage-wallet" /* MANAGE_WALLET */);
     keepOrReleaseExternalWallet(connector, address, chainId);
   };
   const { mutateAsync: loginOrLinkWallet, isPending: isLoginOrLinkWallet } = useMutation10({
@@ -17533,7 +17536,7 @@ function ConnectExternalWalletMenu() {
           size: "icon",
           title: t("passport:common.back"),
           disabled: isConnectingExternalWallet || isLoginOrLinkWallet,
-          onClick: () => useLayoutDataStore.getState().setPage(walletMenuOpenedFrom ?? "main-menu" /* MAIN_MENU */),
+          onClick: () => useLayoutDataStore.getState().setPage(walletMenuOpenedFrom ?? "manage-wallet" /* MANAGE_WALLET */),
           children: /* @__PURE__ */ jsx74(ArrowLeft8, { className: "h-4 w-4" })
         }
       ),
@@ -17656,7 +17659,8 @@ var init_ConnectExternalWalletMenu = __esm({
 // src/internal/components/ConnectExternalWalletMenu/useExternalWalletConnect.ts
 import { useCallback as useCallback18 } from "react";
 import { useConnect as useConnect2, useConnectors as useConnectors2, useDisconnect as useDisconnect3 } from "wagmi";
-function useExternalWalletConnnect() {
+function useExternalWalletConnnect(options) {
+  const { onSuccess, onError } = options || {};
   const { config } = useProviderConfig();
   const walletMode = config.current?.wallet?.mode;
   const connectors = useConnectors2();
@@ -17671,9 +17675,15 @@ function useExternalWalletConnnect() {
           chainId,
           connectorName: connector.name || "Unknown Wallet"
         });
+        onSuccess?.({ connected: true, address: signingWalletAddress });
         useLayoutStore.getState().setIsDialogForced(false);
       },
-      onError: (error, variables) => {
+      onError: (error, { connector }) => {
+        onError?.({
+          connected: false,
+          connector: connector?.name || "Unknown Wallet",
+          error
+        });
         useLayoutStore.getState().setIsDialogForced(false);
       }
     }
@@ -29912,7 +29922,7 @@ var init_package = __esm({
   "package.json"() {
     package_default = {
       name: "@embarkai/ui-kit",
-      version: "0.4.106",
+      version: "0.4.107",
       description: "React UI components and hooks for EmbarkAI authentication and Account Abstraction",
       type: "module",
       main: "./dist/index.cjs",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@embarkai/ui-kit",
-  "version": "0.4.106",
+  "version": "0.4.107",
   "description": "React UI components and hooks for EmbarkAI authentication and Account Abstraction",
   "type": "module",
   "main": "./dist/index.cjs",