@postnord/pn-marketweb-components 2.0.149 → 2.0.150-test

package/collection/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-login.js

@@ -1,21 +1,35 @@
-import { h, Host } from "@stencil/core";
-import { MarketWebLoginManager } from "../../../globals/MarketWebLoginManager";
-import { state as headerState } from "./pn-marketweb-siteheader-store";
+import { Component, Element, Event, h, Host, Prop, State, Watch } from '@stencil/core';
+import { MarketWebLoginManager } from '../../../globals/MarketWebLoginManager';
+import { state as headerState } from './pn-marketweb-siteheader-store';
 export class PnMarketwebSiteheaderLogin {
   constructor() {
     var _a;
-    this.endpoint = "";
-    this.token = "";
-    this.i18n = { "searchlabel": "", "searchplaceholder": "", "searchbuttontext": "", "menuHomeButton": "", "menuGoBackButton": "", "mainMenuButton": "", "menuStartButton": "", "profileSelectionFlyoutHeading": "" };
+    /** Specifies which endpoint domain we should load from */
+    this.endpoint = '';
+    /** Access token passed from backend */
+    this.token = '';
+    this.i18n = {
+      searchlabel: '',
+      searchplaceholder: '',
+      searchbuttontext: '',
+      menuHomeButton: '',
+      menuGoBackButton: '',
+      mainMenuButton: '',
+      menuStartButton: '',
+      profileSelectionFlyoutHeading: '',
+    };
     this.siteUrl = '';
     this.emitEvents = true;
+    // Login dialog
     this.loginDialog = null;
-    this.fullname = "";
+    /** User Fullname */
+    this.fullname = '';
     this.loggedin = false;
+    /** If this is selected we will show the new profile selection dropdown instead of the login version */
     this.showProfileSelection = false;
+    /** Continiously check if a user is logged in **/
     this.checkUserLoggedInStateInterval = 0;
-    this.loginLinks = undefined;
-    this.toggleButtonText = (((_a = this.loginDialog) === null || _a === void 0 ? void 0 : _a.loginMenuLinkText) ? this.loginDialog.loginMenuLinkText : "");
+    this.toggleButtonText = ((_a = this.loginDialog) === null || _a === void 0 ? void 0 : _a.loginMenuLinkText) ? this.loginDialog.loginMenuLinkText : '';
     this.username = this.fullname;
   }
   componentWillLoad() {
@@ -24,14 +38,15 @@ export class PnMarketwebSiteheaderLogin {
       endpoint: this.endpoint,
       eventTarget: this.hostElement,
       checkUserLoggedInStateInterval: this.checkUserLoggedInStateInterval,
-      userInfo
+      userInfo,
     });
     headerState.loginManager.setSiteUrl(this.siteUrl);
-    this.hostElement["loginmanager"] = headerState.loginManager;
+    this.hostElement['loginmanager'] = headerState.loginManager;
     if (this.token) {
       headerState.loginManager.registerToken(this.token, 'backend');
     }
-    else if (this.emitEvents) { // The primary login instance
+    else if (this.emitEvents) {
+      // The primary login instance
       headerState.loginManager.invalidateTokenOfType('backend');
     }
     this.hostElement.addEventListener(headerState.loginManager.events.loginstatechange, this.onLoginStateChange.bind(this));
@@ -51,7 +66,7 @@ export class PnMarketwebSiteheaderLogin {
     }
     const adjustLink = (link, i) => {
       if (!link.isLogoutLink) {
-        link.isLogoutLink = (link.pageLink.indexOf('location.href') !== -1 && link.pageLink.indexOf('logout') !== -1);
+        link.isLogoutLink = link.pageLink.indexOf('location.href') !== -1 && link.pageLink.indexOf('logout') !== -1;
       }
       if (link.isLogoutLink) {
         link.href = headerState.loginManager.getLogoutUrl(link.href);
@@ -77,7 +92,7 @@ export class PnMarketwebSiteheaderLogin {
         isLogoutLink: false,
         pageLink: null,
         linkType: 'primary',
-        primaryLinkApperance: true
+        primaryLinkApperance: true,
       },
       {
         href: headerState.loginManager.getLoginUrl(this.loginDialog.registerUrl),
@@ -85,18 +100,18 @@ export class PnMarketwebSiteheaderLogin {
         openInNewWindow: false,
         isLogoutLink: false,
         pageLink: null,
-        primaryLinkApperance: false
-      }
+        primaryLinkApperance: false,
+      },
     ];
   }
   setUserName() {
     const userInfo = headerState.loginManager.getUserInfo();
-    let name = "";
+    let name = '';
     if (!this.loggedin || !userInfo) {
       this.username = name;
     }
     if (userInfo && userInfo.given_name) {
-      name = userInfo.given_name + ((userInfo === null || userInfo === void 0 ? void 0 : userInfo.family_name) ? ` ${userInfo === null || userInfo === void 0 ? void 0 : userInfo.family_name}` : "");
+      name = userInfo.given_name + ((userInfo === null || userInfo === void 0 ? void 0 : userInfo.family_name) ? ` ${userInfo === null || userInfo === void 0 ? void 0 : userInfo.family_name}` : '');
     }
     if (!name && userInfo && userInfo.email) {
       name = userInfo.email;
@@ -137,245 +152,234 @@ export class PnMarketwebSiteheaderLogin {
       hostElementAttribute.username = this.username;
       hostElementAttribute.loggedin = this.loggedin + '';
     }
-    return (h(Host, Object.assign({}, hostElementAttribute), h("pn-nav-dropdown", { label: this.toggleButtonText, icon: "user", class: "siteheader-logindialog" }, this.loggedin && this.showProfileSelection ?
-      h("pn-marketweb-siteheader-login-profileselection", { loginDialog: this.loginDialog, loggedin: this.loggedin, i18n: this.i18n, idNamespace: this.emitEvents ? '1' : '2', endpoint: this.endpoint })
-      :
-        h("pn-marketweb-siteheader-login-links", { loginDialog: this.loginDialog, loggedin: this.loggedin, idNamespace: this.emitEvents ? '1' : '2', username: this.username }))));
+    return (h(Host, Object.assign({}, hostElementAttribute),
+      h("pn-nav-dropdown", { label: this.toggleButtonText, icon: "user", class: "siteheader-logindialog" },
+        !this.loggedin && h("pn-marketweb-siteheader-login-button", { label: 'test console' }),
+        !this.loggedin && h("pn-marketweb-siteheader-login-button", { active: true, label: 'test redirect' }),
+        this.loggedin && this.showProfileSelection ? (h("pn-marketweb-siteheader-login-profileselection", { loginDialog: this.loginDialog, loggedin: this.loggedin, i18n: this.i18n, idNamespace: this.emitEvents ? '1' : '2', endpoint: this.endpoint })) : (h("pn-marketweb-siteheader-login-links", { loginDialog: this.loginDialog, loggedin: this.loggedin, idNamespace: this.emitEvents ? '1' : '2', username: this.username })))));
   }
   static get is() { return "pn-marketweb-siteheader-login"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["pn-marketweb-siteheader-login.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["pn-marketweb-siteheader-login.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "endpoint": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Specifies which endpoint domain we should load from"
-        },
-        "attribute": "endpoint",
-        "reflect": false,
-        "defaultValue": "\"\""
+  static get originalStyleUrls() { return {
+    "$": ["pn-marketweb-siteheader-login.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["pn-marketweb-siteheader-login.css"]
+  }; }
+  static get properties() { return {
+    "endpoint": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Specifies which endpoint domain we should load from"
       },
-      "token": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Access token passed from backend"
-        },
-        "attribute": "token",
-        "reflect": false,
-        "defaultValue": "\"\""
+      "attribute": "endpoint",
+      "reflect": false,
+      "defaultValue": "''"
+    },
+    "token": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
       },
-      "i18n": {
-        "type": "unknown",
-        "mutable": false,
-        "complexType": {
-          "original": "SiteHeaderI18N",
-          "resolved": "SiteHeaderI18N",
-          "references": {
-            "SiteHeaderI18N": {
-              "location": "import",
-              "path": "./pn-marketweb-siteheader-types"
-            }
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Access token passed from backend"
+      },
+      "attribute": "token",
+      "reflect": false,
+      "defaultValue": "''"
+    },
+    "i18n": {
+      "type": "unknown",
+      "mutable": false,
+      "complexType": {
+        "original": "SiteHeaderI18N",
+        "resolved": "SiteHeaderI18N",
+        "references": {
+          "SiteHeaderI18N": {
+            "location": "import",
+            "path": "./pn-marketweb-siteheader-types"
           }
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "defaultValue": "{ \"searchlabel\":\"\", \"searchplaceholder\":\"\", \"searchbuttontext\":\"\", \"menuHomeButton\": \"\", \"menuGoBackButton\": \"\", \"mainMenuButton\": \"\", \"menuStartButton\": \"\", \"profileSelectionFlyoutHeading\": \"\" } as SiteHeaderI18N"
+        }
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "defaultValue": "{\n    searchlabel: '',\n    searchplaceholder: '',\n    searchbuttontext: '',\n    menuHomeButton: '',\n    menuGoBackButton: '',\n    mainMenuButton: '',\n    menuStartButton: '',\n    profileSelectionFlyoutHeading: '',\n  } as SiteHeaderI18N"
+    },
+    "siteUrl": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
       },
-      "siteUrl": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "site-url",
-        "reflect": false,
-        "defaultValue": "''"
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
       },
-      "emitEvents": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "emit-events",
-        "reflect": false,
-        "defaultValue": "true"
+      "attribute": "site-url",
+      "reflect": false,
+      "defaultValue": "''"
+    },
+    "emitEvents": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
       },
-      "loginDialog": {
-        "type": "unknown",
-        "mutable": true,
-        "complexType": {
-          "original": "LoginDialog",
-          "resolved": "LoginDialog",
-          "references": {
-            "LoginDialog": {
-              "location": "import",
-              "path": "./pn-marketweb-siteheader-types"
-            }
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "emit-events",
+      "reflect": false,
+      "defaultValue": "true"
+    },
+    "loginDialog": {
+      "type": "unknown",
+      "mutable": true,
+      "complexType": {
+        "original": "LoginDialog",
+        "resolved": "LoginDialog",
+        "references": {
+          "LoginDialog": {
+            "location": "import",
+            "path": "./pn-marketweb-siteheader-types"
           }
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "defaultValue": "null"
+        }
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
       },
-      "fullname": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "User Fullname"
-        },
-        "attribute": "fullname",
-        "reflect": false,
-        "defaultValue": "\"\""
+      "defaultValue": "null"
+    },
+    "fullname": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
       },
-      "loggedin": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "loggedin",
-        "reflect": false,
-        "defaultValue": "false"
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "User Fullname"
       },
