wixUsers Is Now Not Performing As Expected

Thank you for the suggestion. I have done this in the past, but find it frustrating that I have to write this to get around a very simple function that should be working. Anyway...guess I am off to the races in writing a register/login/logout routine.

You can view this tutorial here for making your own members area:

https://support.wix.com/en/article/wix-code-tutorial-building-your-own-members-area

However, please note, that you will still need a custom login lightbox on this page which refreshes the members page after they have logged in through the custom login lightbox, otherwise the page itself won't work as it needs to be refreshed for the now logged in members to see the members only parts and without the page refresh the code on the page won't work as it won't run itself to detect that the user is already logged in.

My custom signup lightbox code, simply take out the page location and replace it with wixLocation.url, like in my login code above and it will simply close the lightbox and refresh the page.

However, my website is setup for manual approve so it takes any new potential members to a signup status page.

You will need to set your members as auto approval otherwise the refresh on the page will not work as the member won't be logged in until they are approved.

import wixUsers from 'wix-users';
import wixWindow from 'wix-window';
import wixLocation from 'wix-location';

$w.onReady(function () {
    
    $w("#registerButton").onClick( (event) => {
        
   let email = $w("#email").value;
   let password = $w("#password").value;
   let first = $w("#firstName").value;
   let last = $w("#lastName").value;

   wixUsers.register(email, password, {
       contactInfo: {
        "firstName": $w('#firstName').value,
        "lastName": $w('#lastName').value,
       }
      } )
      .then( (result) => {
        let resultStatus = result.status;
  wixWindow.lightbox.close();
  wixLocation.to("/sign-in-status");  //Change the URL ending to whatever page you want to send the user to after they log in.
      } );     
    } );
    
});

Just use a custom signup lightbox and take the wixLocation.to part of the text from my custom login lightbox below and add it to a custom signup lightbox code.

This will basically close the login lightbox and refresh the page which will then let the code work and show all my member only parts of that page, which are normally hidden when any logged out user views the page.

import wixUsers from 'wix-users';
import wixLocation from 'wix-location';
import wixWindow from 'wix-window';

$w.onReady(function () {
 $w("#forgotPassword").onClick( (event) => {
    //wixWindow.lightbox.close()
   wixUsers.promptForgotPassword()
   .then( ( ) => {
   //
   } )
    .catch( (err) => {
    let errorMsg = err;  //"The user closed the forgot password dialog"
    });
 });
});

export function loginButton_onclick(event) {

 let email = $w("#email").value;
 let password = $w("#password").value;

 wixUsers.login(email, password)
   .then( () => {
     console.log("User is logged in");
     wixWindow.lightbox.close();
     wixLocation.to(wixLocation.url);  //This reloads the same page and allows code to show hidden member parts.
   } )
    .catch( (err) => {
     console.log(err);
     $w("#errorMessage").expand();  // You can delete this line if you are not going to add an error message.  Use a regular text element set to 'collapse on load' from the Properties Panel.
   } ); 
}