@postnord/pn-marketweb-components 2.4.8 → 2.4.9

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

@@ -10,6 +10,9 @@ export class PnProxioFindPriceResult {
     this.Usp3 = undefined;
     this.description = [];
     this.showMeasurement = false;
+    this.showInternational = false;
+    this.selectedCountrycode = "";
+    this.market = "";
     this.language = "sv";
     this.weightText = "";
     this.linkId = '';
@@ -25,13 +28,20 @@ export class PnProxioFindPriceResult {
     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;
@@ -43,11 +53,33 @@ export class PnProxioFindPriceResult {
     }
     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 is() { return "pn-proxio-findprice-result"; }
   static get originalStyleUrls() {
@@ -207,6 +239,60 @@ export class PnProxioFindPriceResult {
         "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"
+      },
+      "selectedCountrycode": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "selected-countrycode",
+        "reflect": false,
+        "defaultValue": "\"\""
+      },
+      "market": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "market",
+        "reflect": false,
+        "defaultValue": "\"\""
+      },
       "language": {
         "type": "string",
         "mutable": true,

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

@@ -19,7 +19,8 @@ const { state, onChange } = createStore({
     realPostcardMobile: '',
     ombudHeader: '',
     noResultMessage: '',
-    clearFilterButton: ''
+    clearFilterButton: '',
+    countryToSendTo: ''
   },
   market: {
     currency: "",

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

@@ -20,7 +20,9 @@ export 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',
@@ -43,7 +45,9 @@ export 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?',
@@ -65,7 +69,9 @@ export 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?',
@@ -77,7 +83,9 @@ export 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?',
@@ -89,7 +97,9 @@ export 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ää?'
   }
 };
 export const markets = {

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

@@ -76,6 +76,62 @@ pn-proxio-findprice .weightoption {
   font-size: 0.9em;
   margin: 0 auto;
 }
+pn-proxio-findprice .shipmentcountry {
+  margin-top: 3rem;
+  display: flex;
+  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;
+  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: flex;

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],