-      "showProfileSelection": {
-        "type": "boolean",
-        "mutable": true,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "If this is selected we will show the new profile selection dropdown instead of the login version"
-        },
-        "attribute": "show-profile-selection",
-        "reflect": false,
-        "defaultValue": "false"
+      "attribute": "fullname",
+      "reflect": false,
+      "defaultValue": "''"
+    },
+    "loggedin": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
       },
-      "checkUserLoggedInStateInterval": {
-        "type": "number",
-        "mutable": false,
-        "complexType": {
-          "original": "number",
-          "resolved": "number",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Continiously check if a user is logged in *"
-        },
-        "attribute": "check-user-logged-in-state-interval",
-        "reflect": false,
-        "defaultValue": "0"
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "loggedin",
+      "reflect": false,
+      "defaultValue": "false"
+    },
+    "showProfileSelection": {
+      "type": "boolean",
+      "mutable": true,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "If this is selected we will show the new profile selection dropdown instead of the login version"
+      },
+      "attribute": "show-profile-selection",
+      "reflect": false,
+      "defaultValue": "false"
+    },
+    "checkUserLoggedInStateInterval": {
+      "type": "number",
+      "mutable": false,
+      "complexType": {
+        "original": "number",
+        "resolved": "number",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Continiously check if a user is logged in *"
+      },
+      "attribute": "check-user-logged-in-state-interval",
+      "reflect": false,
+      "defaultValue": "0"
+    }
+  }; }
+  static get states() { return {
+    "loginLinks": {},
+    "toggleButtonText": {},
+    "username": {}
+  }; }
+  static get events() { return [{
+      "method": "loginStateChange",
+      "name": "loginStateChange",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "complexType": {
+        "original": "any",
+        "resolved": "any",
+        "references": {}
       }
-    };
-  }
-  static get states() {
-    return {
-      "loginLinks": {},
-      "toggleButtonText": {},
-      "username": {}
-    };
-  }
-  static get events() {
-    return [{
-        "method": "loginStateChange",
-        "name": "loginStateChange",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "complexType": {
-          "original": "any",
-          "resolved": "any",
-          "references": {}
-        }
-      }];
-  }
+    }]; }
   static get elementRef() { return "hostElement"; }
-  static get watchers() {
-    return [{
-        "propName": "i18n",
-        "methodName": "init"
-      }, {
-        "propName": "loginDialog",
-        "methodName": "init"
-      }];
-  }
+  static get watchers() { return [{
+      "propName": "i18n",
+      "methodName": "init"
+    }, {
+      "propName": "loginDialog",
+      "methodName": "init"
+    }]; }
 }