@postnord/pn-marketweb-components 2.1.8 → 2.1.9

package/components/pn-marketweb-siteheader-login-linklist2.js

@@ -0,0 +1,105 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { c as createStore } from './index2.js';
+
+// Read more about how stencil stores work here: https://stenciljs.com/docs/stencil-store
+const { state, onChange } = createStore({
+  loginManager: null
+});
+
+const pnMarketwebSiteheaderLoginLinklistCss = "pn-marketweb-siteheader-login-linklist{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}pn-marketweb-siteheader-login-linklist strong{margin-bottom:2.4rem}pn-marketweb-siteheader-login-linklist ul{list-style-type:none;padding:0;margin:0}pn-marketweb-siteheader-login-linklist ul>li{margin-bottom:2.4rem}pn-marketweb-siteheader-login-linklist ul>li a:not(.pn-button){color:#005D92}pn-marketweb-siteheader-login-linklist ul>li a{text-decoration:none;font-size:1.6rem;line-height:1.5;font-weight:500}pn-marketweb-siteheader-login-linklist ul>li pn-icon{padding-left:0.8rem}pn-marketweb-siteheader-login-linklist ul>li pn-icon svg>path{fill:#005D92 !important}pn-marketweb-siteheader-login-linklist ul>li:hover a{text-decoration:underline}pn-marketweb-siteheader-login-linklist ul>li:last-of-type{margin-bottom:0}";
+
+const PnMarketwebSiteheaderLoginLinklist = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.heading = null;
+    this.links = [];
+    this.idNamespace = '';
+    this.showUnifiedLogin = false;
+  }
+  componentWillLoad() { }
+  uniqueId(text) {
+    return 'loginlink-' + text.replace(/[^A-Za-z0-9.\\\/]/gim, '') + '-' + this.idNamespace;
+  }
+  linkAppearanceAttributes(link) {
+    let attributes = {};
+    if (link.linkType) {
+      switch (link.linkType) {
+        case 'primary':
+          attributes = {
+            appearance: '',
+            variant: '',
+          };
+          break;
+        case 'secondary':
+          attributes = {
+            appearance: 'light',
+            variant: 'outlined',
+          };
+          break;
+        case 'regularlink':
+        default:
+          attributes = {
+            appearance: 'light',
+            variant: 'borderless',
+            icon: 'arrow-right',
+          };
+          break;
+      }
+      return attributes;
+    }
+    if (!link.linkType) {
+      attributes = {
+        appearance: link.primaryLinkApperance ? 'dark' : 'light',
+      };
+    }
+    return attributes;
+  }
+  renderListAsButtons(link) {
+    return (h("li", null, h("pn-button", Object.assign({ href: link.href, id: this.uniqueId(link.linkText) }, (link.openInNewWindow && { target: '_blank' }), this.linkAppearanceAttributes(link), { onClick: () => {
+        if (link.isLogoutLink) {
+          state.loginManager.clearUserData();
+        }
+      } }), link.linkText)));
+  }
+  renderListAsLinks(link) {
+    return (h("li", null, h("a", Object.assign({ href: link.href, id: this.uniqueId(link.linkText) }, (link.openInNewWindow && { target: '_blank' }), { onClick: () => {
+        if (link.isLogoutLink) {
+          state.loginManager.clearUserData();
+        }
+      } }), link.linkText, link.isLogoutLink ? h("pn-icon", { symbol: "transfer" }) : h("pn-icon", { symbol: "arrow-right" }))));
+  }
+  render() {
+    if (!this.links || this.links.length === 0) {
+      return;
+    }
+    return (h(Host, null, this.heading ? h("strong", null, this.heading) : null, h("ul", null, this.links.map(link => {
+      {
+        return this.showUnifiedLogin ? this.renderListAsLinks(link) : this.renderListAsButtons(link);
+      }
+    }))));
+  }
+  get hostElement() { return this; }
+  static get style() { return pnMarketwebSiteheaderLoginLinklistCss; }
+}, [0, "pn-marketweb-siteheader-login-linklist", {
+    "heading": [1],
+    "links": [16],
+    "idNamespace": [1, "id-namespace"],
+    "showUnifiedLogin": [4, "show-unified-login"]
+  }]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["pn-marketweb-siteheader-login-linklist"];
+  components.forEach(tagName => { switch (tagName) {
+    case "pn-marketweb-siteheader-login-linklist":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, PnMarketwebSiteheaderLoginLinklist);
+      }
+      break;
+  } });
+}
+defineCustomElement();
+
+export { PnMarketwebSiteheaderLoginLinklist as P, defineCustomElement as d, state as s };

