NavigationMixin in managed package

Question

I am using NavigationMixin to navigate from one lwc to another lwc (app page in a custom tab) like this:

   this[NavigationMixin.Navigate]({
        type: 'standard__navItemPage',
        attributes: {
            apiName: 'MyCustomTab'
        }
    });

My problem is when I deploy this in my partner org, which has a namespace, I get an error because MyCustomTab doesn't exist. The proper name is MyNamespace__MyCustomTab. How can I solve this issue? I want my code working on both scenarios, with and without namespace.

Thank you.

Answer 1

You need to create one method into the apex which returns the org prefix. In that method, you just need to query the org prefix and return it to the LWC. Query: return [SELECT NamespacePrefix FROM Organization].NamespacePrefix;

In LWC Js file you need to import this method like this:

import getPrifix from '@salesforce/apex/SomeApex.getOrgPrefix';

then define the one variable to hold the prefix.

@track orgPrefix;

After that write the wire method to get the prefix from the org.

@wire(getPrifix)
    prefix({data, error}){
        if (data) {
            this.orgPrefix = data;
        }
    }

Then you can use this prefix in the custom tab in which you need to navigate.

@track tabName = 'MyCustomTab';
navigateNext() {
    let tabNameWithPrifix = "";
    if(this.orgPrifix != undefined || this.orgPrifix != null){
        tabNameWithPrifix = this.orgPrifix+"__"+this.tabName;
    }

    this[NavigationMixin.Navigate]({
        type: 'standard__navItemPage',
        attributes: {
            apiName: tabNameWithPrifix,
        }
    });
}