@insforge/react 0.6.10 → 0.7.0

package/dist/components.cjs

@@ -2527,6 +2527,25 @@ function VerifyEmail({ token, onSuccess, onError, ...uiProps }) {
   }, [token, verifyEmail, onSuccess, onError]);
   return /* @__PURE__ */ jsxRuntime.jsx(VerifyEmailStatus, { status, error, ...uiProps });
 }
+function SignOutButton({ children, className, afterSignOutUrl = "/" }) {
+  const { signOut } = useInsforge();
+  const handleClick = async () => {
+    await signOut();
+    window.location.href = afterSignOutUrl;
+  };
+  if (children && react.isValidElement(children)) {
+    const originalOnClick = children.props?.onClick;
+    return react.cloneElement(children, {
+      onClick: async (e) => {
+        await handleClick();
+        if (originalOnClick) {
+          originalOnClick(e);
+        }
+      }
+    });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className, onClick: () => void handleClick(), children: children || "Sign out" });
+}
 var UserButtonContainer = styled__default.default.div`
   position: relative;
   display: inline-block;
@@ -2642,7 +2661,7 @@ var UserButtonMenuItemIcon = styled__default.default.div`
   }
 `;
 function UserButton({ afterSignOutUrl = "/", mode = "detailed" }) {
-  const { user, signOut } = useInsforge();
+  const { user } = useInsforge();
   const [isOpen, setIsOpen] = react.useState(false);
   const [imageError, setImageError] = react.useState(false);
   const dropdownRef = react.useRef(null);
@@ -2683,11 +2702,6 @@ function UserButton({ afterSignOutUrl = "/", mode = "detailed" }) {
       document.removeEventListener("mousedown", handleClickOutside);
     };
   }, [isOpen]);
-  async function handleSignOut() {
-    await signOut();
-    setIsOpen(false);
-    window.location.href = afterSignOutUrl;
-  }
   if (!user) {
     return null;
   }
@@ -2716,10 +2730,10 @@ function UserButton({ afterSignOutUrl = "/", mode = "detailed" }) {
         ]
       }
     ),
-    isOpen && /* @__PURE__ */ jsxRuntime.jsx(UserButtonMenu, { children: /* @__PURE__ */ jsxRuntime.jsxs(UserButtonMenuItem, { $signout: true, onClick: () => void handleSignOut(), children: [
+    isOpen && /* @__PURE__ */ jsxRuntime.jsx(UserButtonMenu, { children: /* @__PURE__ */ jsxRuntime.jsx(SignOutButton, { afterSignOutUrl, children: /* @__PURE__ */ jsxRuntime.jsxs(UserButtonMenuItem, { $signout: true, onClick: () => setIsOpen(false), children: [
       /* @__PURE__ */ jsxRuntime.jsx(UserButtonMenuItemIcon, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.LogOut, {}) }),
       "Sign out"
-    ] }) })
+    ] }) }) })
   ] });
 }
 function Protect({
@@ -2839,6 +2853,7 @@ exports.ResetPasswordForm = ResetPasswordForm;
 exports.SignIn = SignIn;
 exports.SignInButton = SignInButton;
 exports.SignInForm = SignInForm;
+exports.SignOutButton = SignOutButton;
 exports.SignUp = SignUp;
 exports.SignUpButton = SignUpButton;
 exports.SignUpForm = SignUpForm;