@volr/react-ui 0.1.60 → 0.1.62

package/dist/index.js

@@ -1,4 +1,4 @@
-import React5, { createContext, useContext, useState, useMemo, useEffect, useCallback, useRef, useId } from 'react';
+import React10, { createContext, useContext, useState, useMemo, useEffect, useCallback, useRef, useId } from 'react';
 import { createPortal } from 'react-dom';
 import { useVolrContext, useInternalAuth, usePasskeyEnrollment, useMpcConnection, VolrProvider, useVolrLogin, useDepositListener, createGetNetworkInfo } from '@volr/react';
 export { VolrProvider, useDepositListener, usePasskeyEnrollment, useVolr, useVolrLogin } from '@volr/react';
@@ -846,7 +846,7 @@ var variantMap = {
   ghost: { backgroundColor: "transparent", color: "#475569", border: "none" },
   outline: { backgroundColor: "transparent", color: "#475569", border: "1px solid #e2e8f0" }
 };
-var Button = React5.forwardRef(
+var Button = React10.forwardRef(
   ({ variant = "primary", size = "md", fullWidth, className, style, disabled, children, ...props }, ref) => {
     const { accentColor } = useVolrUI();
     const sizeStyle = sizeMap[size];
@@ -2233,12 +2233,8 @@ function SigninModal({ isOpen, onClose, onError }) {
     }
     setCurrentScreen("passkey-setup");
   };
-  const handleSiweSuccess = (data) => {
-    if (data.keyStorageType) {
-      onClose();
-      return;
-    }
-    setCurrentScreen("passkey-setup");
+  const handleSiweSuccess = (_data) => {
+    onClose();
   };
   const handlePasskeyComplete = () => {
     onClose();
@@ -2369,6 +2365,36 @@ function AccountModal({ isOpen, onClose, onError }) {
   if (!user) {
     return /* @__PURE__ */ jsx(SigninModal, { isOpen, onClose, onError });
   }
+  if (!user.keyStorageType) {
+    const handlePasskeyComplete = () => {
+      onClose();
+    };
+    const handlePasskeyError = (error) => {
+      if (onError) {
+        onError(error);
+      }
+    };
+    const handleLogout2 = async () => {
+      try {
+        await logout();
+        onClose();
+      } catch (error) {
+        if (onError) {
+          onError(error instanceof Error ? error : new Error("Logout failed"));
+        }
+      }
+    };
+    return /* @__PURE__ */ jsx(Modal, { open: isOpen, onOpenChange: (open) => !open && onClose(), children: /* @__PURE__ */ jsx(
+      PasskeyEnrollView,
+      {
+        wrapInModal: false,
+        onComplete: handlePasskeyComplete,
+        onError: handlePasskeyError,
+        onLogout: handleLogout2,
+        onClose
+      }
+    ) });
+  }
   const handleLogout = async () => {
     setIsLoggingOut(true);
     try {
@@ -2386,7 +2412,7 @@ function AccountModal({ isOpen, onClose, onError }) {
   return /* @__PURE__ */ jsxs(Modal, { open: isOpen, onOpenChange: (open) => !open && onClose(), children: [
     /* @__PURE__ */ jsx(ModalHeader, { onClose }),
     /* @__PURE__ */ jsxs("div", { children: [
-      /* @__PURE__ */ jsx("p", { className: "volr:text-xl volr:font-semibold volr:text-slate-900 volr:mb-4 volr:text-center", children: t("account.title") }),
+      /* @__PURE__ */ jsx("p", { className: "volr:text-xl volr:font-semibold volr:text-slate-900 volr:mb-4", children: t("account.title") }),
       /* @__PURE__ */ jsxs("div", { className: "volr:bg-slate-50 volr:rounded-xl volr:p-4 volr:mb-4", children: [
         user.evmAddress && /* @__PURE__ */ jsxs("div", { className: "volr:flex volr:items-center volr:justify-between volr:gap-3", children: [
           /* @__PURE__ */ jsxs("div", { className: "volr:flex-1 volr:min-w-0", children: [
@@ -2425,8 +2451,8 @@ function AssetSelectView({
 }) {
   const { t } = useI18n();
   return /* @__PURE__ */ jsxs("div", { children: [
-    /* @__PURE__ */ jsx("p", { className: "volr:text-xl volr:font-semibold volr:text-slate-900 volr:mb-1 volr:text-center", children: t("deposit.selectTitle") }),
-    /* @__PURE__ */ jsx("p", { className: "volr:text-sm volr:text-slate-500 volr:mb-4 volr:text-center", children: "Supported token" }),
+    /* @__PURE__ */ jsx("p", { className: "volr:text-xl volr:font-semibold volr:text-slate-900 volr:mb-1", children: t("deposit.selectTitle") }),
+    /* @__PURE__ */ jsx("p", { className: "volr:text-sm volr:text-slate-500 volr:mb-4", children: "Supported token" }),
     /* @__PURE__ */ jsx("div", { className: "volr:space-y-3", children: assets.map((a, idx) => {
       const isNative = a.token === "native";
       const tokenSymbol = isNative ? "ETH" : a.token.symbol;
@@ -2469,7 +2495,7 @@ function AssetSelectView({
     }) })
   ] });
 }
-var TextLinkButton = React5.forwardRef(({ showArrow = false, className, children, ...props }, ref) => {
+var TextLinkButton = React10.forwardRef(({ showArrow = false, className, children, ...props }, ref) => {
   return /* @__PURE__ */ jsxs(
     "button",
     {
@@ -3103,7 +3129,7 @@ var DepositModal = ({
     body
   ] });
 };
-var VolrUIContext = React5.createContext(null);
+var VolrUIContext = React10.createContext(null);
 var useVolrUI = () => {
   const context = useContext(VolrUIContext);
   if (!context) {
@@ -3350,6 +3376,12 @@ function OnboardingChecker({
 }) {
   const { user, provider, isLoading } = useVolrContext();
   const { isOpen: isModalOpen } = useVolrModal();
+  const modalWasOpened = React10.useRef(false);
+  useEffect(() => {
+    if (isModalOpen) {
+      modalWasOpened.current = true;
+    }
+  }, [isModalOpen]);
   useEffect(() => {
     if (isLoading) {
       return;
@@ -3358,22 +3390,26 @@ function OnboardingChecker({
       onHideOnboarding();
       return;
     }
-    if (user && !provider) {
-      if (user.keyStorageType) {
-        onHideOnboarding();
+    if (modalWasOpened.current) {
+      onHideOnboarding();
+      return;
+    }
+    if (user?.keyStorageType) {
+      onHideOnboarding();
+      return;
+    }
+    if (provider) {
+      onHideOnboarding();
+      return;
+    }
+    if (user && enforceSelection) {
+      if (!keyStorageType) {
+        console.error(
+          "keyStorageType must be specified in VolrUIProvider props."
+        );
         return;
       }
-      if (enforceSelection) {
-        if (!keyStorageType) {
-          console.error(
-            "keyStorageType must be specified in VolrUIProvider props."
-          );
-          return;
-        }
-        onShowOnboarding();
-      }
-    } else if (provider) {
-      onHideOnboarding();
+      onShowOnboarding();
     }
   }, [
     user,