@postnord/pn-marketweb-components 2.0.150-test → 2.0.150-test2

package/collection/components/widgets/pn-proxio-findprice/pn-proxio-findprice-result.js

@@ -0,0 +1,234 @@
+import { Component, h, Prop, Host, Watch, State } from "@stencil/core";
+import { translations } from "../pn-proxio-pricegroup/translations";
+export class PnProxioFindPriceResult {
+  constructor() {
+    this.item = null;
+    this.activeweight = null;
+    this.shownitems = [];
+    this.description = [];
+    this.showMeasurement = false;
+    this.weightText = "";
+    this.linkId = '';
+    this.shopLabel = '';
+    this.shopUrl = '';
+    this.shopId = '';
+    this.i18n = translations["sv"];
+  }
+  componentWillLoad() {
+    this.composeItems();
+  }
+  composeItems() {
+    this.shownitems = [this.item];
+  }
+  getPriceString(product) {
+    var _a;
+    if (product.productWeightGroupList) {
+      const activeIndex = product.productWeightGroupList.findIndex((item) => item.item1 === this.activeweight);
+      let price = product.weightAndPriceList ? (_a = product === null || product === void 0 ? void 0 : product.weightAndPriceList[activeIndex]) === null || _a === void 0 ? void 0 : _a.item2 : '';
+      return price ? this.i18n.from + price : '';
+    }
+    return null;
+  }
+  getProductLink(product, productWeightGroupList) {
+    var _a;
+    if (product.productWeightGroupList) {
+      const activeIndex = product.productWeightGroupList.findIndex((item) => item.item1 === this.activeweight);
+      let productId = (_a = productWeightGroupList[activeIndex]) === null || _a === void 0 ? void 0 : _a.item2;
+      let productLink = product.productLink ? product === null || product === void 0 ? void 0 : product.productLink : '';
+      return productLink ? productLink + (productId ? "?productId=" + productId : '') : '';
+    }
+    return null;
+  }
+  render() {
+    return (h(Host, null, h("pn-proxio-productcard", null,
+      h("pn-illustration", { slot: "illustrationmobile", illustration: this.item.proxioProduct.productIcon }),
+      h("h2", { slot: "title" }, this.item.proxioProduct.productTitle),
+      h("pn-proxio-productcard-description", { slot: "description", heading: this.item.proxioProduct.productPreamble, highlight: this.item.proxioProduct.deliveryDateInformation, list: this.item.proxioProduct.productDescriptionBulletListItems }),
+      h("div", { slot: "information" },
+        h("pn-proxio-productcard-information", { label: this.i18n.labelMaxDimensions, information: this.item.proxioProduct.productPackageDimensionsList }),
+        h("pn-proxio-productcard-information", { label: this.i18n.labelMaxDimensionsRoll, information: this.item.proxioProduct.productRollDimensionsList })),
+      h("div", { slot: "bottomtags" },
+        this.item.proxioProduct.usp1 ?
+          (h("pn-titletag", { color: "gray50" }, this.item.proxioProduct.usp1)) : (null),
+        this.item.proxioProduct.usp2 ?
+          (h("pn-titletag", { color: "gray50" }, this.item.proxioProduct.usp2)) : (null),
+        this.item.proxioProduct.usp3 ?
+          (h("pn-titletag", { color: "gray50" }, this.item.proxioProduct.usp3)) : (null)),
+      h("pn-illustration", { slot: "illustration", illustration: this.item.proxioProduct.productIcon }),
+      h("div", { slot: "pricelink" },
+        h("pn-proxio-productcard-pricelink", { price: this.getPriceString(this.item.proxioProduct), link: this.getProductLink(this.item.proxioProduct, this.item.proxioProduct.productWeightGroupList), linktext: this.item.proxioProduct.productLinkText }),
+        this.item.relatedProxioProducts ? (this.item.relatedProxioProducts.map((product) => (h("pn-proxio-productcard-pricelink", { price: this.getPriceString(product), link: product.productLink, linktext: product.productLinkText })))) : (null)))));
+  }
+  static get is() { return "pn-proxio-findprice-result"; }
+  static get originalStyleUrls() { return {
+    "$": ["pn-proxio-findprice-result.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["pn-proxio-findprice-result.css"]
+  }; }
+  static get properties() { return {
+    "item": {
+      "type": "unknown",
+      "mutable": true,
+      "complexType": {
+        "original": "ProxioPriceListGroupResponse",
+        "resolved": "ProxioPriceListGroupResponse",
+        "references": {
+          "ProxioPriceListGroupResponse": {
+            "location": "import",
+            "path": "../pn-proxio-pricegroup/types"
+          }
+        }
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "defaultValue": "null"
+    },
+    "activeweight": {
+      "type": "number",
+      "mutable": true,
+      "complexType": {
+        "original": "number",
+        "resolved": "number",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "activeweight",
+      "reflect": false,
+      "defaultValue": "null"
+    },
+    "shownitems": {
+      "type": "unknown",
+      "mutable": false,
+      "complexType": {
+        "original": "ProxioPriceListGroupResponse[]",
+        "resolved": "ProxioPriceListGroupResponse[]",
+        "references": {
+          "ProxioPriceListGroupResponse": {
+            "location": "import",
+            "path": "../pn-proxio-pricegroup/types"
+          }
+        }
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "defaultValue": "[]"
+    },
+    "Usp1": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "usp-1",
+      "reflect": false
+    },
+    "Usp2": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "usp-2",
+      "reflect": false
+    },
+    "Usp3": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "usp-3",
+      "reflect": false
+    },
+    "description": {
+      "type": "unknown",
+      "mutable": false,
+      "complexType": {
+        "original": "string[]",
+        "resolved": "string[]",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "defaultValue": "[]"
+    },
+    "showMeasurement": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "show-measurement",
+      "reflect": false,
+      "defaultValue": "false"
+    }
+  }; }
+  static get states() { return {
+    "weightText": {},
+    "linkId": {},
+    "shopLabel": {},
+    "shopUrl": {},
+    "shopId": {},
+    "i18n": {}
+  }; }
+  static get watchers() { return [{
+      "propName": "item",
+      "methodName": "composeItems"
+    }, {
+      "propName": "activeweight",
+      "methodName": "getPriceString"
+    }, {
+      "propName": "activeweight",
+      "methodName": "getProductLink"
+    }]; }
+}

package/collection/components/widgets/pn-proxio-findprice/pn-proxio-findprice-store.js

@@ -0,0 +1,29 @@
+import { createStore } from "@stencil/store";
+// Read more about how stencil stores work here: https://stenciljs.com/docs/stencil-store
+const { state, onChange } = createStore({
+  i18n: {
+    componentheading: '',
+    deliveryscopeheading: '',
+    resultlistheading: '',
+    sizeheading: '',
+    weightheading: '',
+    weightlabel: '',
+    maxweightlabel: '',
+    maxmeasurementlabel: '',
+    senddirectcta: '',
+    stampshopcta: '',
+    message: '',
+    servicePointHeader: '',
+    servicePointLink: '',
+    realPostcard: '',
+    realPostcardMobile: '',
+    ombudHeader: ''
+  },
+  market: {
+    currency: "",
+    country: "",
+    servicePoint: "",
+  }
+});
+export { state, onChange };
+export default state;

package/collection/components/widgets/pn-proxio-findprice/pn-proxio-findprice-translations.js

@@ -0,0 +1,106 @@
+export const translations = {
+  'sv': {
+    'componentheading': 'Våra priser och villkor för inrikesförsändelser för dig som direktbetalande kund?',
+    'deliveryscopeheading': 'Endast leveranser inom Sverige',
+    'resultlistheading': 'Några bra alternativ för dig',
+    'sizeheading': 'Uppskatta storleken på din försändelse',
+    'weightheading': 'Uppskatta vikten på din försändelse',
+    'weightlabel': 'Vikt',
+    'maxweightlabel': 'Maxvikt',
+    'maxmeasurementlabel': 'Maxvolym',
+    'senddirectcta': 'Köp online',
+    'stampshopcta': 'Till butiken',
+    'message': '*Vid köp hos valfritt ombud',
+    'servicePointHeader': 'Eller hitta närmaste serviceställe',
+    'servicePointLink': 'Hitta Serviceställe',
+    'realPostcard': 'Köp Riktiga Vykort',
+    'realPostcardMobile': 'Ladda ner appen',
+    'ombudHeader': 'Köp via ombud',
+    "from": "Från ",
+    "labelMaxDimensionsRoll": "Rulle",
+    "labelMaxDimensions": "Maxmått"
+  },
+  'en': {
+    'componentheading': 'Our prices and terms and conditions for domestic shipments for you as a direct paying customer',
+    'deliveryscopeheading': 'Deliveries within Sweden only',
+    'resultlistheading': 'Some suitable options for you',
+    'sizeheading': 'Estimate the size of your shipment',
+    'weightheading': 'Estimate the weight of your shipment',
+    'weightlabel': 'Weight',
+    'maxweightlabel': 'Max weight',
+    'maxmeasurementlabel': 'Maximum measurement',
+    'senddirectcta': 'Buy Online',
+    'stampshopcta': 'To the Store',
+    'message': 'When buying from any agent',
+    'servicePointHeader': 'Find service point',
+    'servicePointLink': 'Find service point',
+    'realPostcard': 'Buy Postcards',
+    'realPostcardMobile': 'Download the app',
+    'ombudHeader': 'Purchase by agent',
+    "from": "From ",
+    "labelMaxDimensionsRoll": "Roll",
+    "labelMaxDimensions": "Maximum dimensions"
+  },
+  'da': {
+    'componentheading': 'Vad vill du skicka?',
+    'deliveryscopeheading': 'Kun leveringer indenfor Sverige',
+    'resultlistheading': 'Nogle passende muligheder for dig',
+    'sizeheading': 'Anslå størrelsen på din forsendelse',
+    'weightheading': 'Anslå vægten af din forsendelse',
+    'weightlabel': 'Vægt',
+    'maxweightlabel': 'Max vægt',
+    'maxmeasurementlabel': 'Maks. Volumen',
+    'senddirectcta': 'Køb Online',
+    'stampshopcta': 'Til butikken',
+    'message': 'When buying from any agent',
+    'servicePointHeader': 'Find nærmeste servicested',
+    'servicePointLink': 'Find nærmeste servicested',
+    'realPostcard': 'Køb Riktiga Vykort',
+    'ombudHeader': 'Køb af agent',
+    "from": "Från ",
+    "labelMaxDimensionsRoll": "Rulle",
+    "labelMaxDimensions": "Maks måle"
+  },
+  'no': {
+    'componentheading': 'Vad vill du skicka?',
+    'deliveryscopeheading': 'Kun leveranser innen Sverige',
+    'resultlistheading': 'Some suitable options for you',
+    'weightlabel': 'Vekt',
+    'maxweightlabel': 'Maks vekt',
+    'maxmeasurementlabel': 'Maks volum',
+    'senddirectcta': 'Buy shipping in Send Direct',
+    'stampshopcta': 'Order home stamps from the webshop',
+  },
+  'fi': {
+    'componentheading': 'Vad vill du skicka?',
+    'deliveryscopeheading': 'Toimitukset vain Ruotsin sisällä',
+    'resultlistheading': 'Some suitable options for you',
+    'weightlabel': 'Paino',
+    'maxweightlabel': 'Max paino',
+    'maxmeasurementlabel': 'Max äänenvoimakkuus',
+    'senddirectcta': 'Buy shipping in Send Direct',
+    'stampshopcta': 'Order home stamps from the webshop',
+  }
+};
+export const markets = {
+  'se': {
+    "currency": "kr",
+    "country": "Sweden",
+    "servicePoint": "https://www.postnord.se/vara-verktyg/sok-brevlada-eller-servicestalle",
+  },
+  'dk': {
+    "currency": "dk",
+    "country": "Denmark",
+    "servicePoint": "https://www.postnord.dk/varktojer/find-os",
+  },
+  'fi': {
+    "currency": " €",
+    "country": "Finland",
+    "servicePoint": "",
+  },
+  'no': {
+    "currency": "kr",
+    "country": "Norway",
+    "servicePoint": "",
+  }
+};

package/collection/components/widgets/pn-proxio-findprice/pn-proxio-findprice-types.js

@@ -0,0 +1 @@
+export {};

package/collection/components/widgets/pn-proxio-findprice/pn-proxio-findprice.css

@@ -0,0 +1,105 @@
+@charset "UTF-8";
+pn-proxio-findprice .findprice-form {
+  /*max-width: 60em;*/
+  margin: 0em auto 3em auto;
+}
+pn-proxio-findprice .findprice-form-wrapper {
+  background-color: #EFFBFF;
+  padding: 3.2rem 0;
+}
+pn-proxio-findprice .sizeTable {
+  border-style: none !important;
+  border: 0 !important;
+  position: relative;
+}
+pn-proxio-findprice .sizeTable > tr td {
+  margin-bottom: 1em;
+  text-align: center;
+  vertical-align: bottom;
+  padding-right: 1em;
+  padding-top: 1em;
+}
+pn-proxio-findprice .sizeTable #clouds {
+  position: absolute;
+  top: 0em;
+  left: 4em;
+  z-index: -1;
+}
+pn-proxio-findprice .firstCell {
+  margin-right: 0;
+  margin-left: auto;
+}
+pn-proxio-findprice [slot=title] {
+  margin-bottom: 1rem;
+}
+pn-proxio-findprice h2 {
+  text-align: center;
+}
+pn-proxio-findprice .heading {
+  text-align: center;
+  line-height: 1.1;
+  font-weight: bold;
+  margin-bottom: 1rem;
+  color: #000000;
+}
+pn-proxio-findprice .resultHeading {
+  text-align: center;
+  font-size: 1.5em;
+  line-height: 1.1;
+  font-weight: bold;
+  margin-bottom: 2em;
+}
+pn-proxio-findprice .sizecategory {
+  margin-top: 1em;
+  margin-bottom: 3rem;
+  font-size: 0.9em;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+pn-proxio-findprice .weightoption {
+  font-size: 0.9em;
+  margin: 0 auto;
+}
+pn-proxio-findprice .weightoption-content {
+  text-align: center;
+}
+pn-proxio-findprice .weightoption-content pn-choice-button {
+  width: 7em;
+  line-height: 3.3em;
+  font-size: 0.9em;
+  vertical-align: bottom;
+}
+pn-proxio-findprice .weightoption-content pn-choice-button > label {
+  align-content: center;
+  justify-content: center;
+}
+pn-proxio-findprice .weightoption-content pn-choice-button ::before {
+  content: "Max  ";
+  font-weight: lighter;
+}
+pn-proxio-findprice .resultlist {
+  max-width: 60em;
+  margin: 3.2rem auto 3.2rem auto;
+}
+pn-proxio-findprice .servicePoint {
+  text-align: center;
+}
+pn-proxio-findprice .servicePoint pn-illustration {
+  display: block;
+  max-width: 5em;
+  max-height: 5em;
+  margin: 1.5em auto 0 auto;
+}
+pn-proxio-findprice .servicePoint h3 {
+  margin-top: 0.8em;
+  margin-bottom: 0.9em;
+}
+pn-proxio-findprice .servicePoint a {
+  color: #005D92;
+  text-decoration: none;
+}
+pn-proxio-findprice .servicePoint a:hover {
+  color: #0D234B;
+  text-decoration: underline;
+}