@volr/react-ui 0.1.123 → 0.1.125

package/dist/index.js

@@ -5125,6 +5125,8 @@ function AccountModal({ isOpen, onClose, onError }) {
   const [currentView, setCurrentView] = useState("main");
   const [selectedPayment, setSelectedPayment] = useState(null);
   const [isLoggingOut, setIsLoggingOut] = useState(false);
+  const prevUserRef = useRef(user ?? null);
+  const [closingAfterLogin, setClosingAfterLogin] = useState(false);
   const [depositAssets, setDepositAssets] = useState([]);
   const [depositLoading, setDepositLoading] = useState(false);
   const [depositError, setDepositError] = useState(null);
@@ -5155,6 +5157,29 @@ function AccountModal({ isOpen, onClose, onError }) {
       }, 200);
     }
   }, [onClose]);
+  useEffect(() => {
+    if (!isOpen) {
+      setClosingAfterLogin(false);
+      prevUserRef.current = user ?? null;
+      return;
+    }
+    const wasLoggedOut = prevUserRef.current == null;
+    const isNowLoggedIn = user != null;
+    if (wasLoggedOut && isNowLoggedIn) {
+      setClosingAfterLogin(true);
+      setTimeout(() => {
+        onClose();
+      }, 0);
+    }
+    prevUserRef.current = user ?? null;
+  }, [isOpen, user, onClose]);
+  if (closingAfterLogin && isOpen) {
+    return /* @__PURE__ */ jsxs(Modal, { open: isOpen, onOpenChange: handleOpenChange, children: [
+      /* @__PURE__ */ jsx(ModalHeader, { onClose: () => {
+      } }),
+      /* @__PURE__ */ jsx("div", { className: "volr:text-center volr:py-8", children: /* @__PURE__ */ jsx("p", { className: "volr:text-sm volr-text-secondary", children: "Completing login..." }) })
+    ] });
+  }
   if (!user) {
     return /* @__PURE__ */ jsx(SigninModal, { isOpen, onClose, onError });
   }
@@ -6632,6 +6657,17 @@ function SignRequestModal({ open, onOpenChange }) {
   );
 }
 var VolrUIContext = React13.createContext(null);
+function getCurrentRpId() {
+  if (typeof window === "undefined") return "localhost";
+  return window.location.hostname;
+}
+function isPasskeyDomainMismatch(user) {
+  const currentRpId = getCurrentRpId();
+  const registered = user?.registeredPasskeys;
+  if (user?.keyStorageType !== "passkey") return false;
+  if (!Array.isArray(registered) || registered.length === 0) return false;
+  return !registered.some((p) => p?.rpId === currentRpId);
+}
 var useVolrUI = () => {
   const context = useContext(VolrUIContext);
   if (!context) {
@@ -7033,6 +7069,7 @@ function OnboardingChecker({
   const { user, provider, isLoading } = useVolrContext();
   const { isOpen: isModalOpen } = useVolrModal();
   const modalWasOpened = React13.useRef(false);
+  const pendingMismatchOnboarding = React13.useRef(false);
   useEffect(() => {
     if (isModalOpen) {
       modalWasOpened.current = true;
@@ -7042,15 +7079,21 @@ function OnboardingChecker({
     if (isLoading) {
       return;
     }
+    const passkeyDomainMismatch = isPasskeyDomainMismatch(user);
     if (isModalOpen) {
+      if (passkeyDomainMismatch) {
+        pendingMismatchOnboarding.current = true;
+      }
       onHideOnboarding();
       return;
     }
     if (modalWasOpened.current) {
-      onHideOnboarding();
-      return;
+      if (!passkeyDomainMismatch && !pendingMismatchOnboarding.current) {
+        onHideOnboarding();
+        return;
+      }
     }
-    if (user?.keyStorageType) {
+    if (user?.keyStorageType && !passkeyDomainMismatch && !pendingMismatchOnboarding.current) {
       onHideOnboarding();
       return;
     }
@@ -7058,6 +7101,15 @@ function OnboardingChecker({
       onHideOnboarding();
       return;
     }
+    if (pendingMismatchOnboarding.current) {
+      pendingMismatchOnboarding.current = false;
+      onShowOnboarding();
+      return;
+    }
+    if (passkeyDomainMismatch) {
+      onShowOnboarding();
+      return;
+    }
     if (user && enforceSelection) {
       if (!keyStorageType) {
         console.error(