@postnord/pn-marketweb-components 2.1.0 → 2.1.1

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

@@ -1,49 +1,14 @@
-import { Component, Prop, h, Element, Host } from "@stencil/core";
-import { state as headerState } from "./pn-marketweb-siteheader-store";
+import { Component, Element, h, Host, Prop } from '@stencil/core';
+import { state as headerState } from './pn-marketweb-siteheader-store';
 export class PnMarketwebSiteheaderLoginLinklist {
   constructor() {
     this.heading = null;
     this.links = [];
-    this.idNamespace = "";
-  }
-  componentWillLoad() {
+    this.idNamespace = '';
   }
+  componentWillLoad() { }
   uniqueId(text) {
-    return "loginlink-" + text.replace(/[^A-Za-z0-9.\\\/]/igm, "") + "-" + 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;
+    return 'loginlink-' + text.replace(/[^A-Za-z0-9.\\\/]/gim, '') + '-' + this.idNamespace;
   }
   render() {
     if (!this.links || this.links.length === 0) {
@@ -51,11 +16,15 @@ export class PnMarketwebSiteheaderLoginLinklist {
     }
     return (h(Host, null,
       this.heading ? h("strong", null, this.heading) : null,
-      h("ul", null, this.links.map((link) => {
+      h("ul", null, this.links.map(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) {
-              headerState.loginManager.clearUserData();
-            } } }), link.linkText)));
+          h("a", Object.assign({ href: link.href, id: this.uniqueId(link.linkText) }, (link.openInNewWindow && { target: '_blank' }), { onClick: () => {
+              if (link.isLogoutLink) {
+                headerState.loginManager.clearUserData();
+              }
+            } }),
+            link.linkText,
+            link.isLogoutLink ? h("pn-icon", { symbol: "transfer" }) : h("pn-icon", { symbol: "arrow-right" }))));
       }))));
   }
   static get is() { return "pn-marketweb-siteheader-login-linklist"; }
@@ -121,7 +90,7 @@ export class PnMarketwebSiteheaderLoginLinklist {
       },
       "attribute": "id-namespace",
       "reflect": false,
-      "defaultValue": "\"\""
+      "defaultValue": "''"
     }
   }; }
   static get elementRef() { return "hostElement"; }

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

@@ -1,12 +1,12 @@
-import { Component, Prop, h, Element, Watch, Host } from "@stencil/core";
-import { state as headerState } from "./pn-marketweb-siteheader-store";
+import { Component, Element, h, Host, Prop, Watch } from '@stencil/core';
+import { state as headerState } from './pn-marketweb-siteheader-store';
 export class PnMarketwebSiteheaderLoginLinks {
   constructor() {
     // Login dialog
     this.loginDialog = null;
-    this.idNamespace = "";
+    this.idNamespace = '';
     this.loggedin = false;
-    this.username = "";
+    this.username = '';
   }
   componentWillLoad() {
     this.init();
@@ -21,12 +21,12 @@ export class PnMarketwebSiteheaderLoginLinks {
     }
     const adjustLink = (link, i) => {
       if (!link.isLogoutLink) {
-        link.isLogoutLink = (link.pageLink.indexOf('location.href') !== -1 && link.pageLink.indexOf('logout') !== -1);
+        link.isLogoutLink = link.pageLink.indexOf('location.href') !== -1 && link.pageLink.indexOf('logout') !== -1;
       }
       if (link.isLogoutLink) {
         link.href = headerState.loginManager.getLogoutUrl(link.href);
       }
-      link.href = link.href.replace("window.location.href", window.location.href);
+      link.href = link.href.replace('window.location.href', window.location.href);
       if (i === 0 && !link.href) {
         link.href = headerState.loginManager.getLoginUrl();
         link.linkType = 'primary';
@@ -49,7 +49,7 @@ export class PnMarketwebSiteheaderLoginLinks {
         isLogoutLink: false,
         pageLink: null,
         linkType: 'primary',
-        primaryLinkApperance: true
+        primaryLinkApperance: true,
       },
       {
         href: headerState.loginManager.getLoginUrl(this.loginDialog.registerUrl),
@@ -57,8 +57,8 @@ export class PnMarketwebSiteheaderLoginLinks {
         openInNewWindow: false,
         isLogoutLink: false,
         pageLink: null,
-        primaryLinkApperance: false
-      }
+        primaryLinkApperance: false,
+      },
     ];
   }
   render() {
@@ -75,18 +75,8 @@ export class PnMarketwebSiteheaderLoginLinks {
       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 })
-              :
-                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));
+      !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 })) : (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));
   }
   static get is() { return "pn-marketweb-siteheader-login-links"; }
   static get originalStyleUrls() { return {
@@ -133,7 +123,7 @@ export class PnMarketwebSiteheaderLoginLinks {
       },
       "attribute": "id-namespace",
       "reflect": false,
-      "defaultValue": "\"\""
+      "defaultValue": "''"
     },
     "loggedin": {
       "type": "boolean",
@@ -169,7 +159,7 @@ export class PnMarketwebSiteheaderLoginLinks {
       },
       "attribute": "username",
       "reflect": false,
-      "defaultValue": "\"\""
+      "defaultValue": "''"
     }
   }; }
   static get elementRef() { return "hostElement"; }

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