package/components/pn-marketweb-siteheader-login-links.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface PnMarketwebSiteheaderLoginLinks extends Components.PnMarketwebSiteheaderLoginLinks, HTMLElement {}
+export const PnMarketwebSiteheaderLoginLinks: {
+  prototype: PnMarketwebSiteheaderLoginLinks;
+  new (): PnMarketwebSiteheaderLoginLinks;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/components/pn-marketweb-siteheader-login-links.js

@@ -0,0 +1,6 @@
+import { P as PnMarketwebSiteheaderLoginLinks$1, d as defineCustomElement$1 } from './pn-marketweb-siteheader-login-links2.js';
+
+const PnMarketwebSiteheaderLoginLinks = PnMarketwebSiteheaderLoginLinks$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { PnMarketwebSiteheaderLoginLinks, defineCustomElement };

package/components/pn-marketweb-siteheader-login-links2.js

@@ -0,0 +1,116 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { s as state, d as defineCustomElement$1 } from './pn-marketweb-siteheader-login-linklist2.js';
+
+const pnMarketwebSiteheaderLoginLinksCss = "";
+
+const PnMarketwebSiteheaderLoginLinks = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.loginDialog = null;
+    this.idNamespace = '';
+    this.loggedin = false;
+    this.username = '';
+    this.showUnifiedLogin = false;
+  }
+  componentWillLoad() {
+    this.init();
+  }
+  async init() {
+    this.adjustLoginLinks();
+  }
+  adjustLoginLinks() {
+    var _a, _b, _c, _d;
+    if (!this.loginDialog) {
+      return;
+    }
+    const adjustLink = (link, i) => {
+      if (!link.isLogoutLink) {
+        link.isLogoutLink = link.pageLink.indexOf('location.href') !== -1 && link.pageLink.indexOf('logout') !== -1;
+      }
+      if (link.isLogoutLink) {
+        link.href = state.loginManager.getLogoutUrl(link.href);
+      }
+      link.href = link.href.replace('window.location.href', window.location.href);
+      if (i === 0 && !link.href) {
+        link.href = state.loginManager.getLoginUrl();
+        link.linkType = 'primary';
+      }
+      if (link.primaryLinkApperance && !link.linkType) {
+        link.linkType = 'primary';
+      }
+    };
+    if ((_a = this.loginDialog) === null || _a === void 0 ? void 0 : _a.loginMenuLinks) {
+      (_b = this.loginDialog) === null || _b === void 0 ? void 0 : _b.loginMenuLinks.forEach(adjustLink);
+    }
+    if ((_c = this.loginDialog) === null || _c === void 0 ? void 0 : _c.loggedInLinks) {
+      (_d = this.loginDialog) === null || _d === void 0 ? void 0 : _d.loggedInLinks.forEach(adjustLink);
+    }
+    this.loginDialog.legacyLoginLinks = [
+      {
+        href: state.loginManager.getLoginUrl(this.loginDialog.loginUrl),
+        linkText: this.loginDialog.loginLinkText,
+        openInNewWindow: false,
+        isLogoutLink: false,
+        pageLink: null,
+        linkType: 'primary',
+        primaryLinkApperance: true,
+      },
+      {
+        href: state.loginManager.getLoginUrl(this.loginDialog.registerUrl),
+        linkText: this.loginDialog.createLoginLinkText,
+        openInNewWindow: false,
+        isLogoutLink: false,
+        pageLink: null,
+        primaryLinkApperance: false,
+      },
+    ];
+  }
+  render() {
+    var _a;
+    if (!this.loginDialog) {
+      return;
+    }
+    let hostElementAttribute = {
+      username: null,
+      loggedin: false,
+    };
+    if (this.username) {
+      hostElementAttribute.username = this.username;
+      hostElementAttribute.loggedin = this.loggedin;
+    }
+    return (h(Host, Object.assign({}, hostElementAttribute), !this.loginDialog.overrideLoginMenu ? (h("div", { "data-loggedin": this.loggedin + '' }, this.loggedin ? (h("pn-marketweb-siteheader-login-linklist", { links: this.loginDialog.loggedInLinks, idNamespace: this.idNamespace })) : (h("div", null, ((_a = this.loginDialog.loginMenuLinks) === null || _a === void 0 ? void 0 : _a.length) > 0 ? (h("pn-marketweb-siteheader-login-linklist", { heading: this.loginDialog.loginTitle, links: this.loginDialog.loginMenuLinks, idNamespace: this.idNamespace, showUnifiedLogin: this.showUnifiedLogin })) : (h("pn-marketweb-siteheader-login-linklist", { links: this.loginDialog.legacyLoginLinks, idNamespace: this.idNamespace })))))) : null, this.loginDialog.overrideLoginMenu ? (h("pn-marketweb-siteheader-login-linklist", { links: this.loginDialog.loginMenuLinks, idNamespace: this.idNamespace })) : null));
+  }
+  get hostElement() { return this; }
+  static get watchers() { return {
+    "loginDialog": ["init"]
+  }; }
+  static get style() { return pnMarketwebSiteheaderLoginLinksCss; }
+}, [0, "pn-marketweb-siteheader-login-links", {
+    "loginDialog": [1040],
+    "idNamespace": [1, "id-namespace"],
+    "loggedin": [516],
+    "username": [1],
+    "showUnifiedLogin": [4, "show-unified-login"]
+  }]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["pn-marketweb-siteheader-login-links", "pn-marketweb-siteheader-login-linklist"];
+  components.forEach(tagName => { switch (tagName) {
+    case "pn-marketweb-siteheader-login-links":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, PnMarketwebSiteheaderLoginLinks);
+      }
+      break;
+    case "pn-marketweb-siteheader-login-linklist":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$1();
+      }
+      break;
+  } });
+}
+defineCustomElement();
+
+export { PnMarketwebSiteheaderLoginLinks as P, defineCustomElement as d };

