@postnord/pn-marketweb-components 2.0.23-beta4 → 2.0.24

package/types/components/widgets/pn-find-price/pn-find-price-translations.d.ts

@@ -3,6 +3,8 @@ export declare const translations: {
     componentheading: string;
     deliveryscopeheading: string;
     resultlistheading: string;
+    sizeheading: string;
+    weightheading: string;
     weightlabel: string;
     maxweightlabel: string;
     maxmeasurementlabel: string;
@@ -19,6 +21,8 @@ export declare const translations: {
     componentheading: string;
     deliveryscopeheading: string;
     resultlistheading: string;
+    sizeheading: string;
+    weightheading: string;
     weightlabel: string;
     maxweightlabel: string;
     maxmeasurementlabel: string;
@@ -35,6 +39,8 @@ export declare const translations: {
     componentheading: string;
     deliveryscopeheading: string;
     resultlistheading: string;
+    sizeheading: string;
+    weightheading: string;
     weightlabel: string;
     maxweightlabel: string;
     maxmeasurementlabel: string;

package/types/components/widgets/pn-find-price/pn-find-price-types.d.ts

@@ -14,6 +14,8 @@ export interface PnfindPricei18n {
   componentheading: string;
   deliveryscopeheading: string;
   resultlistheading: string;
+  sizeheading: string;
+  weightheading: string;
   weightlabel: string;
   maxweightlabel: string;
   maxmeasurementlabel: string;
@@ -55,5 +57,5 @@ export interface ProductPriceItem {
   illustration?: string;
   showservicepointlink?: string;
   infopagelink?: string;
-  availableonline?: string;
+  ombudpurchase?: string;
 }

package/types/components.d.ts

@@ -7,7 +7,8 @@
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { ProductPriceItem } from "./components/widgets/pn-find-price/pn-find-price-types";
 import { ProductPriceItem as ProductPriceItem1 } from "./globals/shared/productprice/product-price-types";
-import { LoginDialog, SiteHeaderSearch } from "./components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-types";
+import { LoginDialog, LoginDialogLink, ProfileSelectorCustomer, ProfileSelectorDialog, SiteHeaderI18N, SiteHeaderSearch } from "./components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-types";
+import { MarketWebLoginManager } from "./globals/MarketWebLoginManager";
 export namespace Components {
     interface PnBonusProgressbar {
         "bonuspercentage": string;
@@ -45,13 +46,13 @@ export namespace Components {
     }
     interface PnCustomernumberSelector {
         "description": string;
+        "heading": string;
         "language": string;
         "open": boolean;
-        "title": string;
     }
     interface PnCustomernumberSelectorOption {
         "description": string;
-        "title": string;
+        "heading": string;
         "url": string;
     }
     interface PnFilterCheckbox {
@@ -279,6 +280,10 @@ export namespace Components {
           * Forward session to backend
          */
         "sessionForward": boolean;
+        /**
+          * If this is selected we will show the new profile selection dropdown instead of the login version
+         */
+        "showProfileSelection": boolean;
         /**
           * Event based only language switch
          */
@@ -306,31 +311,40 @@ export namespace Components {
           * User Fullname
          */
         "fullname": string;
-        "i18n": any;
+        "i18n": SiteHeaderI18N;
         "loggedin": boolean;
         "loginDialog": LoginDialog;
+        /**
+          * If this is selected we will show the new profile selection dropdown instead of the login version
+         */
+        "showProfileSelection": boolean;
         /**
           * Access token passed from backend
          */
         "token": string;
     }
-    interface PnMarketwebSiteheaderProfileselection {
-        "emitEvents": boolean;
-        /**
-          * Specifies which endpoint domain we should load from
-         */
+    interface PnMarketwebSiteheaderLoginLinklist {
+        "heading": string;
+        "idNamespace": string;
+        "links": LoginDialogLink[];
+        "loginManager": MarketWebLoginManager;
+    }
+    interface PnMarketwebSiteheaderLoginLinks {
+        "idNamespace": string;
+        "loggedin": boolean;
+        "loginDialog": LoginDialog;
+        "loginManager": MarketWebLoginManager;
+        "username": string;
+    }
+    interface PnMarketwebSiteheaderLoginProfileselection {
         "endpoint": string;
-        /**
-          * User Fullname
-         */
-        "fullname": string;
-        "i18n": any;
+        "heading": string;
+        "i18n": SiteHeaderI18N;
+        "idNamespace": string;
         "loggedin": boolean;
         "loginDialog": LoginDialog;
-        /**
-          * Access token passed from backend
-         */
-        "token": string;
+        "loginManager": MarketWebLoginManager;
+        "profileSelectorDialog": ProfileSelectorDialog;
     }
     interface PnMarketwebSiteheaderSearch {
         "hideSearch": boolean;
@@ -406,7 +420,7 @@ export namespace Components {
     }
     interface PnProfileSelectorOption {
         "description": string;
-        "title": string;
+        "heading": string;
         "url": string;
     }
     interface PnSidenav {
@@ -608,11 +622,23 @@ declare global {
         prototype: HTMLPnMarketwebSiteheaderLoginElement;
         new (): HTMLPnMarketwebSiteheaderLoginElement;
     };
-    interface HTMLPnMarketwebSiteheaderProfileselectionElement extends Components.PnMarketwebSiteheaderProfileselection, HTMLStencilElement {
+    interface HTMLPnMarketwebSiteheaderLoginLinklistElement extends Components.PnMarketwebSiteheaderLoginLinklist, HTMLStencilElement {
     }
-    var HTMLPnMarketwebSiteheaderProfileselectionElement: {
-        prototype: HTMLPnMarketwebSiteheaderProfileselectionElement;
-        new (): HTMLPnMarketwebSiteheaderProfileselectionElement;
+    var HTMLPnMarketwebSiteheaderLoginLinklistElement: {
+        prototype: HTMLPnMarketwebSiteheaderLoginLinklistElement;
+        new (): HTMLPnMarketwebSiteheaderLoginLinklistElement;
+    };
+    interface HTMLPnMarketwebSiteheaderLoginLinksElement extends Components.PnMarketwebSiteheaderLoginLinks, HTMLStencilElement {
+    }
+    var HTMLPnMarketwebSiteheaderLoginLinksElement: {
+        prototype: HTMLPnMarketwebSiteheaderLoginLinksElement;
+        new (): HTMLPnMarketwebSiteheaderLoginLinksElement;
+    };
+    interface HTMLPnMarketwebSiteheaderLoginProfileselectionElement extends Components.PnMarketwebSiteheaderLoginProfileselection, HTMLStencilElement {
+    }
+    var HTMLPnMarketwebSiteheaderLoginProfileselectionElement: {
+        prototype: HTMLPnMarketwebSiteheaderLoginProfileselectionElement;
+        new (): HTMLPnMarketwebSiteheaderLoginProfileselectionElement;
     };
     interface HTMLPnMarketwebSiteheaderSearchElement extends Components.PnMarketwebSiteheaderSearch, HTMLStencilElement {
     }
@@ -756,7 +782,9 @@ declare global {
         "pn-marketweb-sitefooter": HTMLPnMarketwebSitefooterElement;
         "pn-marketweb-siteheader": HTMLPnMarketwebSiteheaderElement;
         "pn-marketweb-siteheader-login": HTMLPnMarketwebSiteheaderLoginElement;
-        "pn-marketweb-siteheader-profileselection": HTMLPnMarketwebSiteheaderProfileselectionElement;
+        "pn-marketweb-siteheader-login-linklist": HTMLPnMarketwebSiteheaderLoginLinklistElement;
+        "pn-marketweb-siteheader-login-links": HTMLPnMarketwebSiteheaderLoginLinksElement;
+        "pn-marketweb-siteheader-login-profileselection": HTMLPnMarketwebSiteheaderLoginProfileselectionElement;
         "pn-marketweb-siteheader-search": HTMLPnMarketwebSiteheaderSearchElement;
         "pn-pex-pricefinder": HTMLPnPexPricefinderElement;
         "pn-product-card": HTMLPnProductCardElement;
@@ -816,13 +844,13 @@ declare namespace LocalJSX {
     }
     interface PnCustomernumberSelector {
         "description"?: string;
+        "heading"?: string;
         "language"?: string;
         "open"?: boolean;
-        "title"?: string;
     }
     interface PnCustomernumberSelectorOption {
         "description"?: string;
-        "title"?: string;
+        "heading"?: string;
         "url"?: string;
     }
     interface PnFilterCheckbox {
@@ -1065,6 +1093,10 @@ declare namespace LocalJSX {
           * Forward session to backend
          */
         "sessionForward"?: boolean;
+        /**
+          * If this is selected we will show the new profile selection dropdown instead of the login version
+         */
+        "showProfileSelection"?: boolean;
         /**
           * Event based only language switch
          */
@@ -1092,33 +1124,41 @@ declare namespace LocalJSX {
           * User Fullname
          */
         "fullname"?: string;
-        "i18n"?: any;
+        "i18n"?: SiteHeaderI18N;
         "loggedin"?: boolean;
         "loginDialog"?: LoginDialog;
         "onLoginStateChange"?: (event: CustomEvent<any>) => void;
+        /**
+          * If this is selected we will show the new profile selection dropdown instead of the login version
+         */
+        "showProfileSelection"?: boolean;
         /**
           * Access token passed from backend
          */
         "token"?: string;
     }
-    interface PnMarketwebSiteheaderProfileselection {
-        "emitEvents"?: boolean;
-        /**
-          * Specifies which endpoint domain we should load from
-         */
+    interface PnMarketwebSiteheaderLoginLinklist {
+        "heading"?: string;
+        "idNamespace"?: string;
+        "links"?: LoginDialogLink[];
+        "loginManager"?: MarketWebLoginManager;
+    }
+    interface PnMarketwebSiteheaderLoginLinks {
+        "idNamespace"?: string;
+        "loggedin"?: boolean;
+        "loginDialog"?: LoginDialog;
+        "loginManager"?: MarketWebLoginManager;
+        "username"?: string;
+    }
+    interface PnMarketwebSiteheaderLoginProfileselection {
         "endpoint"?: string;
-        /**
-          * User Fullname
-         */
-        "fullname"?: string;
-        "i18n"?: any;
+        "heading"?: string;
+        "i18n"?: SiteHeaderI18N;
+        "idNamespace"?: string;
         "loggedin"?: boolean;
         "loginDialog"?: LoginDialog;
-        "onLoginStateChange"?: (event: CustomEvent<any>) => void;
-        /**
-          * Access token passed from backend
-         */
-        "token"?: string;
+        "loginManager"?: MarketWebLoginManager;
+        "profileSelectorDialog"?: ProfileSelectorDialog;
     }
     interface PnMarketwebSiteheaderSearch {
         "hideSearch"?: boolean;
@@ -1194,7 +1234,7 @@ declare namespace LocalJSX {
     }
     interface PnProfileSelectorOption {
         "description"?: string;
-        "title"?: string;
+        "heading"?: string;
         "url"?: string;
     }
     interface PnSidenav {
@@ -1290,7 +1330,9 @@ declare namespace LocalJSX {
         "pn-marketweb-sitefooter": PnMarketwebSitefooter;
         "pn-marketweb-siteheader": PnMarketwebSiteheader;
         "pn-marketweb-siteheader-login": PnMarketwebSiteheaderLogin;
-        "pn-marketweb-siteheader-profileselection": PnMarketwebSiteheaderProfileselection;
+        "pn-marketweb-siteheader-login-linklist": PnMarketwebSiteheaderLoginLinklist;
+        "pn-marketweb-siteheader-login-links": PnMarketwebSiteheaderLoginLinks;
+        "pn-marketweb-siteheader-login-profileselection": PnMarketwebSiteheaderLoginProfileselection;
         "pn-marketweb-siteheader-search": PnMarketwebSiteheaderSearch;
         "pn-pex-pricefinder": PnPexPricefinder;
         "pn-product-card": PnProductCard;
@@ -1338,7 +1380,9 @@ declare module "@stencil/core" {
             "pn-marketweb-sitefooter": LocalJSX.PnMarketwebSitefooter & JSXBase.HTMLAttributes<HTMLPnMarketwebSitefooterElement>;
             "pn-marketweb-siteheader": LocalJSX.PnMarketwebSiteheader & JSXBase.HTMLAttributes<HTMLPnMarketwebSiteheaderElement>;
             "pn-marketweb-siteheader-login": LocalJSX.PnMarketwebSiteheaderLogin & JSXBase.HTMLAttributes<HTMLPnMarketwebSiteheaderLoginElement>;
-            "pn-marketweb-siteheader-profileselection": LocalJSX.PnMarketwebSiteheaderProfileselection & JSXBase.HTMLAttributes<HTMLPnMarketwebSiteheaderProfileselectionElement>;
+            "pn-marketweb-siteheader-login-linklist": LocalJSX.PnMarketwebSiteheaderLoginLinklist & JSXBase.HTMLAttributes<HTMLPnMarketwebSiteheaderLoginLinklistElement>;
+            "pn-marketweb-siteheader-login-links": LocalJSX.PnMarketwebSiteheaderLoginLinks & JSXBase.HTMLAttributes<HTMLPnMarketwebSiteheaderLoginLinksElement>;
+            "pn-marketweb-siteheader-login-profileselection": LocalJSX.PnMarketwebSiteheaderLoginProfileselection & JSXBase.HTMLAttributes<HTMLPnMarketwebSiteheaderLoginProfileselectionElement>;
             "pn-marketweb-siteheader-search": LocalJSX.PnMarketwebSiteheaderSearch & JSXBase.HTMLAttributes<HTMLPnMarketwebSiteheaderSearchElement>;
             "pn-pex-pricefinder": LocalJSX.PnPexPricefinder & JSXBase.HTMLAttributes<HTMLPnPexPricefinderElement>;
             "pn-product-card": LocalJSX.PnProductCard & JSXBase.HTMLAttributes<HTMLPnProductCardElement>;

package/umd/pn-marketweb-salesforce.js

@@ -18,7 +18,7 @@
 
     const s = document.createElement('script');
     s.setAttribute("type", "module");
-    s.setAttribute("src", "https://cdn.jsdelivr.net/npm/@postnord/pn-marketweb-components@2.0.23-beta4/umd/standalone-loader-salesforce.js");
+    s.setAttribute("src", "https://cdn.jsdelivr.net/npm/@postnord/pn-marketweb-components@2.0.24/umd/standalone-loader-salesforce.js");
     document.querySelector("head").appendChild(s);
 
     

package/cjs/pn-marketweb-siteheader-profileselection.cjs.entry.js

@@ -1,161 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-e3e27c79.js');
-const MarketWebLoginManager = require('./MarketWebLoginManager-865226ea.js');
-
-const pnMarketwebSiteheaderProfileselectionCss = "";
-
-let PnMarketwebSiteheaderProfileSelection = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.loginStateChange = index.createEvent(this, "loginStateChange", 7);
-    /** Specifies which endpoint domain we should load from */
-    this.endpoint = "";
-    /** Access token passed from backend */
-    this.token = "";
-    this.emitEvents = true;
-    // Login dialog
-    this.loginDialog = null;
-    /** User Fullname */
-    this.fullname = "";
-    this.loggedin = false;
-    this.loginManager = null;
-    this.toggleButtonText = "";
-    this.username = this.fullname;
-  }
-  componentWillLoad() {
-    const userInfo = this.loggedin && this.fullname ? { given_name: this.fullname } : null;
-    this.loginManager = new MarketWebLoginManager.MarketWebLoginManager({ endpoint: this.endpoint, eventTarget: this.hostElement, userInfo });
-    this.hostElement["loginmanager"] = this.loginManager;
-    if (this.token) {
-      this.loginManager.registerToken(this.token, 'backend');
-    }
-    else if (this.emitEvents) { // The primary login instance
-      this.loginManager.invalidateTokenOfType('backend');
-    }
-    this.hostElement.addEventListener(this.loginManager.events.loginstatechange, this.onLoginStateChange.bind(this));
-    this.init();
-    this.setUserName();
-    this.setToggleButtonText();
-  }
-  async init() {
-    this.toggleButtonText = this.loginDialog.loginMenuLinkText;
-    this.loginManager.init(this.emitEvents);
-    this.setToggleButtonText();
-  }
-  setUserName() {
-    const userInfo = this.loginManager.getUserInfo();
-    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}` : "");
-    }
-    if (!name && userInfo && userInfo.email) {
-      name = userInfo.email;
-    }
-    if (!name && this.fullname) {
-      name = this.fullname;
-    }
-    this.username = name;
-  }
-  setToggleButtonText() {
-    if (this.loggedin) {
-      this.toggleButtonText = this.username;
-      if (!this.toggleButtonText) {
-        this.toggleButtonText = this.loginDialog.loggedInButtonText;
-      }
-    }
-    else {
-      this.toggleButtonText = this.loginDialog.loginMenuLinkText;
-    }
-  }
-  onLoginStateChange(e) {
-    if (this.loggedin !== e.detail && this.emitEvents) {
-      this.loggedin = e.detail;
-      this.loginStateChange.emit({ loggedIn: this.loggedin, token: this.loginManager.getToken() });
-      this.setUserName();
-      this.setToggleButtonText();
-    }
-  }
-  uniqueId(text) {
-    return "loginlink-" + text.replace(/[^A-Za-z0-9.\\\/]/igm, "") + "-" + (this.emitEvents ? "1" : "2");
-  }
-  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;
-  }
-  render() {
-    var _a, _b, _c;
-    if (!this.loginDialog) {
-      return;
-    }
-    let hostElementAttribute = {
-      username: null
-    };
-    if (this.username) {
-      hostElementAttribute.username = this.username;
-    }
-    return (index.h(index.Host, Object.assign({}, hostElementAttribute), index.h("pn-nav-dropdown", { label: this.toggleButtonText, icon: "user", class: "siteheader-logindialog" }, (!this.loginDialog.overrideLoginMenu) ?
-      index.h("div", { "data-loggedin": this.loggedin + '' }, (!this.loggedin) ?
-        index.h("div", null, (_a = this.loginDialog.loginTitle) !== null && _a !== void 0 ? _a : index.h("strong", null, this.loginDialog.loginTitle), ((_b = this.loginDialog.loginMenuLinks) === null || _b === void 0 ? void 0 : _b.length) > 0 ?
-          index.h("ul", null, this.loginDialog.loginMenuLinks.map((link, i) => {
-            const href = (i === 0 && !link.href) ? this.loginManager.getLoginUrl() : link.href;
-            return (index.h("li", null, index.h("pn-button", Object.assign({ href: href, id: this.uniqueId(link.linkText) }, this.linkAppearanceAttributes(link), (link.openInNewWindow && { target: '_blank' })), link.linkText)));
-          }))
-          : (index.h("ul", null, index.h("li", null, index.h("pn-button", { href: this.loginManager.getLoginUrl(this.loginDialog.loginUrl), target: "_top" }, this.loginDialog.loginLinkText)), index.h("li", null, index.h("pn-button", { href: this.loginDialog.registerUrl, target: "_top", appearance: "light", variant: "outlined" }, this.loginDialog.createLoginLinkText)))))
-        :
-          index.h("div", null, index.h("ul", null, this.loginDialog.loggedInLinks.map((link) => {
-            const isLogoutLink = link.href.indexOf('logout') !== -1;
-            const href = (isLogoutLink) ? this.loginManager.getLogoutUrl(link.href.replace('logout', '').replace('http://window.location.href/?', '').replace('https://window.location.href/?', '')) : link.href;
-            return (index.h("li", null, index.h("pn-button", Object.assign({ href: href, id: this.uniqueId(link.linkText) }, (link.openInNewWindow && { target: '_blank' }), this.linkAppearanceAttributes(link), { onClick: () => {
-                if (isLogoutLink) {
-                  this.loginManager.clearUserData();
-                }
-              } }), link.linkText)));
-          }))))
-      :
-        index.h("div", null, index.h("ul", null, (_c = this.loginDialog.loginMenuLinks) === null || _c === void 0 ? void 0 : _c.map(link => index.h("li", null, index.h("a", { href: link.href, target: link.openInNewWindow ? "_blank" : "_self", class: "btn btn-link" }, link.linkText))))))));
-  }
-  get hostElement() { return index.getElement(this); }
-  static get watchers() { return {
-    "i18n": ["init"],
-    "loginDialog": ["init"]
-  }; }
-};
-PnMarketwebSiteheaderProfileSelection.style = pnMarketwebSiteheaderProfileselectionCss;
-
-exports.pn_marketweb_siteheader_profileselection = PnMarketwebSiteheaderProfileSelection;