@@ -0,0 +1,55 @@
+import { Component, Element, h, Host, Prop } from '@stencil/core';
+export class PnMarketwebSiteheaderLoginMypageButton {
+  constructor() {
+    this.label = 'Mina sidor!';
+  }
+  render() {
+    return (h(Host, null,
+      h("pn-button", { href: this.myPageUrl }, this.label)));
+  }
+  static get is() { return "pn-marketweb-siteheader-login-mypage-button"; }
+  static get originalStyleUrls() { return {
+    "$": ["pn-marketweb-siteheader-login-mypage-button.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["pn-marketweb-siteheader-login-mypage-button.css"]
+  }; }
+  static get properties() { return {
+    "label": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "label",
+      "reflect": false,
+      "defaultValue": "'Mina sidor!'"
+    },
+    "myPageUrl": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "my-page-url",
+      "reflect": false
+    }
+  }; }
+  static get elementRef() { return "hostElement"; }
+}

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

@@ -1,42 +1,55 @@
-import { Component, Prop, h, State, Element, Watch, Event, Host } from "@stencil/core";
-import { MarketWebLoginManager } from "../../../globals/MarketWebLoginManager";
-import { state as headerState } from "./pn-marketweb-siteheader-store";
+import { Component, Element, Event, h, Host, Prop, State, Watch } from '@stencil/core';
+import { MarketWebLoginManager } from '../../../globals/MarketWebLoginManager';
+import { state as headerState } from './pn-marketweb-siteheader-store';
 export class PnMarketwebSiteheaderLogin {
   constructor() {
     var _a;
     /** Specifies which endpoint domain we should load from */
-    this.endpoint = "";
+    this.endpoint = '';
     /** Access token passed from backend */
-    this.token = "";
-    this.i18n = { "searchlabel": "", "searchplaceholder": "", "searchbuttontext": "", "menuHomeButton": "", "menuGoBackButton": "", "mainMenuButton": "", "menuStartButton": "", "profileSelectionFlyoutHeading": "" };
+    this.token = '';
+    this.i18n = {
+      searchlabel: '',
+      searchplaceholder: '',
+      searchbuttontext: '',
+      menuHomeButton: '',
+      menuGoBackButton: '',
+      mainMenuButton: '',
+      menuStartButton: '',
+      profileSelectionFlyoutHeading: '',
+      loginButtonText: '',
+      loginPreamble: '',
+    };
     this.siteUrl = '';
     this.emitEvents = true;
     // Login dialog
     this.loginDialog = null;
     /** User Fullname */
-    this.fullname = "";
+    this.fullname = '';
     this.loggedin = false;
     /** If this is selected we will show the new profile selection dropdown instead of the login version */
     this.showProfileSelection = false;
     /** Continiously check if a user is logged in **/
     this.checkUserLoggedInStateInterval = 0;
-    this.toggleButtonText = (((_a = this.loginDialog) === null || _a === void 0 ? void 0 : _a.loginMenuLinkText) ? this.loginDialog.loginMenuLinkText : "");
+    this.toggleButtonText = ((_a = this.loginDialog) === null || _a === void 0 ? void 0 : _a.loginMenuLinkText) ? this.loginDialog.loginMenuLinkText : '';
     this.username = this.fullname;
   }
   componentWillLoad() {
+    console.log('env: ', this.environment);
     const userInfo = this.loggedin && this.fullname ? { given_name: this.fullname } : null;
     headerState.loginManager = new MarketWebLoginManager({
       endpoint: this.endpoint,
       eventTarget: this.hostElement,
       checkUserLoggedInStateInterval: this.checkUserLoggedInStateInterval,
-      userInfo
+      userInfo,
     });
     headerState.loginManager.setSiteUrl(this.siteUrl);
-    this.hostElement["loginmanager"] = headerState.loginManager;
+    this.hostElement['loginmanager'] = headerState.loginManager;
     if (this.token) {
       headerState.loginManager.registerToken(this.token, 'backend');
     }
-    else if (this.emitEvents) { // The primary login instance
+    else if (this.emitEvents) {
+      // The primary login instance
       headerState.loginManager.invalidateTokenOfType('backend');
     }
     this.hostElement.addEventListener(headerState.loginManager.events.loginstatechange, this.onLoginStateChange.bind(this));
@@ -56,7 +69,7 @@ export class PnMarketwebSiteheaderLogin {
     }
     const adjustLink = (link, i) => {
       if (!link.isLogoutLink) {
-        link.isLogoutLink = (link.pageLink.indexOf('location.href') !== -1 && link.pageLink.indexOf('logout') !== -1);
+        link.isLogoutLink = link.pageLink.indexOf('location.href') !== -1 && link.pageLink.indexOf('logout') !== -1;
       }
       if (link.isLogoutLink) {
         link.href = headerState.loginManager.getLogoutUrl(link.href);
@@ -82,7 +95,7 @@ export class PnMarketwebSiteheaderLogin {
         isLogoutLink: false,
         pageLink: null,
         linkType: 'primary',
-        primaryLinkApperance: true
+        primaryLinkApperance: true,
       },
       {
         href: headerState.loginManager.getLoginUrl(this.loginDialog.registerUrl),
@@ -90,18 +103,18 @@ export class PnMarketwebSiteheaderLogin {
         openInNewWindow: false,
         isLogoutLink: false,
         pageLink: null,
-        primaryLinkApperance: false
-      }
+        primaryLinkApperance: false,
+      },
     ];
   }
   setUserName() {
     const userInfo = headerState.loginManager.getUserInfo();
-    let name = "";
+    let name = '';
     if (!this.loggedin || !userInfo) {
       this.username = name;
     }
     if (userInfo && userInfo.given_name) {
-      name = userInfo.given_name + ((userInfo === null || userInfo === void 0 ? void 0 : userInfo.family_name) ? ` ${userInfo === null || userInfo === void 0 ? void 0 : userInfo.family_name}` : "");
+      name = userInfo.given_name + ((userInfo === null || userInfo === void 0 ? void 0 : userInfo.family_name) ? ` ${userInfo === null || userInfo === void 0 ? void 0 : userInfo.family_name}` : '');
     }
     if (!name && userInfo && userInfo.email) {
       name = userInfo.email;
@@ -143,10 +156,11 @@ export class PnMarketwebSiteheaderLogin {
       hostElementAttribute.loggedin = this.loggedin + '';
     }
     return (h(Host, Object.assign({}, hostElementAttribute),
-      h("pn-nav-dropdown", { label: this.toggleButtonText, icon: "user", class: "siteheader-logindialog" }, this.loggedin && this.showProfileSelection ?
-        h("pn-marketweb-siteheader-login-profileselection", { loginDialog: this.loginDialog, loggedin: this.loggedin, i18n: this.i18n, idNamespace: this.emitEvents ? '1' : '2', endpoint: this.endpoint })
-        :
-          h("pn-marketweb-siteheader-login-links", { loginDialog: this.loginDialog, loggedin: this.loggedin, idNamespace: this.emitEvents ? '1' : '2', username: this.username }))));
+      h("pn-nav-dropdown", { label: this.toggleButtonText, icon: "user", class: "siteheader-logindialog" },
+        this.environment !== 'production' && !this.loggedin && h("pn-marketweb-siteheader-login-button", { label: /* this.i18n?.loginButtonText */ 'login check' }),
+        this.environment !== 'production' && this.loggedin && h("pn-marketweb-siteheader-login-mypage-button", { myPageUrl: "https://account.postnord.com/secure/profile" }),
+        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 })),
+        this.environment !== 'production' && h("p", null, "L\u00E4s mer om v\u00E5ra inloggade tj\u00E4nster och hur du anv\u00E4nder dem"))));
   }
   static get is() { return "pn-marketweb-siteheader-login"; }
   static get originalStyleUrls() { return {
@@ -172,7 +186,7 @@ export class PnMarketwebSiteheaderLogin {
       },
       "attribute": "endpoint",
       "reflect": false,
-      "defaultValue": "\"\""
+      "defaultValue": "''"
     },
     "token": {
       "type": "string",
@@ -190,7 +204,7 @@ export class PnMarketwebSiteheaderLogin {
       },
       "attribute": "token",
       "reflect": false,
-      "defaultValue": "\"\""
+      "defaultValue": "''"
     },
     "i18n": {
       "type": "unknown",
@@ -211,7 +225,7 @@ export class PnMarketwebSiteheaderLogin {
         "tags": [],
         "text": ""
       },
-      "defaultValue": "{ \"searchlabel\":\"\", \"searchplaceholder\":\"\", \"searchbuttontext\":\"\", \"menuHomeButton\": \"\", \"menuGoBackButton\": \"\", \"mainMenuButton\": \"\", \"menuStartButton\": \"\", \"profileSelectionFlyoutHeading\": \"\" } as SiteHeaderI18N"
+      "defaultValue": "{\n    searchlabel: '',\n    searchplaceholder: '',\n    searchbuttontext: '',\n    menuHomeButton: '',\n    menuGoBackButton: '',\n    mainMenuButton: '',\n    menuStartButton: '',\n    profileSelectionFlyoutHeading: '',\n    loginButtonText: '',\n    loginPreamble: '',\n  } as SiteHeaderI18N"
     },
     "siteUrl": {
       "type": "string",
@@ -286,7 +300,7 @@ export class PnMarketwebSiteheaderLogin {
       },
       "attribute": "fullname",
       "reflect": false,
-      "defaultValue": "\"\""
+      "defaultValue": "''"
     },
     "loggedin": {
       "type": "boolean",
@@ -341,6 +355,23 @@ export class PnMarketwebSiteheaderLogin {
       "attribute": "check-user-logged-in-state-interval",
       "reflect": false,
       "defaultValue": "0"
+    },
+    "environment": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "environment",
+      "reflect": false
     }
   }; }
   static get states() { return {

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

@@ -87,6 +87,29 @@ pn-marketweb-siteheader .siteheader-row > pn-marketweb-siteheader-search {
 pn-marketweb-siteheader pn-spinner {
   display: none;
 }
+pn-marketweb-siteheader pn-nav-dropdown .nav-dropdown-content-container .nav-dropdown-content {
+  max-width: 350px;
+  display: flex;
+  flex-direction: column;
+  gap: 2.4rem;
+  padding: 4rem;
+}
+pn-marketweb-siteheader pn-nav-dropdown .nav-dropdown-content-container .nav-dropdown-content pn-button {
+  width: 100%;
+}
+pn-marketweb-siteheader pn-nav-dropdown .nav-dropdown-content-container .nav-dropdown-content pn-marketweb-siteheader-login-links::before,
+pn-marketweb-siteheader pn-nav-dropdown .nav-dropdown-content-container .nav-dropdown-content p::before {
+  display: block;
+  content: "";
+  height: 2px;
+  background: #F9F8F8;
+  width: 100%;
+  margin-bottom: 2.4rem;
+}
+pn-marketweb-siteheader pn-nav-dropdown .nav-dropdown-content-container .nav-dropdown-content p {
+  font-size: 1.4rem;
+  color: #005D92;
+}
 pn-marketweb-siteheader pn-nav-dropdown:not(.hydrated) .nav-dropdown-content-container {
   display: none;
 }
@@ -360,6 +383,9 @@ header[data-header-theme=dotcom] > pn-marketweb-siteheader > header nav.mainnav
   background-color: #00A0D6;
   text-decoration: none;
 }
+header[data-header-theme=dotcom] > pn-marketweb-siteheader > header nav.mainnav pn-marketweb-siteheader-login-linklist ul li a {
+  color: #005D92;
+}
 header[data-header-theme=dotcom] > pn-marketweb-siteheader > header [data-level="1"] pn-mainnav-link pn-icon.first-level_arrow svg > path {
   fill: #FFFFFF;
 }

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

@@ -1,7 +1,7 @@
-import { Component, Element, Event, h, Host, Listen, Prop, State, Watch, } from '@stencil/core';
+import { Component, Element, Event, h, Host, Listen, Prop, State, Watch } from '@stencil/core';
 import { FetchHelper } from '../../../globals/FetchHelper';
 import { MarketWebContextService } from '../../../globals/MarketWebContextService';
-import { state as headerState } from "./pn-marketweb-siteheader-store";
+import { state as headerState } from './pn-marketweb-siteheader-store';
 import { translations } from './translations';
 export class PnMarketwebSiteheader {
   constructor() {
@@ -367,7 +367,7 @@ export class PnMarketwebSiteheader {
               })),
               h("div", { slot: "footer", class: "siteheader-menu-footer" },
                 h("slot", { name: "menu-footer-cta" }),
-                this.gotData && this.loginDialog && !this.hideLogin && (h("pn-marketweb-siteheader-login", { emitEvents: false, siteUrl: this.siteDefinition.url, loginDialog: this.loginDialog, endpoint: this.endpoint, fullname: this.userFullname, loggedin: this.userLoggedin, i18n: this.i18n, showProfileSelection: this.showProfileSelection })),
+                this.gotData && this.loginDialog && !this.hideLogin && (h("pn-marketweb-siteheader-login", { emitEvents: false, siteUrl: this.siteDefinition.url, loginDialog: this.loginDialog, endpoint: this.endpoint, fullname: this.userFullname, loggedin: this.userLoggedin, i18n: this.i18n, showProfileSelection: this.showProfileSelection, environment: this.environment })),
                 this.gotData && this.languageOptions && this.languageOptions.length && !this.hideLanguageSelector && (h("pn-language-selector", { 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", { language: this.language },
                   this.gotData && ((_e = this.siteSelector) === null || _e === void 0 ? void 0 : _e.currentSiteTitle) && (h("pn-site-selector-item", { heading: this.siteSelector.currentSiteTitle, description: this.siteSelector.currentSiteDescription })),

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

@@ -380,7 +380,7 @@ const LoggedInTemplate = ({ ...args }) => {
     language="${args.language}"
     endpoint="${args.endpoint}"
     user-token="${args.token}"
-    check-user-logged-in-state-interval="${args.checkUserLoggedInStateInterval+''}"
+    check-user-logged-in-state-interval="${args.checkUserLoggedInStateInterval + ''}"
   >
   </pn-marketweb-siteheader>
 </div>
@@ -477,7 +477,7 @@ DotComSiteHeader.args = {
   language: 'sv',
   endpoint: 'https://com-integration.postnord.com',
   name: 'DotCom User',
-  loggedin: false,
+  loggedin: true,
 };
 
 const TPLSiteHeaderTemplate = ({ ...args }) => {
@@ -510,8 +510,8 @@ TPLSiteHeader.args = {
   hideHomeMenuItem: true,
   hideLanguageSelector: false,
   loggedin: false,
-  buttonText: "Kontrolltornet",
-  placeholder: "placeholder"
+  buttonText: 'Kontrolltornet',
+  placeholder: 'placeholder',
 };
 
 const ATLoginTestTemplate = ({ ...args }) => {
@@ -534,4 +534,3 @@ const ATLoginTestTemplate = ({ ...args }) => {
   </header>`;
 };
 export const ATLoginTest = ATLoginTestTemplate.bind({});
-

package/collection/components/widgets/pn-find-price/data.js

@@ -34,7 +34,7 @@ const weights = {
 
 
 
-const RiktigaValues =
+const RealValues =
   { 
     WebUrl:  "https://riktigavykort.postnord.se/sv",   
     AndroidAppUrl: "https://play.google.com/store/apps/details?id=se.posten.riktigavykort&hl=sv",
@@ -54,4 +54,4 @@ const stampShopUrl = "https://shop.postnord.se/ebutik/default.aspx";
 const productDescriptionUrl = "https://se-integration.postnord.com/skicka-forsandelser/brev-och-vykort/"
 
 
-export { weights, sizeCategories, fileLocation, sendDirectUrl, stampShopUrl, RiktigaValues };
+export { weights, sizeCategories, fileLocation, sendDirectUrl, stampShopUrl, RealValues };

package/collection/components/widgets/pn-find-price/pn-find-price-result.js

@@ -1,6 +1,6 @@
 import { Component, h, Prop, Host, Watch, State } from "@stencil/core";
 import { state } from "./pn-find-price-store";
-import { sendDirectUrl, stampShopUrl, RiktigaValues } from "./data.js";
+import { sendDirectUrl, stampShopUrl, RealValues } from "./data.js";
 export class PnfindPriceResult {
   constructor() {
     this.item = null;
@@ -62,18 +62,18 @@ export class PnfindPriceResult {
         this.item.pricesenddirect ? (h("pn-product-card-price", { slot: "sendDirectPrice", label: state.i18n.senddirectcta, amount: this.item.pricesenddirect + '', currency: state.market.currency, url: sendDirectUrl, linkid: this.linkId + '-portal' })) : null,
         this.item.pricestamps ? ((this.item.name.toLocaleLowerCase() !== "riktiga vykort") ?
           (h("pn-product-card-price", { slot: "stampPrice", label: this.shopLabel, amount: this.item.pricestamps + '', currency: state.market.currency, url: this.shopUrl, linkid: this.linkId + this.shopId })) :
-          (h("pn-product-card-price", { slot: "riktiga", label: state.i18n.riktigaVykort, amount: this.item.pricestamps + '', currency: state.market.currency, url: RiktigaValues["WebUrl"], linkid: this.linkId + '-riktiga' }))) : null),
+          (h("pn-product-card-price", { slot: "riktiga", label: state.i18n.realPostcard, amount: this.item.pricestamps + '', currency: state.market.currency, url: RealValues["WebUrl"], linkid: this.linkId + '-riktiga' }))) : null),
       h("div", { slot: "servicepoint" }, (this.item.showservicepointlink) ? (h("a", { href: state.market.servicePoint, target: "_blank" },
         h("pn-icon", { symbol: "map-marker", color: "blue700" }),
         state.i18n.servicePointLink)) : null),
       h("div", { slot: "mobiledownload" }, (this.item.name.toLocaleLowerCase() === "riktiga vykort") ?
         (h("div", { id: "riktiga" },
-          h("h4", null, state.i18n.riktigaVykortMobile),
+          h("h4", null, state.i18n.realPostcardMobile),
           h("div", null,
-            h("a", { href: RiktigaValues["AndroidAppUrl"], target: "_blank" },
-              h("img", { class: "riktigaAndroidImg", src: RiktigaValues["AndroidImg"] })),
-            h("a", { href: RiktigaValues["IosAppUrl"], target: "_blank" },
-              h("img", { class: "riktigaAppleImg", src: RiktigaValues["IosImg"] }))))) : null))));
+            h("a", { href: RealValues["AndroidAppUrl"], target: "_blank" },
+              h("img", { class: "riktigaAndroidImg", src: RealValues["AndroidImg"] })),
+            h("a", { href: RealValues["IosAppUrl"], target: "_blank" },
+              h("img", { class: "riktigaAppleImg", src: RealValues["IosImg"] }))))) : null))));
   }
   static get is() { return "pn-find-price-result"; }
   static get originalStyleUrls() { return {

package/collection/components/widgets/pn-find-price/pn-find-price-store.js

@@ -15,8 +15,8 @@ const { state, onChange } = createStore({
     message: '',
     servicePointHeader: '',
     servicePointLink: '',
-    riktigaVykort: '',
-    riktigaVykortMobile: '',
+    realPostcard: '',
+    realPostcardMobile: '',
     ombudHeader: ''
   },
   market: {

package/collection/components/widgets/pn-find-price/pn-find-price-translations.js

@@ -13,8 +13,8 @@ export const translations = {
     'message': '*Vid köp hos valfritt ombud',
     'servicePointHeader': 'Eller hitta närmaste serviceställe',
     'servicePointLink': 'Hitta Serviceställe',
-    'riktigaVykort': 'Köp Riktiga Vykort',
-    'riktigaVykortMobile': 'Ladda ner appen',
+    'realPostcard': 'Köp Riktiga Vykort',
+    'realPostcardMobile': 'Ladda ner appen',
     'ombudHeader': 'Köp via ombud'
   },
   'en': {
@@ -31,8 +31,8 @@ export const translations = {
     'message': 'When buying from any agent',
     'servicePointHeader': 'Find service point',
     'servicePointLink': 'Find service point',
-    'riktigaVykort': 'Buy Postcards',
-    'riktigaVykortMobile': 'Download the app',
+    'realPostcard': 'Buy Postcards',
+    'realPostcardMobile': 'Download the app',
     'ombudHeader': 'Purchase by agent'
   },
   'da': {
@@ -49,7 +49,7 @@ export const translations = {
     'message': 'When buying from any agent',
     'servicePointHeader': 'Find nærmeste servicested',
     'servicePointLink': 'Find nærmeste servicested',
-    'riktigaVykort': 'Køb Riktiga Vykort',
+    'realPostcard': 'Køb Riktiga Vykort',
     'ombudHeader': 'Køb af agent'
   },
   'no': {