@volr/react-ui 0.1.31 → 0.1.33

package/dist/index.cjs

@@ -294,10 +294,13 @@ var VolrModalProvider = ({
   const [mode, setMode] = React3.useState("auth");
   const { user } = react.useVolr();
   const open = React3.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 = React3.useCallback(() => {
+    console.log("[useVolrModal] close() called");
     setIsOpen(false);
   }, []);
   const toggle = React3.useCallback(() => {
@@ -338,6 +341,9 @@ var Modal = ({
 }) => {
   const isMobile = useMediaQuery("(max-width: 500px)");
   const variant = explicitVariant ?? (isMobile ? "bottom-sheet" : "centered");
+  React3__default.default.useEffect(() => {
+    console.log("[Modal] State changed", { open, variant, isMobile });
+  }, [open, variant, isMobile]);
   React3__default.default.useEffect(() => {
     const handleEscape = (e) => {
       if (e.key === "Escape" && open) {
@@ -355,7 +361,7 @@ var Modal = ({
   }, [open, onOpenChange, onEscapeKeyDown]);
   if (!open) return null;
   const isBottomSheet = variant === "bottom-sheet";
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-volr-root": "true", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       "div",
       {
@@ -386,7 +392,6 @@ var Modal = ({
               contentClassName
             ),
             onClick: (e) => e.stopPropagation(),
-            "data-volr-root": "true",
             children
           }
         )
@@ -1925,6 +1930,9 @@ function SigninModal({ isOpen, onClose, onError }) {
   const { requestEmailCode, verifyEmailCode, handleSocialLogin } = react.useVolrLogin();
   const [currentScreen, setCurrentScreen] = React3.useState("method-select");
   const [email, setEmail] = React3.useState("");
+  React3.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)");
@@ -2846,7 +2854,17 @@ var VolrUIProvider = ({
     null
   );
   React3.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");
+    }
   }, []);
   React3.useEffect(() => {
     if (providerPolicy.enforceOnFirstLogin !== false && !keyStorageType) {
@@ -2918,9 +2936,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 () => {
@@ -2929,6 +2951,14 @@ function LoginModalPortal() {
       }
     };
   }, []);
+  React3.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);