@volr/react-ui 0.1.31 → 0.1.33

package/dist/index.js

@@ -289,10 +289,13 @@ var VolrModalProvider = ({
   const [mode, setMode] = useState("auth");
   const { user } = useVolr();
   const open = useCallback(() => {
+    console.log("[useVolrModal] open() called", { user: user?.id, hasUser: !!user });
     setMode(user ? "deposit" : "auth");
     setIsOpen(true);
+    console.log("[useVolrModal] isOpen set to true");
   }, [user]);
   const close = useCallback(() => {
+    console.log("[useVolrModal] close() called");
     setIsOpen(false);
   }, []);
   const toggle = useCallback(() => {
@@ -333,6 +336,9 @@ var Modal = ({
 }) => {
   const isMobile = useMediaQuery("(max-width: 500px)");
   const variant = explicitVariant ?? (isMobile ? "bottom-sheet" : "centered");
+  React3.useEffect(() => {
+    console.log("[Modal] State changed", { open, variant, isMobile });
+  }, [open, variant, isMobile]);
   React3.useEffect(() => {
     const handleEscape = (e) => {
       if (e.key === "Escape" && open) {
@@ -350,7 +356,7 @@ var Modal = ({
   }, [open, onOpenChange, onEscapeKeyDown]);
   if (!open) return null;
   const isBottomSheet = variant === "bottom-sheet";
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
+  return /* @__PURE__ */ jsxs("div", { "data-volr-root": "true", children: [
     /* @__PURE__ */ jsx(
       "div",
       {
@@ -381,7 +387,6 @@ var Modal = ({
               contentClassName
             ),
             onClick: (e) => e.stopPropagation(),
-            "data-volr-root": "true",
             children
           }
         )
@@ -1920,6 +1925,9 @@ function SigninModal({ isOpen, onClose, onError }) {
   const { requestEmailCode, verifyEmailCode, handleSocialLogin } = useVolrLogin();
   const [currentScreen, setCurrentScreen] = useState("method-select");
   const [email, setEmail] = useState("");
+  useEffect(() => {
+    console.log("[SigninModal] isOpen changed:", isOpen);
+  }, [isOpen]);
   const hasPasskey = user?.keyStorageType === "passkey";
   const isMobile = useMediaQuery("(max-width: 500px)");
   const isWideViewport = useMediaQuery("(min-width: 864px)");
@@ -2841,7 +2849,17 @@ var VolrUIProvider = ({
     null
   );
   useEffect(() => {
+    console.log("[VolrUIProvider] Injecting styles...");
     ensureVolrStylesInjected();
+    const styleElement = document.getElementById("volr-sdk-styles");
+    if (styleElement) {
+      console.log("[VolrUIProvider] \u2705 Styles injected successfully", {
+        hasContent: !!styleElement.textContent,
+        contentLength: styleElement.textContent?.length || 0
+      });
+    } else {
+      console.error("[VolrUIProvider] \u274C Failed to inject styles");
+    }
   }, []);
   useEffect(() => {
     if (providerPolicy.enforceOnFirstLogin !== false && !keyStorageType) {
@@ -2913,9 +2931,13 @@ function LoginModalPortal() {
     if (typeof window === "undefined") return;
     let root = document.getElementById("volr-modal-root");
     if (!root) {
+      console.log("[LoginModalPortal] Creating volr-modal-root...");
       root = document.createElement("div");
       root.id = "volr-modal-root";
       document.body.appendChild(root);
+      console.log("[LoginModalPortal] \u2705 Portal root created");
+    } else {
+      console.log("[LoginModalPortal] \u2705 Portal root already exists");
     }
     setPortalRoot(root);
     return () => {
@@ -2924,6 +2946,14 @@ function LoginModalPortal() {
       }
     };
   }, []);
+  useEffect(() => {
+    console.log("[LoginModalPortal] State changed", {
+      isOpen,
+      mode,
+      hasPortalRoot: !!portalRoot,
+      shouldRender: isOpen && mode === "auth"
+    });
+  }, [isOpen, mode, portalRoot]);
   const handleClose = () => {
     console.log("[LoginModalPortal] handleClose called");
     setError(null);