@postnord/pn-marketweb-components 3.0.2 → 3.0.4

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

@@ -1 +1 @@
-{"version":3,"file":"pn-marketweb-siteheader-login-mypage-button.js","sourceRoot":"","sources":["../../../../src/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-login-mypage-button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAMlE,MAAM,OAAO,sCAAsC;;qBAEzB,aAAa;;;IAGrC,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,kEAAW,IAAI,EAAE,IAAI,CAAC,SAAS,IAAG,IAAI,CAAC,KAAK,CAAa,CACpD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Element, h, Host, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'pn-marketweb-siteheader-login-mypage-button',\n  styleUrl: 'pn-marketweb-siteheader-login-mypage-button.scss',\n})\nexport class PnMarketwebSiteheaderLoginMypageButton {\n  @Element() hostElement: HTMLElement;\n  @Prop() label: string = 'Mina sidor!';\n  @Prop() myPageUrl: string;\n\n  render() {\n    return (\n      <Host>\n        <pn-button href={this.myPageUrl}>{this.label}</pn-button>\n      </Host>\n    );\n  }\n}\n"]}
+{"version":3,"file":"pn-marketweb-siteheader-login-mypage-button.js","sourceRoot":"","sources":["../../../../src/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-login-mypage-button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAMlE,MAAM,OAAO,sCAAsC;;qBAEzB,aAAa;;;IAD1B,WAAW,CAAc;IAIpC,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,kEAAW,IAAI,EAAE,IAAI,CAAC,SAAS,IAAG,IAAI,CAAC,KAAK,CAAa,CACpD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Element, h, Host, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'pn-marketweb-siteheader-login-mypage-button',\n  styleUrl: 'pn-marketweb-siteheader-login-mypage-button.scss',\n})\nexport class PnMarketwebSiteheaderLoginMypageButton {\n  @Element() hostElement: HTMLElement;\n  @Prop() label: string = 'Mina sidor!';\n  @Prop() myPageUrl: string;\n\n  render() {\n    return (\n      <Host>\n        <pn-button href={this.myPageUrl}>{this.label}</pn-button>\n      </Host>\n    );\n  }\n}\n"]}

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

@@ -25,9 +25,9 @@ export class PnMarketwebSiteheaderLoginProfileselection {
         this.currentProfile = null;
         this.profileoptions = [];
     }
