@niledatabase/react 3.0.0-alpha.33 → 3.0.0-alpha.35

package/dist/index.d.mts

@@ -28,6 +28,9 @@ declare const GoogleSSOButton: React__default.ForwardRefExoticComponent<ButtonPr
 
 type SignUpInfo = CreateBasicUserRequest & {
     tenantId?: string;
+    fetchURL?: string;
+    callbackUrl?: string;
+    newTenantName?: string;
 };
 type SignInSuccess = (response: Response, formValues: SignUpInfo) => void;
 type AllowedAny$1 = any;
@@ -37,11 +40,12 @@ interface Props$1 {
     beforeMutate?: (data: AllowedAny$1) => AllowedAny$1;
     buttonText?: string;
     client?: QueryClient;
+    callbackUrl?: string;
 }
 
 declare function SigningUp(props: Props$1): React__default.JSX.Element;
 
-declare function useSignUp<T extends SignUpInfo>(params: Props$1): _tanstack_react_query.UseMutateFunction<Response, Error, SignUpInfo, unknown>;
+declare function useSignUp<T extends SignUpInfo>(params: Props$1, client?: QueryClient): _tanstack_react_query.UseMutateFunction<Response, Error, SignUpInfo, unknown>;
 
 type AllowedAny = any;
 type LoginInfo = {

package/dist/index.d.ts

@@ -28,6 +28,9 @@ declare const GoogleSSOButton: React__default.ForwardRefExoticComponent<ButtonPr
 
 type SignUpInfo = CreateBasicUserRequest & {
     tenantId?: string;
+    fetchURL?: string;
+    callbackUrl?: string;
+    newTenantName?: string;
 };
 type SignInSuccess = (response: Response, formValues: SignUpInfo) => void;
 type AllowedAny$1 = any;
@@ -37,11 +40,12 @@ interface Props$1 {
     beforeMutate?: (data: AllowedAny$1) => AllowedAny$1;
     buttonText?: string;
     client?: QueryClient;
+    callbackUrl?: string;
 }
 
 declare function SigningUp(props: Props$1): React__default.JSX.Element;
 
-declare function useSignUp<T extends SignUpInfo>(params: Props$1): _tanstack_react_query.UseMutateFunction<Response, Error, SignUpInfo, unknown>;
+declare function useSignUp<T extends SignUpInfo>(params: Props$1, client?: QueryClient): _tanstack_react_query.UseMutateFunction<Response, Error, SignUpInfo, unknown>;
 
 type AllowedAny = any;
 type LoginInfo = {

package/dist/index.js

@@ -2676,10 +2676,10 @@ function GoogleLogo() {
 }
 
 // src/SignUpForm/SignUpForm.tsx
-var import_react4 = __toESM(require("react"));
+var import_react5 = __toESM(require("react"));
 
 // src/SignUpForm/Form.tsx
-var import_react3 = __toESM(require("react"));
+var import_react4 = __toESM(require("react"));
 var import_react_query2 = require("@tanstack/react-query");
 var import_react_hook_form2 = require("react-hook-form");
 
@@ -2860,32 +2860,45 @@ var Password = () => {
 
 // src/SignUpForm/hooks.tsx
 var import_react_query = require("@tanstack/react-query");
-function useSignUp(params) {
-  const { onSuccess, onError, beforeMutate } = params;
-  const mutation = (0, import_react_query.useMutation)({
-    mutationFn: async (_data) => {
-      const possibleData = beforeMutate && beforeMutate(_data);
-      const payload = { ..._data, ...possibleData };
-      const { tenantId, newTenantName, ...body } = payload;
-      let fetchUrl = `${window.location.origin}/api/users`;
-      const searchParams = new URLSearchParams();
-      if (newTenantName) {
-        searchParams.set("newTenantName", newTenantName);
-      }
-      if (tenantId) {
-        searchParams.set("tenantId", tenantId);
-      }
-      if (searchParams.size > 0) {
-        fetchUrl += `?${searchParams}`;
-      }
-      return await fetch(fetchUrl, {
-        body: JSON.stringify(body),
-        method: "POST"
-      });
+var import_react3 = require("react");
+function useSignUp(params, client) {
+  const { onSuccess, onError, beforeMutate, callbackUrl } = params;
+  const mutation = (0, import_react_query.useMutation)(
+    {
+      mutationFn: async (_data) => {
+        const possibleData = beforeMutate && beforeMutate(_data);
+        const payload = { ..._data, ...possibleData };
+        const { tenantId, newTenantName, ...body } = payload;
+        let fetchUrl = payload.fetchURL ?? `${window.location.origin}/api/signup`;
+        const searchParams = new URLSearchParams();
+        if (newTenantName) {
+          searchParams.set("newTenantName", newTenantName);
+        }
+        if (tenantId) {
+          searchParams.set("tenantId", tenantId);
+        }
+        if (searchParams.size > 0) {
+          fetchUrl += `?${searchParams}`;
+        }
+        return await fetch(fetchUrl, {
+          body: JSON.stringify(body),
+          method: "POST"
+        });
+      },
+      onSuccess: (data, variables) => {
+        if (callbackUrl) {
+          window.location.href = callbackUrl;
+        }
+        onSuccess && onSuccess(data, variables);
+      },
+      onError
     },
-    onSuccess,
-    onError
-  });
+    client
+  );
+  (0, import_react3.useEffect)(() => {
+    fetch("/api/auth/providers");
+    fetch("/api/auth/csrf");
+  }, []);
   return mutation.mutate;
 }
 
@@ -2893,12 +2906,12 @@ function useSignUp(params) {
 var queryClient = new import_react_query2.QueryClient();
 function SignUpForm(props) {
   const { client } = props ?? {};
-  return /* @__PURE__ */ import_react3.default.createElement(import_react_query2.QueryClientProvider, { client: client ?? queryClient }, /* @__PURE__ */ import_react3.default.createElement(SignInForm, { ...props }));
+  return /* @__PURE__ */ import_react4.default.createElement(import_react_query2.QueryClientProvider, { client: client ?? queryClient }, /* @__PURE__ */ import_react4.default.createElement(SignInForm, { ...props }));
 }
 function SignInForm(props) {
   const signUp = useSignUp(props);
   const form = (0, import_react_hook_form2.useForm)({ defaultValues: { email: "", password: "" } });
-  return /* @__PURE__ */ import_react3.default.createElement(Form, { ...form }, /* @__PURE__ */ import_react3.default.createElement(
+  return /* @__PURE__ */ import_react4.default.createElement(Form, { ...form }, /* @__PURE__ */ import_react4.default.createElement(
     "form",
     {
       onSubmit: form.handleSubmit(
@@ -2906,28 +2919,28 @@ function SignInForm(props) {
       ),
       className: "space-y-8"
     },
-    /* @__PURE__ */ import_react3.default.createElement(Email, null),
-    /* @__PURE__ */ import_react3.default.createElement(Password, null),
-    /* @__PURE__ */ import_react3.default.createElement(Button, null, "Sign up")
+    /* @__PURE__ */ import_react4.default.createElement(Email, null),
+    /* @__PURE__ */ import_react4.default.createElement(Password, null),
+    /* @__PURE__ */ import_react4.default.createElement(Button, null, "Sign up")
   ));
 }
 
 // src/SignUpForm/SignUpForm.tsx
 function SigningUp(props) {
-  return /* @__PURE__ */ import_react4.default.createElement("div", { className: "flex flex-col gap-4" }, /* @__PURE__ */ import_react4.default.createElement("div", { className: "font-sans text-3xl" }, "Sign up"), /* @__PURE__ */ import_react4.default.createElement(SignUpForm, { ...props }));
+  return /* @__PURE__ */ import_react5.default.createElement("div", { className: "flex flex-col gap-4" }, /* @__PURE__ */ import_react5.default.createElement("div", { className: "font-sans text-3xl" }, "Sign up"), /* @__PURE__ */ import_react5.default.createElement(SignUpForm, { ...props }));
 }
 
 // src/SignInForm/SignInForm.tsx
-var import_react7 = __toESM(require("react"));
+var import_react8 = __toESM(require("react"));
 
 // src/SignInForm/Form.tsx
-var import_react6 = __toESM(require("react"));
+var import_react7 = __toESM(require("react"));
 var import_react_query4 = require("@tanstack/react-query");
 var import_react_hook_form3 = require("react-hook-form");
 
 // src/SignInForm/hooks.tsx
 var import_react_query3 = require("@tanstack/react-query");
-var import_react5 = require("next-auth/react");
+var import_react6 = require("next-auth/react");
 function useSignIn(params) {
   const { onSuccess, onError, beforeMutate, callbackUrl } = params ?? {};
   const mutation = (0, import_react_query3.useMutation)({
@@ -2935,7 +2948,7 @@ function useSignIn(params) {
       const d = { ..._data, callbackUrl };
       const possibleData = beforeMutate && beforeMutate(d);
       const data = possibleData ?? d;
-      return await (0, import_react5.signIn)("credentials", data);
+      return await (0, import_react6.signIn)("credentials", data);
     },
     onSuccess,
     onError
@@ -2947,12 +2960,12 @@ function useSignIn(params) {
 var queryClient2 = new import_react_query4.QueryClient();
 function SigningIn(props) {
   const { client, ...remaining } = props ?? {};
-  return /* @__PURE__ */ import_react6.default.createElement(import_react_query4.QueryClientProvider, { client: client ?? queryClient2 }, /* @__PURE__ */ import_react6.default.createElement(SignInForm2, { ...remaining }));
+  return /* @__PURE__ */ import_react7.default.createElement(import_react_query4.QueryClientProvider, { client: client ?? queryClient2 }, /* @__PURE__ */ import_react7.default.createElement(SignInForm2, { ...remaining }));
 }
 function SignInForm2(props) {
   const signIn3 = useSignIn(props);
   const form = (0, import_react_hook_form3.useForm)({ defaultValues: { email: "", password: "" } });
-  return /* @__PURE__ */ import_react6.default.createElement(Form, { ...form }, /* @__PURE__ */ import_react6.default.createElement(
+  return /* @__PURE__ */ import_react7.default.createElement(Form, { ...form }, /* @__PURE__ */ import_react7.default.createElement(
     "form",
     {
       onSubmit: form.handleSubmit(
@@ -2960,15 +2973,15 @@ function SignInForm2(props) {
       ),
       className: "space-y-8"
     },
-    /* @__PURE__ */ import_react6.default.createElement(Email, null),
-    /* @__PURE__ */ import_react6.default.createElement(Password, null),
-    /* @__PURE__ */ import_react6.default.createElement(Button, { type: "submit" }, "Sign In")
+    /* @__PURE__ */ import_react7.default.createElement(Email, null),
+    /* @__PURE__ */ import_react7.default.createElement(Password, null),
+    /* @__PURE__ */ import_react7.default.createElement(Button, { type: "submit" }, "Sign In")
   ));
 }
 
 // src/SignInForm/SignInForm.tsx
 function SigningIn2(props) {
-  return /* @__PURE__ */ import_react7.default.createElement("div", { className: "flex flex-col gap-4" }, /* @__PURE__ */ import_react7.default.createElement("h2", { className: "font-sans text-3xl" }, "Sign In"), /* @__PURE__ */ import_react7.default.createElement(SigningIn, { ...props }));
+  return /* @__PURE__ */ import_react8.default.createElement("div", { className: "flex flex-col gap-4" }, /* @__PURE__ */ import_react8.default.createElement("h2", { className: "font-sans text-3xl" }, "Sign In"), /* @__PURE__ */ import_react8.default.createElement(SigningIn, { ...props }));
 }
 
 // src/index.ts

package/dist/index.mjs

@@ -2637,7 +2637,7 @@ import React7 from "react";
 
 // src/SignUpForm/Form.tsx
 import React6 from "react";
-import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
+import { QueryClient as QueryClient2, QueryClientProvider } from "@tanstack/react-query";
 import { useForm } from "react-hook-form";
 
 // components/ui/form.tsx
@@ -2821,37 +2821,50 @@ var Password = () => {
 
 // src/SignUpForm/hooks.tsx
 import { useMutation } from "@tanstack/react-query";
-function useSignUp(params) {
-  const { onSuccess, onError, beforeMutate } = params;
-  const mutation = useMutation({
-    mutationFn: async (_data) => {
-      const possibleData = beforeMutate && beforeMutate(_data);
-      const payload = { ..._data, ...possibleData };
-      const { tenantId, newTenantName, ...body } = payload;
-      let fetchUrl = `${window.location.origin}/api/users`;
-      const searchParams = new URLSearchParams();
-      if (newTenantName) {
-        searchParams.set("newTenantName", newTenantName);
-      }
-      if (tenantId) {
-        searchParams.set("tenantId", tenantId);
-      }
-      if (searchParams.size > 0) {
-        fetchUrl += `?${searchParams}`;
-      }
-      return await fetch(fetchUrl, {
-        body: JSON.stringify(body),
-        method: "POST"
-      });
+import { useEffect } from "react";
+function useSignUp(params, client) {
+  const { onSuccess, onError, beforeMutate, callbackUrl } = params;
+  const mutation = useMutation(
+    {
+      mutationFn: async (_data) => {
+        const possibleData = beforeMutate && beforeMutate(_data);
+        const payload = { ..._data, ...possibleData };
+        const { tenantId, newTenantName, ...body } = payload;
+        let fetchUrl = payload.fetchURL ?? `${window.location.origin}/api/signup`;
+        const searchParams = new URLSearchParams();
+        if (newTenantName) {
+          searchParams.set("newTenantName", newTenantName);
+        }
+        if (tenantId) {
+          searchParams.set("tenantId", tenantId);
+        }
+        if (searchParams.size > 0) {
+          fetchUrl += `?${searchParams}`;
+        }
+        return await fetch(fetchUrl, {
+          body: JSON.stringify(body),
+          method: "POST"
+        });
+      },
+      onSuccess: (data, variables) => {
+        if (callbackUrl) {
+          window.location.href = callbackUrl;
+        }
+        onSuccess && onSuccess(data, variables);
+      },
+      onError
     },
-    onSuccess,
-    onError
-  });
+    client
+  );
+  useEffect(() => {
+    fetch("/api/auth/providers");
+    fetch("/api/auth/csrf");
+  }, []);
   return mutation.mutate;
 }
 
 // src/SignUpForm/Form.tsx
-var queryClient = new QueryClient();
+var queryClient = new QueryClient2();
 function SignUpForm(props) {
   const { client } = props ?? {};
   return /* @__PURE__ */ React6.createElement(QueryClientProvider, { client: client ?? queryClient }, /* @__PURE__ */ React6.createElement(SignInForm, { ...props }));
@@ -2883,7 +2896,7 @@ import React9 from "react";
 
 // src/SignInForm/Form.tsx
 import React8 from "react";
-import { QueryClient as QueryClient2, QueryClientProvider as QueryClientProvider2 } from "@tanstack/react-query";
+import { QueryClient as QueryClient3, QueryClientProvider as QueryClientProvider2 } from "@tanstack/react-query";
 import { useForm as useForm2 } from "react-hook-form";
 
 // src/SignInForm/hooks.tsx
@@ -2905,7 +2918,7 @@ function useSignIn(params) {
 }
 
 // src/SignInForm/Form.tsx
-var queryClient2 = new QueryClient2();
+var queryClient2 = new QueryClient3();
 function SigningIn(props) {
   const { client, ...remaining } = props ?? {};
   return /* @__PURE__ */ React8.createElement(QueryClientProvider2, { client: client ?? queryClient2 }, /* @__PURE__ */ React8.createElement(SignInForm2, { ...remaining }));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@niledatabase/react",
-  "version": "3.0.0-alpha.33",
+  "version": "3.0.0-alpha.35",
   "license": "MIT",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
@@ -119,7 +119,7 @@
   },
   "dependencies": {
     "@hookform/resolvers": "^3.9.0",
-    "@niledatabase/browser": "^3.0.0-alpha.33",
+    "@niledatabase/browser": "^3.0.0-alpha.35",
     "@radix-ui/react-label": "^2.1.0",
     "@radix-ui/react-slot": "^1.1.0",
     "@tanstack/react-query": "^5.23.0",
@@ -129,5 +129,5 @@
     "react-hook-form": "^7.53.0",
     "react-is": "^18.2.0"
   },
-  "gitHead": "62b0413edae3a13f1e80aa0c78096c8950eee903"
+  "gitHead": "3bf1ed73dc59f1a4bb0343fa35961ebefd70c905"
 }