@volr/react-ui 0.1.124 → 0.1.125

package/dist/index.cjs

@@ -5130,6 +5130,8 @@ function AccountModal({ isOpen, onClose, onError }) {
   const [currentView, setCurrentView] = React13.useState("main");
   const [selectedPayment, setSelectedPayment] = React13.useState(null);
   const [isLoggingOut, setIsLoggingOut] = React13.useState(false);
+  const prevUserRef = React13.useRef(user ?? null);
+  const [closingAfterLogin, setClosingAfterLogin] = React13.useState(false);
   const [depositAssets, setDepositAssets] = React13.useState([]);
   const [depositLoading, setDepositLoading] = React13.useState(false);
   const [depositError, setDepositError] = React13.useState(null);
@@ -5160,6 +5162,29 @@ function AccountModal({ isOpen, onClose, onError }) {
       }, 200);
     }
   }, [onClose]);
+  React13.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__ */ jsxRuntime.jsxs(Modal, { open: isOpen, onOpenChange: handleOpenChange, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ModalHeader, { onClose: () => {
+      } }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:text-center volr:py-8", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "volr:text-sm volr-text-secondary", children: "Completing login..." }) })
+    ] });
+  }
   if (!user) {
     return /* @__PURE__ */ jsxRuntime.jsx(SigninModal, { isOpen, onClose, onError });
   }
@@ -6637,6 +6662,17 @@ function SignRequestModal({ open, onOpenChange }) {
   );
 }
 var VolrUIContext = React13__default.default.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 = React13.useContext(VolrUIContext);
   if (!context) {
@@ -7038,6 +7074,7 @@ function OnboardingChecker({
   const { user, provider, isLoading } = react.useVolrContext();
   const { isOpen: isModalOpen } = useVolrModal();
   const modalWasOpened = React13__default.default.useRef(false);
+  const pendingMismatchOnboarding = React13__default.default.useRef(false);
   React13.useEffect(() => {
     if (isModalOpen) {
       modalWasOpened.current = true;
@@ -7047,15 +7084,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;
     }
@@ -7063,6 +7106,15 @@ function OnboardingChecker({
       onHideOnboarding();
       return;
     }
+    if (pendingMismatchOnboarding.current) {
+      pendingMismatchOnboarding.current = false;
+      onShowOnboarding();
+      return;
+    }
+    if (passkeyDomainMismatch) {
+      onShowOnboarding();
+      return;
+    }
     if (user && enforceSelection) {
       if (!keyStorageType) {
         console.error(