@postnord/pn-marketweb-components 2.0.23-beta3 → 2.0.23-beta6

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

@@ -6,7 +6,8 @@ export const translations = {
     "menuHomeButton": "Hem",
     "menuGoBackButton": "Gå tillbaka",
     "mainMenuButton": "Meny",
-    "menuStartButton": "Start"
+    "menuStartButton": "Start",
+    "profileSelectionFlyoutHeading": "Inloggad som",
   },
   'en': {
     "searchlabel": "Search",
@@ -15,7 +16,8 @@ export const translations = {
     "menuHomeButton": "Home",
     "menuGoBackButton": "Go back",
     "mainMenuButton": "Menu",
-    "menuStartButton": "Start"
+    "menuStartButton": "Start",
+    "profileSelectionFlyoutHeading": "Logged in as",
   },
   'da': {
     "searchlabel": "Søg",
@@ -24,7 +26,8 @@ export const translations = {
     "menuHomeButton": "Hjem",
     "menuGoBackButton": "Gå tilbage",
     "mainMenuButton": "Menu",
-    "menuStartButton": "Start"
+    "menuStartButton": "Start",
+    "profileSelectionFlyoutHeading": "Logget ind som",
   },
   'no': {
     "searchlabel": "Søk",
@@ -33,7 +36,8 @@ export const translations = {
     "menuHomeButton": "Hjem",
     "menuGoBackButton": "Gå tilbake",
     "mainMenuButton": "Meny",
-    "menuStartButton": "Start"
+    "menuStartButton": "Start",
+    "profileSelectionFlyoutHeading": "Logget på som",
   },
   'fi': {
     "searchlabel": "Hae",
@@ -42,6 +46,17 @@ export const translations = {
     "menuHomeButton": "Koti",
     "menuGoBackButton": "Mene takaisin",
     "mainMenuButton": "Valikko",
-    "menuStartButton": "Alkaa"
+    "menuStartButton": "Alkaa",
+    "profileSelectionFlyoutHeading": "Kirjautunut sisään nimellä",
+  },
+  'de': {
+    "searchlabel": "Suche",
+    "searchplaceholder": "Wonach suchen Sie?",
+    "searchbuttontext": "Suche",
+    "menuHomeButton": "Heim",
+    "menuGoBackButton": "Geh zurück",
+    "mainMenuButton": "Menü",
+    "menuStartButton": "Start",
+    "profileSelectionFlyoutHeading": "Eingeloggt als",
   }
 };

package/collection/components/profile/pn-customernumber-selector/pn-customernumber-selector-option.js

@@ -1,7 +1,7 @@
 import { Component, Prop, h, Element, Host } from "@stencil/core";
 export class PnProfileSelectorOption {
   constructor() {
-    this.title = "";
+    this.heading = "";
     this.description = "";
     this.url = "";
   }
@@ -9,7 +9,7 @@ export class PnProfileSelectorOption {
     return (h(Host, null,
       h("a", { class: "customernumberoption", href: this.url },
         h("span", { class: "customernumberoption-text" },
-          h("span", { class: "customernumberoption-title" }, this.title),
+          h("span", { class: "customernumberoption-title" }, this.heading),
           h("span", { class: "customernumberoption-description" }, this.description),
           h("slot", null)))));
   }
@@ -21,7 +21,7 @@ export class PnProfileSelectorOption {
     "$": ["pn-customernumber-selector-option.css"]
   }; }
   static get properties() { return {
-    "title": {
+    "heading": {
       "type": "string",
       "mutable": false,
       "complexType": {
@@ -35,7 +35,7 @@ export class PnProfileSelectorOption {
         "tags": [],
         "text": ""
       },
-      "attribute": "title",
+      "attribute": "heading",
       "reflect": false,
       "defaultValue": "\"\""
     },

package/collection/components/profile/pn-customernumber-selector/pn-customernumber-selector.js

@@ -4,8 +4,8 @@ export class PnCustomernumberSelector {
   constructor() {
     this.language = "sv";
     this.open = false;
-    this.title = "Lorem ipsum";
-    this.description = "123 654 123";
+    this.heading = "";
+    this.description = "";
     this.i18n = translations["en"];
   }
   componentWillLoad() {
@@ -24,7 +24,7 @@ export class PnCustomernumberSelector {
       h("div", { class: "customernumber-container" },
         h("button", { class: "customernumber-toggle", "aria-label": this.i18n.toggleLinkTitleText, onClick: () => this.open = !this.open },
           h("div", { class: "customernumber-selected" },
-            h("strong", { class: "customernumber-selected-title" }, this.title),
+            h("strong", { class: "customernumber-selected-title" }, this.heading),
             h("div", { class: "customernumber-selected-description" }, this.description)),
           h("pn-icon", { symbol: this.open ? 'angle-up' : 'angle-down', small: "false", color: "blue700" })),
         h("div", { class: "customernumber-options" },
@@ -74,7 +74,7 @@ export class PnCustomernumberSelector {
       "reflect": true,
       "defaultValue": "false"
     },
-    "title": {
+    "heading": {
       "type": "string",
       "mutable": false,
       "complexType": {
@@ -88,9 +88,9 @@ export class PnCustomernumberSelector {
         "tags": [],
         "text": ""
       },
-      "attribute": "title",
+      "attribute": "heading",
       "reflect": false,
-      "defaultValue": "\"Lorem ipsum\""
+      "defaultValue": "\"\""
     },
     "description": {
       "type": "string",
@@ -108,7 +108,7 @@ export class PnCustomernumberSelector {
       },
       "attribute": "description",
       "reflect": false,
-      "defaultValue": "\"123 654 123\""
+      "defaultValue": "\"\""
     }
   }; }
   static get states() { return {

package/collection/components/profile/pn-customernumber-selector/pn-customernumber-selector.stories.js

@@ -13,10 +13,10 @@ const PrimaryTemplate = ({ ...args }) => {
   <div style="min-width:100%;min-height:100vh;background:#eee;padding:1em;">
     <div style="max-width:15em; background:#fff;">
 
-  <pn-customernumber-selector selected="abc1">
-    <pn-customernumber-selector-option id="abc1" title="John Doe Karlsson (Privat)" description="john.doe.karlsson@hotmail.com" url="?id=123"></pn-customernumber-selector-option>
+  <pn-customernumber-selector selected="abc1" heading="Lorem Ipsum" description="123 546 789">
+    <pn-customernumber-selector-option id="abc1" heading="John Doe Karlsson (Privat)" description="john.doe.karlsson@hotmail.com" url="?id=123"></pn-customernumber-selector-option>
     <pn-customernumber-selector-option id="12345678" url="?id=12345678">12345678</pn-customernumber-selector-option>
-    <pn-customernumber-selector-option id="abc3" title="Long name company incorporated business practice" description="Kundnr: 1234321" url="?id=123"></pn-customernumber-selector-option>
+    <pn-customernumber-selector-option id="abc3" heading="Long name company incorporated business practice" description="Kundnr: 1234321" url="?id=123"></pn-customernumber-selector-option>
   </pn-customernumber-selector>
 
   <pn-sidenav language="${args.language}">

package/collection/components/profile/pn-profile-selector/pn-profile-selector-option.js

@@ -1,7 +1,7 @@
 import { Component, Prop, h, Element, Host } from "@stencil/core";
 export class PnProfileSelectorOption {
   constructor() {
-    this.title = "";
+    this.heading = "";
     this.description = "";
     this.url = "";
   }
@@ -9,7 +9,7 @@ export class PnProfileSelectorOption {
     return (h(Host, null,
       h("a", { class: "profileselectoroption", href: this.url },
         h("span", { class: "profileselectoroption-text" },
-          h("span", { class: "profileselectoroption-title" }, this.title),
+          h("span", { class: "profileselectoroption-title" }, this.heading),
           h("span", { class: "profileselectoroption-description" }, this.description)),
         h("pn-icon", { symbol: "arrow-right", small: "false", color: "blue700" }))));
   }
@@ -21,7 +21,7 @@ export class PnProfileSelectorOption {
     "$": ["pn-profile-selector-option.css"]
   }; }
   static get properties() { return {
-    "title": {
+    "heading": {
       "type": "string",
       "mutable": false,
       "complexType": {
@@ -35,7 +35,7 @@ export class PnProfileSelectorOption {
         "tags": [],
         "text": ""
       },
-      "attribute": "title",
+      "attribute": "heading",
       "reflect": false,
       "defaultValue": "\"\""
     },

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

@@ -28,10 +28,10 @@ export class PnfindPriceResult {
     }
     this.showMeasurement = (this.item.maxmått !== null) || (this.item.rulle !== null);
     this.linkId = `${this.item.id}-${this.item.name.toLocaleLowerCase().replace(/[^a-zA-Z0-9]/g, '')}`;
-    var availableOnline = (this.item.availableonline !== "No");
-    this.shopLabel = availableOnline ? state.i18n.stampshopcta : state.i18n.ombudHeader;
-    this.shopUrl = availableOnline ? stampShopUrl : state.market.servicePoint;
-    this.shopId = availableOnline ? '-stampshop' : '-servicepoint';
+    var showServicepointLink = (this.item.ombudpurchase === "Yes");
+    this.shopLabel = showServicepointLink ? state.i18n.ombudHeader : state.i18n.stampshopcta;
+    this.shopUrl = showServicepointLink ? state.market.servicePoint : stampShopUrl;
+    this.shopId = showServicepointLink ? '-servicepoint' : '-stampshop';
   }
   render() {
     return (h(Host, null, h("pn-product-card", { "data-productid": this.item.id },
@@ -50,7 +50,7 @@ export class PnfindPriceResult {
         h("div", { class: "content" },
           (this.item.description) ? (h("div", { class: "description" }, this.description.map((desc) => (h("li", null, desc))))) : null,
           (this.item.info) ? (h("div", { class: "description" }, this.item.info)) : null)),
-      this.item.note ? (h("small", { slot: "note" },
+      this.item.note ? (h("div", { slot: "note" },
         h("p", null, this.item.note))) : null,
       this.item.additionalusp ? (h("div", { slot: "additionalUSP" },
         this.Usp1 ? (h("span", null, this.Usp1)) : null,

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

@@ -58,14 +58,16 @@ export class PnfindPrice {
       return;
     }
     const sizeItemData = deliveryScopeData.filter((x) => x.sizecategory.toLocaleLowerCase() === this.sizecategory.value.toLocaleLowerCase());
-    if (this.weight.value === 0) {
+    if (!this.weight) {
       return;
     }
     const comparisonWeight = this.weight.value <= 20 ? this.weight.value * 1000 : this.weight.value;
-    let clubbedProducts = sizeItemData.filter(x => x.maxweight.toString().includes("upto")).
-      filter(x => (Number(x.maxweight.toString().toLocaleLowerCase().replace("upto", '')) - comparisonWeight) >= 0);
-    let weightFilteredData = sizeItemData.filter(x => (x.maxweight <= 20 ? x.maxweight * 1000 : x.maxweight) === comparisonWeight).concat(clubbedProducts);
-    // if no value found select the next available value
+    let weightFilteredData = sizeItemData.filter(x => (x.maxweight <= 20 ? x.maxweight * 1000 : x.maxweight) === comparisonWeight);
+    if (this.weightvalue !== 0) {
+      let clubbedProducts = sizeItemData.filter(x => x.maxweight.toString().includes("upto")).
+        filter(x => (Number(x.maxweight.toString().toLocaleLowerCase().replace("upto", '')) - comparisonWeight) >= 0);
+      weightFilteredData = weightFilteredData.concat(clubbedProducts);
+    }
     if (weightFilteredData.length === 0 && this.weightvalue !== 0) {
       weightFilteredData = sizeItemData.filter(x => (x.maxweight <= 20 ? x.maxweight * 1000 : x.maxweight) >= comparisonWeight);
       if (weightFilteredData.length > 0) {

package/collection/components/widgets/pn-product-card/pn-product-card.css

@@ -47,6 +47,7 @@ pn-product-card [slot=title] h2 > a::after {
 pn-product-card [slot=note] {
   margin-top: 1em;
   margin-bottom: 1em;
+  font-size: 0.8em;
 }
 pn-product-card [slot=additionalUSP] {
   display: flex;

package/custom-elements/index.d.ts

@@ -128,10 +128,22 @@ export const PnMarketwebSiteheaderLogin: {
   new (): PnMarketwebSiteheaderLogin;
 };
 
-interface PnMarketwebSiteheaderProfileselection extends Components.PnMarketwebSiteheaderProfileselection, HTMLElement {}
-export const PnMarketwebSiteheaderProfileselection: {
-  prototype: PnMarketwebSiteheaderProfileselection;
-  new (): PnMarketwebSiteheaderProfileselection;
+interface PnMarketwebSiteheaderLoginLinklist extends Components.PnMarketwebSiteheaderLoginLinklist, HTMLElement {}
+export const PnMarketwebSiteheaderLoginLinklist: {
+  prototype: PnMarketwebSiteheaderLoginLinklist;
+  new (): PnMarketwebSiteheaderLoginLinklist;
+};
+
+interface PnMarketwebSiteheaderLoginLinks extends Components.PnMarketwebSiteheaderLoginLinks, HTMLElement {}
+export const PnMarketwebSiteheaderLoginLinks: {
+  prototype: PnMarketwebSiteheaderLoginLinks;
+  new (): PnMarketwebSiteheaderLoginLinks;
+};
+
+interface PnMarketwebSiteheaderLoginProfileselection extends Components.PnMarketwebSiteheaderLoginProfileselection, HTMLElement {}
+export const PnMarketwebSiteheaderLoginProfileselection: {
+  prototype: PnMarketwebSiteheaderLoginProfileselection;
+  new (): PnMarketwebSiteheaderLoginProfileselection;
 };
 
 interface PnMarketwebSiteheaderSearch extends Components.PnMarketwebSiteheaderSearch, HTMLElement {}