@avalabs/avacloud-waas-react 1.0.6 → 1.0.7

package/dist/index.mjs

@@ -1,5 +1,5 @@
 // src/AvaCloudWalletProvider.tsx
-import { createContext as createContext4, useContext as useContext4, useEffect as useEffect5, useState as useState7, useCallback as useCallback5, useRef as useRef2 } from "react";
+import { createContext as createContext4, useContext as useContext4, useEffect as useEffect5, useState as useState7, useCallback as useCallback5, useRef as useRef3 } from "react";
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 import { envs } from "@cubist-labs/cubesigner-sdk";
 
@@ -47,6 +47,19 @@ var CUBIST_USER_ID_KEY = "cubist_user_id";
 var ORG_CONFIG_CACHE_KEY = "avacloud-org-config-cache";
 
 // src/hooks/usePostMessage.ts
+var globalAuthState = {
+  signupInProgress: false,
+  loginInProgress: false,
+  lastSignupTimestamp: 0,
+  lastLoginTimestamp: 0,
+  processingMessageIds: /* @__PURE__ */ new Set()
+};
+function cleanupProcessedMessageIds() {
+  if (globalAuthState.processingMessageIds.size > 100) {
+    const messageIds = Array.from(globalAuthState.processingMessageIds);
+    globalAuthState.processingMessageIds = new Set(messageIds.slice(-50));
+  }
+}
 function usePostMessage({
   authServiceUrl,
   orgId,
@@ -97,10 +110,77 @@ function usePostMessage({
   const sendMessage = useCallback((message) => {
     if (iframe == null ? void 0 : iframe.contentWindow) {
       try {
+        if (message.type === "SIGNUP_REQUEST") {
+          if (globalAuthState.signupInProgress) {
+            console.log("Global signup already in progress, ignoring duplicate request");
+            return;
+          }
+          const now = Date.now();
+          if (now - globalAuthState.lastSignupTimestamp < 3e3) {
+            console.log("Ignoring duplicate signup attempt (global debounce)");
+            return;
+          }
+          globalAuthState.signupInProgress = true;
+          globalAuthState.lastSignupTimestamp = now;
+          let finalMessage = message;
+          if (!message.requestId) {
+            finalMessage = {
+              ...message,
+              requestId: `signup-${now}`
+            };
+          }
+          let messageToSend = finalMessage;
+          if (finalMessage.payload && typeof finalMessage.payload.email === "string" && typeof finalMessage.payload.password === "string") {
+            messageToSend = {
+              type: "SIGNUP_REQUEST",
+              email: finalMessage.payload.email,
+              password: finalMessage.payload.password,
+              requestId: finalMessage.requestId || `signup-${now}`
+            };
+          }
+          if ("requestId" in messageToSend && messageToSend.requestId) {
+            globalAuthState.processingMessageIds.add(messageToSend.requestId);
+          }
+          console.log("Sending message to auth iframe:", messageToSend);
+          iframe.contentWindow.postMessage(messageToSend, authServiceUrl);
+          return;
+        }
+        if (message.type === "LOGIN_REQUEST") {
+          if (globalAuthState.loginInProgress) {
+            console.log("Global login already in progress, ignoring duplicate request");
+            return;
+          }
+          const now = Date.now();
+          if (now - globalAuthState.lastLoginTimestamp < 3e3) {
+            console.log("Ignoring duplicate login attempt (global debounce)");
+            return;
+          }
+          globalAuthState.loginInProgress = true;
+          globalAuthState.lastLoginTimestamp = now;
+          let finalMessage = message;
+          if (!message.requestId) {
+            finalMessage = {
+              ...message,
+              requestId: `login-${now}`
+            };
+          }
+          if (finalMessage.requestId) {
+            globalAuthState.processingMessageIds.add(finalMessage.requestId);
+          }
+          console.log("Sending message to auth iframe:", finalMessage);
+          iframe.contentWindow.postMessage(finalMessage, authServiceUrl);
+          return;
+        }
         console.log("Sending message to auth iframe:", message);
         iframe.contentWindow.postMessage(message, authServiceUrl);
       } catch (error) {
         console.error("Error sending message to iframe:", error);
+        if (message.type === "SIGNUP_REQUEST") {
+          globalAuthState.signupInProgress = false;
+        }
+        if (message.type === "LOGIN_REQUEST") {
+          globalAuthState.loginInProgress = false;
+        }
       }
     } else {
       console.error("No iframe available to send message");
@@ -119,9 +199,24 @@ function usePostMessage({
       if (typeof ((_a = event.data) == null ? void 0 : _a.type) !== "string") {
         return;
       }
+      if (event.data.requestId && globalAuthState.processingMessageIds.has(event.data.requestId)) {
+        console.log(`Already processed message with requestId: ${event.data.requestId}, ignoring duplicate`);
+        return;
+      }
       try {
         isHandlingMessageRef.current = true;
         console.log("Received message from iframe:", event.data);
+        if (event.data.type === "ERROR") {
+          globalAuthState.signupInProgress = false;
+          globalAuthState.loginInProgress = false;
+        } else if (event.data.type === "AUTH_STATUS" && event.data.isAuthenticated) {
+          globalAuthState.signupInProgress = false;
+          globalAuthState.loginInProgress = false;
+          cleanupProcessedMessageIds();
+        } else if (event.data.type === "RECEIVE_OIDC") {
+          globalAuthState.signupInProgress = false;
+          globalAuthState.loginInProgress = false;
+        }
         switch (event.data.type) {
           case "IFRAME_READY":
             console.log("Iframe ready message received, setting isIframeReady to true");
@@ -223,6 +318,11 @@ function usePostMessage({
             break;
           }
           case "ERROR":
+            if (event.data.error === "User not authenticated in iframe") {
+              console.log("Ignoring expected auth iframe error:", event.data.error);
+              isHandlingMessageRef.current = false;
+              return;
+            }
             console.error("Error from auth service:", event.data.error);
             onAuthError == null ? void 0 : onAuthError(new Error((_g = event.data.error) != null ? _g : "Unknown error"));
             setIsLoading(false);
@@ -271,7 +371,7 @@ import { createContext, useContext, useState as useState3, useCallback as useCal
 import { Dialog as Dialog2, DialogContent as DialogContent2, DialogTitle } from "@avalabs/core-k2-components";
 
 // src/components/Modal.tsx
-import { useState as useState2, useEffect as useEffect2 } from "react";
+import { useState as useState2, useEffect as useEffect2, useRef as useRef2 } from "react";
 import { Dialog, DialogContent, IconButton as IconButton2, Stack as Stack3, XIcon } from "@avalabs/core-k2-components";
 
 // src/components/SignInContent.tsx
@@ -295,6 +395,7 @@ function PoweredByAvaCloud() {
 import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 function SignInContent({
   onEmailLogin,
+  onEmailSignup,
   onProviderLogin,
   error,
   isSubmitting,
@@ -303,6 +404,7 @@ function SignInContent({
   const [email, setEmail] = useState("");
   const [password, setPassword] = useState("");
   const [isPasswordStep, setIsPasswordStep] = useState(false);
+  const [isSignupMode, setIsSignupMode] = useState(false);
   const providerConnectionMap = {
     "google": "google-oauth2",
     "x": "twitter",
@@ -367,9 +469,18 @@ function SignInContent({
     if (!password) return;
     onEmailLogin(email, password);
   };
+  const handleSignupSubmit = (e) => {
+    e.preventDefault();
+    if (!email || !password) return;
+    onEmailSignup(email, password);
+  };
   const handleForgotPassword = () => {
     console.log("Forgot password clicked");
   };
+  const handleToggleSignup = () => {
+    setIsSignupMode(!isSignupMode);
+    setIsPasswordStep(false);
+  };
   const titleTypography = {
     alignSelf: "stretch",
     color: (theme) => theme.palette.mode === "dark" ? "#FFFFFF" : "rgba(0, 0, 0, 0.80)",
@@ -379,6 +490,182 @@ function SignInContent({
     fontWeight: 700,
     lineHeight: "150%"
   };
+  if (isSignupMode) {
+    return /* @__PURE__ */ jsxs2(Stack2, { gap: 3, children: [
+      /* @__PURE__ */ jsx2(Typography2, { variant: "h6", sx: titleTypography, children: "Sign up with" }),
+      /* @__PURE__ */ jsx2(Stack2, { direction: "row", spacing: 3, sx: { justifyContent: "center" }, children: socialLogins.map((loginType) => renderSocialLoginButton(loginType)) }),
+      /* @__PURE__ */ jsx2(Divider, { children: /* @__PURE__ */ jsx2(Typography2, { variant: "body2", color: "text.secondary", children: "or" }) }),
+      /* @__PURE__ */ jsx2("form", { onSubmit: handleSignupSubmit, children: /* @__PURE__ */ jsxs2(Stack2, { gap: 2, children: [
+        /* @__PURE__ */ jsx2(
+          TextField,
+          {
+            placeholder: "Enter email",
+            type: "email",
+            value: email,
+            onChange: (e) => setEmail(e.target.value),
+            fullWidth: true,
+            required: true,
+            disabled: isSubmitting,
+            error: !!error,
+            helperText: error,
+            sx: {
+              "& .MuiOutlinedInput-root": {
+                backgroundColor: (theme) => theme.palette.mode === "dark" ? "rgba(255, 255, 255, 0.05)" : "grey.50"
+              }
+            }
+          }
+        ),
+        /* @__PURE__ */ jsx2(
+          TextField,
+          {
+            placeholder: "Create password",
+            type: "password",
+            value: password,
+            onChange: (e) => setPassword(e.target.value),
+            fullWidth: true,
+            required: true,
+            disabled: isSubmitting,
+            sx: {
+              "& .MuiOutlinedInput-root": {
+                backgroundColor: (theme) => theme.palette.mode === "dark" ? "rgba(255, 255, 255, 0.05)" : "grey.50"
+              }
+            }
+          }
+        ),
+        /* @__PURE__ */ jsx2(
+          Button,
+          {
+            type: "submit",
+            variant: "contained",
+            fullWidth: true,
+            disabled: isSubmitting || !email || !password,
+            sx: {
+              height: 48,
+              backgroundColor: "#3A65FF",
+              borderRadius: 24,
+              textTransform: "none",
+              "&:hover": {
+                backgroundColor: "#2952E6"
+              }
+            },
+            children: "Sign up"
+          }
+        ),
+        /* @__PURE__ */ jsxs2(
+          Typography2,
+          {
+            variant: "body2",
+            sx: {
+              textAlign: "center",
+              "& a": {
+                color: "#3A65FF",
+                textDecoration: "none",
+                cursor: "pointer",
+                "&:hover": {
+                  textDecoration: "underline"
+                }
+              }
+            },
+            children: [
+              "Already have an account?",
+              " ",
+              /* @__PURE__ */ jsx2(
+                Button,
+                {
+                  variant: "text",
+                  onClick: handleToggleSignup,
+                  sx: {
+                    color: "#3A65FF",
+                    textTransform: "none",
+                    padding: "0 4px",
+                    minWidth: "auto",
+                    fontWeight: 600,
+                    "&:hover": {
+                      textDecoration: "underline",
+                      backgroundColor: "transparent"
+                    }
+                  },
+                  children: "Sign in"
+                }
+              )
+            ]
+          }
+        )
+      ] }) }),
+      /* @__PURE__ */ jsx2(PoweredByAvaCloud, {}),
+      /* @__PURE__ */ jsxs2(
+        Typography2,
+        {
+          variant: "body2",
+          sx: {
+            textAlign: "center",
+            color: "text.secondary",
+            fontSize: "0.75rem",
+            "& a": {
+              color: "inherit",
+              textDecoration: "none",
+              "&:hover": {
+                textDecoration: "underline"
+              }
+            }
+          },
+          children: [
+            "By connecting, you agree to the",
+            " ",
+            /* @__PURE__ */ jsx2(
+              Button,
+              {
+                variant: "text",
+                component: "a",
+                href: "https://avacloud.io/terms",
+                target: "_blank",
+                rel: "noopener noreferrer",
+                sx: {
+                  color: "inherit",
+                  p: 0,
+                  minWidth: "auto",
+                  textTransform: "none",
+                  fontSize: "inherit",
+                  fontWeight: "inherit",
+                  "&:hover": {
+                    textDecoration: "underline",
+                    backgroundColor: "transparent"
+                  }
+                },
+                children: "Terms of Service"
+              }
+            ),
+            " ",
+            "and",
+            " ",
+            /* @__PURE__ */ jsx2(
+              Button,
+              {
+                variant: "text",
+                component: "a",
+                href: "https://avacloud.io/privacy",
+                target: "_blank",
+                rel: "noopener noreferrer",
+                sx: {
+                  color: "inherit",
+                  p: 0,
+                  minWidth: "auto",
+                  textTransform: "none",
+                  fontSize: "inherit",
+                  fontWeight: "inherit",
+                  "&:hover": {
+                    textDecoration: "underline",
+                    backgroundColor: "transparent"
+                  }
+                },
+                children: "Privacy Policy"
+              }
+            )
+          ]
+        }
+      )
+    ] });
+  }
   if (isPasswordStep) {
     return /* @__PURE__ */ jsxs2(Stack2, { gap: 3, children: [
       /* @__PURE__ */ jsx2(Typography2, { variant: "h6", sx: titleTypography, children: "Sign in with" }),
@@ -480,7 +767,7 @@ function SignInContent({
               {
                 variant: "text",
                 component: "a",
-                href: "https://avacloud.io/terms",
+                href: "https://app.avacloud.io/legal/generalterms/",
                 target: "_blank",
                 rel: "noopener noreferrer",
                 sx: {
@@ -506,7 +793,7 @@ function SignInContent({
               {
                 variant: "text",
                 component: "a",
-                href: "https://avacloud.io/privacy",
+                href: "https://www.avalabs.org/privacy-policy",
                 target: "_blank",
                 rel: "noopener noreferrer",
                 sx: {
@@ -571,6 +858,46 @@ function SignInContent({
           },
           children: "Continue"
         }
+      ),
+      /* @__PURE__ */ jsxs2(
+        Typography2,
+        {
+          variant: "body2",
+          sx: {
+            textAlign: "center",
+            "& a": {
+              color: "#3A65FF",
+              textDecoration: "none",
+              cursor: "pointer",
+              "&:hover": {
+                textDecoration: "underline"
+              }
+            }
+          },
+          children: [
+            "Don't have an account?",
+            " ",
+            /* @__PURE__ */ jsx2(
+              Button,
+              {
+                variant: "text",
+                onClick: handleToggleSignup,
+                sx: {
+                  color: "#3A65FF",
+                  textTransform: "none",
+                  padding: "0 4px",
+                  minWidth: "auto",
+                  fontWeight: 600,
+                  "&:hover": {
+                    textDecoration: "underline",
+                    backgroundColor: "transparent"
+                  }
+                },
+                children: "Sign up"
+              }
+            )
+          ]
+        }
       )
     ] }) }),
     /* @__PURE__ */ jsx2(PoweredByAvaCloud, {}),
@@ -598,7 +925,7 @@ function SignInContent({
             {
               variant: "text",
               component: "a",
-              href: "https://avacloud.io/terms",
+              href: "https://app.avacloud.io/legal/generalterms/",
               target: "_blank",
               rel: "noopener noreferrer",
               sx: {
@@ -624,7 +951,7 @@ function SignInContent({
             {
               variant: "text",
               component: "a",
-              href: "https://avacloud.io/privacy",
+              href: "https://www.avalabs.org/privacy-policy",
               target: "_blank",
               rel: "noopener noreferrer",
               sx: {
@@ -652,54 +979,138 @@ function SignInContent({
 import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 function LoginModal({ open, onClose }) {
   var _a;
-  const { iframe, orgConfig } = useAvaCloudWallet();
+  const { iframe, orgConfig, signup } = useAvaCloudWallet();
   const [isSubmitting, setIsSubmitting] = useState2(false);
   const [error, setError] = useState2("");
+  const timeoutIdRef = useRef2(null);
+  const signupInProgressRef = useRef2(false);
+  const lastSignupAttemptRef = useRef2(0);
   const socialLogins = (_a = orgConfig == null ? void 0 : orgConfig.adminPortalSettings) == null ? void 0 : _a.socialLogins;
   useEffect2(() => {
+    let requestInProgress = false;
     const handleMessage = (event) => {
+      if (!event.data || typeof event.data.type !== "string") {
+        return;
+      }
+      console.log(
+        "Modal received message from iframe:",
+        event.data.type,
+        event.data.payload ? "has payload" : "no payload"
+      );
       if (event.data.type === "ERROR") {
+        if (event.data.payload === "User not authenticated in iframe") {
+          console.log("Ignoring transient auth error during signup process");
+          return;
+        }
         setError(event.data.payload);
         setIsSubmitting(false);
+        signupInProgressRef.current = false;
+        if (timeoutIdRef.current) {
+          clearTimeout(timeoutIdRef.current);
+          timeoutIdRef.current = null;
+        }
       } else if (event.data.type === "AUTH_STATUS" && event.data.isAuthenticated) {
+        console.log("Auth successful, resetting state and closing modal");
         setIsSubmitting(false);
+        signupInProgressRef.current = false;
+        requestInProgress = false;
+        if (timeoutIdRef.current) {
+          clearTimeout(timeoutIdRef.current);
+          timeoutIdRef.current = null;
+        }
         onClose();
+      } else if (event.data.type === "RECEIVE_OIDC") {
+        signupInProgressRef.current = false;
+        requestInProgress = false;
       }
     };
     window.addEventListener("message", handleMessage);
-    return () => window.removeEventListener("message", handleMessage);
+    return () => {
+      window.removeEventListener("message", handleMessage);
+      if (timeoutIdRef.current) {
+        clearTimeout(timeoutIdRef.current);
+        timeoutIdRef.current = null;
+      }
+    };
   }, [onClose]);
   const handleProviderLogin = (provider) => {
     var _a2;
     setError("");
-    if (iframe) {
-      console.log(`Sending LOGIN_REQUEST to auth service iframe with ${provider} connection`);
-      (_a2 = iframe.contentWindow) == null ? void 0 : _a2.postMessage({
-        type: "LOGIN_REQUEST",
-        connection: provider
-      }, "*");
-      onClose();
-    } else {
+    if (!iframe) {
       console.error("Auth service iframe not found");
       setError("Authentication service not available");
+      return;
     }
+    console.log(`Sending LOGIN_REQUEST to auth service iframe with ${provider} connection`);
+    (_a2 = iframe.contentWindow) == null ? void 0 : _a2.postMessage({
+      type: "LOGIN_REQUEST",
+      connection: provider,
+      requestId: `login-${Date.now()}`
+    }, "*");
+    onClose();
   };
   const handleEmailLogin = (email, password) => {
     var _a2;
     setError("");
     setIsSubmitting(true);
-    if (iframe) {
-      console.log("Sending email/password LOGIN_REQUEST to auth service iframe");
-      (_a2 = iframe.contentWindow) == null ? void 0 : _a2.postMessage({
-        type: "LOGIN_REQUEST",
-        email,
-        password
-      }, "*");
-    } else {
+    if (!iframe) {
       console.error("Auth service iframe not found");
       setError("Authentication service not available");
       setIsSubmitting(false);
+      return;
+    }
+    if (timeoutIdRef.current) {
+      clearTimeout(timeoutIdRef.current);
+      timeoutIdRef.current = null;
     }
+    console.log("Sending email/password LOGIN_REQUEST to auth service iframe");
+    (_a2 = iframe.contentWindow) == null ? void 0 : _a2.postMessage({
+      type: "LOGIN_REQUEST",
+      email,
+      password,
+      requestId: `login-${Date.now()}`
+    }, "*");
+    timeoutIdRef.current = setTimeout(() => {
+      console.log("No response received from auth service iframe");
+      setError("Authentication service timed out");
+      setIsSubmitting(false);
+      timeoutIdRef.current = null;
+    }, 1e4);
+  };
+  const handleEmailSignup = (email, password) => {
+    if (signupInProgressRef.current) {
+      console.log("Signup already in progress, ignoring duplicate request");
+      return;
+    }
+    const now = Date.now();
+    if (now - lastSignupAttemptRef.current < 2e3) {
+      console.log("Ignoring duplicate signup attempt (debounce)");
+      return;
+    }
+    lastSignupAttemptRef.current = now;
+    setError("");
+    setIsSubmitting(true);
+    signupInProgressRef.current = true;
+    if (timeoutIdRef.current) {
+      clearTimeout(timeoutIdRef.current);
+      timeoutIdRef.current = null;
+    }
+    try {
+      signup(email, password);
+    } catch (error2) {
+      console.error("Error initiating signup:", error2);
+      setError("Failed to initiate signup");
+      setIsSubmitting(false);
+      signupInProgressRef.current = false;
+      return;
+    }
+    timeoutIdRef.current = setTimeout(() => {
+      console.log("No response received from auth service iframe");
+      setError("Authentication service timed out");
+      setIsSubmitting(false);
+      signupInProgressRef.current = false;
+      timeoutIdRef.current = null;
+    }, 1e4);
   };
   return /* @__PURE__ */ jsxs3(
     Dialog,
@@ -772,6 +1183,7 @@ function LoginModal({ open, onClose }) {
           SignInContent,
           {
             onEmailLogin: handleEmailLogin,
+            onEmailSignup: handleEmailSignup,
             onProviderLogin: handleProviderLogin,
             error,
             isSubmitting,
@@ -1225,7 +1637,7 @@ function AvaCloudWalletProvider({
   const [cubistClient, setCubistClient] = useState7(null);
   const [cubistError, setCubistError] = useState7(null);
   const [pendingOidcToken, setPendingOidcToken] = useState7(null);
-  const iframeRef = useRef2(null);
+  const iframeRef = useRef3(null);
   useEffect5(() => {
     setIsLoading(isCubistLoading || isAuthenticated && !wallet.address);
   }, [isCubistLoading, isAuthenticated, wallet.address]);
@@ -1372,6 +1784,12 @@ function AvaCloudWalletProvider({
     },
     onAuthError: (error) => {
       console.log("[onAuthError] Called with error:", error);
+      const errorMessage = (error == null ? void 0 : error.message) || "";
+      if (errorMessage === "User not authenticated in iframe" || errorMessage === "Unknown error" || // Generic error that often appears during signup
+      errorMessage.includes("OIDC user not found")) {
+        console.log("[onAuthError] Ignoring expected error during auth flow:", errorMessage);
+        return;
+      }
       setIsCubistLoading(false);
       onAuthError == null ? void 0 : onAuthError(error);
     },
@@ -1423,6 +1841,22 @@ function AvaCloudWalletProvider({
       console.error("[login] No iframe available for login");
     }
   }, [iframe, sendMessage]);
+  const signup = useCallback5((email, password) => {
+    console.log("[signup] Called with email:", email);
+    if (iframe == null ? void 0 : iframe.contentWindow) {
+      setIsCubistLoading(true);
+      sendMessage({
+        type: "SIGNUP_REQUEST",
+        payload: {
+          email,
+          password
+        },
+        requestId: `signup-${Date.now()}`
+      });
+    } else {
+      console.error("[signup] No iframe available for signup");
+    }
+  }, [iframe, sendMessage]);
   const logout = useCallback5(() => {
     console.log("[logout] Called");
     sendMessage({ type: "LOGOUT_REQUEST" });
@@ -1520,6 +1954,34 @@ function AvaCloudWalletProvider({
       }
     };
   }, [authServiceUrl]);
+  useEffect5(() => {
+    if (typeof window === "undefined") {
+      return;
+    }
+    const isAuthenticatedInStorage = localStorage.getItem(AUTH0_STORAGE_KEYS.IS_AUTHENTICATED) === "true";
+    if (!isAuthenticatedInStorage) {
+      return;
+    }
+    const existingOidcToken = sessionStorage.getItem(OIDC_TOKEN_KEY);
+    if (existingOidcToken) {
+      console.log("[useEffect Init] Found existing OIDC token in sessionStorage");
+      setPendingOidcToken(existingOidcToken);
+    } else {
+      try {
+        const tokensJson = localStorage.getItem(AUTH_TOKENS_KEY);
+        if (tokensJson) {
+          const tokens = JSON.parse(tokensJson);
+          if (tokens.access_token) {
+            console.log("[useEffect Init] Using access_token from localStorage as OIDC token");
+            sessionStorage.setItem(OIDC_TOKEN_KEY, tokens.access_token);
+            setPendingOidcToken(tokens.access_token);
+          }
+        }
+      } catch (error) {
+        console.error("[useEffect Init] Error parsing tokens from localStorage:", error);
+      }
+    }
+  }, []);
   const contextValue = {
     isAuthenticated,
     isLoading,
@@ -1531,6 +1993,7 @@ function AvaCloudWalletProvider({
     cubistClient,
     cubistError,
     login,
+    signup,
     addAccount,
     queryClient,
     iframe,