@nanoporetech-digital/components 2.5.0 → 2.8.0

package/dist/collection/components/global-nav/global-nav.js

@@ -71,7 +71,8 @@ export class GlobalNav {
     this.searchValInternal = '';
     /**
      * Connect to local, dev, test or prod MyAccount
-     * environments to retrieve global nav / sso data
+     * environments to retrieve global nav / sso data.
+     * Alternatively, you can use the `ssoDataUrl` prop.
      */
     this.env = 'prod';
     /**
@@ -467,6 +468,46 @@ export class GlobalNav {
     this.showAutocomplete = false;
     return;
   }
+  async getMyAccData() {
+    if (!this.getMyAccountData || this.myAccData) {
+      this.remoteDataReady = true;
+      return;
+    }
+    let url = this.ssoDataUrl;
+    if (!url) {
+      switch (this.env) {
+        case 'dev':
+          url = 'https://myaccount-dev.nanoporetech.com/';
+          break;
+        case 'test':
+          url = 'https://myaccount-test.nanoporetech.com/';
+          break;
+        default:
+          url = 'https://myaccount.nanoporetech.com/';
+          break;
+      }
+    }
+    var config = { timeout: 5000 };
+    try {
+      if (this.env === 'local') {
+        this.myAccData = (await import(`./assets/local-my-account.json`));
+      }
+      else {
+        this.myAccData = await clientFetch(url + 'nav_bar_data.json', config);
+      }
+      if (this.myAccData.user.id) {
+        this.isLoggedIn = true;
+        this.myAccountUser = this.myAccData.user;
+      }
+      this.processMyAccLinks();
+      this.processMyAccData();
+      setTimeout(() => (this.remoteDataReady = true), 300);
+    }
+    catch (e) {
+      console.error(e);
+      this.remoteDataReady = true;
+    }
+  }
   currentSelectedIndex() {
     if (!this.internalSearchIndeces.length) {
       return;
@@ -1034,16 +1075,14 @@ export class GlobalNav {
                 (!this.showSearch || !this.myAccData) &&
                   !!this.searchSlotLen && h("slot", { name: "search" }),
               ],
-              this.threshold >=
-                this.THRESHOLDLIMIT - THRESHOLDBREAKS.about && (h("nav", { class: "nav-links nav-links--sub", "aria-label": "About the company links" }, (!!this.aboutSlotLen || !!this.aboutNavItms.length) &&
+              (!!this.aboutSlotLen || !!this.aboutNavItms.length) &&
                 this.threshold >=
-                  this.THRESHOLDLIMIT - THRESHOLDBREAKS.about && [
+                  this.THRESHOLDLIMIT - THRESHOLDBREAKS.about && (h("nav", { class: "nav-links nav-links--sub", "aria-label": "About the company. Links" },
                 h("slot", { name: "about" }),
                 this.aboutNavItms.map((link) => {
                   return (h("nano-nav-item", { class: "nano-global-nav nano-global-nav-bar" },
                     h("a", { href: link.address, target: link.target }, link.title)));
-                }),
-              ])),
+                }))),
               this.threshold <
                 this.THRESHOLDLIMIT - THRESHOLDBREAKS.search &&
                 ((this.showSearch && !!this.internalSearchIndeces.length) ||
@@ -1064,6 +1103,8 @@ export class GlobalNav {
                 ],
               ],
               this.myAccData &&
+                (!this.activeMyAccountSections ||
+                  this.activeMyAccountSections.includes('loggedin')) &&
                 this.threshold >=
                   this.THRESHOLDLIMIT - THRESHOLDBREAKS.login && [
                 this.myAccData.urls.login && (h("a", { href: this.myAccData.urls.login + this.ssoRedirect, class: "login-btn" }, "Login / Register")),
@@ -1128,44 +1169,6 @@ export class GlobalNav {
       return singleResult;
     }
   }
-  async getMyAccData() {
-    if (!this.getMyAccountData || this.myAccData) {
-      this.remoteDataReady = true;
-      return;
-    }
-    let url;
-    switch (this.env) {
-      case 'dev':
-        url = 'https://myaccount-dev.nanoporetech.com/';
-        break;
-      case 'test':
-        url = 'https://myaccount-test.nanoporetech.com/';
-        break;
-      default:
-        url = 'https://myaccount.nanoporetech.com/';
-        break;
-    }
-    var config = { timeout: 5000 };
-    try {
-      if (this.env === 'local') {
-        this.myAccData = (await import(`./assets/local-my-account.json`));
-      }
-      else {
-        this.myAccData = await clientFetch(url + 'nav_bar_data.json', config);
-      }
-      if (this.myAccData.user.id) {
-        this.isLoggedIn = true;
-        this.myAccountUser = this.myAccData.user;
-      }
-      this.processMyAccLinks();
-      this.processMyAccData();
-      setTimeout(() => (this.remoteDataReady = true), 300);
-    }
-    catch (e) {
-      console.error(e);
-      this.remoteDataReady = true;
-    }
-  }
   processMyAccData() {
     if (!this.myAccData || !this.myAccData.search.indeces.length)
       return;
@@ -1241,10 +1244,10 @@ export class GlobalNav {
         "references": {}
       },
       "required": false,
-      "optional": false,
+      "optional": true,
       "docs": {
         "tags": [],
-        "text": "Connect to local, dev, test or prod MyAccount\nenvironments to retrieve global nav / sso data"
+        "text": "Connect to local, dev, test or prod MyAccount\nenvironments to retrieve global nav / sso data.\nAlternatively, you can use the `ssoDataUrl` prop."
       },
       "getter": false,
       "setter": false,
@@ -1252,6 +1255,25 @@ export class GlobalNav {
       "reflect": false,
       "defaultValue": "'prod'"
     },
+    "ssoDataUrl": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [],
+        "text": "A base url to retrieve global nav / sso data.\n`nav_bar_data.json` will be appended to this url.\nAn alternative to the pre-defined `env` urls"
+      },
+      "getter": false,
+      "setter": false,
+      "attribute": "sso-data-url",
+      "reflect": false
+    },
     "ssoRedirect": {
       "type": "string",
       "mutable": false,
@@ -1382,7 +1404,7 @@ export class GlobalNav {
           },
           "SearchIndex": {
             "location": "import",
-            "path": "/builds/zfg2rJd-/0/Digital/nano-components/packages/components/src/interface.d.ts"
+            "path": "/builds/RxH386Vg/0/Digital/nano-components/packages/components/src/interface.d.ts"
           }
         }
       },
@@ -1631,7 +1653,7 @@ export class GlobalNav {
         "references": {
           "AloliaSearchResultDetail": {
             "location": "import",
-            "path": "/builds/zfg2rJd-/0/Digital/nano-components/packages/components/src/interface.d.ts"
+            "path": "/builds/RxH386Vg/0/Digital/nano-components/packages/components/src/interface.d.ts"
           }
         }
       }
@@ -1651,7 +1673,7 @@ export class GlobalNav {
         "references": {
           "AlgoliaNetworkError": {
             "location": "import",
-            "path": "/builds/zfg2rJd-/0/Digital/nano-components/packages/components/src/interface.d.ts"
+            "path": "/builds/RxH386Vg/0/Digital/nano-components/packages/components/src/interface.d.ts"
           }
         }
       }
@@ -1671,7 +1693,7 @@ export class GlobalNav {
         "references": {
           "AloliaSearchResultDetail": {
             "location": "import",
-            "path": "/builds/zfg2rJd-/0/Digital/nano-components/packages/components/src/interface.d.ts"
+            "path": "/builds/RxH386Vg/0/Digital/nano-components/packages/components/src/interface.d.ts"
           }
         }
       }
@@ -1696,6 +1718,12 @@ export class GlobalNav {
   }; }
   static get elementRef() { return "el"; }
   static get watchers() { return [{
+      "propName": "env",
+      "methodName": "getMyAccData"
+    }, {
+      "propName": "ssoDataUrl",
+      "methodName": "getMyAccData"
+    }, {
       "propName": "searchIndex",
       "methodName": "currentSelectedIndex"
     }, {