package/components/pn-marketweb-siteheader-login-mypage-button.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface PnMarketwebSiteheaderLoginMypageButton extends Components.PnMarketwebSiteheaderLoginMypageButton, HTMLElement {}
+export const PnMarketwebSiteheaderLoginMypageButton: {
+  prototype: PnMarketwebSiteheaderLoginMypageButton;
+  new (): PnMarketwebSiteheaderLoginMypageButton;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/components/pn-marketweb-siteheader-login-mypage-button.js

@@ -0,0 +1,6 @@
+import { P as PnMarketwebSiteheaderLoginMypageButton$1, d as defineCustomElement$1 } from './pn-marketweb-siteheader-login-mypage-button2.js';
+
+const PnMarketwebSiteheaderLoginMypageButton = PnMarketwebSiteheaderLoginMypageButton$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { PnMarketwebSiteheaderLoginMypageButton, defineCustomElement };

package/components/pn-marketweb-siteheader-login-mypage-button2.js

@@ -0,0 +1,36 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+
+const pnMarketwebSiteheaderLoginMypageButtonCss = "";
+
+const PnMarketwebSiteheaderLoginMypageButton = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.label = 'Mina sidor!';
+    this.myPageUrl = undefined;
+  }
+  render() {
+    return (h(Host, null, h("pn-button", { href: this.myPageUrl }, this.label)));
+  }
+  get hostElement() { return this; }
+  static get style() { return pnMarketwebSiteheaderLoginMypageButtonCss; }
+}, [0, "pn-marketweb-siteheader-login-mypage-button", {
+    "label": [1],
+    "myPageUrl": [1, "my-page-url"]
+  }]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["pn-marketweb-siteheader-login-mypage-button"];
+  components.forEach(tagName => { switch (tagName) {
+    case "pn-marketweb-siteheader-login-mypage-button":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, PnMarketwebSiteheaderLoginMypageButton);
+      }
+      break;
+  } });
+}
+defineCustomElement();
+
+export { PnMarketwebSiteheaderLoginMypageButton as P, defineCustomElement as d };