+    hostElement;
     componentWillLoad() {
-        var _a;
-        if (this.heading === null && ((_a = this.i18n) === null || _a === void 0 ? void 0 : _a.profileSelectionFlyoutHeading)) {
+        if (this.heading === null && this.i18n?.profileSelectionFlyoutHeading) {
             this.heading = this.i18n.profileSelectionFlyoutHeading;
         }
         this.init();
@@ -140,7 +140,6 @@ export class PnMarketwebSiteheaderLoginProfileselection {
         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;
@@ -156,10 +155,10 @@ export class PnMarketwebSiteheaderLoginProfileselection {
                 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);
+        if (this.loginDialog?.loggedInLinks) {
+            this.loginDialog?.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;
+        this.logoutLink = this.loginDialog?.loggedInLinks.filter(x => x.isLogoutLink)[0] ?? null;
     }
     updateUserInfo() {
         const userInfo = headerState.loginManager.getUserInfo();
@@ -171,7 +170,7 @@ export class PnMarketwebSiteheaderLoginProfileselection {
             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}` : '');
+            this.userName = userInfo.given_name + (userInfo?.family_name ? ` ${userInfo?.family_name}` : '');
         }
         if (userInfo && userInfo.given_name) {
             this.userName = userInfo.given_name;
@@ -194,7 +193,7 @@ export class PnMarketwebSiteheaderLoginProfileselection {
             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.filterLogoutLink(this.loginDialog.loggedInLinks), idNamespace: this.idNamespace }), h("div", { class: "pn-marketweb-siteheader-login-profileselection-divider" }), this.profileoptions
+        return (h(Host, { ...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.filterLogoutLink(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;

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

@@ -1 +1 @@
-{"version":3,"file":"pn-marketweb-siteheader-login-profileselection.js","sourceRoot":"","sources":["../../../../src/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-login-profileselection.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, h, Host, Prop, State } from '@stencil/core';\n\nimport { IUserInfo } from '../../../globals/MarketWebLoginManager';\nimport { state as headerState } from './pn-marketweb-siteheader-store';\nimport { LoginDialog, LoginDialogLink, ProfileSelectorCustomerItem, ProfileSelectorOrganization, SiteHeaderI18N } from './pn-marketweb-siteheader-types';\nimport { arrow_right } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n  tag: 'pn-marketweb-siteheader-login-profileselection',\n  styleUrl: 'pn-marketweb-siteheader-login-profileselection.scss',\n})\nexport class PnMarketwebSiteheaderLoginProfileselection {\n  @Element() hostElement: HTMLElement;\n\n  // Login dialog\n  @Prop({ mutable: true }) loginDialog: LoginDialog = null;\n  @Prop() endpoint: string = '';\n  @Prop() loggedin: boolean = false;\n  @Prop() idNamespace: string = '';\n  @Prop() heading: string = null;\n  @Prop() i18n: SiteHeaderI18N = {\n    searchlabel: '',\n    searchplaceholder: '',\n    searchbuttontext: '',\n    menuHomeButton: '',\n    menuGoBackButton: '',\n    mainMenuButton: '',\n    menuStartButton: '',\n    profileSelectionFlyoutHeading: '',\n  } as SiteHeaderI18N;\n\n  @State() user: IUserInfo = null;\n\n  @State() logoutLink: LoginDialogLink = null;\n  @State() userName: string = null;\n  @State() userEmail: string = '';\n\n  @Prop({ mutable: true }) currentProfile: ProfileSelectorCustomerItem = null;\n  @Prop({ mutable: true }) profileoptions: ProfileSelectorOrganization[] = [];\n\n  componentWillLoad() {\n    if (this.heading === null && this.i18n?.profileSelectionFlyoutHeading) {\n      this.heading = this.i18n.profileSelectionFlyoutHeading;\n    }\n    this.init();\n  }\n\n  init() {\n    this.updateUserInfo();\n    this.adjustLoginLinks();\n    this.fetchProfiles();\n  }\n  async fetchProfiles() {\n    if (!this.loggedin || this.profileoptions.length > 0) {\n      return;\n    }\n    let apiUrl = `${this.endpoint}${this.endpoint.lastIndexOf('/') > -1 && this.endpoint.lastIndexOf('/') === this.endpoint.length - 1 ? '' : '/'}api/user/parentorganizations`;\n    const req = await fetch(apiUrl);\n    const reqdata = await req.json();\n    const fallbackData = {\n      loggedin: true,\n      organizations: [\n        {\n          name: 'Forsheda Livs AB',\n          customerNumber: '5564513603',\n          id: 'dbba867d-1dff-3dbb-b420-c57b4b828b73',\n          selected: true,\n          profiles: [\n            {\n              name: 'Forsheda Livs AB',\n              customerNumber: '20685482',\n              id: 'f757ba28-9a73-15a2-f128-4b394d970f3f',\n              ssid: '',\n              selected: false,\n              customerGroup: 'Business',\n            },\n            {\n              name: 'ICA MAXI KUNGSBACKA',\n              customerNumber: '20831191',\n              id: '5aea41df-32b0-3f7e-2946-78598360177d',\n              ssid: '259686',\n              selected: true,\n              customerGroup: 'Agent',\n            },\n          ],\n        },\n        {\n          name: 'Hem Livs i Kungsbacka AB',\n          customerNumber: '5565271250',\n          id: '97ca363c-40ef-cca9-7a3c-9e7f025567c2',\n          selected: false,\n          profiles: [\n            {\n              name: 'ICA KVANTUM KUNGSBACKA',\n              customerNumber: '20831193',\n              id: 'fbd61ffd-41c6-2206-b88e-cfef91e1dc39',\n              ssid: '259691',\n              selected: false,\n              customerGroup: 'Agent',\n            },\n          ],\n        },\n        {\n          name: 'ICA SUPERMARKET TORGET',\n          customerNumber: '5568902679',\n          id: '7cb76a94-e1a5-5f57-58fd-bc563851b28e',\n          selected: false,\n          profiles: [\n            {\n              name: 'ICA SUPERMARKET TORGET',\n              customerNumber: '20831212',\n              id: '3a2db017-b68f-6fa0-fe70-542c08cd97ce',\n              ssid: '',\n              selected: false,\n              customerGroup: 'Agent',\n            },\n          ],\n        },\n      ],\n    };\n    const data = window.location.href.indexOf('localhost:6008') !== -1 ? fallbackData : reqdata;\n\n    if (!data || !data.organizations || !data.organizations.length) {\n      return;\n    }\n\n    (data.organizations as ProfileSelectorOrganization[]).forEach(org => {\n      if (org.selected === true && org.profiles) {\n        const selectedProfile = org.profiles.filter(x => x.selected === true);\n        if (selectedProfile && selectedProfile[0] && selectedProfile[0].customerGroup.toLocaleLowerCase() === 'agent' && selectedProfile[0].ssid) {\n          org.customerNumber = selectedProfile[0].ssid;\n        }\n      } else {\n        if (org.customerNumber.length === 10 && org.customerNumber.substring(0, 2) === '55') {\n          org.customerNumber = org.customerNumber.substring(0, 6) + '-' + org.customerNumber.substring(6);\n        }\n        this.profileoptions.push(org);\n      }\n    });\n\n    let currentProfileObj = data.organizations.filter(x => x.selected === true)[0];\n    const userProfileOption = {\n      name: this.userName,\n      customerNumber: '',\n      id: '',\n      selected: !currentProfileObj,\n      profiles: [],\n    };\n    if (!currentProfileObj) {\n      currentProfileObj = userProfileOption;\n    }\n\n    if (currentProfileObj && currentProfileObj.name) {\n      this.currentProfile = currentProfileObj;\n    }\n    this.profileoptions.push(userProfileOption);\n  }\n  adjustLoginLinks() {\n    const adjustLink = (link, i) => {\n      if (!link.isLogoutLink) {\n        link.isLogoutLink = link.pageLink.indexOf('location.href') !== -1 && link.pageLink.indexOf('logout') !== -1;\n      }\n      if (link.isLogoutLink) {\n        link.href = headerState.loginManager.getLogoutUrl(link.href);\n      }\n\n      if (i === 0 && !link.href) {\n        link.href = headerState.loginManager.getLoginUrl();\n        link.linkType = 'primary';\n      }\n      if (link.primaryLinkApperance && !link.linkType) {\n        link.linkType = 'primary';\n      }\n    };\n\n    if (this.loginDialog?.loggedInLinks) {\n      this.loginDialog?.loggedInLinks.forEach(adjustLink);\n    }\n\n    this.logoutLink = this.loginDialog?.loggedInLinks.filter(x => x.isLogoutLink)[0] ?? null;\n  }\n  updateUserInfo() {\n    const userInfo: IUserInfo = headerState.loginManager.getUserInfo();\n    this.user = userInfo;\n    if (!userInfo) {\n      return;\n    }\n    if (userInfo && userInfo.email) {\n      this.userEmail = userInfo.email;\n    }\n    if (userInfo && userInfo.given_name) {\n      this.userName = userInfo.given_name + (userInfo?.family_name ? ` ${userInfo?.family_name}` : '');\n    }\n    if (userInfo && userInfo.given_name) {\n      this.userName = userInfo.given_name;\n      return;\n    }\n    if (userInfo && userInfo.family_name) {\n      this.userName = userInfo.family_name;\n      return;\n    }\n    if (userInfo && userInfo.username) {\n      this.userName = userInfo.username;\n      return;\n    }\n  }\n\n  filterLogoutLink(loggedInLinks: LoginDialogLink[]): LoginDialogLink[] {\n    return loggedInLinks.filter((link: LoginDialogLink) => !link.isLogoutLink);\n  }\n\n  render() {\n    if (!this.loginDialog) {\n      return;\n    }\n\n    let hostElementAttribute = {};\n    return (\n      <Host {...hostElementAttribute}>\n        {this.heading ? <strong class=\"pn-marketweb-siteheader-login-profileselection-heading\">{this.heading}</strong> : null}\n        {this.currentProfile !== null && this.currentProfile.name ? (\n          <div class=\"pn-marketweb-siteheader-login-profileselection-currentprofile\">\n            <div class=\"pn-marketweb-siteheader-login-profileselection-currentprofile-name\">{this.currentProfile.name}</div>\n            <div class=\"pn-marketweb-siteheader-login-profileselection-currentprofile-description\">\n              {this.currentProfile.customerNumber ? this.currentProfile.customerNumber : this.userEmail}\n            </div>\n          </div>\n        ) : null}\n\n        <pn-marketweb-siteheader-login-linklist\n          links={this.filterLogoutLink(this.loginDialog.loggedInLinks)}\n          idNamespace={this.idNamespace}\n        ></pn-marketweb-siteheader-login-linklist>\n\n        <div class=\"pn-marketweb-siteheader-login-profileselection-divider\"></div>\n        {this.profileoptions\n          .filter(x => x.selected !== true)\n          .map(organization => {\n            let customerNumber = organization.profiles.length > 0 ? organization.profiles[0].customerNumber : organization.customerNumber;\n            return (\n              <div class=\"pn-marketweb-siteheader-login-profileselection-profileoption\">\n                {/* /api/user/setprofile? profile=xxxxx */}\n                <a\n                  href={`${this.endpoint}/api/user/setprofile?customernumber=${customerNumber}&returnUrl=${window.location.href}`}\n                  class=\"pn-marketweb-siteheader-login-profileselection-profileoption-link\"\n                >\n                  <div class=\"pn-marketweb-siteheader-login-profileselection-profileoption-content\">\n                    <div class=\"pn-marketweb-siteheader-login-profileselection-profileoption-name\">{organization.name}</div>\n                    <div class=\"pn-marketweb-siteheader-login-profileselection-profileoption-description\">\n                      {organization.customerNumber ? organization.customerNumber : this.userEmail}\n                    </div>\n                  </div>\n                  <pn-icon icon={arrow_right} small=\"false\" color=\"blue700\"></pn-icon>\n                </a>\n              </div>\n            );\n          })}\n\n        {this.logoutLink ? (\n          <div class=\"pn-marketweb-siteheader-login-profileselection-logout\">\n            {/* https://se-inte.postnord.com/UnifiedLogin/ExternalLoginCallback?returnUrl=https://se-inte.postnord.com/handla-online&profile=770e785b-702b-dc22-b1e9-4839eded4f83 */}\n            <a\n              href={this.logoutLink.href}\n              rel=\"nofollower noopener\"\n              id=\"pn-marketweb-header-logoutlink\"\n              onClick={() => headerState.loginManager.clearUserData()}\n              class=\"pn-marketweb-siteheader-login-profileselection-logout-link\"\n            >\n              {this.logoutLink.linkText}\n            </a>\n          </div>\n        ) : null}\n      </Host>\n    );\n  }\n}\n"]}
+{"version":3,"file":"pn-marketweb-siteheader-login-profileselection.js","sourceRoot":"","sources":["../../../../src/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-login-profileselection.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, h, Host, Prop, State } from '@stencil/core';\n\nimport { IUserInfo } from '../../../globals/MarketWebLoginManager';\nimport { state as headerState } from './pn-marketweb-siteheader-store';\nimport { LoginDialog, LoginDialogLink, ProfileSelectorCustomerItem, ProfileSelectorOrganization, SiteHeaderI18N } from './pn-marketweb-siteheader-types';\nimport { arrow_right } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n  tag: 'pn-marketweb-siteheader-login-profileselection',\n  styleUrl: 'pn-marketweb-siteheader-login-profileselection.scss',\n})\nexport class PnMarketwebSiteheaderLoginProfileselection {\n  @Element() hostElement: HTMLElement;\n\n  // Login dialog\n  @Prop({ mutable: true }) loginDialog: LoginDialog = null;\n  @Prop() endpoint: string = '';\n  @Prop() loggedin: boolean = false;\n  @Prop() idNamespace: string = '';\n  @Prop() heading: string = null;\n  @Prop() i18n: SiteHeaderI18N = {\n    searchlabel: '',\n    searchplaceholder: '',\n    searchbuttontext: '',\n    menuHomeButton: '',\n    menuGoBackButton: '',\n    mainMenuButton: '',\n    menuStartButton: '',\n    profileSelectionFlyoutHeading: '',\n  } as SiteHeaderI18N;\n\n  @State() user: IUserInfo = null;\n\n  @State() logoutLink: LoginDialogLink = null;\n  @State() userName: string = null;\n  @State() userEmail: string = '';\n\n  @Prop({ mutable: true }) currentProfile: ProfileSelectorCustomerItem = null;\n  @Prop({ mutable: true }) profileoptions: ProfileSelectorOrganization[] = [];\n\n  componentWillLoad() {\n    if (this.heading === null && this.i18n?.profileSelectionFlyoutHeading) {\n      this.heading = this.i18n.profileSelectionFlyoutHeading;\n    }\n    this.init();\n  }\n\n  init() {\n    this.updateUserInfo();\n    this.adjustLoginLinks();\n    this.fetchProfiles();\n  }\n  async fetchProfiles() {\n    if (!this.loggedin || this.profileoptions.length > 0) {\n      return;\n    }\n    let apiUrl = `${this.endpoint}${this.endpoint.lastIndexOf('/') > -1 && this.endpoint.lastIndexOf('/') === this.endpoint.length - 1 ? '' : '/'}api/user/parentorganizations`;\n    const req = await fetch(apiUrl);\n    const reqdata = await req.json();\n    const fallbackData = {\n      loggedin: true,\n      organizations: [\n        {\n          name: 'Forsheda Livs AB',\n          customerNumber: '5564513603',\n          id: 'dbba867d-1dff-3dbb-b420-c57b4b828b73',\n          selected: true,\n          profiles: [\n            {\n              name: 'Forsheda Livs AB',\n              customerNumber: '20685482',\n              id: 'f757ba28-9a73-15a2-f128-4b394d970f3f',\n              ssid: '',\n              selected: false,\n              customerGroup: 'Business',\n            },\n            {\n              name: 'ICA MAXI KUNGSBACKA',\n              customerNumber: '20831191',\n              id: '5aea41df-32b0-3f7e-2946-78598360177d',\n              ssid: '259686',\n              selected: true,\n              customerGroup: 'Agent',\n            },\n          ],\n        },\n        {\n          name: 'Hem Livs i Kungsbacka AB',\n          customerNumber: '5565271250',\n          id: '97ca363c-40ef-cca9-7a3c-9e7f025567c2',\n          selected: false,\n          profiles: [\n            {\n              name: 'ICA KVANTUM KUNGSBACKA',\n              customerNumber: '20831193',\n              id: 'fbd61ffd-41c6-2206-b88e-cfef91e1dc39',\n              ssid: '259691',\n              selected: false,\n              customerGroup: 'Agent',\n            },\n          ],\n        },\n        {\n          name: 'ICA SUPERMARKET TORGET',\n          customerNumber: '5568902679',\n          id: '7cb76a94-e1a5-5f57-58fd-bc563851b28e',\n          selected: false,\n          profiles: [\n            {\n              name: 'ICA SUPERMARKET TORGET',\n              customerNumber: '20831212',\n              id: '3a2db017-b68f-6fa0-fe70-542c08cd97ce',\n              ssid: '',\n              selected: false,\n              customerGroup: 'Agent',\n            },\n          ],\n        },\n      ],\n    };\n    const data = window.location.href.indexOf('localhost:6008') !== -1 ? fallbackData : reqdata;\n\n    if (!data || !data.organizations || !data.organizations.length) {\n      return;\n    }\n\n    (data.organizations as ProfileSelectorOrganization[]).forEach(org => {\n      if (org.selected === true && org.profiles) {\n        const selectedProfile = org.profiles.filter(x => x.selected === true);\n        if (selectedProfile && selectedProfile[0] && selectedProfile[0].customerGroup.toLocaleLowerCase() === 'agent' && selectedProfile[0].ssid) {\n          org.customerNumber = selectedProfile[0].ssid;\n        }\n      } else {\n        if (org.customerNumber.length === 10 && org.customerNumber.substring(0, 2) === '55') {\n          org.customerNumber = org.customerNumber.substring(0, 6) + '-' + org.customerNumber.substring(6);\n        }\n        this.profileoptions.push(org);\n      }\n    });\n\n    let currentProfileObj = data.organizations.filter(x => x.selected === true)[0];\n    const userProfileOption = {\n      name: this.userName,\n      customerNumber: '',\n      id: '',\n      selected: !currentProfileObj,\n      profiles: [],\n    };\n    if (!currentProfileObj) {\n      currentProfileObj = userProfileOption;\n    }\n\n    if (currentProfileObj && currentProfileObj.name) {\n      this.currentProfile = currentProfileObj;\n    }\n    this.profileoptions.push(userProfileOption);\n  }\n  adjustLoginLinks() {\n    const adjustLink = (link, i) => {\n      if (!link.isLogoutLink) {\n        link.isLogoutLink = link.pageLink.indexOf('location.href') !== -1 && link.pageLink.indexOf('logout') !== -1;\n      }\n      if (link.isLogoutLink) {\n        link.href = headerState.loginManager.getLogoutUrl(link.href);\n      }\n\n      if (i === 0 && !link.href) {\n        link.href = headerState.loginManager.getLoginUrl();\n        link.linkType = 'primary';\n      }\n      if (link.primaryLinkApperance && !link.linkType) {\n        link.linkType = 'primary';\n      }\n    };\n\n    if (this.loginDialog?.loggedInLinks) {\n      this.loginDialog?.loggedInLinks.forEach(adjustLink);\n    }\n\n    this.logoutLink = this.loginDialog?.loggedInLinks.filter(x => x.isLogoutLink)[0] ?? null;\n  }\n  updateUserInfo() {\n    const userInfo: IUserInfo = headerState.loginManager.getUserInfo();\n    this.user = userInfo;\n    if (!userInfo) {\n      return;\n    }\n    if (userInfo && userInfo.email) {\n      this.userEmail = userInfo.email;\n    }\n    if (userInfo && userInfo.given_name) {\n      this.userName = userInfo.given_name + (userInfo?.family_name ? ` ${userInfo?.family_name}` : '');\n    }\n    if (userInfo && userInfo.given_name) {\n      this.userName = userInfo.given_name;\n      return;\n    }\n    if (userInfo && userInfo.family_name) {\n      this.userName = userInfo.family_name;\n      return;\n    }\n    if (userInfo && userInfo.username) {\n      this.userName = userInfo.username;\n      return;\n    }\n  }\n\n  filterLogoutLink(loggedInLinks: LoginDialogLink[]): LoginDialogLink[] {\n    return loggedInLinks.filter((link: LoginDialogLink) => !link.isLogoutLink);\n  }\n\n  render() {\n    if (!this.loginDialog) {\n      return;\n    }\n\n    let hostElementAttribute = {};\n    return (\n      <Host {...hostElementAttribute}>\n        {this.heading ? <strong class=\"pn-marketweb-siteheader-login-profileselection-heading\">{this.heading}</strong> : null}\n        {this.currentProfile !== null && this.currentProfile.name ? (\n          <div class=\"pn-marketweb-siteheader-login-profileselection-currentprofile\">\n            <div class=\"pn-marketweb-siteheader-login-profileselection-currentprofile-name\">{this.currentProfile.name}</div>\n            <div class=\"pn-marketweb-siteheader-login-profileselection-currentprofile-description\">\n              {this.currentProfile.customerNumber ? this.currentProfile.customerNumber : this.userEmail}\n            </div>\n          </div>\n        ) : null}\n\n        <pn-marketweb-siteheader-login-linklist\n          links={this.filterLogoutLink(this.loginDialog.loggedInLinks)}\n          idNamespace={this.idNamespace}\n        ></pn-marketweb-siteheader-login-linklist>\n\n        <div class=\"pn-marketweb-siteheader-login-profileselection-divider\"></div>\n        {this.profileoptions\n          .filter(x => x.selected !== true)\n          .map(organization => {\n            let customerNumber = organization.profiles.length > 0 ? organization.profiles[0].customerNumber : organization.customerNumber;\n            return (\n              <div class=\"pn-marketweb-siteheader-login-profileselection-profileoption\">\n                {/* /api/user/setprofile? profile=xxxxx */}\n                <a\n                  href={`${this.endpoint}/api/user/setprofile?customernumber=${customerNumber}&returnUrl=${window.location.href}`}\n                  class=\"pn-marketweb-siteheader-login-profileselection-profileoption-link\"\n                >\n                  <div class=\"pn-marketweb-siteheader-login-profileselection-profileoption-content\">\n                    <div class=\"pn-marketweb-siteheader-login-profileselection-profileoption-name\">{organization.name}</div>\n                    <div class=\"pn-marketweb-siteheader-login-profileselection-profileoption-description\">\n                      {organization.customerNumber ? organization.customerNumber : this.userEmail}\n                    </div>\n                  </div>\n                  <pn-icon icon={arrow_right} small=\"false\" color=\"blue700\"></pn-icon>\n                </a>\n              </div>\n            );\n          })}\n\n        {this.logoutLink ? (\n          <div class=\"pn-marketweb-siteheader-login-profileselection-logout\">\n            {/* https://se-inte.postnord.com/UnifiedLogin/ExternalLoginCallback?returnUrl=https://se-inte.postnord.com/handla-online&profile=770e785b-702b-dc22-b1e9-4839eded4f83 */}\n            <a\n              href={this.logoutLink.href}\n              rel=\"nofollower noopener\"\n              id=\"pn-marketweb-header-logoutlink\"\n              onClick={() => headerState.loginManager.clearUserData()}\n              class=\"pn-marketweb-siteheader-login-profileselection-logout-link\"\n            >\n              {this.logoutLink.linkText}\n            </a>\n          </div>\n        ) : null}\n      </Host>\n    );\n  }\n}\n"]}

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

@@ -4,7 +4,6 @@ import { state as headerState } from "./pn-marketweb-siteheader-store";
 import { user } from "pn-design-assets/pn-assets/icons.js";
 export class PnMarketwebSiteheaderLogin {
     constructor() {
-        var _a;
         this.endpoint = '';
         this.token = '';
         this.i18n = {
@@ -29,9 +28,12 @@ export class PnMarketwebSiteheaderLogin {
         this.checkUserLoggedInStateInterval = 0;
         this.environment = undefined;
         this.loginLinks = undefined;
-        this.toggleButtonText = ((_a = this.loginDialog) === null || _a === void 0 ? void 0 : _a.loginMenuLinkText) ? this.loginDialog.loginMenuLinkText : '';
+        this.toggleButtonText = this.loginDialog?.loginMenuLinkText ? this.loginDialog.loginMenuLinkText : '';
         this.username = this.fullname;
     }
+    hostElement;
+    // Events
+    loginStateChange;
     componentWillLoad() {
         const userInfo = this.loggedin && this.fullname ? { given_name: this.fullname } : null;
         headerState.loginManager = new MarketWebLoginManager({
@@ -60,8 +62,7 @@ export class PnMarketwebSiteheaderLogin {
         this.adjustLoginLinks();
     }
     adjustLoginLinks() {
-        var _a;
-        if (!((_a = this.loginDialog) === null || _a === void 0 ? void 0 : _a.loginMenuLinks)) {
+        if (!this.loginDialog?.loginMenuLinks) {
             return;
         }
         const adjustLink = (link, i) => {
@@ -111,7 +112,7 @@ export class PnMarketwebSiteheaderLogin {
             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?.family_name ? ` ${userInfo?.family_name}` : '');
         }
         if (!name && userInfo && userInfo.email) {
             name = userInfo.email;
@@ -152,7 +153,7 @@ export class PnMarketwebSiteheaderLogin {
             hostElementAttribute.username = this.username;
             hostElementAttribute.loggedin = this.loggedin + '';
         }
-        return (h(Host, Object.assign({}, hostElementAttribute), h("pn-button-dropdown", { label: this.toggleButtonText, icon: user, appearance: "light", variant: "borderless", class: "siteheader-logindialog" }, this.showUnifiedLogin && (h("pn-marketweb-siteheader-unified-login", { loggedIn: this.loggedin, myPageLabel: this.i18n.unifiedMyPagesButton, myPageUrl: "https://account.postnord.com/secure/profile", logInLabel: this.i18n.unifiedLoginButton })), 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, showUnifiedLogin: this.showUnifiedLogin })), !this.loggedin && h("span", { innerHTML: `${this.loginDialog.loginInfo}` }))));
+        return (h(Host, { ...hostElementAttribute }, h("pn-button-dropdown", { label: this.toggleButtonText, icon: user, appearance: "light", variant: "borderless", class: "siteheader-logindialog" }, this.showUnifiedLogin && (h("pn-marketweb-siteheader-unified-login", { loggedIn: this.loggedin, myPageLabel: this.i18n.unifiedMyPagesButton, myPageUrl: "https://account.postnord.com/secure/profile", logInLabel: this.i18n.unifiedLoginButton })), 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, showUnifiedLogin: this.showUnifiedLogin })), !this.loggedin && h("span", { innerHTML: `${this.loginDialog.loginInfo}` }))));
     }
     static get is() { return "pn-marketweb-siteheader-login"; }
     static get originalStyleUrls() {

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

@@ -1 +1 @@
-{"version":3,"file":"pn-marketweb-siteheader-login.js","sourceRoot":"","sources":["../../../../src/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-login.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, Event, EventEmitter, h, Host, Prop, State, Watch } from '@stencil/core';\n\nimport { IUserInfo, MarketWebLoginManager } from '../../../globals/MarketWebLoginManager';\nimport { state as headerState } from './pn-marketweb-siteheader-store';\nimport { LoginDialog, SiteHeaderI18N } from './pn-marketweb-siteheader-types';\nimport { user } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n  tag: 'pn-marketweb-siteheader-login',\n  styleUrl: 'pn-marketweb-siteheader-login.scss',\n})\nexport class PnMarketwebSiteheaderLogin {\n  @Element() hostElement: HTMLElement;\n  /** Specifies which endpoint domain we should load from */\n  @Prop() endpoint: string = '';\n  /** Access token passed from backend */\n  @Prop() token: string = '';\n  @Prop() i18n: SiteHeaderI18N = {\n    searchlabel: '',\n    searchplaceholder: '',\n    searchbuttontext: '',\n    menuHomeButton: '',\n    menuGoBackButton: '',\n    mainMenuButton: '',\n    menuStartButton: '',\n    profileSelectionFlyoutHeading: '',\n    unifiedLoginButton: '',\n    unifiedMyPagesButton: '',\n  } as SiteHeaderI18N;\n\n  @Prop() siteUrl: string = '';\n  @Prop() emitEvents: boolean = true;\n\n  // Login dialog\n  @Prop({ mutable: true }) loginDialog: LoginDialog = null;\n\n  /** User Fullname */\n  @Prop() fullname: string = '';\n  @Prop() loggedin: boolean = false;\n\n  /** If this is selected we will show the new profile selection dropdown instead of the login version */\n  @Prop({ mutable: true }) showProfileSelection: boolean = false;\n\n  /** if this is selected we will show the unifiedlogin button along with new look for dropdown */\n  @Prop() showUnifiedLogin: boolean = false;\n\n  /** Continiously check if a user is logged in **/\n  @Prop({}) checkUserLoggedInStateInterval: number = 0;\n\n  @Prop() environment?: string;\n\n  @State() loginLinks: [];\n\n  @State() toggleButtonText: string = this.loginDialog?.loginMenuLinkText ? this.loginDialog.loginMenuLinkText : '';\n\n  @State() username: string = this.fullname;\n\n  // Events\n  @Event() loginStateChange: EventEmitter;\n\n  componentWillLoad() {\n    const userInfo: IUserInfo = this.loggedin && this.fullname ? { given_name: this.fullname } : null;\n    headerState.loginManager = new MarketWebLoginManager({\n      endpoint: this.endpoint,\n      eventTarget: this.hostElement as EventTarget,\n      checkUserLoggedInStateInterval: this.checkUserLoggedInStateInterval,\n      userInfo,\n    });\n    headerState.loginManager.setSiteUrl(this.siteUrl);\n    this.hostElement['loginmanager'] = headerState.loginManager;\n    if (this.token) {\n      headerState.loginManager.registerToken(this.token, 'backend');\n    } else if (this.emitEvents) {\n      // The primary login instance\n      headerState.loginManager.invalidateTokenOfType('backend');\n    }\n    this.hostElement.addEventListener(headerState.loginManager.events.loginstatechange, this.onLoginStateChange.bind(this));\n    this.init();\n    this.setUserName();\n    this.setToggleButtonText();\n  }\n\n  @Watch('i18n')\n  @Watch('loginDialog')\n  async init() {\n    headerState.loginManager.init(this.emitEvents);\n    this.setToggleButtonText();\n    this.adjustLoginLinks();\n  }\n  adjustLoginLinks() {\n    if (!this.loginDialog?.loginMenuLinks) {\n      return;\n    }\n\n    const adjustLink = (link, i) => {\n      if (!link.isLogoutLink) {\n        link.isLogoutLink = link.pageLink.indexOf('location.href') !== -1 && link.pageLink.indexOf('logout') !== -1;\n      }\n      if (link.isLogoutLink) {\n        link.href = headerState.loginManager.getLogoutUrl(link.href);\n      }\n\n      if (i === 0 && !link.href) {\n        link.href = headerState.loginManager.getLoginUrl();\n        link.linkType = 'primary';\n      }\n      if (link.primaryLinkApperance && !link.linkType) {\n        link.linkType = 'primary';\n      }\n      return link;\n    };\n    if (this.loginDialog) {\n      this.loginDialog.loginMenuLinks = this.loginDialog.loginMenuLinks.map(adjustLink);\n      this.loginDialog.loggedInLinks = this.loginDialog.loggedInLinks.map(adjustLink);\n    }\n    this.loginDialog.legacyLoginLinks = [\n      {\n        href: headerState.loginManager.getLoginUrl(this.loginDialog.loginUrl),\n        linkText: this.loginDialog.loginLinkText,\n        openInNewWindow: false,\n        isLogoutLink: false,\n        pageLink: null,\n        linkType: 'primary',\n        primaryLinkApperance: true,\n      },\n      {\n        href: headerState.loginManager.getLoginUrl(this.loginDialog.registerUrl),\n        linkText: this.loginDialog.createLoginLinkText,\n        openInNewWindow: false,\n        isLogoutLink: false,\n        pageLink: null,\n        primaryLinkApperance: false,\n      },\n    ];\n  }\n\n  setUserName() {\n    const userInfo = headerState.loginManager.getUserInfo();\n    let name = '';\n    if (!this.loggedin || !userInfo) {\n      this.username = name;\n    }\n    if (userInfo && userInfo.given_name) {\n      name = userInfo.given_name + (userInfo?.family_name ? ` ${userInfo?.family_name}` : '');\n    }\n\n    if (!name && userInfo && userInfo.email) {\n      name = userInfo.email;\n    }\n    if (!name && this.fullname) {\n      name = this.fullname;\n    }\n\n    this.username = name;\n  }\n\n  setToggleButtonText() {\n    if (this.loggedin) {\n      this.toggleButtonText = this.username;\n      if (!this.toggleButtonText) {\n        this.toggleButtonText = this.loginDialog.loggedInButtonText;\n      }\n    } else {\n      this.toggleButtonText = this.loginDialog.loginMenuLinkText;\n    }\n  }\n\n  onLoginStateChange(e: CustomEvent) {\n    if (this.loggedin !== e.detail && this.emitEvents) {\n      this.loggedin = e.detail;\n      this.loginStateChange.emit({ loggedIn: this.loggedin, token: headerState.loginManager.getToken() });\n      this.setUserName();\n      this.setToggleButtonText();\n    }\n  }\n\n  render() {\n    if (!this.loginDialog) {\n      return;\n    }\n\n    let hostElementAttribute = {\n      username: null,\n      loggedin: 'false',\n    };\n    if (this.username) {\n      hostElementAttribute.username = this.username;\n      hostElementAttribute.loggedin = this.loggedin + '';\n    }\n    return (\n      <Host {...hostElementAttribute}>\n        <pn-button-dropdown label={this.toggleButtonText} icon={user} appearance=\"light\" variant=\"borderless\" class=\"siteheader-logindialog\">\n          {this.showUnifiedLogin && (\n            <pn-marketweb-siteheader-unified-login\n              loggedIn={this.loggedin}\n              myPageLabel={this.i18n.unifiedMyPagesButton}\n              myPageUrl=\"https://account.postnord.com/secure/profile\"\n              logInLabel={this.i18n.unifiedLoginButton}\n            />\n          )}\n          {this.loggedin && this.showProfileSelection ? (\n            <pn-marketweb-siteheader-login-profileselection\n              loginDialog={this.loginDialog}\n              loggedin={this.loggedin}\n              i18n={this.i18n}\n              idNamespace={this.emitEvents ? '1' : '2'}\n              endpoint={this.endpoint}\n            ></pn-marketweb-siteheader-login-profileselection>\n          ) : (\n            <pn-marketweb-siteheader-login-links\n              loginDialog={this.loginDialog}\n              loggedin={this.loggedin}\n              idNamespace={this.emitEvents ? '1' : '2'}\n              username={this.username}\n              showUnifiedLogin={this.showUnifiedLogin}\n            ></pn-marketweb-siteheader-login-links>\n          )}\n          {!this.loggedin && <span innerHTML={`${this.loginDialog.loginInfo}`} />}\n        </pn-button-dropdown>\n      </Host>\n    );\n  }\n}\n"]}
+{"version":3,"file":"pn-marketweb-siteheader-login.js","sourceRoot":"","sources":["../../../../src/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-login.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, Event, EventEmitter, h, Host, Prop, State, Watch } from '@stencil/core';\n\nimport { IUserInfo, MarketWebLoginManager } from '../../../globals/MarketWebLoginManager';\nimport { state as headerState } from './pn-marketweb-siteheader-store';\nimport { LoginDialog, SiteHeaderI18N } from './pn-marketweb-siteheader-types';\nimport { user } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n  tag: 'pn-marketweb-siteheader-login',\n  styleUrl: 'pn-marketweb-siteheader-login.scss',\n})\nexport class PnMarketwebSiteheaderLogin {\n  @Element() hostElement: HTMLElement;\n  /** Specifies which endpoint domain we should load from */\n  @Prop() endpoint: string = '';\n  /** Access token passed from backend */\n  @Prop() token: string = '';\n  @Prop() i18n: SiteHeaderI18N = {\n    searchlabel: '',\n    searchplaceholder: '',\n    searchbuttontext: '',\n    menuHomeButton: '',\n    menuGoBackButton: '',\n    mainMenuButton: '',\n    menuStartButton: '',\n    profileSelectionFlyoutHeading: '',\n    unifiedLoginButton: '',\n    unifiedMyPagesButton: '',\n  } as SiteHeaderI18N;\n\n  @Prop() siteUrl: string = '';\n  @Prop() emitEvents: boolean = true;\n\n  // Login dialog\n  @Prop({ mutable: true }) loginDialog: LoginDialog = null;\n\n  /** User Fullname */\n  @Prop() fullname: string = '';\n  @Prop() loggedin: boolean = false;\n\n  /** If this is selected we will show the new profile selection dropdown instead of the login version */\n  @Prop({ mutable: true }) showProfileSelection: boolean = false;\n\n  /** if this is selected we will show the unifiedlogin button along with new look for dropdown */\n  @Prop() showUnifiedLogin: boolean = false;\n\n  /** Continiously check if a user is logged in **/\n  @Prop({}) checkUserLoggedInStateInterval: number = 0;\n\n  @Prop() environment?: string;\n\n  @State() loginLinks: [];\n\n  @State() toggleButtonText: string = this.loginDialog?.loginMenuLinkText ? this.loginDialog.loginMenuLinkText : '';\n\n  @State() username: string = this.fullname;\n\n  // Events\n  @Event() loginStateChange: EventEmitter;\n\n  componentWillLoad() {\n    const userInfo: IUserInfo = this.loggedin && this.fullname ? { given_name: this.fullname } : null;\n    headerState.loginManager = new MarketWebLoginManager({\n      endpoint: this.endpoint,\n      eventTarget: this.hostElement as EventTarget,\n      checkUserLoggedInStateInterval: this.checkUserLoggedInStateInterval,\n      userInfo,\n    });\n    headerState.loginManager.setSiteUrl(this.siteUrl);\n    this.hostElement['loginmanager'] = headerState.loginManager;\n    if (this.token) {\n      headerState.loginManager.registerToken(this.token, 'backend');\n    } else if (this.emitEvents) {\n      // The primary login instance\n      headerState.loginManager.invalidateTokenOfType('backend');\n    }\n    this.hostElement.addEventListener(headerState.loginManager.events.loginstatechange, this.onLoginStateChange.bind(this));\n    this.init();\n    this.setUserName();\n    this.setToggleButtonText();\n  }\n\n  @Watch('i18n')\n  @Watch('loginDialog')\n  async init() {\n    headerState.loginManager.init(this.emitEvents);\n    this.setToggleButtonText();\n    this.adjustLoginLinks();\n  }\n  adjustLoginLinks() {\n    if (!this.loginDialog?.loginMenuLinks) {\n      return;\n    }\n\n    const adjustLink = (link, i) => {\n      if (!link.isLogoutLink) {\n        link.isLogoutLink = link.pageLink.indexOf('location.href') !== -1 && link.pageLink.indexOf('logout') !== -1;\n      }\n      if (link.isLogoutLink) {\n        link.href = headerState.loginManager.getLogoutUrl(link.href);\n      }\n\n      if (i === 0 && !link.href) {\n        link.href = headerState.loginManager.getLoginUrl();\n        link.linkType = 'primary';\n      }\n      if (link.primaryLinkApperance && !link.linkType) {\n        link.linkType = 'primary';\n      }\n      return link;\n    };\n    if (this.loginDialog) {\n      this.loginDialog.loginMenuLinks = this.loginDialog.loginMenuLinks.map(adjustLink);\n      this.loginDialog.loggedInLinks = this.loginDialog.loggedInLinks.map(adjustLink);\n    }\n    this.loginDialog.legacyLoginLinks = [\n      {\n        href: headerState.loginManager.getLoginUrl(this.loginDialog.loginUrl),\n        linkText: this.loginDialog.loginLinkText,\n        openInNewWindow: false,\n        isLogoutLink: false,\n        pageLink: null,\n        linkType: 'primary',\n        primaryLinkApperance: true,\n      },\n      {\n        href: headerState.loginManager.getLoginUrl(this.loginDialog.registerUrl),\n        linkText: this.loginDialog.createLoginLinkText,\n        openInNewWindow: false,\n        isLogoutLink: false,\n        pageLink: null,\n        primaryLinkApperance: false,\n      },\n    ];\n  }\n\n  setUserName() {\n    const userInfo = headerState.loginManager.getUserInfo();\n    let name = '';\n    if (!this.loggedin || !userInfo) {\n      this.username = name;\n    }\n    if (userInfo && userInfo.given_name) {\n      name = userInfo.given_name + (userInfo?.family_name ? ` ${userInfo?.family_name}` : '');\n    }\n\n    if (!name && userInfo && userInfo.email) {\n      name = userInfo.email;\n    }\n    if (!name && this.fullname) {\n      name = this.fullname;\n    }\n\n    this.username = name;\n  }\n\n  setToggleButtonText() {\n    if (this.loggedin) {\n      this.toggleButtonText = this.username;\n      if (!this.toggleButtonText) {\n        this.toggleButtonText = this.loginDialog.loggedInButtonText;\n      }\n    } else {\n      this.toggleButtonText = this.loginDialog.loginMenuLinkText;\n    }\n  }\n\n  onLoginStateChange(e: CustomEvent) {\n    if (this.loggedin !== e.detail && this.emitEvents) {\n      this.loggedin = e.detail;\n      this.loginStateChange.emit({ loggedIn: this.loggedin, token: headerState.loginManager.getToken() });\n      this.setUserName();\n      this.setToggleButtonText();\n    }\n  }\n\n  render() {\n    if (!this.loginDialog) {\n      return;\n    }\n\n    let hostElementAttribute = {\n      username: null,\n      loggedin: 'false',\n    };\n    if (this.username) {\n      hostElementAttribute.username = this.username;\n      hostElementAttribute.loggedin = this.loggedin + '';\n    }\n    return (\n      <Host {...hostElementAttribute}>\n        <pn-button-dropdown label={this.toggleButtonText} icon={user} appearance=\"light\" variant=\"borderless\" class=\"siteheader-logindialog\">\n          {this.showUnifiedLogin && (\n            <pn-marketweb-siteheader-unified-login\n              loggedIn={this.loggedin}\n              myPageLabel={this.i18n.unifiedMyPagesButton}\n              myPageUrl=\"https://account.postnord.com/secure/profile\"\n              logInLabel={this.i18n.unifiedLoginButton}\n            />\n          )}\n          {this.loggedin && this.showProfileSelection ? (\n            <pn-marketweb-siteheader-login-profileselection\n              loginDialog={this.loginDialog}\n              loggedin={this.loggedin}\n              i18n={this.i18n}\n              idNamespace={this.emitEvents ? '1' : '2'}\n              endpoint={this.endpoint}\n            ></pn-marketweb-siteheader-login-profileselection>\n          ) : (\n            <pn-marketweb-siteheader-login-links\n              loginDialog={this.loginDialog}\n              loggedin={this.loggedin}\n              idNamespace={this.emitEvents ? '1' : '2'}\n              username={this.username}\n              showUnifiedLogin={this.showUnifiedLogin}\n            ></pn-marketweb-siteheader-login-links>\n          )}\n          {!this.loggedin && <span innerHTML={`${this.loginDialog.loginInfo}`} />}\n        </pn-button-dropdown>\n      </Host>\n    );\n  }\n}\n"]}

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

@@ -13,6 +13,7 @@ export class PnMarketwebSiteheaderSearch {
         this.icononly = true;
         this.autoCompleteOptions = [];
     }
+    hostElement;
     onSearchValueUpdate() {
         this.getAutocomplete(state.searchValue);
     }
@@ -79,14 +80,14 @@ export class PnMarketwebSiteheaderSearch {
             return;
         }
         const autocompleteAttribute = this.search.AutocompleteEndpoint ? { list: 'siteheader-search-autocomplete' } : {};
-        return (h("div", { class: "siteheader-search" }, this.showOnlyLink ? (h("pn-button", { href: this.search.formActionUrl, appearance: "light", icon: search, tooltip: this.i18n.searchlabel })) : (h("form", { method: "get", action: this.search.formActionUrl, role: "search" }, h("pn-search-field", Object.assign({}, autocompleteAttribute, { label: this.i18n.searchlabel, name: "q", button: this.icononly ? 'icon' : null, "button-label": 'Search', placeholder: this.i18n.searchplaceholder, onUpdate: (e) => {
+        return (h("div", { class: "siteheader-search" }, this.showOnlyLink ? (h("pn-button", { href: this.search.formActionUrl, appearance: "light", icon: search, tooltip: this.i18n.searchlabel })) : (h("form", { method: "get", action: this.search.formActionUrl, role: "search" }, h("pn-search-field", { ...autocompleteAttribute, label: this.i18n.searchlabel, name: "q", button: this.icononly ? 'icon' : null, "button-label": 'Search', placeholder: this.i18n.searchplaceholder, onUpdate: (e) => {
                 state.searchValue = e.detail;
             }, onSearch: () => {
                 const form = this.hostElement.querySelector('form');
                 if (form) {
                     form.submit();
                 }
-            } })), this.primary && this.search.AutocompleteEndpoint ? (h("datalist", { id: "siteheader-search-autocomplete" }, this.autoCompleteOptions.map(item => (h("option", null, item))))) : null))));
+            } }), this.primary && this.search.AutocompleteEndpoint ? (h("datalist", { id: "siteheader-search-autocomplete" }, this.autoCompleteOptions.map(item => (h("option", null, item))))) : null))));
     }
     static get is() { return "pn-marketweb-siteheader-search"; }
     static get originalStyleUrls() {

package/collection/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-search.js.map

@@ -1 +1 @@
-{"version":3,"file":"pn-marketweb-siteheader-search.js","sourceRoot":"","sources":["../../../../src/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-search.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, h, Element, State } from '@stencil/core';\nimport { SiteHeaderSearch } from './pn-marketweb-siteheader-types';\nimport { state, onChange } from './pn-marketweb-siteheader-search-store';\nimport { search } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n  tag: 'pn-marketweb-siteheader-search',\n  styleUrl: 'pn-marketweb-siteheader-search.scss',\n})\nexport class PnMarketwebSiteheaderSearch {\n  @Element() hostElement: Element;\n\n  // Language options\n  @Prop() i18n: any;\n\n  // Display option, show only link\n  @Prop({ mutable: true }) showOnlyLink: boolean = false;\n  // Hide search option\n  @Prop({ mutable: true }) hideSearch: boolean = false;\n  /** Specifies which language we want to show (sv,da,fi,no,en) */\n  @Prop({ mutable: true, reflect: true }) language: string = null;\n\n  /** Specifies the current site id (guid)*/\n  @Prop() siteid: string = null;\n\n  // Search data\n  @Prop({ mutable: true }) search: SiteHeaderSearch = {};\n\n  // Is this the primary instance?\n  @Prop() primary: boolean = false;\n\n  // Only Show icon as search button?\n  @Prop() icononly: boolean = true;\n\n  // Autocomplete options\n  @State() autoCompleteOptions: string[] = [];\n\n  onSearchValueUpdate() {\n    this.getAutocomplete(state.searchValue);\n  }\n\n  async getAutocomplete(prefix) {\n    if (!this.search.AutocompleteEndpoint || prefix.length < 2) {\n      this.autoCompleteOptions = [];\n      return;\n    }\n    if (state.autocompleteSuggestions[prefix]) {\n      this.setAutocompleteSuggestions(state.autocompleteSuggestions[prefix]);\n      return;\n    }\n\n    let autocompleteUrl = `${this.search.AutocompleteEndpoint}?prefix=${prefix}&size=10`;\n    if (this.language || this.siteid) {\n      autocompleteUrl += `&tags=`;\n      if (this.language) {\n        autocompleteUrl += `language:${this.language}`;\n      }\n      if (this.language && this.siteid) {\n        autocompleteUrl += `,`;\n      }\n      if (this.siteid) {\n        autocompleteUrl += `siteid:${this.siteid}`;\n      }\n    }\n    const req = await fetch(autocompleteUrl, { signal: state.requestAbortController.signal }).catch(e => {\n      console.warn('Unable to fetch autocomplete suggestions', e);\n    });\n    if (!req) {\n      return;\n    }\n    const data = await req.json();\n    if (!data || !data.hits || !data.hits.length) {\n      return;\n    }\n    const suggestions = data.hits\n      .filter(item => item.type === 'editorial')\n      .map(item => {\n        return item.query;\n      });\n\n    // Store query in store\n    state.autocompleteSuggestions[prefix] = suggestions;\n    this.setAutocompleteSuggestions(suggestions);\n  }\n\n  setAutocompleteSuggestions(suggestions) {\n    if (typeof suggestions !== 'object' || typeof suggestions.length !== 'number' || suggestions.length === 0) {\n      return;\n    }\n    this.autoCompleteOptions = suggestions;\n  }\n  componentWillLoad() {\n    onChange('searchValue', () => {\n      this.onSearchValueUpdate();\n    });\n  }\n\n  componentDidRender() {\n    const inputSearchElm = this.hostElement.querySelector('pn-search-field input:not([list])');\n    if (inputSearchElm && this.search.AutocompleteEndpoint) {\n      inputSearchElm.setAttribute('list', 'siteheader-search-autocomplete');\n    }\n  }\n\n  render() {\n    if (!this.search.formActionUrl || this.hideSearch) {\n      return;\n    }\n    const autocompleteAttribute = this.search.AutocompleteEndpoint ? { list: 'siteheader-search-autocomplete' } : {};\n    return (\n      <div class=\"siteheader-search\">\n        {this.showOnlyLink ? (\n          <pn-button href={this.search.formActionUrl} appearance=\"light\" icon={search} tooltip={this.i18n.searchlabel} />\n        ) : (\n          <form method=\"get\" action={this.search.formActionUrl} role=\"search\">\n            <pn-search-field\n              {...autocompleteAttribute}\n              label={this.i18n.searchlabel}\n              name=\"q\"\n              button={this.icononly ? 'icon' : null}\n              button-label={'Search'}\n              placeholder={this.i18n.searchplaceholder}\n              onUpdate={(e: CustomEvent) => {\n                state.searchValue = e.detail;\n              }}\n              onSearch={() => {\n                const form = this.hostElement.querySelector('form') as HTMLFormElement;\n                if (form) {\n                  form.submit();\n                }\n              }}\n            />\n\n            {this.primary && this.search.AutocompleteEndpoint ? (\n              <datalist id=\"siteheader-search-autocomplete\">\n                {this.autoCompleteOptions.map(item => (\n                  <option>{item}</option>\n                ))}\n              </datalist>\n            ) : null}\n          </form>\n        )}\n      </div>\n    );\n  }\n}\n"]}
+{"version":3,"file":"pn-marketweb-siteheader-search.js","sourceRoot":"","sources":["../../../../src/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-search.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, h, Element, State } from '@stencil/core';\nimport { SiteHeaderSearch } from './pn-marketweb-siteheader-types';\nimport { state, onChange } from './pn-marketweb-siteheader-search-store';\nimport { search } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n  tag: 'pn-marketweb-siteheader-search',\n  styleUrl: 'pn-marketweb-siteheader-search.scss',\n})\nexport class PnMarketwebSiteheaderSearch {\n  @Element() hostElement: Element;\n\n  // Language options\n  @Prop() i18n: any;\n\n  // Display option, show only link\n  @Prop({ mutable: true }) showOnlyLink: boolean = false;\n  // Hide search option\n  @Prop({ mutable: true }) hideSearch: boolean = false;\n  /** Specifies which language we want to show (sv,da,fi,no,en) */\n  @Prop({ mutable: true, reflect: true }) language: string = null;\n\n  /** Specifies the current site id (guid)*/\n  @Prop() siteid: string = null;\n\n  // Search data\n  @Prop({ mutable: true }) search: SiteHeaderSearch = {};\n\n  // Is this the primary instance?\n  @Prop() primary: boolean = false;\n\n  // Only Show icon as search button?\n  @Prop() icononly: boolean = true;\n\n  // Autocomplete options\n  @State() autoCompleteOptions: string[] = [];\n\n  onSearchValueUpdate() {\n    this.getAutocomplete(state.searchValue);\n  }\n\n  async getAutocomplete(prefix) {\n    if (!this.search.AutocompleteEndpoint || prefix.length < 2) {\n      this.autoCompleteOptions = [];\n      return;\n    }\n    if (state.autocompleteSuggestions[prefix]) {\n      this.setAutocompleteSuggestions(state.autocompleteSuggestions[prefix]);\n      return;\n    }\n\n    let autocompleteUrl = `${this.search.AutocompleteEndpoint}?prefix=${prefix}&size=10`;\n    if (this.language || this.siteid) {\n      autocompleteUrl += `&tags=`;\n      if (this.language) {\n        autocompleteUrl += `language:${this.language}`;\n      }\n      if (this.language && this.siteid) {\n        autocompleteUrl += `,`;\n      }\n      if (this.siteid) {\n        autocompleteUrl += `siteid:${this.siteid}`;\n      }\n    }\n    const req = await fetch(autocompleteUrl, { signal: state.requestAbortController.signal }).catch(e => {\n      console.warn('Unable to fetch autocomplete suggestions', e);\n    });\n    if (!req) {\n      return;\n    }\n    const data = await req.json();\n    if (!data || !data.hits || !data.hits.length) {\n      return;\n    }\n    const suggestions = data.hits\n      .filter(item => item.type === 'editorial')\n      .map(item => {\n        return item.query;\n      });\n\n    // Store query in store\n    state.autocompleteSuggestions[prefix] = suggestions;\n    this.setAutocompleteSuggestions(suggestions);\n  }\n\n  setAutocompleteSuggestions(suggestions) {\n    if (typeof suggestions !== 'object' || typeof suggestions.length !== 'number' || suggestions.length === 0) {\n      return;\n    }\n    this.autoCompleteOptions = suggestions;\n  }\n  componentWillLoad() {\n    onChange('searchValue', () => {\n      this.onSearchValueUpdate();\n    });\n  }\n\n  componentDidRender() {\n    const inputSearchElm = this.hostElement.querySelector('pn-search-field input:not([list])');\n    if (inputSearchElm && this.search.AutocompleteEndpoint) {\n      inputSearchElm.setAttribute('list', 'siteheader-search-autocomplete');\n    }\n  }\n\n  render() {\n    if (!this.search.formActionUrl || this.hideSearch) {\n      return;\n    }\n    const autocompleteAttribute = this.search.AutocompleteEndpoint ? { list: 'siteheader-search-autocomplete' } : {};\n    return (\n      <div class=\"siteheader-search\">\n        {this.showOnlyLink ? (\n          <pn-button href={this.search.formActionUrl} appearance=\"light\" icon={search} tooltip={this.i18n.searchlabel} />\n        ) : (\n          <form method=\"get\" action={this.search.formActionUrl} role=\"search\">\n            <pn-search-field\n              {...autocompleteAttribute}\n              label={this.i18n.searchlabel}\n              name=\"q\"\n              button={this.icononly ? 'icon' : null}\n              button-label={'Search'}\n              placeholder={this.i18n.searchplaceholder}\n              onUpdate={(e: CustomEvent) => {\n                state.searchValue = e.detail;\n              }}\n              onSearch={() => {\n                const form = this.hostElement.querySelector('form') as HTMLFormElement;\n                if (form) {\n                  form.submit();\n                }\n              }}\n            />\n\n            {this.primary && this.search.AutocompleteEndpoint ? (\n              <datalist id=\"siteheader-search-autocomplete\">\n                {this.autoCompleteOptions.map(item => (\n                  <option>{item}</option>\n                ))}\n              </datalist>\n            ) : null}\n          </form>\n        )}\n      </div>\n    );\n  }\n}\n"]}

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

@@ -6,6 +6,7 @@ export class PnMarketwebSiteheaderUnifiedLogin {
         this.myPageUrl = undefined;
         this.logInLabel = undefined;
     }
+    hostElement;
     render() {
         return (h(Host, { key: '458e5de23d33889976b5d892f75a22a1248b693f' }, this.loggedIn ? (h("pn-marketweb-siteheader-login-mypage-button", { label: this.myPageLabel, myPageUrl: this.myPageUrl })) : (h("pn-marketweb-siteheader-login-button", { label: this.logInLabel }))));
     }

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

@@ -1 +1 @@
-{"version":3,"file":"pn-marketweb-siteheader-unified-login.js","sourceRoot":"","sources":["../../../../src/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-unified-login.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAMlE,MAAM,OAAO,iCAAiC;;wBAEhB,KAAK;;;;;IAKjC,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,uDACF,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CACf,mDAA6C,KAAK,EAAE,IAAI,CAAC,WAAW,EAAE,SAAS,EAAE,IAAI,CAAC,SAAS,GAAI,CACpG,CAAC,CAAC,CAAC,CACF,4CAAsC,KAAK,EAAE,IAAI,CAAC,UAAU,GAAI,CACjE,CACI,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Element, h, Host, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'pn-marketweb-siteheader-unified-login',\n  styleUrl: 'pn-marketweb-siteheader-unified-login.scss',\n})\nexport class PnMarketwebSiteheaderUnifiedLogin {\n  @Element() hostElement: HTMLElement;\n  @Prop() loggedIn: boolean = false;\n  @Prop() myPageLabel: string;\n  @Prop() myPageUrl: string;\n  @Prop() logInLabel: string;\n\n  render() {\n    return (\n      <Host>\n        {this.loggedIn ? (\n          <pn-marketweb-siteheader-login-mypage-button label={this.myPageLabel} myPageUrl={this.myPageUrl} />\n        ) : (\n          <pn-marketweb-siteheader-login-button label={this.logInLabel} />\n        )}\n      </Host>\n    );\n  }\n}\n"]}
+{"version":3,"file":"pn-marketweb-siteheader-unified-login.js","sourceRoot":"","sources":["../../../../src/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-unified-login.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAMlE,MAAM,OAAO,iCAAiC;;wBAEhB,KAAK;;;;;IADtB,WAAW,CAAc;IAMpC,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,uDACF,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CACf,mDAA6C,KAAK,EAAE,IAAI,CAAC,WAAW,EAAE,SAAS,EAAE,IAAI,CAAC,SAAS,GAAI,CACpG,CAAC,CAAC,CAAC,CACF,4CAAsC,KAAK,EAAE,IAAI,CAAC,UAAU,GAAI,CACjE,CACI,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Element, h, Host, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'pn-marketweb-siteheader-unified-login',\n  styleUrl: 'pn-marketweb-siteheader-unified-login.scss',\n})\nexport class PnMarketwebSiteheaderUnifiedLogin {\n  @Element() hostElement: HTMLElement;\n  @Prop() loggedIn: boolean = false;\n  @Prop() myPageLabel: string;\n  @Prop() myPageUrl: string;\n  @Prop() logInLabel: string;\n\n  render() {\n    return (\n      <Host>\n        {this.loggedIn ? (\n          <pn-marketweb-siteheader-login-mypage-button label={this.myPageLabel} myPageUrl={this.myPageUrl} />\n        ) : (\n          <pn-marketweb-siteheader-login-button label={this.logInLabel} />\n        )}\n      </Host>\n    );\n  }\n}\n"]}

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

@@ -14,9 +14,6 @@ import { translations } from "./translations";
  */
 export class PnMarketwebSiteheader {
     constructor() {
-        this.endpointPath = '/api/navigation/header';
-        // FetchHelper
-        this.fetchHelper = new FetchHelper('siteheader');
         this.market = null;
         this.language = null;
         this.siteid = null;
@@ -65,13 +62,22 @@ export class PnMarketwebSiteheader {
         this.minimizeSearch = false;
         this.loggedIn = false;
     }
+    hostElement;
+    endpointPath = '/api/navigation/header';
+    // FetchHelper
+    fetchHelper = new FetchHelper('siteheader');
+    // // Login manager
+    // @State() loginManager: MarketWebLoginManager = null;
+    // Events
+    changeLanguage;
+    // Events
+    changeMarket;
     componentWillLoad() {
         this.setInitialValues().then(() => {
             this.init();
         });
     }
     async setInitialValues(href = window.location.href) {
-        var _a;
         const marketWebContextService = new MarketWebContextService(href);
         if (!this.market) {
             const resolvedMarket = await marketWebContextService.getMarket();
@@ -84,7 +90,7 @@ export class PnMarketwebSiteheader {
         if (!this.environment) {
             this.environment = await marketWebContextService.getEnvironmentName();
         }
-        if (!this.endpoint && ((_a = this.environment) === null || _a === void 0 ? void 0 : _a.indexOf('local')) === -1) {
+        if (!this.endpoint && this.environment?.indexOf('local') === -1) {
             this.endpoint = await marketWebContextService.getEndpoint(this.environment, this.market);
         }
         if (!this.endpoint) {
@@ -147,7 +153,6 @@ export class PnMarketwebSiteheader {
         return siteUrl + (siteUrl.lastIndexOf('/') !== siteUrl.length - 1 ? '/' : '') + item.twoLetterISOLanguageName;
     }
     async setStateFromData(data) {
-        var _a, _b, _c;
         if (typeof data !== 'object') {
             console.warn('Data was not valid', data);
         }
@@ -167,7 +172,7 @@ export class PnMarketwebSiteheader {
             updatedMenuItems = data.mainMenu.menuItems;
         }
         // Create the "Home" link
-        if ((!updatedMenuItems[0] || ((_a = updatedMenuItems[0]) === null || _a === void 0 ? void 0 : _a.name) !== this.i18n.menuHomeButton) && !this.hideHomeMenuItem) {
+        if ((!updatedMenuItems[0] || updatedMenuItems[0]?.name !== this.i18n.menuHomeButton) && !this.hideHomeMenuItem) {
             updatedMenuItems.unshift({
                 href: this.siteDefinition.url,
                 name: this.i18n.menuHomeButton,
@@ -179,7 +184,7 @@ export class PnMarketwebSiteheader {
         }
         this.menuItems = updatedMenuItems;
         // Set search
-        this.search = Object.assign(Object.assign({}, data.search), { AutocompleteEndpoint: this.AutocompleteEndpoint });
+        this.search = { ...data.search, ...{ AutocompleteEndpoint: this.AutocompleteEndpoint } };
         // Set site selector
         this.siteSelector = data.siteSelectorViewModel;
         // Set language selector
@@ -200,7 +205,7 @@ export class PnMarketwebSiteheader {
         await this.spaModeAdjustments();
         this.gotData = true;
         this.fetchingData = true;
-        this.homePageLink = (_c = (_b = this.siteDefinition) === null || _b === void 0 ? void 0 : _b.url) !== null && _c !== void 0 ? _c : document.location.hostname;
+        this.homePageLink = this.siteDefinition?.url ?? document.location.hostname;
         window.setTimeout(() => {
             this.checkMenuOverflow();
         }, 100);
@@ -226,11 +231,10 @@ export class PnMarketwebSiteheader {
         return href;
     }
     setLanguageOptions() {
-        var _a;
         if (!this.languageSelector || !this.languageSelector.languages) {
             return;
         }
-        const hrefLangsTags = (_a = Array.prototype.slice.call(document.querySelectorAll('link[rel="alternate"][hreflang]'))) !== null && _a !== void 0 ? _a : [];
+        const hrefLangsTags = Array.prototype.slice.call(document.querySelectorAll('link[rel="alternate"][hreflang]')) ?? [];
         const hrefLangs = hrefLangsTags.map(tag => {
             let hrefLangValue = tag.getAttribute('hreflang');
             if (hrefLangValue.indexOf('en-') !== -1 || hrefLangValue.indexOf('en_') !== -1) {
@@ -259,9 +263,8 @@ export class PnMarketwebSiteheader {
         return;
     }
     onLoginStateChange(e) {
-        var _a, _b, _c;
-        if (((_a = e.detail) === null || _a === void 0 ? void 0 : _a.loggedIn) && ((_b = e.detail) === null || _b === void 0 ? void 0 : _b.token)) {
-            this.loggedIn = ((_c = e.detail) === null || _c === void 0 ? void 0 : _c.loggedIn) === true;
+        if (e.detail?.loggedIn && e.detail?.token) {
+            this.loggedIn = e.detail?.loggedIn === true;
             if (this.sessionForward) {
                 try {
                     //fetch('/api/userprofile/sync?token=' + e.detail.token);
@@ -315,19 +318,12 @@ export class PnMarketwebSiteheader {
         return href;
     }
     render() {
-        var _a, _b, _c, _d, _e, _f;
-        return (h(Host, { key: '1676660973b8fac7df94577c806e09b32f4940d1', language: this.language, market: this.market, environment: this.environment }, h("header", { key: '5c21d77d48f9bb89c6b93b3fc57d0fab72dc5368' }, h("div", { key: '24bcf1b9caca9bb5aa6a60d1320e8593b3d05483', class: "siteheader-row" }, h("div", { key: '28c6205580299574b91f4ff250cfbd2ecd7daaaa', class: "siteheader-topleft" }, h("slot", { key: '06a9a5ac449a75ed4dc62b487edecc27f81caed3', name: "topleft" }), this.gotData && this.siteSelector && !this.hideSiteSelector && (h("pn-site-selector", { key: 'a8abf3ce81def56f3414259cfc3f79cf2fd27865', language: this.language, buttontext: (_b = (_a = this.siteSelector) === null || _a === void 0 ? void 0 : _a.currentSiteTitle) !== null && _b !== void 0 ? _b : 'postnord' }, this.gotData && ((_c = this.siteSelector) === null || _c === void 0 ? void 0 : _c.currentSiteTitle) && (h("pn-site-selector-item", { key: '9e00e68c14459020a87ce2090882c5047ee505bd', heading: this.siteSelector.currentSiteTitle + ' ', description: this.siteSelector.currentSiteDescription })), this.gotData &&
-            ((_d = this.siteSelector) === null || _d === void 0 ? void 0 : _d.siteSelections) &&
+        return (h(Host, { key: '1676660973b8fac7df94577c806e09b32f4940d1', language: this.language, market: this.market, environment: this.environment }, h("header", { key: '5c21d77d48f9bb89c6b93b3fc57d0fab72dc5368' }, h("div", { key: '24bcf1b9caca9bb5aa6a60d1320e8593b3d05483', class: "siteheader-row" }, h("div", { key: '28c6205580299574b91f4ff250cfbd2ecd7daaaa', class: "siteheader-topleft" }, h("slot", { key: '06a9a5ac449a75ed4dc62b487edecc27f81caed3', name: "topleft" }), this.gotData && this.siteSelector && !this.hideSiteSelector && (h("pn-site-selector", { key: 'a8abf3ce81def56f3414259cfc3f79cf2fd27865', language: this.language, buttontext: this.siteSelector?.currentSiteTitle ?? 'postnord' }, this.gotData && this.siteSelector?.currentSiteTitle && (h("pn-site-selector-item", { key: '9e00e68c14459020a87ce2090882c5047ee505bd', heading: this.siteSelector.currentSiteTitle + ' ', description: this.siteSelector.currentSiteDescription })), this.gotData &&
+            this.siteSelector?.siteSelections &&
             this.siteSelector.siteSelections.map(site => (h("pn-site-selector-item", { heading: site.linkText + ' ', description: site.linkDescription, url: this.adjustSiteSelectorUrl(site.href), newwindow: site.openInNewWindow })))))), h("div", { key: '6e3ad7768757f287e3d8f42cc80df96404a256d2', class: "siteheader-logocontainer" }, h("a", { key: 'be8d2c5357e1936bfc2b57c3b1b7906cdb32d054', href: this.homePageLink, title: "Home", class: "siteheader-logolink" }, h("slot", { key: 'c16da9b405b95c0b3ebaa74c1301695b4a41a7e7', name: "logo" }, h("svg", { key: '8ff4c798d428176f4a409265400a5f1dd31f2705', class: "siteheader-logo", xmlns: "http://www.w3.org/2000/svg", width: "12.7rem", height: "2.4rem", viewBox: "0 0 141.73 26.65" }, h("path", { key: '271b4fd53524fa0af16bf87e9e41fa2c513a58bd', d: "M108.84,13.35c0,6.34-5.17,9-10,9S89,19.76,89,13.63c0-6.28,5.08-9,10-9S108.84,7.25,108.84,13.35Zm-6.56.18a3.4,3.4,0,1,0-6.8,0,3.29,3.29,0,0,0,3.42,3.41A3.24,3.24,0,0,0,102.28,13.54Zm-83,0c0,4.83-3.32,8.82-8.49,8.82a6.54,6.54,0,0,1-4.65-1.57v5.86H0V5.16H6.17V6.8a6.43,6.43,0,0,1,5.11-2.18C16.41,4.62,19.31,8.58,19.31,13.54Zm-6.53,0A3.27,3.27,0,0,0,9.4,10,3.28,3.28,0,0,0,6,13.54,3.29,3.29,0,0,0,9.4,16.95,3.24,3.24,0,0,0,12.78,13.54Zm103.69,0.27c0-2.54,1.54-3.32,3.6-3.32a6.56,6.56,0,0,1,2.08.3L122.3,5.1a3.92,3.92,0,0,0-1.45-.18c-3.45,0-4.38,2.18-4.38,2.18V5.16H110.3V21.84h6.17v-8ZM141.73,0V21.84h-6.16V20.21a6.43,6.43,0,0,1-5.11,2.18c-5.14,0-8-4-8-8.91s3.32-8.82,8.49-8.82a6.54,6.54,0,0,1,4.65,1.57v-5Zm-6,13.48a3.28,3.28,0,0,0-3.41-3.41A3.24,3.24,0,0,0,129,13.47,3.4,3.4,0,1,0,135.75,13.47ZM81.35,4.62c-3.6,0-4.9,2.18-4.9,2.18V5.16H70.29V21.84h6.16V13.29c0-2.11.79-3.08,2.69-3.08s2.18,1.57,2.18,3.57v8.07h6.22V11.6C87.55,7,85.34,4.62,81.35,4.62ZM64.07,1.42H57.9V21.84h6.16V10.36H67l2.81-5.2H64.07V1.42ZM50.26,11.21c-2-.3-2.87-0.3-2.87-1.09s0.81-.94,2.42-0.94a16.15,16.15,0,0,1,5.11.91L56,5.41a24.56,24.56,0,0,0-6.13-.75c-5.89,0-9,2.27-9,5.89,0,2.81,1.66,4.47,6.53,5.11,2.06,0.27,2.81.39,2.81,1.15s-0.82,1-2.24,1a16.67,16.67,0,0,1-6-1.3L40.77,21.3a22.14,22.14,0,0,0,6.68,1c6.35,0,9.28-2.24,9.28-5.89C56.72,13.54,55.15,12,50.26,11.21ZM40.19,13.35c0,6.34-5.17,9-10,9s-9.82-2.6-9.82-8.73c0-6.28,5.08-9,10-9S40.19,7.25,40.19,13.35Zm-6.56.18a3.4,3.4,0,1,0-6.8,0,3.28,3.28,0,0,0,3.41,3.41A3.24,3.24,0,0,0,33.63,13.54Z", fill: "#00A0D6", transform: "translate(0 0)" }))))), h("div", { key: 'caf64c4586a27d9905a7852be8a8e3de89cf616f', class: "siteheader-topright" }, h("slot", { key: 'd2d88b8a4fe621c07d11d844fc8b8c0272b323c1', name: "toprightstart" }), this.gotData && this.loginDialog && !this.hideLogin && (h("pn-marketweb-siteheader-login", { key: '3d48a64c3d6d4434e03a2cfaa10d110b66f8532c', token: this.userToken, siteUrl: this.siteDefinition.url, fullname: this.userFullname, loggedin: this.userLoggedin, loginDialog: this.loginDialog, endpoint: this.endpoint, i18n: this.i18n, showProfileSelection: this.showProfileSelection, showUnifiedLogin: this.showUnifiedLogin, "check-user-logged-in-state-interval": this.checkUserLoggedInStateInterval })), this.gotData && this.languageOptions && this.languageOptions.length && !this.hideLanguageSelector && (h("pn-language-selector", { key: '6c683113cfcae2d655da2df8af6151917c30efb7', value: this.language }, this.languageOptions.map(language => (h("pn-language-selector-option", { name: language.nativeName, code: language.twoLetterISOLanguageName, selected: language.isCurrent, url: this.getLanguageVersionUrl(language) }))))), h("slot", { key: 'b88ff97cbea23cecefd8b75403bfdf207820c067', name: "toprightend" }), h("div", { key: '2b840392ba2d87813bcaad1f7b7be4d2066022c4', class: "siteheader-menu-top-search" }, h("pn-marketweb-siteheader-search", { key: '421ba238e8f9e895a42a3e670ad90c2a68405304', language: this.language, siteid: this.siteid, search: this.search, "hide-search": this.hideSearch, i18n: this.i18n, icononly: true })))), h("slot", { key: '0eada69499658781ed2c41b9c0e31d8ff254af04', name: "siteheader-menu-top-button" }), h("div", { key: '9778ee2b6fe055dfb197e9aca270a25e1a8662e5', class: "siteheader-row" }, h("div", { key: '5021f27c24def9344133b7b463a3f813813f6ebc', class: "siteheader-menu" }, this.gotData && this.menuItems && (h("pn-mainnav", { key: '6708219ecda36c0d832b58f86f4df3e58980749e', market: this.market, language: this.language, onMenuOpenChange: e => {
                 document.body.setAttribute('data-siteheader-menuopen', e.detail + '');
-            } }, h("pn-mainnav-level", { key: 'f191a0b35ca989bc2962ef127fa217fab486451a' }, h("pn-mainnav-list", { key: '41949e082aa04ee7a95e16d2d2478baa78406f3c' }, this.menuItems.map(item => {
-            var _a, _b;
-            return (h("pn-mainnav-link", { name: item.name, href: item.href, itemid: item.id, target: (_a = item.linkTarget) !== null && _a !== void 0 ? _a : '_self', linkid: item.trackingId }, ((item.promotedMenuItems && item.promotedMenuItems.length > 0) || (item.children && item.children.length > 0)) && (h("pn-mainnav-level", { label: item.name }, item.children.length > 0 && (h("pn-mainnav-list", { heading: (_b = item.navigationHeading) !== null && _b !== void 0 ? _b : '' }, item.children.map(childitem => {
-                var _a;
-                return (h("pn-mainnav-link", { name: childitem.name, href: childitem.href, target: (_a = childitem.linkTarget) !== null && _a !== void 0 ? _a : '_self', linkid: childitem.trackingId }));
-            }))), item.promotedMenuItems && item.promotedMenuItems.length > 0 && (h("pn-mainnav-list", { heading: item.promotedMenuItemsHeader }, item.promotedMenuItems.map(childitem => (h("pn-mainnav-link", { href: childitem.href, name: childitem.linkText, target: childitem.openInNewWindow ? '_blank' : '_self', linkid: this.promotedItemId(childitem) + item.id })))))))));
-        })), h("div", { key: '1fa09c4a7d55dfedbf4304593b97deadfd46c449', slot: "footer", class: "siteheader-menu-footer" }, h("slot", { key: 'ee6887e25d18f07cf984c41e7eaf273b8a0e6284', name: "menu-footer-cta" }), this.gotData && this.loginDialog && !this.hideLogin && (h("pn-marketweb-siteheader-login", { key: '036180b24a09e22b296163ef217e6dadf1676549', emitEvents: false, siteUrl: this.siteDefinition.url, loginDialog: this.loginDialog, endpoint: this.endpoint, fullname: this.userFullname, loggedin: this.userLoggedin, i18n: this.i18n, showProfileSelection: this.showProfileSelection, showUnifiedLogin: this.showUnifiedLogin, environment: this.environment })), this.gotData && this.languageOptions && this.languageOptions.length && !this.hideLanguageSelector && (h("pn-language-selector", { key: '6233008e696d74820bbcfa8dc4455db518d74399', value: this.language }, this.languageOptions.map(language => (h("pn-language-selector-option", { name: language.nativeName, code: language.twoLetterISOLanguageName, selected: language.isCurrent, url: this.getLanguageVersionUrl(language) }))))), !this.hideSiteSelector && (h("pn-site-selector", { key: '0f9382665bc3ee98d85f484c13e496dd74bb5785', language: this.language }, this.gotData && ((_e = this.siteSelector) === null || _e === void 0 ? void 0 : _e.currentSiteTitle) && (h("pn-site-selector-item", { key: '71a3ac9ef70a1b5915a50663ac33c4bf970dcc16', heading: this.siteSelector.currentSiteTitle, description: this.siteSelector.currentSiteDescription })), this.gotData &&
-            ((_f = this.siteSelector) === null || _f === void 0 ? void 0 : _f.siteSelections) &&
+            } }, h("pn-mainnav-level", { key: 'f191a0b35ca989bc2962ef127fa217fab486451a' }, h("pn-mainnav-list", { key: '41949e082aa04ee7a95e16d2d2478baa78406f3c' }, this.menuItems.map(item => (h("pn-mainnav-link", { name: item.name, href: item.href, itemid: item.id, target: item.linkTarget ?? '_self', linkid: item.trackingId }, ((item.promotedMenuItems && item.promotedMenuItems.length > 0) || (item.children && item.children.length > 0)) && (h("pn-mainnav-level", { label: item.name }, item.children.length > 0 && (h("pn-mainnav-list", { heading: item.navigationHeading ?? '' }, item.children.map(childitem => (h("pn-mainnav-link", { name: childitem.name, href: childitem.href, target: childitem.linkTarget ?? '_self', linkid: childitem.trackingId }))))), item.promotedMenuItems && item.promotedMenuItems.length > 0 && (h("pn-mainnav-list", { heading: item.promotedMenuItemsHeader }, item.promotedMenuItems.map(childitem => (h("pn-mainnav-link", { href: childitem.href, name: childitem.linkText, target: childitem.openInNewWindow ? '_blank' : '_self', linkid: this.promotedItemId(childitem) + item.id }))))))))))), h("div", { key: '1fa09c4a7d55dfedbf4304593b97deadfd46c449', slot: "footer", class: "siteheader-menu-footer" }, h("slot", { key: 'ee6887e25d18f07cf984c41e7eaf273b8a0e6284', name: "menu-footer-cta" }), this.gotData && this.loginDialog && !this.hideLogin && (h("pn-marketweb-siteheader-login", { key: '036180b24a09e22b296163ef217e6dadf1676549', emitEvents: false, siteUrl: this.siteDefinition.url, loginDialog: this.loginDialog, endpoint: this.endpoint, fullname: this.userFullname, loggedin: this.userLoggedin, i18n: this.i18n, showProfileSelection: this.showProfileSelection, showUnifiedLogin: this.showUnifiedLogin, environment: this.environment })), this.gotData && this.languageOptions && this.languageOptions.length && !this.hideLanguageSelector && (h("pn-language-selector", { key: '6233008e696d74820bbcfa8dc4455db518d74399', value: this.language }, this.languageOptions.map(language => (h("pn-language-selector-option", { name: language.nativeName, code: language.twoLetterISOLanguageName, selected: language.isCurrent, url: this.getLanguageVersionUrl(language) }))))), !this.hideSiteSelector && (h("pn-site-selector", { key: '0f9382665bc3ee98d85f484c13e496dd74bb5785', language: this.language }, this.gotData && this.siteSelector?.currentSiteTitle && (h("pn-site-selector-item", { key: '71a3ac9ef70a1b5915a50663ac33c4bf970dcc16', heading: this.siteSelector.currentSiteTitle, description: this.siteSelector.currentSiteDescription })), this.gotData &&
+            this.siteSelector?.siteSelections &&
             this.siteSelector.siteSelections.map(site => (h("pn-site-selector-item", { heading: site.linkText, description: site.linkDescription, url: site.pageLink, newwindow: site.openInNewWindow })))))), h("div", { key: '43d34bb40e4cd39e8b2b4a2b248351f196762b8a', slot: "top", class: "siteheader-menu-top" }, h("pn-marketweb-siteheader-search", { key: 'd43283bd5b2fd7581c887eeda17144542a569283', language: this.language, siteid: this.siteid, search: this.search, "hide-search": this.hideSearch, i18n: this.i18n })))))), h("pn-marketweb-siteheader-search", { key: 'f29279a2f20e76d3b11759f995dbf9e6e3242f22', language: this.language, siteid: this.siteid, primary: true, search: this.search, "hide-search": this.hideSearch, "show-only-link": this.minimizeSearch, i18n: this.i18n }), h("slot", { key: 'eb3546920eab40306b56611d1a9989bdc50f2ea6', name: "header-bottom-button" })))));
     }
     static get is() { return "pn-marketweb-siteheader"; }