SignUp is not registering the user - salesforce-lightning

Question

I am building a custom registration page for the community users to sign up in the experience cloud.
Unfortunately my code is not creating any user when i click on Sign Up.
Could someone help me please.
Below are the codes:
Lightning Component:
<aura:component controller="LightningSelfRegisterController" implements="forceCommunity:availableForAllPageTypes" access="global" >
<aura:attribute name="accountId" type="String" required="false" description="accountId for creating the user. If not specified, it will create a PersonAccount if possible for B2C scenario. Or otherwise if it's in a community, the community's self-registration accountId will be used."/>
<aura:attribute name="regConfirmUrl" type="String" required="true"/>
<aura:attribute name="startUrl" type="String" required="false" description="The url you go to after a successful login" />
<aura:attribute name="showError" type="Boolean" required="true" description="" default="false" access="private"/>
<aura:attribute name="errorMessage" type="String" required="false" description="" access="private"/>
<aura:attribute name="firstnameLabel" type="String" required="false" default="First Name"/>
<aura:attribute name="lastnameLabel" type="String" required="true" default="Last Name"/>
<aura:attribute name="emailLabel" type="String" required="false" default="Email"/>
<aura:attribute name="CompanyNameLabel" type="String" required="false" default="Company Name"/>
<aura:attribute name="CityLabel" type="String" required="false" default="City"/>
<aura:attribute name="CountryLabel" type="String[]" required="false"/>
<aura:attribute name="TitleLabel" type="String" required="false" default="Title"/>
<aura:attribute name="passwordLabel" type="String" required="false" default="Create Password"/>
<aura:attribute name="confirmPasswordLabel" type="String" required="false" default="Confirm Password"/>
<aura:attribute name="submitButtonLabel" type="String" required="false" default="Sign Up"/>
<aura:attribute name="includePasswordField" type="Boolean" required="false" default="false" description="Whether to include password"/>
<aura:attribute name="explicitOptIn" type="Boolean" required="false" default="false"/>
<aura:attribute name="EmailOptIn" type="Boolean" required="false" default="false"/>
<aura:attribute name="extraFieldsFieldSet" type="String" required="false" description="A field set name whose fields are desired for user registration"/>
<aura:attribute name="extraFields" type="list" required="false" description="A field set name whose fields are desired for user registration"/>
<aura:attribute name="targetVal" type="string"/>
<aura:attribute name="expid" type="String" required="false" description="The branding experience ID" />
<aura:handler name="init" value="{!this}" action="{!c.initialize}"/>
<aura:handler event="c:setExpId" action="{!c.setExpId}"/>
<aura:dependency resource="c:setExpId" type="EVENT"/>
<div>
<aura:renderIf isTrue="{!v.showError}">
<div id="error">
<ui:outputRichText value="{!v.errorMessage}"/>
</div>
</aura:renderIf>
<div id="sfdc_username_container" class="sfdc">
<span id="sfdc_user" class="login-icon" data-icon="a"></span>
<ui:inputText value="" aura:id="firstname" placeholder="{!v.firstnameLabel}" keyup="{!c.onKeyUp}" class="input sfdc_usernameinput sfdc"/>
</div>
<div id="sfdc_nickname_container" class="sfdc">
<span id="sfdc_user" class="login-icon" data-icon="a"></span>
<ui:inputText value="" aura:id="lastname" placeholder="{!v.lastnameLabel}" keyup="{!c.onKeyUp}" required = "true" class="input sfdc_usernameinput sfdc"/>
</div>
<div id="sfdc_email_container" class="sfdc">
<span id="sfdc_user" class="login-icon" data-icon="k"></span>
<ui:inputText value="" aura:id="email" placeholder="{!v.emailLabel}" keyup="{!c.onKeyUp}" class="input sfdc_usernameinput sfdc"/>
</div>
<div id="sfdc_nickname_container" class="sfdc">
<span id="sfdc_user" class="login-icon" data-icon="a"></span>
<ui:inputText value="" aura:id="CompanyName" placeholder="{!v.CompanyNameLabel}" keyup="{!c.onKeyUp}" class="input companynameinput sfdc"/>
</div>
<div id="sfdc_nickname_container" class="sfdc">
<span id="sfdc_user" class="login-icon" data-icon="a"></span>
<ui:inputText value="" aura:id="City" placeholder="{!v.CityLabel}" keyup="{!c.onKeyUp}" class="input cityinput sfdc"/>
</div>
<div id="sfdc_nickname_container" class="sfdc">
<span id="sfdc_user" class="login-icon" data-icon="a"></span>
<ui:inputSelect class="sfdc" aura:id="country" label = "Country" change="{!c.changeTarget}" value="{!v.targetVal}">
<ui:inputSelectOption text="Select"/>
<aura:iteration items="{!v.CountryLabel}" var="statusVar">
<ui:inputSelectOption value="{!statusVar.value}"/>
</aura:iteration>
</ui:inputSelect>
</div>
<div id="sfdc_nickname_container" class="sfdc">
<span id="sfdc_user" class="login-icon" data-icon="a"></span>
<ui:inputText value="" aura:id="Title" placeholder="{!v.TitleLabel}" keyup="{!c.onKeyUp}" class="input Titlenameinput sfdc"/>
</div>
<aura:renderIf isTrue="{!v.includePasswordField}">
<div id="sfdc_password_container" class="sfdc">
<ui:inputSecret value="" aura:id="password" placeholder="{!v.passwordLabel}" keyup="{!c.onKeyUp}" class="input sfdc_passwordinput sfdc"/>
</div>
<div id="sfdc_confirm_password_container" class="sfdc">
<ui:inputSecret value="" aura:id="confirmPassword" placeholder="{!v.confirmPasswordLabel}" keyup="{!c.onKeyUp}" class="input sfdc_passwordinput sfdc"/>
</div>
</aura:renderIf>
<div id="sfdc_opt_in_container" class="sfdc">
<ui:inputcheckbox aura:id="checkbox1" change="{!c.explicitOpt}" class="input sfdc_explicitOptIn sfdc"/>
<a>Accepting our Policy</a>
</div>
<div class="sfdc">
<ui:button aura:id="submitButton" label="{!v.submitButtonLabel}" press="{!c.handleSelfRegister}" class="sfdc_button"/>
</div>
</div>
</aura:component>
Lightning Controller
({
initialize: function(component, event, helper) {
$A.get("e.siteforce:registerQueryEventMap").setParams({"qsToEvent" : helper.qsToEventMap}).fire();
$A.get("e.siteforce:registerQueryEventMap").setParams({"qsToEvent" : helper.qsToEventMap2}).fire();
helper.CountryLabelHelper(component,event,helper);
},
handleSelfRegister: function (component, event, helper) {
helper.handleSelfRegister(component, event, helpler);
},
onKeyUp: function(component, event, helper){
//checks for "enter" key
if (event.getParam('keyCode')===13) {
helpler.handleSelfRegister(component, event, helpler);
}
},
changeTarget:function(component, event, helper){
var targetVal = component.find('targetId').get('v.value');
//alert('targetVal ' + targetVal);
component.set('v.targetVal}',targetVal);
}
})
Lightning Controller Helper
({
qsToEventMap: {
'startURL' : 'e.c:setStartUrl'
},
qsToEventMap2: {
'expid' : 'e.c:setExpId'
},
handleSelfRegister: function (component, event, helper) {
var firstname = component.find("firstname").get("v.value");
var lastname = component.find("lastname").get("v.value");
var lastnameval = component.find("lastname");
var email = component.find("email").get("v.value");
var companyname = component.find("CompanyName").get("v.value");
var city = component.find("City").get("v.value");
var action = component.get("c.selfRegister");
var explicitoptin = component.find("Explicit Opt-In").get("v.explicitoptin");
var password = component.find("password").get("v.value");
var confirmPassword = component.find("confirmPassword").get("v.value");
action.setParams({firstname:firstname,lastname:lastname,email:email,
companyname:companyname, city:city, explicitoptin:explicitoptin, password:password, confirmPassword:confirmPassword});
action.setCallback(this, function(a){
var rtnValue = a.getReturnValue();
if (rtnValue !== null) {
component.set("v.errorMessage",rtnValue);
component.set("v.showError",true);
alert('Record saved successfully');
}
});
$A.enqueueAction(action);
},
setBrandingCookie: function (component, event, helpler) {
var expId = component.get("v.expid");
if (expId) {
var action = component.get("c.setExperienceId");
action.setParams({expId:expId});
action.setCallback(this, function(a){ });
$A.enqueueAction(action);
}
},
setExpId: function (component, event, helper) {
var expId = event.getParam('expid');
if (expId) {
component.set("v.expid", expId);
}
helper.setBrandingCookie(component, event, helper);
},
explicitOpt: function(component,event) {
var checkbox = component.find('checkbox1').get('v.checked');
component.set("v.Contact.Explicit_Opt_In__c",checkbox);
},
CountryLabelHelper: function(component, event, helper) {
var action = component.get("c.pickList");
action.setParams({"obj":"Contact", "str":"Country__c"});
action.setCallback(this, function(response){
var state = response.getState();
if(state == "SUCCESS"){
var result = response.getReturnValue();
component.set("v.CountryLabel",result);
}
});
$A.enqueueAction(action);
}
})
Lightning Controller Apex Class:
global class LightningSelfRegisterController{
public LightningSelfRegisterController() {
}
#TestVisible
private static boolean isValidPassword(String password, String confirmPassword) {
return password == confirmPassword;
}
#TestVisible
private static boolean siteAsContainerEnabled(String communityUrl) {
Auth.AuthConfiguration authConfig = new Auth.AuthConfiguration(communityUrl,'');
return authConfig.isCommunityUsingSiteAsContainer();
}
#TestVisible
private static void validatePassword(User u, String password, String confirmPassword) {
if(!Test.isRunningTest()) {
Site.validatePassword(u, password, confirmPassword);
}
return;
}
#AuraEnabled
public static String selfRegister(String firstname ,String lastname, String email, String password, String confirmPassword, String accountId, String regConfirmUrl, String extraFields, String startUrl, Boolean includePassword,String CompanyName,String city,Boolean explicitoptin) {
Savepoint sp = null;
try {
sp = Database.setSavepoint();
if (lastname == null || String.isEmpty(lastname)) {
return Label.Site.lastname_is_required;
}
if (email == null || String.isEmpty(email)) {
return Label.Site.email_is_required;
}
User u = new User();
u.Username = email;
u.put('Email',email);
u.FirstName = firstname;
u.LastName = lastname;
u.CompanyName = companyName;
u.City = city;
String networkId = Network.getNetworkId();
// If using site to host the community the user should not hit s1 after logging in from mobile.
if(networkId != null && siteAsContainerEnabled(Network.getLoginUrl(networkId))) {
u.put('UserPreferencesHideS1BrowserUI',true);
}
String nickname = ((firstname != null && firstname.length() > 0) ? firstname.substring(0,1) : '' ) + lastname.substring(0,1);
nickname += String.valueOf(Crypto.getRandomInteger()).substring(1,7);
u.put('CommunityNickname', nickname);
if (includePassword) {
if (!isValidPassword(password, confirmPassword)) {
return Label.site.passwords_dont_match;
}
validatePassword(u, password, confirmPassword);
}
else {
password = null;
}
// lastName is a required field on user, but if it isn't specified, we'll default it to the username
String userId = Site.createPortalUser(u, accountId, password);
// create a fake userId for test.
if (Test.isRunningTest()) {
userId = 'fakeUserId';
}
if (userId != null) {
if (password != null && password.length() > 1) {
ApexPages.PageReference lgn = Site.login(email, password, startUrl);
if(!Test.isRunningTest()) {
aura.redirect(lgn);
}
}
else {
ApexPages.PageReference confirmRef = new PageReference(regConfirmUrl);
if(!Test.isRunningTest()) {
aura.redirect(confirmRef);
}
}
}
return null;
}
catch (Exception ex) {
Database.rollback(sp);
return ex.getMessage();
}
}
#AuraEnabled
global static String setExperienceId(String expId) {
// Return null if there is no error, else it will return the error message
try {
if (expId != null) {
Site.setExperienceId(expId);
}
return null;
} catch (Exception ex) {
return ex.getMessage();
}
}
#AuraEnabled
public static List<String> pickList(String obj, String str) {
List<String> regList = new List<String>();
Schema.DescribeFieldResult plistvalues = Schema.getGlobalDescribe().get(obj).getDescribe().fields.getMap().get(str).getDescribe();
for(PicklistEntry ent:plistvalues.getpicklistvalues()) {
regList.add(ent.getLabel());
}
return regList;
}
}
Could someone please let me know what Should i need to correct here.