package/components/pn-marketweb-siteheader-login-profileselection.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface PnMarketwebSiteheaderLoginProfileselection extends Components.PnMarketwebSiteheaderLoginProfileselection, HTMLElement {}
+export const PnMarketwebSiteheaderLoginProfileselection: {
+  prototype: PnMarketwebSiteheaderLoginProfileselection;
+  new (): PnMarketwebSiteheaderLoginProfileselection;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/components/pn-marketweb-siteheader-login-profileselection.js

@@ -0,0 +1,6 @@
+import { P as PnMarketwebSiteheaderLoginProfileselection$1, d as defineCustomElement$1 } from './pn-marketweb-siteheader-login-profileselection2.js';
+
+const PnMarketwebSiteheaderLoginProfileselection = PnMarketwebSiteheaderLoginProfileselection$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { PnMarketwebSiteheaderLoginProfileselection, defineCustomElement };

package/components/pn-marketweb-siteheader-login-profileselection2.js

@@ -0,0 +1,234 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { s as state, d as defineCustomElement$1 } from './pn-marketweb-siteheader-login-linklist2.js';
+
+const pnMarketwebSiteheaderLoginProfileselectionCss = ".pn-marketweb-siteheader-login-profileselection-heading{display:block;padding:0.5rem 0 1rem}.pn-marketweb-siteheader-login-profileselection-user,.pn-marketweb-siteheader-login-profileselection-currentprofile{margin-top:1rem;margin-bottom:1rem}.pn-marketweb-siteheader-login-profileselection-user-name,.pn-marketweb-siteheader-login-profileselection-currentprofile-name{line-height:1}.pn-marketweb-siteheader-login-profileselection-user-description,.pn-marketweb-siteheader-login-profileselection-currentprofile-description{font-weight:400;white-space:normal;word-break:break-all;color:#5E554A;font-size:0.75em}.pn-marketweb-siteheader-login-profileselection-divider{height:1rem;width:100%;background:#00A0D6;position:relative;margin-left:-1em;margin-top:1.6rem;margin-bottom:1.6rem;border-radius:0 0.6em 0.6em 0;padding:0}.pn-marketweb-siteheader-login-profileselection-divider::after{content:\"\";width:0.6em;height:0.6em;border-radius:50%;position:absolute;right:0;top:0;background:inherit;-webkit-transform:translateX(calc(100% + 0.2em));transform:translateX(calc(100% + 0.2em))}.pn-marketweb-siteheader-login-profileselection-profileoption-link{display:-ms-flexbox;display:flex;background:#FFFFFF;-webkit-transition:background 0.15s ease-in-out;transition:background 0.15s ease-in-out;margin:0 -1em;padding:0.6rem 1.6rem;text-decoration:none;color:#005D92;-ms-flex-align:center;align-items:center}.pn-marketweb-siteheader-login-profileselection-profileoption-link:hover,.pn-marketweb-siteheader-login-profileselection-profileoption-link:focus,.pn-marketweb-siteheader-login-profileselection-profileoption-link:active{background:#F3F2F2}.pn-marketweb-siteheader-login-profileselection-profileoption-content{-ms-flex-positive:1;flex-grow:1}.pn-marketweb-siteheader-login-profileselection-profileoption-name{font-weight:700}.pn-marketweb-siteheader-login-profileselection-profileoption-description{font-weight:400;white-space:normal;word-break:break-all;color:#5E554A;font-size:0.75em}.pn-marketweb-siteheader-login-profileselection-logout{padding:1.6rem;text-align:center;width:100%}.pn-marketweb-siteheader-login-profileselection-logout-link{display:inline-block;font-weight:500;color:#005D92;text-decoration:none}.pn-marketweb-siteheader-login-profileselection-logout-link:hover,.pn-marketweb-siteheader-login-profileselection-logout-link:focus,.pn-marketweb-siteheader-login-profileselection-logout-link:active{text-decoration:underline}";
+
+const PnMarketwebSiteheaderLoginProfileselection = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.loginDialog = null;
+    this.endpoint = "";
+    this.loggedin = false;
+    this.idNamespace = "";
+    this.heading = null;
+    this.i18n = { "searchlabel": "", "searchplaceholder": "", "searchbuttontext": "", "menuHomeButton": "", "menuGoBackButton": "", "mainMenuButton": "", "menuStartButton": "", "profileSelectionFlyoutHeading": "" };
+    this.user = null;
+    this.logoutLink = null;
+    this.userName = null;
+    this.userEmail = "";
+    this.currentProfile = null;
+    this.profileoptions = [];
+  }
+  componentWillLoad() {
+    var _a;
+    if (this.heading === null && ((_a = this.i18n) === null || _a === void 0 ? void 0 : _a.profileSelectionFlyoutHeading)) {
+      this.heading = this.i18n.profileSelectionFlyoutHeading;
+    }
+    this.init();
+  }
+  init() {
+    this.updateUserInfo();
+    this.adjustLoginLinks();
+    this.fetchProfiles();
+  }
+  async fetchProfiles() {
+    if (!this.loggedin || this.profileoptions.length > 0) {
+      return;
+    }
+    let apiUrl = `${this.endpoint}${(this.endpoint.lastIndexOf('/') > -1 && this.endpoint.lastIndexOf('/') === this.endpoint.length - 1) ? '' : '/'}api/user/parentorganizations`;
+    const req = await fetch(apiUrl);
+    const reqdata = await req.json();
+    const fallbackData = {
+      loggedin: true,
+      organizations: [
+        {
+          name: "Forsheda Livs AB",
+          customerNumber: "5564513603",
+          id: "dbba867d-1dff-3dbb-b420-c57b4b828b73",
+          selected: true,
+          profiles: [
+            {
+              name: "Forsheda Livs AB",
+              customerNumber: "20685482",
+              id: "f757ba28-9a73-15a2-f128-4b394d970f3f",
+              ssid: "",
+              selected: false,
+              customerGroup: "Business"
+            },
+            {
+              name: "ICA MAXI KUNGSBACKA",
+              customerNumber: "20831191",
+              id: "5aea41df-32b0-3f7e-2946-78598360177d",
+              ssid: "259686",
+              selected: true,
+              customerGroup: "Agent"
+            }
+          ]
+        },
+        {
+          name: "Hem Livs i Kungsbacka AB",
+          customerNumber: "5565271250",
+          id: "97ca363c-40ef-cca9-7a3c-9e7f025567c2",
+          selected: false,
+          profiles: [
+            {
+              name: "ICA KVANTUM KUNGSBACKA",
+              customerNumber: "20831193",
+              id: "fbd61ffd-41c6-2206-b88e-cfef91e1dc39",
+              ssid: "259691",
+              selected: false,
+              customerGroup: "Agent"
+            }
+          ]
+        },
+        {
+          name: "ICA SUPERMARKET TORGET",
+          customerNumber: "5568902679",
+          id: "7cb76a94-e1a5-5f57-58fd-bc563851b28e",
+          selected: false,
+          profiles: [
+            {
+              name: "ICA SUPERMARKET TORGET",
+              customerNumber: "20831212",
+              id: "3a2db017-b68f-6fa0-fe70-542c08cd97ce",
+              ssid: "",
+              selected: false,
+              customerGroup: "Agent"
+            }
+          ]
+        }
+      ]
+    };
+    const data = (window.location.href.indexOf('localhost:6008') !== -1) ? fallbackData : reqdata;
+    if (!data || !data.organizations || !data.organizations.length) {
+      return;
+    }
+    data.organizations.forEach((org) => {
+      if (org.selected === true && org.profiles) {
+        const selectedProfile = org.profiles.filter(x => x.selected === true);
+        if (selectedProfile && selectedProfile[0] && selectedProfile[0].customerGroup.toLocaleLowerCase() === "agent" && selectedProfile[0].ssid) {
+          org.customerNumber = selectedProfile[0].ssid;
+        }
+      }
+      else {
+        if (org.customerNumber.length === 10 && org.customerNumber.substring(0, 2) === "55") {
+          org.customerNumber = org.customerNumber.substring(0, 6) + "-" + org.customerNumber.substring(6);
+        }
+        this.profileoptions.push(org);
+      }
+    });
+    let currentProfileObj = data.organizations.filter(x => x.selected === true)[0];
+    const userProfileOption = {
+      name: this.userName,
+      customerNumber: '',
+      id: '',
+      selected: (!currentProfileObj),
+      profiles: []
+    };
+    if (!currentProfileObj) {
+      currentProfileObj = userProfileOption;
+    }
+    if (currentProfileObj && currentProfileObj.name) {
+      this.currentProfile = currentProfileObj;
+    }
+    this.profileoptions.push(userProfileOption);
+  }
+  adjustLoginLinks() {
+    var _a, _b, _c, _d;
+    const adjustLink = (link, i) => {
+      if (!link.isLogoutLink) {
+        link.isLogoutLink = (link.pageLink.indexOf('location.href') !== -1 && link.pageLink.indexOf('logout') !== -1);
+      }
+      if (link.isLogoutLink) {
+        link.href = state.loginManager.getLogoutUrl(link.href);
+      }
+      if (i === 0 && !link.href) {
+        link.href = state.loginManager.getLoginUrl();
+        link.linkType = 'primary';
+      }
+      if (link.primaryLinkApperance && !link.linkType) {
+        link.linkType = 'primary';
+      }
+    };
+    if ((_a = this.loginDialog) === null || _a === void 0 ? void 0 : _a.loggedInLinks) {
+      (_b = this.loginDialog) === null || _b === void 0 ? void 0 : _b.loggedInLinks.forEach(adjustLink);
+    }
+    this.logoutLink = (_d = (_c = this.loginDialog) === null || _c === void 0 ? void 0 : _c.loggedInLinks.filter(x => x.isLogoutLink)[0]) !== null && _d !== void 0 ? _d : null;
+  }
+  updateUserInfo() {
+    const userInfo = state.loginManager.getUserInfo();
+    this.user = userInfo;
+    if (!userInfo) {
+      return;
+    }
+    if (userInfo && userInfo.email) {
+      this.userEmail = userInfo.email;
+    }
+    if (userInfo && userInfo.given_name) {
+      this.userName = userInfo.given_name + ((userInfo === null || userInfo === void 0 ? void 0 : userInfo.family_name) ? ` ${userInfo === null || userInfo === void 0 ? void 0 : userInfo.family_name}` : "");
+    }
+    if (userInfo && userInfo.given_name) {
+      this.userName = userInfo.given_name;
+      return;
+    }
+    if (userInfo && userInfo.family_name) {
+      this.userName = userInfo.family_name;
+      return;
+    }
+    if (userInfo && userInfo.username) {
+      this.userName = userInfo.username;
+      return;
+    }
+  }
+  render() {
+    if (!this.loginDialog) {
+      return;
+    }
+    let hostElementAttribute = {};
+    return (h(Host, Object.assign({}, hostElementAttribute), this.heading ? h("strong", { class: "pn-marketweb-siteheader-login-profileselection-heading" }, this.heading) : null, this.currentProfile !== null && this.currentProfile.name ?
+      h("div", { class: "pn-marketweb-siteheader-login-profileselection-currentprofile" }, h("div", { class: "pn-marketweb-siteheader-login-profileselection-currentprofile-name" }, this.currentProfile.name), h("div", { class: "pn-marketweb-siteheader-login-profileselection-currentprofile-description" }, this.currentProfile.customerNumber ? this.currentProfile.customerNumber : this.userEmail))
+      : null, h("pn-marketweb-siteheader-login-linklist", { links: this.loginDialog.loggedInLinks, idNamespace: this.idNamespace }), h("div", { class: "pn-marketweb-siteheader-login-profileselection-divider" }), this.profileoptions.filter(x => x.selected !== true).map((organization) => {
+      let customerNumber = (organization.profiles.length > 0) ? organization.profiles[0].customerNumber : organization.customerNumber;
+      return (h("div", { class: "pn-marketweb-siteheader-login-profileselection-profileoption" }, h("a", { href: `${this.endpoint}/api/user/setprofile?customernumber=${customerNumber}&returnUrl=${window.location.href}`, class: "pn-marketweb-siteheader-login-profileselection-profileoption-link" }, h("div", { class: "pn-marketweb-siteheader-login-profileselection-profileoption-content" }, h("div", { class: "pn-marketweb-siteheader-login-profileselection-profileoption-name" }, organization.name), h("div", { class: "pn-marketweb-siteheader-login-profileselection-profileoption-description" }, organization.customerNumber ? organization.customerNumber : this.userEmail)), h("pn-icon", { symbol: "arrow-right", small: "false", color: "blue700" }))));
+    }), this.logoutLink ?
+      h("div", { class: "pn-marketweb-siteheader-login-profileselection-logout" }, h("a", { href: this.logoutLink.href, rel: "nofollower noopener", id: "pn-marketweb-header-logoutlink", onClick: () => state.loginManager.clearUserData(), class: "pn-marketweb-siteheader-login-profileselection-logout-link" }, this.logoutLink.linkText))
+      : null));
+  }
+  get hostElement() { return this; }
+  static get style() { return pnMarketwebSiteheaderLoginProfileselectionCss; }
+}, [0, "pn-marketweb-siteheader-login-profileselection", {
+    "loginDialog": [1040],
+    "endpoint": [1],
+    "loggedin": [4],
+    "idNamespace": [1, "id-namespace"],
+    "heading": [1],
+    "i18n": [16],
+    "currentProfile": [1040],
+    "profileoptions": [1040],
+    "user": [32],
+    "logoutLink": [32],
+    "userName": [32],
+    "userEmail": [32]
+  }]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["pn-marketweb-siteheader-login-profileselection", "pn-marketweb-siteheader-login-linklist"];
+  components.forEach(tagName => { switch (tagName) {
+    case "pn-marketweb-siteheader-login-profileselection":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, PnMarketwebSiteheaderLoginProfileselection);
+      }
+      break;
+    case "pn-marketweb-siteheader-login-linklist":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$1();
+      }
+      break;
+  } });
+}
+defineCustomElement();
+
+export { PnMarketwebSiteheaderLoginProfileselection as P, defineCustomElement as d };

package/components/pn-marketweb-siteheader-login.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface PnMarketwebSiteheaderLogin extends Components.PnMarketwebSiteheaderLogin, HTMLElement {}
+export const PnMarketwebSiteheaderLogin: {
+  prototype: PnMarketwebSiteheaderLogin;
+  new (): PnMarketwebSiteheaderLogin;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

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

@@ -0,0 +1,6 @@
+import { P as PnMarketwebSiteheaderLogin$1, d as defineCustomElement$1 } from './pn-marketweb-siteheader-login2.js';
+
+const PnMarketwebSiteheaderLogin = PnMarketwebSiteheaderLogin$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { PnMarketwebSiteheaderLogin, defineCustomElement };