@postnord/pn-marketweb-components 2.4.6 → 2.4.9

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

@@ -16,12 +16,15 @@ export class PnProxioFindPrice {
     this.language = "da";
     this.market = "dk";
     this.showMedium = false;
+    this.showInternational = false;
+    this.maxAbroadKg = 0;
     this.cache = false;
     this.filteredItems = [];
     this.weight = { value: 0, name: "" };
     this.weightvalue = 0;
+    this.countrycodevalue = "";
     this.sizecategory = { value: "", name: "", icon: "", unit: "" };
-    this.data = { proxioProducts: [] };
+    this.data = { proxioProducts: [], shipmentCountries: [] };
   }
   componentWillLoad() {
     this.setInitialValues().then(() => {
@@ -39,6 +42,9 @@ export class PnProxioFindPrice {
     if (!this.endpoint) {
       this.endpoint = "";
     }
+    if (this.countrycodevalue === "") {
+      this.countrycodevalue = this.market.toLowerCase();
+    }
   }
   init() {
     this.setState();
@@ -66,7 +72,8 @@ export class PnProxioFindPrice {
       'mode': 'cors',
     }, false, this.onFetchData.bind(this));
     if (data) {
-      this.data.proxioProducts = data;
+      this.data = data;
+      this.data.proxioProducts = data.proxioProducts;
     }
     this.filterItems();
   }
@@ -83,16 +90,6 @@ export class PnProxioFindPrice {
     }
   }
   filterItems() {
-    var _a;
-    if (!this.data || !this.data.proxioProducts) {
-      console.log('Data has not yet been loaded, fetching again');
-      this.fetchData().then(() => {
-        if (!this.data) {
-          console.log('Data could not be loaded');
-          return;
-        }
-      });
-    }
     const sizeItemData = this.data.proxioProducts.filter(item => {
       return item.proxioProduct.productWeightGroupList.some(weightGroup => {
         return weightGroup.item3.includes(this.sizecategory.value);
@@ -102,18 +99,31 @@ export class PnProxioFindPrice {
       return;
     }
     const comparisonWeight = this.weight.value;
-    let weightFilteredData = sizeItemData.filter(item => {
+    let weightFilteredData = sizeItemData === null || sizeItemData === void 0 ? void 0 : sizeItemData.filter(item => {
       return item.proxioProduct.productWeightGroupList.some(weightGroup => {
         return weightGroup.item1 === comparisonWeight;
       });
     });
     if (weightFilteredData.length === 0 && this.weightvalue !== 0) {
-      weightFilteredData = sizeItemData.filter(item => {
+      weightFilteredData = sizeItemData === null || sizeItemData === void 0 ? void 0 : sizeItemData.filter(item => {
         return item.proxioProduct.productWeightGroupList.some(weightGroup => {
           return weightGroup.item1 === comparisonWeight;
         });
       });
     }
+    if (this.showInternational && this.countrycodevalue) {
+      weightFilteredData = weightFilteredData === null || weightFilteredData === void 0 ? void 0 : weightFilteredData.filter(item => item.proxioProduct.weightPriceCountryList.some(countryItem => countryItem.item3.includes(this.countrycodevalue.toUpperCase())));
+    }
+    weightFilteredData = this.sortWeightItems(weightFilteredData);
+    this.filteredItems = weightFilteredData;
+  }
+  parseFloatFromString(text) {
+    var _a;
+    return parseFloat((_a = text === null || text === void 0 ? void 0 : text.replace(/[^\d\.\,]*/g, '')) !== null && _a !== void 0 ? _a : 100000);
+  }
+  sortWeightItems(weightFilteredData) {
+    var _a;
+    const comparisonWeight = this.weight.value;
     (_a = weightFilteredData === null || weightFilteredData === void 0 ? void 0 : weightFilteredData.sort((a, b) => {
       var _a, _b, _c, _d, _e, _f, _g, _h;
       let aIndex = a.proxioProduct.productWeightGroupList.findIndex(weightGroup => weightGroup.item1 === comparisonWeight);
@@ -137,23 +147,30 @@ export class PnProxioFindPrice {
       }
       return 0;
     })) !== null && _a !== void 0 ? _a : [];
-    this.filteredItems = weightFilteredData;
-  }
-  parseFloatFromString(text) {
-    var _a;
-    return parseFloat((_a = text === null || text === void 0 ? void 0 : text.replace(/[^\d\.\,]*/g, '')) !== null && _a !== void 0 ? _a : 100000);
+    return weightFilteredData;
   }
   resetFilters() {
+    var _a, _b, _c;
     this.weight = { value: 0, name: "" };
     this.sizecategory = sizeCategories.filter(x => x.value === "S")[0];
     this.weightvalue = 0;
+    this.countrycodevalue = (_c = (_b = (_a = this.data) === null || _a === void 0 ? void 0 : _a.shipmentCountries[0]) === null || _b === void 0 ? void 0 : _b.countryCode) !== null && _c !== void 0 ? _c : this.market;
   }
   getWeights() {
     var _a;
     let marketWeightsArray = (_a = weights[this.market]) !== null && _a !== void 0 ? _a : { "S": [], "M": [], "L": [] };
-    return marketWeightsArray[this.sizecategory.unit];
+    let marketWeights = marketWeightsArray[this.sizecategory.unit];
+    let isInternationalWeights = this.maxAbroadKg != 0 && this.countrycodevalue.toLowerCase() !== this.market.toLowerCase();
+    marketWeights = isInternationalWeights ? marketWeights.filter(number => (number.value / 1000) <= this.maxAbroadKg) : marketWeights;
+    return marketWeights;
+  }
+  handleDropdownChange(event) {
+    const target = event.target;
+    const countryCode = target.value;
+    this.countrycodevalue = countryCode;
   }
   render() {
+    var _a, _b;
     return (h("div", { class: "findprice-form" }, h("div", { class: "findprice-form-wrapper" }, h("h4", { class: "findprice__heading" }, state.i18n.sizeheading), h("div", { class: "sizecategory" }, h("table", { class: "sizeTable" }, h("img", { id: "clouds", src: clouds }), h("tr", null, h("td", null, h("img", { class: "firstCell", src: person })), h("td", null, h("img", { src: S })), this.showMedium ? h("td", null, h("img", { src: M })) : null, h("td", null, h("img", { src: L }))), h("tr", null, h("td", null), sizeCategories.map((sizeCategory) => (!this.showMedium && sizeCategory.value === "M" ? null : (h("td", null, h("pn-radio-button", { id: 'findpricecategory-' + sizeCategory.value, radioid: sizeCategory.value, value: sizeCategory.value, name: "sizecategory", checked: sizeCategory.value === this.sizecategory.value, onChange: () => {
         this.sizecategory = sizeCategories.filter(x => x.value === sizeCategory.value)[0];
         this.weight = { value: 0, name: "" };
@@ -161,7 +178,7 @@ export class PnProxioFindPrice {
       } })))))))), h("h4", { class: "findprice__heading findprice__subheading" }, state.i18n.weightheading), (this.sizecategory.value && this.getWeights()) ? (h("div", { class: "weightoption" }, h("div", { class: "weightoption-content" }, this.getWeights().map((wght) => (h("pn-choice-button", { id: 'findpriceweight-' + wght.value, choiceid: this.sizecategory.value + wght.value, name: "weight", type: "radio", value: (!this.weight.value) ? 0 : this.getWeights().findIndex((x) => x.value === this.weightvalue), checked: wght.value === this.weight.value, onChange: () => {
         this.weight = this.getWeights().filter(x => x.value === wght.value)[0];
         this.weightvalue = this.weight.value;
-      } }, wght.name)))))) : null, h("div", { class: 'findprice__clear-all-filters', role: 'button' }, h("div", { class: 'findprice__clear-all-filters__btn', onClick: () => this.resetFilters() }, h("pn-icon", { symbol: "trash-can", color: "blue700" }), h("span", { class: 'clear-all-filters__text' }, state.i18n.clearFilterButton)))), (this.filteredItems && this.filteredItems.length > 0) ? (h("div", { class: "resultlist" }, (state.i18n.resultlistheading) ? (h("div", { class: "resultHeading" }, state.i18n.resultlistheading)) : null, this.filteredItems.map((item) => (h("div", null, h("pn-proxio-findprice-result", { activeweight: this.weight.value, item: item, language: this.language })))))) : ((this.weightvalue !== 0) ? (h("h4", { class: "resultHeading" }, state.i18n.noResultMessage)) : null)));
+      } }, wght.name)))))) : null, this.showInternational && ((_b = (_a = this.data) === null || _a === void 0 ? void 0 : _a.shipmentCountries) !== null && _b !== void 0 ? _b : false) ? (h("div", { class: "shipmentcountry" }, h("h4", { class: "shipmentcountry-header" }, state.i18n.countryToSendTo), h("div", { class: "shipmentcountry-select-container" }, h("svg", { class: "arrow", width: "18", height: "10", viewBox: "0 0 18 10", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M9.70711 9.70711C9.31658 10.0976 8.68342 10.0976 8.29289 9.70711L0.292892 1.70711C-0.0976315 1.31658 -0.0976315 0.683417 0.292892 0.292893C0.683418 -0.0976315 1.31658 -0.0976315 1.70711 0.292893L9 7.58579L16.2929 0.292893C16.6834 -0.0976315 17.3166 -0.0976315 17.7071 0.292893C18.0976 0.683417 18.0976 1.31658 17.7071 1.70711L9.70711 9.70711Z" })), h("select", { name: "shipmentCountry-select", id: "proxio-shipmentcountry", onChange: this.handleDropdownChange.bind(this) }, this.data.shipmentCountries.map((item) => (h("option", { selected: item.countryCode.toLowerCase() === this.countrycodevalue.toLowerCase(), value: item.countryCode }, item.countryName))))))) : (null), h("div", { class: 'findprice__clear-all-filters', role: 'button' }, h("div", { class: 'findprice__clear-all-filters__btn', onClick: () => this.resetFilters() }, h("pn-icon", { symbol: "trash-can", color: "blue700" }), h("span", { class: 'clear-all-filters__text' }, state.i18n.clearFilterButton)))), (this.filteredItems && this.filteredItems.length > 0) ? (h("div", { class: "resultlist" }, (state.i18n.resultlistheading) ? (h("div", { class: "resultHeading" }, state.i18n.resultlistheading)) : null, this.filteredItems.map((item) => (h("div", null, h("pn-proxio-findprice-result", { activeweight: this.weight.value, item: item, language: this.language, "selected-countrycode": this.countrycodevalue, "show-international": this.showInternational, market: this.market })))))) : ((this.weightvalue !== 0) ? (h("h4", { class: "resultHeading" }, state.i18n.noResultMessage)) : null)));
   }
   static get is() { return "pn-proxio-findprice"; }
   static get originalStyleUrls() {
@@ -248,6 +265,42 @@ export class PnProxioFindPrice {
         "reflect": false,
         "defaultValue": "false"
       },
+      "showInternational": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "show-international",
+        "reflect": false,
+        "defaultValue": "false"
+      },
+      "maxAbroadKg": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "max-abroad-kg",
+        "reflect": false,
+        "defaultValue": "0"
+      },
       "cache": {
         "type": "boolean",
         "mutable": false,
@@ -273,6 +326,7 @@ export class PnProxioFindPrice {
       "filteredItems": {},
       "weight": {},
       "weightvalue": {},
+      "countrycodevalue": {},
       "sizecategory": {},
       "data": {}
     };
@@ -290,6 +344,9 @@ export class PnProxioFindPrice {
       }, {
         "propName": "weightvalue",
         "methodName": "filterItems"
+      }, {
+        "propName": "countrycodevalue",
+        "methodName": "filterItems"
       }];
   }
 }

package/collection/components/widgets/pn-proxio-productcard/pn-proxio-productcard.js

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class PnProxioProductcard {
   render() {
-    return (h(Host, null, h("div", { class: "cardcontent" }, h("div", { class: "carddetails" }, h("slot", { name: "illustrationmobile" }), h("div", { class: "heading" }, h("slot", { name: "title" }), h("slot", { name: "uppertags" })), h("slot", { name: "description" }), h("slot", { name: "information" }), h("slot", { name: "bottomtags" })), h("div", { class: "cardcalltoactions" }, h("slot", { name: "illustration" }), h("slot", { name: "pricelink" })))));
+    return (h(Host, null, h("div", { class: "cardcontent" }, h("div", { class: "carddetails" }, h("slot", { name: "illustrationmobile" }), h("div", { class: "heading" }, h("slot", { name: "title" }), h("slot", { name: "uppertags" })), h("slot", { name: "description" }), h("slot", { name: "information" }), h("slot", { name: "bottomtags" })), h("div", { class: "cardcalltoactions" }, h("slot", { name: "illustration" }), h("slot", { name: "pricelink" }), h("slot", { name: "insurance" })))));
   }
   static get is() { return "pn-proxio-productcard"; }
   static get originalStyleUrls() {

package/components/pn-proxio-findprice-result2.js

@@ -6,7 +6,7 @@ import { d as defineCustomElement$3 } from './pn-proxio-productcard-information2
 import { d as defineCustomElement$2 } from './pn-proxio-productcard-pricelink2.js';
 import { d as defineCustomElement$1 } from './pn-titletag2.js';
 
-const pnProxioFindpriceResultCss = "pn-proxio-find-price-result .test{margin:3em 0}.resultcontent{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-positive:1;flex-grow:1}";
+const pnProxioFindpriceResultCss = "pn-proxio-findprice-result [slot=insurance]{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}pn-proxio-findprice-result .insurance-box{padding:0.4rem 0.8rem;border-radius:0.8rem;background-color:#8EDDF9;text-align:center;font-size:1.2rem;font-weight:400;margin-bottom:2.4rem}";
 
 const PnProxioFindPriceResult = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {
@@ -20,6 +20,9 @@ const PnProxioFindPriceResult = /*@__PURE__*/ proxyCustomElement(class extends H
     this.Usp3 = undefined;
     this.description = [];
     this.showMeasurement = false;
+    this.showInternational = false;
+    this.selectedCountrycode = "";
+    this.market = "";
     this.language = "sv";
     this.weightText = "";
     this.linkId = '';
@@ -35,13 +38,20 @@ const PnProxioFindPriceResult = /*@__PURE__*/ proxyCustomElement(class extends H
     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 : '';
+    var _a, _b;
+    if (!product.productWeightGroupList) {
+      return null;
     }
-    return null;
+    const activeIndex = product.productWeightGroupList.findIndex((item) => item.item1 === this.activeweight);
+    let price = '';
+    if (this.showInternational && this.selectedCountrycode && this.selectedCountrycode !== this.market && product.weightPriceCountryList) {
+      let weightPriceCountryList = product.weightPriceCountryList.filter(item => item.item3.includes(this.selectedCountrycode.toUpperCase()));
+      price = weightPriceCountryList ? (_a = weightPriceCountryList[activeIndex]) === null || _a === void 0 ? void 0 : _a.item2 : '';
+    }
+    else {
+      price = product.weightAndPriceList ? (_b = product === null || product === void 0 ? void 0 : product.weightAndPriceList[activeIndex]) === null || _b === void 0 ? void 0 : _b.item2 : '';
+    }
+    return price ? this.i18n.from + price : '';
   }
   getProductLink(product, productWeightGroupList) {
     var _a;
@@ -53,11 +63,33 @@ const PnProxioFindPriceResult = /*@__PURE__*/ proxyCustomElement(class extends H
     }
     return null;
   }
+  getDeliveryInformation(product) {
+    var _a, _b;
+    if (!this.showInternational || !product.deliveryDateInternationalInformation) {
+      return product.deliveryDateInformation;
+    }
+    const internationalShipment = (_a = product === null || product === void 0 ? void 0 : product.deliveryDateInternationalInformation) === null || _a === void 0 ? void 0 : _a.find(info => info.item1.toLowerCase() === this.selectedCountrycode.toLowerCase());
+    if ((_b = !(internationalShipment === null || internationalShipment === void 0 ? void 0 : internationalShipment.item2)) !== null && _b !== void 0 ? _b : true) {
+      return product.deliveryDateInformation;
+    }
+    return internationalShipment.item2;
+  }
+  getInsuranceAmountText(product) {
+    var _a, _b;
+    if (!product.insuranceAmounts) {
+      return '';
+    }
+    const insuranceAmount = (_a = product === null || product === void 0 ? void 0 : product.insuranceAmounts) === null || _a === void 0 ? void 0 : _a.find(info => info.item1.toLowerCase() === this.selectedCountrycode.toLowerCase());
+    if ((_b = !(insuranceAmount === null || insuranceAmount === void 0 ? void 0 : insuranceAmount.item2)) !== null && _b !== void 0 ? _b : true) {
+      return '';
+    }
+    return insuranceAmount.item2;
+  }
   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 ?
+    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.getDeliveryInformation(this.item.proxioProduct), 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)))));
+      (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)), this.getInsuranceAmountText(this.item.proxioProduct) ? (h("div", { slot: "insurance" }, h("div", { class: "insurance-box" }, this.getInsuranceAmountText(this.item.proxioProduct)))) : (null))));
   }
   static get watchers() { return {
     "item": ["composeItems"],
@@ -73,6 +105,9 @@ const PnProxioFindPriceResult = /*@__PURE__*/ proxyCustomElement(class extends H
     "Usp3": [1, "usp-3"],
     "description": [16],
     "showMeasurement": [4, "show-measurement"],
+    "showInternational": [4, "show-international"],
+    "selectedCountrycode": [1, "selected-countrycode"],
+    "market": [1],
     "language": [1025],
     "weightText": [32],
     "linkId": [32],

package/components/pn-proxio-findprice.js

@@ -31,7 +31,9 @@ const translations = {
     "labelMaxDimensionsRoll": "Rulle",
     "labelMaxDimensions": "Maxmått",
     'noResultMessage': 'Inga produkter matchar dina kriterier',
-    'clearFilterButton': 'Rensa alla filter'
+    'clearFilterButton': 'Rensa alla filter',
+    'compensateUpTo': 'Kompenserad upp till',
+    'countryToSendTo': 'Vilket land vill du skicka till?'
   },
   'en': {
     'componentheading': 'Our prices and terms and conditions for domestic shipments for you as a direct paying customer',
@@ -54,7 +56,9 @@ const translations = {
     "labelMaxDimensionsRoll": "Roll",
     "labelMaxDimensions": "Maximum dimensions",
     'noResultMessage': 'No products match your criterias',
-    'clearFilterButton': 'Clear all filters'
+    'clearFilterButton': 'Clear all filters',
+    'compensateUpTo': 'Compensated up to',
+    'countryToSendTo': 'To which country do you want to send?'
   },
   'da': {
     'componentheading': 'Vad vill du skicka?',
@@ -76,7 +80,9 @@ const translations = {
     "labelMaxDimensionsRoll": "Rulle",
     "labelMaxDimensions": "Maks. mål og vægt",
     'noResultMessage': 'Ingen produkter matcher dine kriterier',
-    'clearFilterButton': 'Ryd alle filtre'
+    'clearFilterButton': 'Ryd alle filtre',
+    'compensateUpTo': 'Erstattet op til',
+    'countryToSendTo': 'Hvilket land vil du sende til?'
   },
   'no': {
     'componentheading': 'Vad vill du skicka?',
@@ -88,7 +94,9 @@ const translations = {
     'senddirectcta': 'Buy shipping in Send Direct',
     'stampshopcta': 'Order home stamps from the webshop',
     'noResultMessage': 'No products match your criterias',
-    'clearFilterButton': 'Clear all filters'
+    'clearFilterButton': 'Clear all filters',
+    'compensateUpTo': 'Kompensert inntil',
+    'countryToSendTo': 'Hvilket land vil du sende til?'
   },
   'fi': {
     'componentheading': 'Vad vill du skicka?',
@@ -100,7 +108,9 @@ const translations = {
     'senddirectcta': 'Buy shipping in Send Direct',
     'stampshopcta': 'Order home stamps from the webshop',
     'noResultMessage': 'No products match your criterias',
-    'clearFilterButton': 'Clear all filters'
+    'clearFilterButton': 'Clear all filters',
+    'compensateUpTo': 'Korvaus asti',
+    'countryToSendTo': 'Mihin maahan haluaisit lähettää?'
   }
 };
 const markets = {
@@ -202,7 +212,8 @@ const { state, onChange } = createStore({
     realPostcardMobile: '',
     ombudHeader: '',
     noResultMessage: '',
-    clearFilterButton: ''
+    clearFilterButton: '',
+    countryToSendTo: ''
   },
   market: {
     currency: "",
@@ -221,7 +232,7 @@ const postnordPerson2Svg = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTcxIiBoZW
 
 const cloudsSvg = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjc4IiBoZWlnaHQ9IjU1IiB2aWV3Qm94PSIwIDAgMjc4IDU1IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMjQ3LjM1NSA0OS42ODE1QzI0Ny42OTQgNTIuNDc5IDI0OS43MjIgNTQuNjI2MSAyNTIuMTgxIDU0LjYyNjFIMjcyLjkyNkMyNzUuNjIgNTQuNjI2MSAyNzcuNzk4IDUyLjA1MjIgMjc3Ljc5OCA0OC44Njg2VjQ4LjgwMDhDMjc3Ljc5OCA0NS42MTczIDI3NS42MiA0My4wNDMzIDI3Mi45MjYgNDMuMDQzM0gyNzAuNTM3QzI2OS42MDggMzkuMjQzOSAyNjYuODQ2IDM2LjQ3MyAyNjMuNTg1IDM2LjQ3M0gyNTkuNzE3QzI1OS4zNzMgMzEuODQxIDI1Ni4xMDEgMjguMjA5MiAyNTIuMTI0IDI4LjIwOTJDMjQ4LjE0NiAyOC4yMDkyIDI0NC44OCAzMS44NDEgMjQ0LjUzIDM2LjQ3M0gyNDIuMDk1QzIzOC4wODMgMzYuNDczIDIzNC44MTYgNDAuNjcyNiAyMzQuODE2IDQ1LjgyMDVWNDkuNjgxNUgyNDcuMzU1WiIgZmlsbD0iI0UwRjhGRiIvPgo8cGF0aCBkPSJNMTIuMDM5MSA0Ni4xMDIyQzEyLjMxNzYgNDguNTU2OSAxNC4wODY3IDUwLjQzNzMgMTYuMjQyMSA1MC40MzczSDM0LjU4MDdDMzYuOTMwNCA1MC40MzczIDM4LjgyMTYgNDguMjAyIDM4LjgyMTYgNDUuNDI0OFY0NS4zNTcxQzM4LjgyMTYgNDIuNTc5OSAzNi45MzA0IDQwLjM0NDYgMzQuNTgwNyA0MC4zNDQ2SDMyLjQ2ODRDMzEuNjY3OCAzNy4wMjA5IDI5LjIyNyAzNC41ODcyIDI2LjMyODMgMzQuNTg3MkgyMi45MTc5QzIyLjYwMDQgMzAuNTU5NyAxOS43MzI3IDI3LjQwNzEgMTYuMjQyMSAyNy40MDcxQzEyLjc1MTQgMjcuNDA3MSA5Ljg4MzcxIDMwLjU1OTcgOS41NjYyMiAzNC41ODcySDcuNDE2NThDMy44NjM0NiAzNC41ODcyIDAuOTk4MDQ3IDM4LjI0NDggMC45OTgwNDcgNDIuNzE1NFY0Ni4xMDIySDEyLjAzOTFaIiBmaWxsPSIjRTBGOEZGIi8+CjxwYXRoIGQ9Ik0xMzEuMDU2IDI2LjU4NjRDMTMxLjQ0OSAzMC4wNDIzIDEzMy45NDggMzIuNjg5NSAxMzYuOTkxIDMyLjY4OTVIMTYyLjg5MUMxNjYuMjA5IDMyLjY4OTUgMTY4Ljg4IDI5LjU0MjYgMTY4Ljg4IDI1LjYzMjhWMjUuNTM3NUMxNjguODggMjEuNjI3NyAxNjYuMjA5IDE4LjQ4MDggMTYyLjg5MSAxOC40ODA4SDE1OS45MDdDMTU4Ljc3NyAxMy44MDE1IDE1NS4zMyAxMC4zNzUzIDE1MS4yMzYgMTAuMzc1M0gxNDYuNDJDMTQ1Ljk3MSA0LjcwNTMzIDE0MS45MjEgMC4yNjcwOSAxMzYuOTkxIDAuMjY3MDlDMTMyLjA2MiAwLjI2NzA5IDEyOC4wMTIgNC43MDUzMyAxMjcuNTYzIDEwLjM3NTNIMTI0LjUyOEMxMTkuNTEgMTAuMzc1MyAxMTUuNDYzIDE1LjUyNDcgMTE1LjQ2MyAyMS44MTg0VjI2LjU4NjRIMTMxLjA1NloiIGZpbGw9IiNFMEY4RkYiLz4KPC9zdmc+Cg==';
 
-const pnProxioFindpriceCss = "@charset \"UTF-8\";pn-proxio-findprice .findprice-form{margin:0em auto 3em auto}pn-proxio-findprice .findprice-form-wrapper{background-color:#EFFBFF;padding:3.2rem}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;position:relative;z-index:1}pn-proxio-findprice .sizeTable #clouds{position:absolute;top:3rem;width:100%}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 .findprice__heading{text-align:center;line-height:1.1;font-weight:bold;color:#000000;font-size:3.2rem;font-weight:700}pn-proxio-findprice .findprice__subheading{font-size:2.4rem;margin-bottom:2.4rem}pn-proxio-findprice .resultHeading{text-align:center;font-size:1.5em;line-height:1.1;font-weight:bold;margin-bottom:2em}pn-proxio-findprice .findprice__clear-all-filters{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;margin:2.4rem;color:#005D92}pn-proxio-findprice .findprice__clear-all-filters .findprice__clear-all-filters__btn{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;cursor:pointer}pn-proxio-findprice .sizecategory{margin-top:1em;margin-bottom:3rem;font-size:0.9em;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}pn-proxio-findprice .weightoption{font-size:0.9em;margin:0 auto}pn-proxio-findprice .findprice-form-wrapper .weightoption .weightoption-content{text-align:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;-ms-flex-direction:row;flex-direction:row}pn-proxio-findprice .findprice-form-wrapper .weightoption .weightoption-content pn-choice-button{width:7em;line-height:3.3em;font-size:0.9em;vertical-align:bottom;background:#FFFFFF;border-radius:1rem}pn-proxio-findprice .findprice-form-wrapper .weightoption .weightoption-content pn-choice-button>label{-ms-flex-line-pack:center;align-content:center;-ms-flex-pack:center;justify-content:center;color:#000000;margin-bottom:0}pn-proxio-findprice .findprice-form-wrapper .weightoption .weightoption-content pn-choice-button ::before{content:\"Max  \";font-weight:lighter;color:#5E554A}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}";
+const pnProxioFindpriceCss = "@charset \"UTF-8\";pn-proxio-findprice .findprice-form{margin:0em auto 3em auto}pn-proxio-findprice .findprice-form-wrapper{background-color:#EFFBFF;padding:3.2rem}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;position:relative;z-index:1}pn-proxio-findprice .sizeTable #clouds{position:absolute;top:3rem;width:100%}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 .findprice__heading{text-align:center;line-height:1.1;font-weight:bold;color:#000000;font-size:3.2rem;font-weight:700}pn-proxio-findprice .findprice__subheading{font-size:2.4rem;margin-bottom:2.4rem}pn-proxio-findprice .resultHeading{text-align:center;font-size:1.5em;line-height:1.1;font-weight:bold;margin-bottom:2em}pn-proxio-findprice .findprice__clear-all-filters{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;margin:2.4rem;color:#005D92}pn-proxio-findprice .findprice__clear-all-filters .findprice__clear-all-filters__btn{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;cursor:pointer}pn-proxio-findprice .sizecategory{margin-top:1em;margin-bottom:3rem;font-size:0.9em;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}pn-proxio-findprice .weightoption{font-size:0.9em;margin:0 auto}pn-proxio-findprice .shipmentcountry{margin-top:3rem;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}pn-proxio-findprice .shipmentcountry .shipmentcountry-header{text-align:center;font-size:2rem;font-weight:700;line-height:2.2rem}pn-proxio-findprice .shipmentcountry select{color:#005D92;font-size:1.6rem;font-weight:500;border-radius:0.8rem;cursor:pointer;outline:none;position:relative;display:-ms-flexbox;display:flex;padding:0.6em 1em;z-index:0;-webkit-transition:z-index 0s 0.5s;transition:z-index 0s 0.5s;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%}@media screen and (min-width: 500px){pn-proxio-findprice .shipmentcountry select{min-width:47.3rem;width:inherit}}pn-proxio-findprice .shipmentcountry .shipmentcountry-select-container{max-width:inherit;position:relative;margin-top:1.2rem;width:100%}@media screen and (min-width: 500px){pn-proxio-findprice .shipmentcountry .shipmentcountry-select-container{margin:0 auto;margin-top:1.2rem;width:inherit}}pn-proxio-findprice .shipmentcountry .shipmentcountry-select-container svg{position:absolute;z-index:1;right:1rem;top:1.5rem}pn-proxio-findprice .shipmentcountry .shipmentcountry-select-container svg path{fill:#005D92}pn-proxio-findprice .findprice-form-wrapper .weightoption .weightoption-content{text-align:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;-ms-flex-direction:row;flex-direction:row}pn-proxio-findprice .findprice-form-wrapper .weightoption .weightoption-content pn-choice-button{width:7em;line-height:3.3em;font-size:0.9em;vertical-align:bottom;background:#FFFFFF;border-radius:1rem}pn-proxio-findprice .findprice-form-wrapper .weightoption .weightoption-content pn-choice-button>label{-ms-flex-line-pack:center;align-content:center;-ms-flex-pack:center;justify-content:center;color:#000000;margin-bottom:0}pn-proxio-findprice .findprice-form-wrapper .weightoption .weightoption-content pn-choice-button ::before{content:\"Max  \";font-weight:lighter;color:#5E554A}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}";
 
 const PnProxioFindPrice = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {
@@ -232,12 +243,15 @@ const PnProxioFindPrice = /*@__PURE__*/ proxyCustomElement(class extends HTMLEle
     this.language = "da";
     this.market = "dk";
     this.showMedium = false;
+    this.showInternational = false;
+    this.maxAbroadKg = 0;
     this.cache = false;
     this.filteredItems = [];
     this.weight = { value: 0, name: "" };
     this.weightvalue = 0;
+    this.countrycodevalue = "";
     this.sizecategory = { value: "", name: "", icon: "", unit: "" };
-    this.data = { proxioProducts: [] };
+    this.data = { proxioProducts: [], shipmentCountries: [] };
   }
   componentWillLoad() {
     this.setInitialValues().then(() => {
@@ -255,6 +269,9 @@ const PnProxioFindPrice = /*@__PURE__*/ proxyCustomElement(class extends HTMLEle
     if (!this.endpoint) {
       this.endpoint = "";
     }
+    if (this.countrycodevalue === "") {
+      this.countrycodevalue = this.market.toLowerCase();
+    }
   }
   init() {
     this.setState();
@@ -282,7 +299,8 @@ const PnProxioFindPrice = /*@__PURE__*/ proxyCustomElement(class extends HTMLEle
       'mode': 'cors',
     }, false, this.onFetchData.bind(this));
     if (data) {
-      this.data.proxioProducts = data;
+      this.data = data;
+      this.data.proxioProducts = data.proxioProducts;
     }
     this.filterItems();
   }
@@ -299,16 +317,6 @@ const PnProxioFindPrice = /*@__PURE__*/ proxyCustomElement(class extends HTMLEle
     }
   }
   filterItems() {
-    var _a;
-    if (!this.data || !this.data.proxioProducts) {
-      console.log('Data has not yet been loaded, fetching again');
-      this.fetchData().then(() => {
-        if (!this.data) {
-          console.log('Data could not be loaded');
-          return;
-        }
-      });
-    }
     const sizeItemData = this.data.proxioProducts.filter(item => {
       return item.proxioProduct.productWeightGroupList.some(weightGroup => {
         return weightGroup.item3.includes(this.sizecategory.value);
@@ -318,18 +326,31 @@ const PnProxioFindPrice = /*@__PURE__*/ proxyCustomElement(class extends HTMLEle
       return;
     }
     const comparisonWeight = this.weight.value;
-    let weightFilteredData = sizeItemData.filter(item => {
+    let weightFilteredData = sizeItemData === null || sizeItemData === void 0 ? void 0 : sizeItemData.filter(item => {
       return item.proxioProduct.productWeightGroupList.some(weightGroup => {
         return weightGroup.item1 === comparisonWeight;
       });
     });
     if (weightFilteredData.length === 0 && this.weightvalue !== 0) {
-      weightFilteredData = sizeItemData.filter(item => {
+      weightFilteredData = sizeItemData === null || sizeItemData === void 0 ? void 0 : sizeItemData.filter(item => {
         return item.proxioProduct.productWeightGroupList.some(weightGroup => {
           return weightGroup.item1 === comparisonWeight;
         });
       });
     }
+    if (this.showInternational && this.countrycodevalue) {
+      weightFilteredData = weightFilteredData === null || weightFilteredData === void 0 ? void 0 : weightFilteredData.filter(item => item.proxioProduct.weightPriceCountryList.some(countryItem => countryItem.item3.includes(this.countrycodevalue.toUpperCase())));
+    }
+    weightFilteredData = this.sortWeightItems(weightFilteredData);
+    this.filteredItems = weightFilteredData;
+  }
+  parseFloatFromString(text) {
+    var _a;
+    return parseFloat((_a = text === null || text === void 0 ? void 0 : text.replace(/[^\d\.\,]*/g, '')) !== null && _a !== void 0 ? _a : 100000);
+  }
+  sortWeightItems(weightFilteredData) {
+    var _a;
+    const comparisonWeight = this.weight.value;
     (_a = weightFilteredData === null || weightFilteredData === void 0 ? void 0 : weightFilteredData.sort((a, b) => {
       var _a, _b, _c, _d, _e, _f, _g, _h;
       let aIndex = a.proxioProduct.productWeightGroupList.findIndex(weightGroup => weightGroup.item1 === comparisonWeight);
@@ -353,23 +374,30 @@ const PnProxioFindPrice = /*@__PURE__*/ proxyCustomElement(class extends HTMLEle
       }
       return 0;
     })) !== null && _a !== void 0 ? _a : [];
-    this.filteredItems = weightFilteredData;
-  }
-  parseFloatFromString(text) {
-    var _a;
-    return parseFloat((_a = text === null || text === void 0 ? void 0 : text.replace(/[^\d\.\,]*/g, '')) !== null && _a !== void 0 ? _a : 100000);
+    return weightFilteredData;
   }
   resetFilters() {
+    var _a, _b, _c;
     this.weight = { value: 0, name: "" };
     this.sizecategory = sizeCategories.filter(x => x.value === "S")[0];
     this.weightvalue = 0;
+    this.countrycodevalue = (_c = (_b = (_a = this.data) === null || _a === void 0 ? void 0 : _a.shipmentCountries[0]) === null || _b === void 0 ? void 0 : _b.countryCode) !== null && _c !== void 0 ? _c : this.market;
   }
   getWeights() {
     var _a;
     let marketWeightsArray = (_a = weights[this.market]) !== null && _a !== void 0 ? _a : { "S": [], "M": [], "L": [] };
-    return marketWeightsArray[this.sizecategory.unit];
+    let marketWeights = marketWeightsArray[this.sizecategory.unit];
+    let isInternationalWeights = this.maxAbroadKg != 0 && this.countrycodevalue.toLowerCase() !== this.market.toLowerCase();
+    marketWeights = isInternationalWeights ? marketWeights.filter(number => (number.value / 1000) <= this.maxAbroadKg) : marketWeights;
+    return marketWeights;
+  }
+  handleDropdownChange(event) {
+    const target = event.target;
+    const countryCode = target.value;
+    this.countrycodevalue = countryCode;
   }
   render() {
+    var _a, _b;
     return (h("div", { class: "findprice-form" }, h("div", { class: "findprice-form-wrapper" }, h("h4", { class: "findprice__heading" }, state.i18n.sizeheading), h("div", { class: "sizecategory" }, h("table", { class: "sizeTable" }, h("img", { id: "clouds", src: cloudsSvg }), h("tr", null, h("td", null, h("img", { class: "firstCell", src: postnordPerson2Svg })), h("td", null, h("img", { src: smallPackageSvg })), this.showMedium ? h("td", null, h("img", { src: mediumPackageSvg })) : null, h("td", null, h("img", { src: largePackageSvg }))), h("tr", null, h("td", null), sizeCategories.map((sizeCategory) => (!this.showMedium && sizeCategory.value === "M" ? null : (h("td", null, h("pn-radio-button", { id: 'findpricecategory-' + sizeCategory.value, radioid: sizeCategory.value, value: sizeCategory.value, name: "sizecategory", checked: sizeCategory.value === this.sizecategory.value, onChange: () => {
         this.sizecategory = sizeCategories.filter(x => x.value === sizeCategory.value)[0];
         this.weight = { value: 0, name: "" };
@@ -377,13 +405,14 @@ const PnProxioFindPrice = /*@__PURE__*/ proxyCustomElement(class extends HTMLEle
       } })))))))), h("h4", { class: "findprice__heading findprice__subheading" }, state.i18n.weightheading), (this.sizecategory.value && this.getWeights()) ? (h("div", { class: "weightoption" }, h("div", { class: "weightoption-content" }, this.getWeights().map((wght) => (h("pn-choice-button", { id: 'findpriceweight-' + wght.value, choiceid: this.sizecategory.value + wght.value, name: "weight", type: "radio", value: (!this.weight.value) ? 0 : this.getWeights().findIndex((x) => x.value === this.weightvalue), checked: wght.value === this.weight.value, onChange: () => {
         this.weight = this.getWeights().filter(x => x.value === wght.value)[0];
         this.weightvalue = this.weight.value;
-      } }, wght.name)))))) : null, h("div", { class: 'findprice__clear-all-filters', role: 'button' }, h("div", { class: 'findprice__clear-all-filters__btn', onClick: () => this.resetFilters() }, h("pn-icon", { symbol: "trash-can", color: "blue700" }), h("span", { class: 'clear-all-filters__text' }, state.i18n.clearFilterButton)))), (this.filteredItems && this.filteredItems.length > 0) ? (h("div", { class: "resultlist" }, (state.i18n.resultlistheading) ? (h("div", { class: "resultHeading" }, state.i18n.resultlistheading)) : null, this.filteredItems.map((item) => (h("div", null, h("pn-proxio-findprice-result", { activeweight: this.weight.value, item: item, language: this.language })))))) : ((this.weightvalue !== 0) ? (h("h4", { class: "resultHeading" }, state.i18n.noResultMessage)) : null)));
+      } }, wght.name)))))) : null, this.showInternational && ((_b = (_a = this.data) === null || _a === void 0 ? void 0 : _a.shipmentCountries) !== null && _b !== void 0 ? _b : false) ? (h("div", { class: "shipmentcountry" }, h("h4", { class: "shipmentcountry-header" }, state.i18n.countryToSendTo), h("div", { class: "shipmentcountry-select-container" }, h("svg", { class: "arrow", width: "18", height: "10", viewBox: "0 0 18 10", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M9.70711 9.70711C9.31658 10.0976 8.68342 10.0976 8.29289 9.70711L0.292892 1.70711C-0.0976315 1.31658 -0.0976315 0.683417 0.292892 0.292893C0.683418 -0.0976315 1.31658 -0.0976315 1.70711 0.292893L9 7.58579L16.2929 0.292893C16.6834 -0.0976315 17.3166 -0.0976315 17.7071 0.292893C18.0976 0.683417 18.0976 1.31658 17.7071 1.70711L9.70711 9.70711Z" })), h("select", { name: "shipmentCountry-select", id: "proxio-shipmentcountry", onChange: this.handleDropdownChange.bind(this) }, this.data.shipmentCountries.map((item) => (h("option", { selected: item.countryCode.toLowerCase() === this.countrycodevalue.toLowerCase(), value: item.countryCode }, item.countryName))))))) : (null), h("div", { class: 'findprice__clear-all-filters', role: 'button' }, h("div", { class: 'findprice__clear-all-filters__btn', onClick: () => this.resetFilters() }, h("pn-icon", { symbol: "trash-can", color: "blue700" }), h("span", { class: 'clear-all-filters__text' }, state.i18n.clearFilterButton)))), (this.filteredItems && this.filteredItems.length > 0) ? (h("div", { class: "resultlist" }, (state.i18n.resultlistheading) ? (h("div", { class: "resultHeading" }, state.i18n.resultlistheading)) : null, this.filteredItems.map((item) => (h("div", null, h("pn-proxio-findprice-result", { activeweight: this.weight.value, item: item, language: this.language, "selected-countrycode": this.countrycodevalue, "show-international": this.showInternational, market: this.market })))))) : ((this.weightvalue !== 0) ? (h("h4", { class: "resultHeading" }, state.i18n.noResultMessage)) : null)));
   }
   static get watchers() { return {
     "market": ["setState"],
     "language": ["setState"],
     "sizecategory": ["filterItems"],
-    "weightvalue": ["filterItems"]
+    "weightvalue": ["filterItems"],
+    "countrycodevalue": ["filterItems"]
   }; }
   static get style() { return pnProxioFindpriceCss; }
 }, [0, "pn-proxio-findprice", {
@@ -391,10 +420,13 @@ const PnProxioFindPrice = /*@__PURE__*/ proxyCustomElement(class extends HTMLEle
     "language": [1025],
     "market": [1025],
     "showMedium": [4, "show-medium"],
+    "showInternational": [4, "show-international"],
+    "maxAbroadKg": [2, "max-abroad-kg"],
     "cache": [4],
     "filteredItems": [32],
     "weight": [32],
     "weightvalue": [32],
+    "countrycodevalue": [32],
     "sizecategory": [32],
     "data": [32]
   }]);

package/components/pn-proxio-productcard2.js

@@ -8,7 +8,7 @@ const PnProxioProductcard = /*@__PURE__*/ proxyCustomElement(class extends HTMLE
     this.__registerHost();
   }
   render() {
-    return (h(Host, null, h("div", { class: "cardcontent" }, h("div", { class: "carddetails" }, h("slot", { name: "illustrationmobile" }), h("div", { class: "heading" }, h("slot", { name: "title" }), h("slot", { name: "uppertags" })), h("slot", { name: "description" }), h("slot", { name: "information" }), h("slot", { name: "bottomtags" })), h("div", { class: "cardcalltoactions" }, h("slot", { name: "illustration" }), h("slot", { name: "pricelink" })))));
+    return (h(Host, null, h("div", { class: "cardcontent" }, h("div", { class: "carddetails" }, h("slot", { name: "illustrationmobile" }), h("div", { class: "heading" }, h("slot", { name: "title" }), h("slot", { name: "uppertags" })), h("slot", { name: "description" }), h("slot", { name: "information" }), h("slot", { name: "bottomtags" })), h("div", { class: "cardcalltoactions" }, h("slot", { name: "illustration" }), h("slot", { name: "pricelink" }), h("slot", { name: "insurance" })))));
   }
   static get style() { return pnProxioProductcardCss; }
 }, [4, "pn-proxio-productcard"]);