npm - @postnord/pn-marketweb-components - Versions diffs - 3.0.3 → 3.1.0 - Mend

@postnord/pn-marketweb-components 3.0.3 → 3.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (758) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"pn-proxio-findprice-result.js","sourceRoot":"","sources":["../../../../src/components/widgets/pn-proxio-findprice/pn-proxio-findprice-result.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, Prop, Host, Watch, State } from '@stencil/core';\nimport { ProxioPriceGroupi18n, ProxioProduct, ProductGenericItem, ProductWeightGroupListItem, ProxioPriceListGroupResponse } from '../pn-proxio-pricegroup/types';\nimport { translations } from '../pn-proxio-pricegroup/translations';\n\n@Component({\n tag: 'pn-proxio-findprice-result',\n styleUrl: 'pn-proxio-findprice-result.scss',\n})\nexport class PnProxioFindPriceResult {\n @Prop({ mutable: true }) item: ProxioPriceListGroupResponse = null;\n @Prop({ mutable: true }) activeweight: number = null;\n @Prop() shownitems: ProxioPriceListGroupResponse[] = [];\n @Prop() Usp1?: string;\n @Prop() Usp2?: string;\n @Prop() Usp3?: string;\n @Prop() description?: string[] = [];\n @Prop() showMeasurement?: boolean = false;\n @Prop() showInternational: boolean = false;\n @Prop() selectedCountrycode: string = '';\n @Prop() market: string = '';\n @Prop({ mutable: true }) language: string = 'sv';\n\n @State() weightText = '';\n @State() linkId: string = '';\n @State() shopLabel: string = '';\n @State() shopUrl: string = '';\n @State() shopId: string = '';\n @State() i18n: ProxioPriceGroupi18n = translations[this.language];\n\n componentWillLoad() {\n this.composeItems();\n }\n\n @Watch('item')\n composeItems() {\n this.shownitems = [this.item];\n }\n\n @Watch('activeweight')\n getPriceString(product: ProxioProduct) {\n if (!product.productWeightGroupList) {\n return null;\n }\n\n const activeIndex = product.productWeightGroupList.findIndex(item => item.item1 === this.activeweight);\n\n let price = '';\n\n if (this.showInternational && this.selectedCountrycode && this.selectedCountrycode !== this.market && product.weightPriceCountryList) {\n let weightPriceCountryList = product.weightPriceCountryList.filter(item => item.item3.includes(this.selectedCountrycode.toUpperCase()));\n\n price = weightPriceCountryList ? weightPriceCountryList[activeIndex]?.item2 : '';\n } else {\n price = product.weightAndPriceList ? product?.weightAndPriceList[activeIndex]?.item2 : '';\n }\n\n return price ? this.i18n.from + price : '';\n }\n\n @Watch('activeweight')\n getProductLink(product: ProxioProduct, productWeightGroupList: ProductWeightGroupListItem[]) {\n if (product.productWeightGroupList) {\n const activeIndex = product.productWeightGroupList.findIndex(item => item.item1 === this.activeweight);\n\n let productId = productWeightGroupList[activeIndex]?.item2;\n let productLink = product.productLink ? product?.productLink : '';\n return productLink ? productLink + (productId ? '?productId=' + productId : '') : '';\n }\n return null;\n }\n\n getDeliveryInformation(product: ProxioProduct) {\n if (!this.showInternational \|\| !product.deliveryDateInternationalInformation) {\n return product.deliveryDateInformation;\n }\n\n const internationalShipment = product?.deliveryDateInternationalInformation?.find(info => info.item1.toLowerCase() === this.selectedCountrycode.toLowerCase());\n\n if (!internationalShipment?.item2 ?? true) {\n return product.deliveryDateInformation;\n }\n\n return internationalShipment.item2;\n }\n\n getInsuranceAmountText(product: ProxioProduct) {\n if (!product.insuranceAmounts) {\n return '';\n }\n\n const insuranceAmount = product?.insuranceAmounts?.find(info => info.item1.toLowerCase() === this.selectedCountrycode.toLowerCase());\n\n if (!insuranceAmount?.item2 ?? true) {\n return '';\n }\n\n return insuranceAmount.item2;\n }\n\n render() {\n return (\n <Host>\n {\n <pn-proxio-productcard>\n <pn-illustration slot=\"illustrationmobile\" illustration={this.item.proxioProduct.productIcon}></pn-illustration>\n <h2 slot=\"title\">{this.item.proxioProduct.productTitle}</h2>\n <pn-proxio-productcard-description\n slot=\"description\"\n heading={this.item.proxioProduct.productPreamble}\n highlight={this.getDeliveryInformation(this.item.proxioProduct)}\n list={this.item.proxioProduct.productDescriptionBulletListItems}\n ></pn-proxio-productcard-description>\n <div slot=\"information\">\n <pn-proxio-productcard-information\n label={this.i18n.labelMaxDimensions}\n information={this.item.proxioProduct.productPackageDimensionsList as ProductGenericItem[]}\n ></pn-proxio-productcard-information>\n <pn-proxio-productcard-information\n label={this.i18n.labelMaxDimensionsRoll}\n information={this.item.proxioProduct.productRollDimensionsList as ProductGenericItem[]}\n ></pn-proxio-productcard-information>\n </div>\n <div slot=\"bottomtags\">\n {this.item.proxioProduct.usp1 ? <pn-titletag color=\"gray50\">{this.item.proxioProduct.usp1}</pn-titletag> : null}\n {this.item.proxioProduct.usp2 ? <pn-titletag color=\"gray50\">{this.item.proxioProduct.usp2}</pn-titletag> : null}\n {this.item.proxioProduct.usp3 ? <pn-titletag color=\"gray50\">{this.item.proxioProduct.usp3}</pn-titletag> : null}\n </div>\n <pn-illustration slot=\"illustration\" illustration={this.item.proxioProduct.productIcon}></pn-illustration>\n <div slot=\"pricelink\">\n <pn-proxio-productcard-pricelink\n price={this.getPriceString(this.item.proxioProduct)}\n link={this.getProductLink(this.item.proxioProduct, this.item.proxioProduct.productWeightGroupList)}\n linktext={this.item.proxioProduct.productLinkText}\n ></pn-proxio-productcard-pricelink>\n {this.item.relatedProxioProducts\n ? this.item.relatedProxioProducts.map(product => (\n <pn-proxio-productcard-pricelink\n price={this.getPriceString(product)}\n link={product.productLink}\n linktext={product.productLinkText}\n ></pn-proxio-productcard-pricelink>\n ))\n : null}\n </div>\n {this.getInsuranceAmountText(this.item.proxioProduct) ? (\n <div slot=\"insurance\">\n <div class=\"insurance-box\">{this.getInsuranceAmountText(this.item.proxioProduct)}</div>\n </div>\n ) : null}\n </pn-proxio-productcard>\n }\n </Host>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"pn-proxio-findprice-result.js","sourceRoot":"","sources":["../../../../src/components/widgets/pn-proxio-findprice/pn-proxio-findprice-result.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, Prop, Host, Watch, State } from '@stencil/core';\nimport { ProxioPriceGroupi18n, ProxioProduct, ProductGenericItem, ProductWeightGroupListItem, ProxioPriceListGroupResponse } from '../pn-proxio-pricegroup/types';\nimport { translations } from '../pn-proxio-pricegroup/translations';\n\n@Component({\n tag: 'pn-proxio-findprice-result',\n styleUrl: 'pn-proxio-findprice-result.scss',\n})\nexport class PnProxioFindPriceResult {\n @Prop({ mutable: true }) item: ProxioPriceListGroupResponse = null;\n @Prop({ mutable: true }) activeweight: number = null;\n @Prop() shownitems: ProxioPriceListGroupResponse[] = [];\n @Prop() Usp1?: string;\n @Prop() Usp2?: string;\n @Prop() Usp3?: string;\n @Prop() description?: string[] = [];\n @Prop() showMeasurement?: boolean = false;\n @Prop() showInternational: boolean = false;\n @Prop() selectedCountrycode: string = '';\n @Prop() market: string = '';\n @Prop({ mutable: true }) language: string = 'sv';\n\n @State() weightText = '';\n @State() linkId: string = '';\n @State() shopLabel: string = '';\n @State() shopUrl: string = '';\n @State() shopId: string = '';\n @State() i18n: ProxioPriceGroupi18n = translations[this.language];\n\n componentWillLoad() {\n this.composeItems();\n }\n\n @Watch('item')\n composeItems() {\n this.shownitems = [this.item];\n }\n\n @Watch('activeweight')\n getPriceString(product: ProxioProduct) {\n if (!product.productWeightGroupList) {\n return null;\n }\n\n const activeIndex = product.productWeightGroupList.findIndex(item => item.item1 === this.activeweight);\n\n let price = '';\n\n if (this.showInternational && this.selectedCountrycode && this.selectedCountrycode !== this.market && product.weightPriceCountryList) {\n let weightPriceCountryList = product.weightPriceCountryList.filter(item => item.item3.includes(this.selectedCountrycode.toUpperCase()));\n\n price = weightPriceCountryList ? weightPriceCountryList[activeIndex]?.item2 : '';\n } else {\n price = product.weightAndPriceList ? product?.weightAndPriceList[activeIndex]?.item2 : '';\n }\n\n return price ? this.i18n.from + price : '';\n }\n\n @Watch('activeweight')\n getProductLink(product: ProxioProduct, productWeightGroupList: ProductWeightGroupListItem[]) {\n if (product.productWeightGroupList) {\n const activeIndex = product.productWeightGroupList.findIndex(item => item.item1 === this.activeweight);\n\n let productId = productWeightGroupList[activeIndex]?.item2;\n let productLink = product.productLink ? product?.productLink : '';\n return productLink ? productLink + (productId ? '?productId=' + productId : '') : '';\n }\n return null;\n }\n\n getDeliveryInformation(product: ProxioProduct) {\n if (!this.showInternational \|\| !product.deliveryDateInternationalInformation) {\n return product.deliveryDateInformation;\n }\n\n const internationalShipment = product?.deliveryDateInternationalInformation?.find(info => info.item1.toLowerCase() === this.selectedCountrycode.toLowerCase());\n\n if (!internationalShipment?.item2 ?? true) {\n return product.deliveryDateInformation;\n }\n\n return internationalShipment.item2;\n }\n\n getInsuranceAmountText(product: ProxioProduct) {\n if (!product.insuranceAmounts) {\n return '';\n }\n\n const insuranceAmount = product?.insuranceAmounts?.find(info => info.item1.toLowerCase() === this.selectedCountrycode.toLowerCase());\n\n if (!insuranceAmount?.item2 ?? true) {\n return '';\n }\n\n return insuranceAmount.item2;\n }\n\n render() {\n return (\n <Host>\n {\n <pn-proxio-productcard>\n <pn-illustration slot=\"illustrationmobile\" illustration={this.item.proxioProduct.productIcon}></pn-illustration>\n <h2 slot=\"title\">{this.item.proxioProduct.productTitle}</h2>\n <pn-proxio-productcard-description\n slot=\"description\"\n heading={this.item.proxioProduct.productPreamble}\n highlight={this.getDeliveryInformation(this.item.proxioProduct)}\n list={this.item.proxioProduct.productDescriptionBulletListItems}\n ></pn-proxio-productcard-description>\n <div slot=\"information\">\n <pn-proxio-productcard-information\n label={this.i18n.labelMaxDimensions}\n information={this.item.proxioProduct.productPackageDimensionsList as ProductGenericItem[]}\n ></pn-proxio-productcard-information>\n <pn-proxio-productcard-information\n label={this.i18n.labelMaxDimensionsRoll}\n information={this.item.proxioProduct.productRollDimensionsList as ProductGenericItem[]}\n ></pn-proxio-productcard-information>\n </div>\n <div slot=\"bottomtags\">\n {this.item.proxioProduct.usp1 ? <pn-titletag color=\"gray50\">{this.item.proxioProduct.usp1}</pn-titletag> : null}\n {this.item.proxioProduct.usp2 ? <pn-titletag color=\"gray50\">{this.item.proxioProduct.usp2}</pn-titletag> : null}\n {this.item.proxioProduct.usp3 ? <pn-titletag color=\"gray50\">{this.item.proxioProduct.usp3}</pn-titletag> : null}\n </div>\n <pn-illustration slot=\"illustration\" illustration={this.item.proxioProduct.productIcon}></pn-illustration>\n <div slot=\"pricelink\">\n <pn-proxio-productcard-pricelink\n price={this.getPriceString(this.item.proxioProduct)}\n link={this.getProductLink(this.item.proxioProduct, this.item.proxioProduct.productWeightGroupList)}\n linktext={this.item.proxioProduct.productLinkText}\n ></pn-proxio-productcard-pricelink>\n {this.item.relatedProxioProducts\n ? this.item.relatedProxioProducts.map(product => (\n <pn-proxio-productcard-pricelink\n price={this.getPriceString(product)}\n link={product.productLink}\n linktext={product.productLinkText}\n ></pn-proxio-productcard-pricelink>\n ))\n : null}\n </div>\n {this.getInsuranceAmountText(this.item.proxioProduct) ? (\n <div slot=\"insurance\">\n <div class=\"insurance-box\">{this.getInsuranceAmountText(this.item.proxioProduct)}</div>\n </div>\n ) : null}\n </pn-proxio-productcard>\n }\n </Host>\n );\n }\n}\n"]}

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

@@ -12,7 +12,6 @@ import clouds from "./img/clouds.svg";
 import { trash_can } from "pn-design-assets/pn-assets/icons.js";
 export class PnProxioFindPrice {
     constructor() {
-        this.fetchHelper = new FetchHelper('proxiopricegroups');
         this.endpoint = null;
         this.language = 'da';
         this.market = 'dk';
@@ -28,6 +27,7 @@ export class PnProxioFindPrice {
         this.sizecategory = { value: '', name: '', icon: '', unit: '' };
         this.data = { proxioProducts: [], shipmentCountries: [] };
     }
+    fetchHelper = new FetchHelper('proxiopricegroups');
     componentWillLoad() {
         this.setInitialValues().then(() => {
             this.init();
@@ -36,7 +36,7 @@ export class PnProxioFindPrice {
     async setInitialValues(href = window.location.href) {
         const marketWebContextService = new MarketWebContextService(href);
         const environment = await marketWebContextService.getEnvironmentName();
-        if (!this.endpoint && (environment === null || environment === void 0 ? void 0 : environment.indexOf('local')) === -1) {
+        if (!this.endpoint && environment?.indexOf('local') === -1) {
             const market = await marketWebContextService.getMarket();
             this.market = this.market ? this.market : market;
             this.endpoint = await marketWebContextService.getEndpoint(environment, market);
@@ -92,7 +92,6 @@ export class PnProxioFindPrice {
         }
     }
     filterItems() {
-        var _a, _b;
         const sizeItemData = this.data.proxioProducts.filter(item => {
             return item.proxioProduct.productWeightGroupList.some(weightGroup => {
                 return weightGroup.item3.includes(this.sizecategory.value);
@@ -102,25 +101,23 @@ export class PnProxioFindPrice {
             return;
         }
         const comparisonWeight = this.weight.value;
-        let weightFilteredData = sizeItemData === null || sizeItemData === void 0 ? void 0 : sizeItemData.filter(item => {
+        let weightFilteredData = sizeItemData?.filter(item => {
             return item.proxioProduct.productWeightGroupList.some(weightGroup => {
                 return weightGroup.item1 === comparisonWeight;
             });
         });
-        let isInternational = this.showInternational && ((_b = ((_a = this.countrycodevalue) === null || _a === void 0 ? void 0 : _a.trim()) !== '') !== null && _b !== void 0 ? _b : false);
+        let isInternational = this.showInternational && (this.countrycodevalue?.trim() !== '' ?? false);
         if (isInternational) {
-            weightFilteredData = weightFilteredData === null || weightFilteredData === void 0 ? void 0 : weightFilteredData.filter(item => item.proxioProduct.weightPriceCountryList.some(countryItem => countryItem.item3.includes(this.countrycodevalue.toUpperCase())));
+            weightFilteredData = weightFilteredData?.filter(item => item.proxioProduct.weightPriceCountryList.some(countryItem => countryItem.item3.includes(this.countrycodevalue.toUpperCase())));
         }
         weightFilteredData = this.sortWeightItems(weightFilteredData, isInternational);
         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 parseFloat(text?.replace(/[^\d\.\,]*/g, '') ?? 100000);
     }
     sortWeightItems(weightFilteredData, isInternational) {
-        var _a;
-        (_a = weightFilteredData === null || weightFilteredData === void 0 ? void 0 : weightFilteredData.sort((a, b) => {
+        weightFilteredData?.sort((a, b) => {
             let aNumber = this.getSortNumber(a, isInternational);
             let bNumber = this.getSortNumber(b, isInternational);
             if (aNumber && bNumber) {
@@ -133,34 +130,31 @@ export class PnProxioFindPrice {
                 return 1;
             }
             return 0;
-        })) !== null && _a !== void 0 ? _a : [];
+        }) ?? [];
         return weightFilteredData;
     }
     getSortNumber(proxioPriceListGroupResponseItem, isInternational) {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
-        let index = (_c = (_b = (_a = proxioPriceListGroupResponseItem === null || proxioPriceListGroupResponseItem === void 0 ? void 0 : proxioPriceListGroupResponseItem.proxioProduct) === null || _a === void 0 ? void 0 : _a.productWeightGroupList) === null || _b === void 0 ? void 0 : _b.findIndex(weightGroup => weightGroup.item1 === this.weight.value)) !== null && _c !== void 0 ? _c : 0;
+        let index = proxioPriceListGroupResponseItem?.proxioProduct?.productWeightGroupList?.findIndex(weightGroup => weightGroup.item1 === this.weight.value) ?? 0;
         if (index < 0) {
             index = 0;
         }
-        let pricevalue = (_g = (_f = (_e = (_d = proxioPriceListGroupResponseItem === null || proxioPriceListGroupResponseItem === void 0 ? void 0 : proxioPriceListGroupResponseItem.proxioProduct) === null || _d === void 0 ? void 0 : _d.weightAndPriceList[index]) === null || _e === void 0 ? void 0 : _e.item2) === null || _f === void 0 ? void 0 : _f.toLowerCase()) !== null && _g !== void 0 ? _g : '';
+        let pricevalue = proxioPriceListGroupResponseItem?.proxioProduct?.weightAndPriceList[index]?.item2?.toLowerCase() ?? '';
         if (isInternational) {
-            let weightPriceCurrentCountryList = (_j = (_h = proxioPriceListGroupResponseItem === null || proxioPriceListGroupResponseItem === void 0 ? void 0 : proxioPriceListGroupResponseItem.proxioProduct) === null || _h === void 0 ? void 0 : _h.weightPriceCountryList) === null || _j === void 0 ? void 0 : _j.filter(countryItem => countryItem.item3.includes(this.countrycodevalue.toUpperCase()));
-            pricevalue = (_m = (_l = (_k = weightPriceCurrentCountryList[index]) === null || _k === void 0 ? void 0 : _k.item2) === null || _l === void 0 ? void 0 : _l.toLowerCase()) !== null && _m !== void 0 ? _m : '';
+            let weightPriceCurrentCountryList = proxioPriceListGroupResponseItem?.proxioProduct?.weightPriceCountryList?.filter(countryItem => countryItem.item3.includes(this.countrycodevalue.toUpperCase()));
+            pricevalue = weightPriceCurrentCountryList[index]?.item2?.toLowerCase() ?? '';
         }
         let sortNumber = this.parseFloatFromString(pricevalue);
         return sortNumber;
     }
     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;
+        this.countrycodevalue = this.data?.shipmentCountries[0]?.countryCode ?? this.market;
     }
     getWeights() {
-        var _a;
         let weightListName = this.market + this.weightListName;
-        let marketWeightsArray = (_a = weights[weightListName]) !== null && _a !== void 0 ? _a : { S: [], M: [], L: [] };
+        let marketWeightsArray = weights[weightListName] ?? { S: [], M: [], L: [] };
         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;
@@ -172,7 +166,6 @@ export class PnProxioFindPrice {
         this.countrycodevalue = countryCode;
     }
     render() {
-        var _a, _b;
         return (h("div", { key: '68c83e3f592af3966aa9587bba3774e0dfef55f5', class: "findprice-form" }, h("div", { key: 'a576283df7229228c385cf59343575827d267186', class: "findprice-form-wrapper" }, h("h4", { key: '1a1beac884093350be6c33ef8c70d320526a1ed6', class: "findprice__heading" }, state.i18n.sizeheading), h("div", { key: '2aeb792414a3a72995833c39d0a6f628b7e9ed23', class: "sizecategory" }, h("table", { key: 'e43dbe8d7556b7bcadcba4fa420b060ce1be2a31', class: "sizeTable" }, h("img", { key: 'e0ebf6910f666aa5a94a7ee5250572ef0cc45677', id: "clouds", src: clouds }), h("tr", { key: 'ae9144b60778e1c9b195eb877aa7145f0dfdf234' }, h("td", { key: 'b08e2084c61b68c2a780f94d09ec2e553fea416e' }, h("img", { key: 'd554baed204b69b28c1cc5e9221ce66c9ed48597', class: "firstCell", src: person })), h("td", { key: 'd63e424e4698f95e3db0379067471cbb85b709aa' }, h("img", { key: '908291bd5b69fbde4fa06082b43269e46b8e0a91', src: S })), this.showMedium ? (h("td", null, h("img", { src: M }))) : null, h("td", { key: 'b27388e528f94893a37320b996c0b4410b35fb71' }, h("img", { key: '62a481e1583c8012e8086bbb892f254cc934ff14', src: L }))), h("tr", { key: 'dbd684e390a8e2e9e6f8163b66e0d1c35e1a82bb' }, h("td", { key: 'def38fa0d80de07fd36d6f4d014906c42df09380' }), 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: '' };
@@ -180,7 +173,7 @@ export class PnProxioFindPrice {
             } }))))))), h("h4", { key: 'f38ab55173f027e46b0676b9d87617ae3f0eb9b0', 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, 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", { key: 'b001f2646f4ddbb5265c9152c4c0cb29c57e7b16', class: "findprice__clear-all-filters", role: "button" }, h("div", { key: '315fc72758b23fb5d6d3998822e12aa7f56e4f0c', class: "findprice__clear-all-filters__btn", onClick: () => this.resetFilters() }, h("pn-icon", { key: '234be7673fe3ce7b563c1569c2d61e2581567a92', icon: trash_can, color: "blue700" }), h("span", { key: '091e286b429ccac6056ac9bd8273beefe290aa78', 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));
+            } }, wght.name)))))) : null, this.showInternational && (this.data?.shipmentCountries ?? 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", { key: 'b001f2646f4ddbb5265c9152c4c0cb29c57e7b16', class: "findprice__clear-all-filters", role: "button" }, h("div", { key: '315fc72758b23fb5d6d3998822e12aa7f56e4f0c', class: "findprice__clear-all-filters__btn", onClick: () => this.resetFilters() }, h("pn-icon", { key: '234be7673fe3ce7b563c1569c2d61e2581567a92', icon: trash_can, color: "blue700" }), h("span", { key: '091e286b429ccac6056ac9bd8273beefe290aa78', 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() {

package/collection/components/widgets/pn-proxio-findprice/pn-proxio-findprice.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"pn-proxio-findprice.js","sourceRoot":"","sources":["../../../../src/components/widgets/pn-proxio-findprice/pn-proxio-findprice.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, Prop, State, Watch } from '@stencil/core';\nimport { translations, markets } from './pn-proxio-findprice-translations';\nimport { ProxioPriceListGroupResponse } from '../pn-proxio-pricegroup/types';\nimport {\n ProxioPriceListGroupsResponse,\n ProxioProductFindPriceWeight,\n ProxioProductFindPriceSizeCategory,\n ProxioProductFindPriceMarket,\n ProxioFindPricei18n,\n} from './pn-proxio-findprice-types';\nimport { MarketWebContextService } from '../../../globals/MarketWebContextService';\nimport { weights, sizeCategories } from './data.js';\nimport { FetchHelper } from '../../../globals/FetchHelper';\nimport { state } from './pn-proxio-findprice-store';\nimport S from './img/small-package.svg';\nimport M from './img/medium-package.svg';\nimport L from './img/large-package.svg';\nimport person from './img/postnord-person2.svg';\nimport clouds from './img/clouds.svg';\nimport { trash_can } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n tag: 'pn-proxio-findprice',\n styleUrl: 'pn-proxio-findprice.scss',\n})\nexport class PnProxioFindPrice {\n @Prop({ mutable: true }) endpoint: string = null;\n @Prop({ mutable: true }) language: string = 'da';\n @Prop({ mutable: true }) market: string = 'dk';\n @Prop() showMedium: boolean = false;\n @Prop() showInternational: boolean = false;\n @Prop() maxAbroadKg: number = 0;\n @Prop() weightListName: string = '';\n\n @Prop() cache: boolean = false;\n @State() filteredItems: ProxioPriceListGroupResponse[] = [];\n @State() weight: ProxioProductFindPriceWeight = { value: 0, name: '' } as ProxioProductFindPriceWeight;\n @State() weightvalue: number = 0;\n @State() countrycodevalue: string = '';\n @State() sizecategory: ProxioProductFindPriceSizeCategory = { value: '', name: '', icon: '', unit: '' } as ProxioProductFindPriceSizeCategory;\n @State() data: ProxioPriceListGroupsResponse = { proxioProducts: [], shipmentCountries: [] } as ProxioPriceListGroupsResponse;\n\n fetchHelper = new FetchHelper('proxiopricegroups');\n\n componentWillLoad() {\n this.setInitialValues().then(() => {\n this.init();\n });\n }\n\n async setInitialValues(href = window.location.href) {\n const marketWebContextService = new MarketWebContextService(href);\n const environment = await marketWebContextService.getEnvironmentName();\n\n if (!this.endpoint && environment?.indexOf('local') === -1) {\n const market = await marketWebContextService.getMarket();\n this.market = this.market ? this.market : market;\n this.endpoint = await marketWebContextService.getEndpoint(environment, market);\n }\n\n if (!this.endpoint) {\n this.endpoint = '';\n }\n\n if (this.countrycodevalue === '') {\n this.countrycodevalue = this.market.toLowerCase();\n }\n }\n\n init() {\n this.setState();\n this.fetchData().then(() => {\n this.getDataSource();\n });\n }\n\n async getDataSource() {\n try {\n this.sizecategory = (sizeCategories as ProxioProductFindPriceSizeCategory[]).filter(x => x.value === 'S')[0];\n this.filterItems();\n } catch (e) {\n console.log('Unable to parse data');\n }\n }\n\n async fetchData() {\n if (!this.market \|\| !this.language) {\n return;\n }\n const endpoint = this.endpoint.lastIndexOf('/') === this.endpoint.length - 1 ? this.endpoint.substring(0, this.endpoint.length - 1) : this.endpoint;\n const fetchUrl = `${endpoint}/api/proxio/price-list-groups?market=${this.market}&language=${this.language}&cached=${this.cache}`;\n //const fetchUrl = `https://localhost:51547/api/proxio/price-list-groups?market=${this.market}&language=${this.language}&cached=${this.cache}`;\n\n const data = (await this.fetchHelper.fetchJson(\n fetchUrl,\n {\n mode: 'cors',\n },\n false,\n this.onFetchData.bind(this),\n )) as any;\n\n if (data) {\n this.data = data as ProxioPriceListGroupsResponse;\n this.data.proxioProducts = data.proxioProducts as ProxioPriceListGroupResponse[];\n }\n this.filterItems();\n }\n\n onFetchData(data) {\n this.data = data;\n }\n\n @Watch('market')\n @Watch('language')\n setState() {\n this.market = this.market ? this.market : 'dk';\n if (this.market) {\n state.market = markets[this.market] as ProxioProductFindPriceMarket;\n }\n if (this.language && translations[this.language]) {\n state.i18n = translations[this.language] as ProxioFindPricei18n;\n }\n }\n\n @Watch('sizecategory')\n @Watch('weightvalue')\n @Watch('countrycodevalue')\n filterItems() {\n const sizeItemData = this.data.proxioProducts.filter(item => {\n return item.proxioProduct.productWeightGroupList.some(weightGroup => {\n return weightGroup.item3.includes(this.sizecategory.value);\n });\n });\n\n if (!this.weight) {\n return;\n }\n const comparisonWeight = this.weight.value;\n\n let weightFilteredData = sizeItemData?.filter(item => {\n return item.proxioProduct.productWeightGroupList.some(weightGroup => {\n return weightGroup.item1 === comparisonWeight;\n });\n });\n\n let isInternational = this.showInternational && (this.countrycodevalue?.trim() !== '' ?? false);\n\n if (isInternational) {\n weightFilteredData = weightFilteredData?.filter(item =>\n item.proxioProduct.weightPriceCountryList.some(countryItem => countryItem.item3.includes(this.countrycodevalue.toUpperCase())),\n );\n }\n\n weightFilteredData = this.sortWeightItems(weightFilteredData, isInternational);\n\n this.filteredItems = weightFilteredData;\n }\n\n parseFloatFromString(text) {\n return parseFloat(text?.replace(/[^\\d\\.\\,]*/g, '') ?? 100000);\n }\n\n sortWeightItems(weightFilteredData: ProxioPriceListGroupResponse[], isInternational: boolean) {\n weightFilteredData?.sort((a, b) => {\n let aNumber = this.getSortNumber(a, isInternational);\n let bNumber = this.getSortNumber(b, isInternational);\n\n if (aNumber && bNumber) {\n return aNumber - bNumber;\n }\n\n if (aNumber < bNumber) {\n return -1;\n }\n\n if (aNumber > bNumber) {\n return 1;\n }\n\n return 0;\n }) ?? [];\n\n return weightFilteredData;\n }\n\n getSortNumber(proxioPriceListGroupResponseItem: ProxioPriceListGroupResponse, isInternational: boolean) {\n let index = proxioPriceListGroupResponseItem?.proxioProduct?.productWeightGroupList?.findIndex(weightGroup => weightGroup.item1 === this.weight.value) ?? 0;\n\n if (index < 0) {\n index = 0;\n }\n\n let pricevalue = proxioPriceListGroupResponseItem?.proxioProduct?.weightAndPriceList[index]?.item2?.toLowerCase() ?? '';\n\n if (isInternational) {\n let weightPriceCurrentCountryList = proxioPriceListGroupResponseItem?.proxioProduct?.weightPriceCountryList?.filter(countryItem =>\n countryItem.item3.includes(this.countrycodevalue.toUpperCase()),\n );\n\n pricevalue = weightPriceCurrentCountryList[index]?.item2?.toLowerCase() ?? '';\n }\n\n let sortNumber = this.parseFloatFromString(pricevalue);\n\n return sortNumber;\n }\n\n resetFilters() {\n this.weight = { value: 0, name: '' } as ProxioProductFindPriceWeight;\n this.sizecategory = (sizeCategories as ProxioProductFindPriceSizeCategory[]).filter(x => x.value === 'S')[0];\n this.weightvalue = 0;\n this.countrycodevalue = this.data?.shipmentCountries[0]?.countryCode ?? this.market;\n }\n\n getWeights() {\n let weightListName = this.market + this.weightListName;\n let marketWeightsArray = weights[weightListName] ?? { S: [], M: [], L: [] };\n let marketWeights = marketWeightsArray[this.sizecategory.unit];\n let isInternationalWeights = this.maxAbroadKg != 0 && this.countrycodevalue.toLowerCase() !== this.market.toLowerCase();\n marketWeights = isInternationalWeights ? marketWeights.filter(number => number.value / 1000 <= this.maxAbroadKg) : marketWeights;\n\n return marketWeights;\n }\n\n handleDropdownChange(event: Event) {\n const target = event.target as HTMLInputElement;\n const countryCode = target.value;\n this.countrycodevalue = countryCode;\n }\n\n render() {\n return (\n <div class=\"findprice-form\">\n <div class=\"findprice-form-wrapper\">\n <h4 class=\"findprice__heading\">{state.i18n.sizeheading}</h4>\n <div class=\"sizecategory\">\n <table class=\"sizeTable\">\n <img id=\"clouds\" src={clouds}></img>\n <tr>\n <td>\n <img class=\"firstCell\" src={person}></img>\n </td>\n <td>\n <img src={S}></img>\n </td>\n {this.showMedium ? (\n <td>\n <img src={M}></img>\n </td>\n ) : null}\n <td>\n <img src={L}></img>\n </td>\n </tr>\n <tr>\n <td></td>\n {sizeCategories.map(sizeCategory =>\n !this.showMedium && sizeCategory.value === 'M' ? null : (\n <td>\n <pn-radio-button\n id={'findpricecategory-' + sizeCategory.value}\n radioid={sizeCategory.value}\n value={sizeCategory.value}\n name=\"sizecategory\"\n checked={sizeCategory.value === this.sizecategory.value}\n onChange={() => {\n this.sizecategory = (sizeCategories as ProxioProductFindPriceSizeCategory[]).filter(x => x.value === sizeCategory.value)[0];\n this.weight = { value: 0, name: '' } as ProxioProductFindPriceWeight;\n this.weightvalue = this.weight.value;\n }}\n ></pn-radio-button>\n </td>\n ),\n )}\n </tr>\n </table>\n </div>\n\n <h4 class=\"findprice__heading findprice__subheading\">{state.i18n.weightheading}</h4>\n {this.sizecategory.value && this.getWeights() ? (\n <div class=\"weightoption\">\n {\n <div class=\"weightoption-content\">\n {this.getWeights().map(wght => (\n <pn-choice-button\n id={'findpriceweight-' + wght.value}\n choiceid={this.sizecategory.value + wght.value}\n name=\"weight\"\n type=\"radio\"\n value={!this.weight.value ? 0 : this.getWeights().findIndex(x => x.value === this.weightvalue)}\n checked={wght.value === this.weight.value}\n onChange={() => {\n this.weight = (this.getWeights() as ProxioProductFindPriceWeight[]).filter(x => x.value === wght.value)[0];\n this.weightvalue = this.weight.value;\n }}\n >\n {wght.name}\n </pn-choice-button>\n ))}\n </div>\n }\n </div>\n ) : null}\n\n {this.showInternational && (this.data?.shipmentCountries ?? false) ? (\n <div class=\"shipmentcountry\">\n <h4 class=\"shipmentcountry-header\">{state.i18n.countryToSendTo}</h4>\n <div class=\"shipmentcountry-select-container\">\n <svg class=\"arrow\" width=\"18\" height=\"10\" viewBox=\"0 0 18 10\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n 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\"\n ></path>\n </svg>\n <select name=\"shipmentCountry-select\" id=\"proxio-shipmentcountry\" onChange={this.handleDropdownChange.bind(this)}>\n {this.data.shipmentCountries.map(item => (\n <option selected={item.countryCode.toLowerCase() === this.countrycodevalue.toLowerCase()} value={item.countryCode}>\n {item.countryName}\n </option>\n ))}\n </select>\n </div>\n </div>\n ) : null}\n\n <div class=\"findprice__clear-all-filters\" role=\"button\">\n <div class=\"findprice__clear-all-filters__btn\" onClick={() => this.resetFilters()}>\n <pn-icon icon={trash_can} color=\"blue700\" />\n <span class=\"clear-all-filters__text\">{state.i18n.clearFilterButton}</span>\n </div>\n </div>\n </div>\n\n {this.filteredItems && this.filteredItems.length > 0 ? (\n <div class=\"resultlist\">\n {state.i18n.resultlistheading ? <div class=\"resultHeading\">{state.i18n.resultlistheading}</div> : null}\n {this.filteredItems.map((item: ProxioPriceListGroupResponse) => (\n <div>\n <pn-proxio-findprice-result\n activeweight={this.weight.value}\n item={item}\n language={this.language}\n selected-countrycode={this.countrycodevalue}\n show-international={this.showInternational}\n market={this.market}\n ></pn-proxio-findprice-result>\n </div>\n ))}\n </div>\n ) : this.weightvalue !== 0 ? (\n <h4 class=\"resultHeading\">{state.i18n.noResultMessage}</h4>\n ) : null}\n </div>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"pn-proxio-findprice.js","sourceRoot":"","sources":["../../../../src/components/widgets/pn-proxio-findprice/pn-proxio-findprice.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, Prop, State, Watch } from '@stencil/core';\nimport { translations, markets } from './pn-proxio-findprice-translations';\nimport { ProxioPriceListGroupResponse } from '../pn-proxio-pricegroup/types';\nimport {\n ProxioPriceListGroupsResponse,\n ProxioProductFindPriceWeight,\n ProxioProductFindPriceSizeCategory,\n ProxioProductFindPriceMarket,\n ProxioFindPricei18n,\n} from './pn-proxio-findprice-types';\nimport { MarketWebContextService } from '../../../globals/MarketWebContextService';\nimport { weights, sizeCategories } from './data.js';\nimport { FetchHelper } from '../../../globals/FetchHelper';\nimport { state } from './pn-proxio-findprice-store';\nimport S from './img/small-package.svg';\nimport M from './img/medium-package.svg';\nimport L from './img/large-package.svg';\nimport person from './img/postnord-person2.svg';\nimport clouds from './img/clouds.svg';\nimport { trash_can } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n tag: 'pn-proxio-findprice',\n styleUrl: 'pn-proxio-findprice.scss',\n})\nexport class PnProxioFindPrice {\n @Prop({ mutable: true }) endpoint: string = null;\n @Prop({ mutable: true }) language: string = 'da';\n @Prop({ mutable: true }) market: string = 'dk';\n @Prop() showMedium: boolean = false;\n @Prop() showInternational: boolean = false;\n @Prop() maxAbroadKg: number = 0;\n @Prop() weightListName: string = '';\n\n @Prop() cache: boolean = false;\n @State() filteredItems: ProxioPriceListGroupResponse[] = [];\n @State() weight: ProxioProductFindPriceWeight = { value: 0, name: '' } as ProxioProductFindPriceWeight;\n @State() weightvalue: number = 0;\n @State() countrycodevalue: string = '';\n @State() sizecategory: ProxioProductFindPriceSizeCategory = { value: '', name: '', icon: '', unit: '' } as ProxioProductFindPriceSizeCategory;\n @State() data: ProxioPriceListGroupsResponse = { proxioProducts: [], shipmentCountries: [] } as ProxioPriceListGroupsResponse;\n\n fetchHelper = new FetchHelper('proxiopricegroups');\n\n componentWillLoad() {\n this.setInitialValues().then(() => {\n this.init();\n });\n }\n\n async setInitialValues(href = window.location.href) {\n const marketWebContextService = new MarketWebContextService(href);\n const environment = await marketWebContextService.getEnvironmentName();\n\n if (!this.endpoint && environment?.indexOf('local') === -1) {\n const market = await marketWebContextService.getMarket();\n this.market = this.market ? this.market : market;\n this.endpoint = await marketWebContextService.getEndpoint(environment, market);\n }\n\n if (!this.endpoint) {\n this.endpoint = '';\n }\n\n if (this.countrycodevalue === '') {\n this.countrycodevalue = this.market.toLowerCase();\n }\n }\n\n init() {\n this.setState();\n this.fetchData().then(() => {\n this.getDataSource();\n });\n }\n\n async getDataSource() {\n try {\n this.sizecategory = (sizeCategories as ProxioProductFindPriceSizeCategory[]).filter(x => x.value === 'S')[0];\n this.filterItems();\n } catch (e) {\n console.log('Unable to parse data');\n }\n }\n\n async fetchData() {\n if (!this.market \|\| !this.language) {\n return;\n }\n const endpoint = this.endpoint.lastIndexOf('/') === this.endpoint.length - 1 ? this.endpoint.substring(0, this.endpoint.length - 1) : this.endpoint;\n const fetchUrl = `${endpoint}/api/proxio/price-list-groups?market=${this.market}&language=${this.language}&cached=${this.cache}`;\n //const fetchUrl = `https://localhost:51547/api/proxio/price-list-groups?market=${this.market}&language=${this.language}&cached=${this.cache}`;\n\n const data = (await this.fetchHelper.fetchJson(\n fetchUrl,\n {\n mode: 'cors',\n },\n false,\n this.onFetchData.bind(this),\n )) as any;\n\n if (data) {\n this.data = data as ProxioPriceListGroupsResponse;\n this.data.proxioProducts = data.proxioProducts as ProxioPriceListGroupResponse[];\n }\n this.filterItems();\n }\n\n onFetchData(data) {\n this.data = data;\n }\n\n @Watch('market')\n @Watch('language')\n setState() {\n this.market = this.market ? this.market : 'dk';\n if (this.market) {\n state.market = markets[this.market] as ProxioProductFindPriceMarket;\n }\n if (this.language && translations[this.language]) {\n state.i18n = translations[this.language] as ProxioFindPricei18n;\n }\n }\n\n @Watch('sizecategory')\n @Watch('weightvalue')\n @Watch('countrycodevalue')\n filterItems() {\n const sizeItemData = this.data.proxioProducts.filter(item => {\n return item.proxioProduct.productWeightGroupList.some(weightGroup => {\n return weightGroup.item3.includes(this.sizecategory.value);\n });\n });\n\n if (!this.weight) {\n return;\n }\n const comparisonWeight = this.weight.value;\n\n let weightFilteredData = sizeItemData?.filter(item => {\n return item.proxioProduct.productWeightGroupList.some(weightGroup => {\n return weightGroup.item1 === comparisonWeight;\n });\n });\n\n let isInternational = this.showInternational && (this.countrycodevalue?.trim() !== '' ?? false);\n\n if (isInternational) {\n weightFilteredData = weightFilteredData?.filter(item =>\n item.proxioProduct.weightPriceCountryList.some(countryItem => countryItem.item3.includes(this.countrycodevalue.toUpperCase())),\n );\n }\n\n weightFilteredData = this.sortWeightItems(weightFilteredData, isInternational);\n\n this.filteredItems = weightFilteredData;\n }\n\n parseFloatFromString(text) {\n return parseFloat(text?.replace(/[^\\d\\.\\,]*/g, '') ?? 100000);\n }\n\n sortWeightItems(weightFilteredData: ProxioPriceListGroupResponse[], isInternational: boolean) {\n weightFilteredData?.sort((a, b) => {\n let aNumber = this.getSortNumber(a, isInternational);\n let bNumber = this.getSortNumber(b, isInternational);\n\n if (aNumber && bNumber) {\n return aNumber - bNumber;\n }\n\n if (aNumber < bNumber) {\n return -1;\n }\n\n if (aNumber > bNumber) {\n return 1;\n }\n\n return 0;\n }) ?? [];\n\n return weightFilteredData;\n }\n\n getSortNumber(proxioPriceListGroupResponseItem: ProxioPriceListGroupResponse, isInternational: boolean) {\n let index = proxioPriceListGroupResponseItem?.proxioProduct?.productWeightGroupList?.findIndex(weightGroup => weightGroup.item1 === this.weight.value) ?? 0;\n\n if (index < 0) {\n index = 0;\n }\n\n let pricevalue = proxioPriceListGroupResponseItem?.proxioProduct?.weightAndPriceList[index]?.item2?.toLowerCase() ?? '';\n\n if (isInternational) {\n let weightPriceCurrentCountryList = proxioPriceListGroupResponseItem?.proxioProduct?.weightPriceCountryList?.filter(countryItem =>\n countryItem.item3.includes(this.countrycodevalue.toUpperCase()),\n );\n\n pricevalue = weightPriceCurrentCountryList[index]?.item2?.toLowerCase() ?? '';\n }\n\n let sortNumber = this.parseFloatFromString(pricevalue);\n\n return sortNumber;\n }\n\n resetFilters() {\n this.weight = { value: 0, name: '' } as ProxioProductFindPriceWeight;\n this.sizecategory = (sizeCategories as ProxioProductFindPriceSizeCategory[]).filter(x => x.value === 'S')[0];\n this.weightvalue = 0;\n this.countrycodevalue = this.data?.shipmentCountries[0]?.countryCode ?? this.market;\n }\n\n getWeights() {\n let weightListName = this.market + this.weightListName;\n let marketWeightsArray = weights[weightListName] ?? { S: [], M: [], L: [] };\n let marketWeights = marketWeightsArray[this.sizecategory.unit];\n let isInternationalWeights = this.maxAbroadKg != 0 && this.countrycodevalue.toLowerCase() !== this.market.toLowerCase();\n marketWeights = isInternationalWeights ? marketWeights.filter(number => number.value / 1000 <= this.maxAbroadKg) : marketWeights;\n\n return marketWeights;\n }\n\n handleDropdownChange(event: Event) {\n const target = event.target as HTMLInputElement;\n const countryCode = target.value;\n this.countrycodevalue = countryCode;\n }\n\n render() {\n return (\n <div class=\"findprice-form\">\n <div class=\"findprice-form-wrapper\">\n <h4 class=\"findprice__heading\">{state.i18n.sizeheading}</h4>\n <div class=\"sizecategory\">\n <table class=\"sizeTable\">\n <img id=\"clouds\" src={clouds}></img>\n <tr>\n <td>\n <img class=\"firstCell\" src={person}></img>\n </td>\n <td>\n <img src={S}></img>\n </td>\n {this.showMedium ? (\n <td>\n <img src={M}></img>\n </td>\n ) : null}\n <td>\n <img src={L}></img>\n </td>\n </tr>\n <tr>\n <td></td>\n {sizeCategories.map(sizeCategory =>\n !this.showMedium && sizeCategory.value === 'M' ? null : (\n <td>\n <pn-radio-button\n id={'findpricecategory-' + sizeCategory.value}\n radioid={sizeCategory.value}\n value={sizeCategory.value}\n name=\"sizecategory\"\n checked={sizeCategory.value === this.sizecategory.value}\n onChange={() => {\n this.sizecategory = (sizeCategories as ProxioProductFindPriceSizeCategory[]).filter(x => x.value === sizeCategory.value)[0];\n this.weight = { value: 0, name: '' } as ProxioProductFindPriceWeight;\n this.weightvalue = this.weight.value;\n }}\n ></pn-radio-button>\n </td>\n ),\n )}\n </tr>\n </table>\n </div>\n\n <h4 class=\"findprice__heading findprice__subheading\">{state.i18n.weightheading}</h4>\n {this.sizecategory.value && this.getWeights() ? (\n <div class=\"weightoption\">\n {\n <div class=\"weightoption-content\">\n {this.getWeights().map(wght => (\n <pn-choice-button\n id={'findpriceweight-' + wght.value}\n choiceid={this.sizecategory.value + wght.value}\n name=\"weight\"\n type=\"radio\"\n value={!this.weight.value ? 0 : this.getWeights().findIndex(x => x.value === this.weightvalue)}\n checked={wght.value === this.weight.value}\n onChange={() => {\n this.weight = (this.getWeights() as ProxioProductFindPriceWeight[]).filter(x => x.value === wght.value)[0];\n this.weightvalue = this.weight.value;\n }}\n >\n {wght.name}\n </pn-choice-button>\n ))}\n </div>\n }\n </div>\n ) : null}\n\n {this.showInternational && (this.data?.shipmentCountries ?? false) ? (\n <div class=\"shipmentcountry\">\n <h4 class=\"shipmentcountry-header\">{state.i18n.countryToSendTo}</h4>\n <div class=\"shipmentcountry-select-container\">\n <svg class=\"arrow\" width=\"18\" height=\"10\" viewBox=\"0 0 18 10\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n 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\"\n ></path>\n </svg>\n <select name=\"shipmentCountry-select\" id=\"proxio-shipmentcountry\" onChange={this.handleDropdownChange.bind(this)}>\n {this.data.shipmentCountries.map(item => (\n <option selected={item.countryCode.toLowerCase() === this.countrycodevalue.toLowerCase()} value={item.countryCode}>\n {item.countryName}\n </option>\n ))}\n </select>\n </div>\n </div>\n ) : null}\n\n <div class=\"findprice__clear-all-filters\" role=\"button\">\n <div class=\"findprice__clear-all-filters__btn\" onClick={() => this.resetFilters()}>\n <pn-icon icon={trash_can} color=\"blue700\" />\n <span class=\"clear-all-filters__text\">{state.i18n.clearFilterButton}</span>\n </div>\n </div>\n </div>\n\n {this.filteredItems && this.filteredItems.length > 0 ? (\n <div class=\"resultlist\">\n {state.i18n.resultlistheading ? <div class=\"resultHeading\">{state.i18n.resultlistheading}</div> : null}\n {this.filteredItems.map((item: ProxioPriceListGroupResponse) => (\n <div>\n <pn-proxio-findprice-result\n activeweight={this.weight.value}\n item={item}\n language={this.language}\n selected-countrycode={this.countrycodevalue}\n show-international={this.showInternational}\n market={this.market}\n ></pn-proxio-findprice-result>\n </div>\n ))}\n </div>\n ) : this.weightvalue !== 0 ? (\n <h4 class=\"resultHeading\">{state.i18n.noResultMessage}</h4>\n ) : null}\n </div>\n );\n }\n}\n"]}

package/collection/components/widgets/pn-proxio-pricegroup/pn-proxio-pricegroup.js CHANGED Viewed

@@ -5,7 +5,6 @@ import { translations } from "./translations";
 import { arrow_left, arrow_right } from "pn-design-assets/pn-assets/icons.js";
 export class PnProxioPricegroup {
     constructor() {
-        this.fetchHelper = new FetchHelper('proxiopricegroup');
         this.endpoint = null;
         this.language = 'sv';
         this.market = 'se';
@@ -15,6 +14,7 @@ export class PnProxioPricegroup {
         this.data = null;
         this.i18n = translations['sv'];
     }
+    fetchHelper = new FetchHelper('proxiopricegroup');
     componentWillLoad() {
         this.setInitialValues().then(() => {
             this.init();
@@ -23,7 +23,7 @@ export class PnProxioPricegroup {
     async setInitialValues(href = window.location.href) {
         const marketWebContextService = new MarketWebContextService(href);
         const environment = await marketWebContextService.getEnvironmentName();
-        if (!this.endpoint && (environment === null || environment === void 0 ? void 0 : environment.indexOf('local')) === -1) {
+        if (!this.endpoint && environment?.indexOf('local') === -1) {
             const market = await marketWebContextService.getMarket();
             this.endpoint = await marketWebContextService.getEndpoint(environment, market);
         }
@@ -45,7 +45,7 @@ export class PnProxioPricegroup {
         const data = (await this.fetchHelper.fetchJson(fetchUrl, {
             mode: 'cors',
         }, this.cache, this.onFetchData.bind(this)));
-        if (data === null || data === void 0 ? void 0 : data.proxioProduct) {
+        if (data?.proxioProduct) {
             this.data = data;
         }
     }
@@ -53,9 +53,8 @@ export class PnProxioPricegroup {
         this.data = data;
     }
     setActiveWeightIndex(weightIndex) {
-        var _a, _b, _c;
         let minIndex = 0;
-        let maxIndex = (_c = ((_b = (_a = this.data.proxioProduct) === null || _a === void 0 ? void 0 : _a.weightAndPriceList) === null || _b === void 0 ? void 0 : _b.length) - 1) !== null && _c !== void 0 ? _c : minIndex;
+        let maxIndex = this.data.proxioProduct?.weightAndPriceList?.length - 1 ?? minIndex;
         weightIndex = weightIndex > maxIndex ? maxIndex : weightIndex;
         weightIndex = weightIndex < minIndex ? minIndex : weightIndex;
         this.activeWeightIndex = weightIndex;
@@ -66,14 +65,12 @@ export class PnProxioPricegroup {
         }
     }
     getPriceString(product) {
-        var _a;
-        let price = product.weightAndPriceList ? (_a = product === null || product === void 0 ? void 0 : product.weightAndPriceList[this.activeWeightIndex]) === null || _a === void 0 ? void 0 : _a.item2 : '';
+        let price = product.weightAndPriceList ? product?.weightAndPriceList[this.activeWeightIndex]?.item2 : '';
         return price ? this.i18n.from + price : '';
     }
     getProductLink(product, productWeightGroupList) {
-        var _a;
-        let productId = (_a = productWeightGroupList[this.activeWeightIndex]) === null || _a === void 0 ? void 0 : _a.item2;
-        let productLink = product.productLink ? product === null || product === void 0 ? void 0 : product.productLink : '';
+        let productId = productWeightGroupList[this.activeWeightIndex]?.item2;
+        let productLink = product.productLink ? product?.productLink : '';
         return productLink ? productLink + (productId ? '?productId=' + productId : '') : '';
     }
     isActive(index) {
@@ -121,8 +118,7 @@ export class PnProxioPricegroup {
         }
     }
     render() {
-        var _a, _b, _c;
-        return (h(Host, { key: '382bffa036a8d0d4dd545e661ce81a014c3d427d' }, ((_a = this.data) === null || _a === void 0 ? void 0 : _a.proxioProduct) ? (h("div", { class: "proxio-pricegroup-container" }, h("div", { class: "weightcontainer" }, this.data.proxioProduct.weightAndPriceList ? (h("div", { class: "weightvaluecontainer" }, h("pn-button", { disabled: this.activeWeightIndex === 0 ? 'disabled' : null, icon: arrow_left, appearance: "light", small: "true", onClick: () => this.setActiveWeightIndex(this.activeWeightIndex - 1) }), h("div", { class: "weightradios ", "data-carousel-container-position": this.getContainerPosition() }, h("div", { class: "weightline" }), this.data.proxioProduct.weightAndPriceList.map((weightItem, index) => this.getCarouselPosition(index) !== null ? (h("div", { class: "weightdata", "data-carousel-position": this.getCarouselPosition(index), onClick: () => this.setActiveWeightIndex(index) }, h("input", { type: "radio", id: 'weightradio' + index, name: "weightradio", value: index, checked: this.isActive(index) }), h("label", { htmlFor: 'weightradio' + index }, weightItem.item1))) : null)), h("pn-button", { disabled: this.activeWeightIndex === ((_c = (_b = this.data.proxioProduct) === null || _b === void 0 ? void 0 : _b.weightAndPriceList) === null || _c === void 0 ? void 0 : _c.length) - 1 ? 'disabled' : null, icon: arrow_right, appearance: "light", small: "true", onClick: () => this.setActiveWeightIndex(this.activeWeightIndex + 1) }))) : null), h("pn-proxio-productcard", null, h("pn-illustration", { slot: "illustrationmobile", illustration: this.data.proxioProduct.productIcon }), h("h2", { slot: "title" }, this.data.proxioProduct.productTitle), h("pn-proxio-productcard-description", { slot: "description", heading: this.data.proxioProduct.productPreamble, highlight: this.data.proxioProduct.deliveryDateInformation, list: this.data.proxioProduct.productDescriptionBulletListItems }), h("div", { slot: "information" }, h("pn-proxio-productcard-information", { label: this.i18n.labelMaxDimensions, information: this.data.proxioProduct.productPackageDimensionsList }), h("pn-proxio-productcard-information", { label: this.i18n.labelMaxDimensionsRoll, information: this.data.proxioProduct.productRollDimensionsList })), h("div", { slot: "bottomtags" }, this.data.proxioProduct.usp1 ? h("pn-titletag", { color: "gray50" }, this.data.proxioProduct.usp1) : null, this.data.proxioProduct.usp2 ? h("pn-titletag", { color: "gray50" }, this.data.proxioProduct.usp2) : null, this.data.proxioProduct.usp3 ? h("pn-titletag", { color: "gray50" }, this.data.proxioProduct.usp3) : null), h("pn-illustration", { slot: "illustration", illustration: this.data.proxioProduct.productIcon }), h("div", { slot: "pricelink" }, h("pn-proxio-productcard-pricelink", { price: this.getPriceString(this.data.proxioProduct), link: this.getProductLink(this.data.proxioProduct, this.data.proxioProduct.productWeightGroupList), linktext: this.data.proxioProduct.productLinkText }), this.data.relatedProxioProducts
+        return (h(Host, { key: '382bffa036a8d0d4dd545e661ce81a014c3d427d' }, this.data?.proxioProduct ? (h("div", { class: "proxio-pricegroup-container" }, h("div", { class: "weightcontainer" }, this.data.proxioProduct.weightAndPriceList ? (h("div", { class: "weightvaluecontainer" }, h("pn-button", { disabled: this.activeWeightIndex === 0 ? 'disabled' : null, icon: arrow_left, appearance: "light", small: "true", onClick: () => this.setActiveWeightIndex(this.activeWeightIndex - 1) }), h("div", { class: "weightradios ", "data-carousel-container-position": this.getContainerPosition() }, h("div", { class: "weightline" }), this.data.proxioProduct.weightAndPriceList.map((weightItem, index) => this.getCarouselPosition(index) !== null ? (h("div", { class: "weightdata", "data-carousel-position": this.getCarouselPosition(index), onClick: () => this.setActiveWeightIndex(index) }, h("input", { type: "radio", id: 'weightradio' + index, name: "weightradio", value: index, checked: this.isActive(index) }), h("label", { htmlFor: 'weightradio' + index }, weightItem.item1))) : null)), h("pn-button", { disabled: this.activeWeightIndex === this.data.proxioProduct?.weightAndPriceList?.length - 1 ? 'disabled' : null, icon: arrow_right, appearance: "light", small: "true", onClick: () => this.setActiveWeightIndex(this.activeWeightIndex + 1) }))) : null), h("pn-proxio-productcard", null, h("pn-illustration", { slot: "illustrationmobile", illustration: this.data.proxioProduct.productIcon }), h("h2", { slot: "title" }, this.data.proxioProduct.productTitle), h("pn-proxio-productcard-description", { slot: "description", heading: this.data.proxioProduct.productPreamble, highlight: this.data.proxioProduct.deliveryDateInformation, list: this.data.proxioProduct.productDescriptionBulletListItems }), h("div", { slot: "information" }, h("pn-proxio-productcard-information", { label: this.i18n.labelMaxDimensions, information: this.data.proxioProduct.productPackageDimensionsList }), h("pn-proxio-productcard-information", { label: this.i18n.labelMaxDimensionsRoll, information: this.data.proxioProduct.productRollDimensionsList })), h("div", { slot: "bottomtags" }, this.data.proxioProduct.usp1 ? h("pn-titletag", { color: "gray50" }, this.data.proxioProduct.usp1) : null, this.data.proxioProduct.usp2 ? h("pn-titletag", { color: "gray50" }, this.data.proxioProduct.usp2) : null, this.data.proxioProduct.usp3 ? h("pn-titletag", { color: "gray50" }, this.data.proxioProduct.usp3) : null), h("pn-illustration", { slot: "illustration", illustration: this.data.proxioProduct.productIcon }), h("div", { slot: "pricelink" }, h("pn-proxio-productcard-pricelink", { price: this.getPriceString(this.data.proxioProduct), link: this.getProductLink(this.data.proxioProduct, this.data.proxioProduct.productWeightGroupList), linktext: this.data.proxioProduct.productLinkText }), this.data.relatedProxioProducts
             ? this.data.relatedProxioProducts.map(product => (h("pn-proxio-productcard-pricelink", { price: this.getPriceString(product), link: product.productLink, linktext: product.productLinkText })))
             : null)))) : null));
     }

package/collection/components/widgets/pn-proxio-pricegroup/pn-proxio-pricegroup.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"pn-proxio-pricegroup.js","sourceRoot":"","sources":["../../../../src/components/widgets/pn-proxio-pricegroup/pn-proxio-pricegroup.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, Host, Listen, Prop, State } from '@stencil/core';\nimport { FetchHelper } from '../../../globals/FetchHelper';\nimport { MarketWebContextService } from '../../../globals/MarketWebContextService';\nimport { translations } from './translations';\nimport { ProductGenericItem, ProxioPriceGroupi18n, ProxioPriceListGroupResponse, ProxioProduct, ProductWeightGroupListItem } from './types';\nimport { arrow_left, arrow_right } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n tag: 'pn-proxio-pricegroup',\n styleUrl: 'pn-proxio-pricegroup.scss',\n})\nexport class PnProxioPricegroup {\n /** Specifies which endpoint domain we should load from */\n @Prop({ mutable: true }) endpoint: string = null;\n //@Prop() culture: string = \"sv-SE\";\n @Prop() language: string = 'sv';\n @Prop() market: string = 'se';\n @Prop() tariffid: string = '';\n @Prop() cache: boolean = true;\n\n @State() activeWeightIndex: number = 0;\n @State() data: ProxioPriceListGroupResponse = null;\n @State() i18n: ProxioPriceGroupi18n = translations['sv'];\n\n fetchHelper = new FetchHelper('proxiopricegroup');\n\n componentWillLoad() {\n this.setInitialValues().then(() => {\n this.init();\n });\n }\n\n async setInitialValues(href = window.location.href) {\n const marketWebContextService = new MarketWebContextService(href);\n const environment = await marketWebContextService.getEnvironmentName();\n\n if (!this.endpoint && environment?.indexOf('local') === -1) {\n const market = await marketWebContextService.getMarket();\n this.endpoint = await marketWebContextService.getEndpoint(environment, market);\n }\n\n if (!this.endpoint) {\n this.endpoint = '';\n }\n }\n\n init() {\n this.setLanguage();\n this.fetchData();\n }\n\n async fetchData() {\n if (!this.market \|\| !this.language \|\| !this.tariffid) {\n return;\n }\n const endpoint = this.endpoint.lastIndexOf('/') === this.endpoint.length - 1 ? this.endpoint.substring(0, this.endpoint.length - 1) : this.endpoint;\n const fetchUrl = `${endpoint}/api/proxio/price-list-group?tariffId=${this.tariffid}&market=${this.market}&language=${this.language}&cached=${this.cache}`;\n //const fetchUrl = `https://localhost:51547/api/proxio/price-list-group?tariffId=${this.tariffid}&market=${this.market}&language=${this.language}&cached=${this.cache}`;\n const data = (await this.fetchHelper.fetchJson(\n fetchUrl,\n {\n mode: 'cors',\n },\n this.cache,\n this.onFetchData.bind(this),\n )) as any;\n\n if (data?.proxioProduct) {\n this.data = data;\n }\n }\n\n onFetchData(data) {\n this.data = data;\n }\n\n @Listen('activeWeightIndex')\n setActiveWeightIndex(weightIndex: number) {\n let minIndex = 0;\n let maxIndex = this.data.proxioProduct?.weightAndPriceList?.length - 1 ?? minIndex;\n weightIndex = weightIndex > maxIndex ? maxIndex : weightIndex;\n weightIndex = weightIndex < minIndex ? minIndex : weightIndex;\n this.activeWeightIndex = weightIndex;\n }\n\n @Listen('language')\n setLanguage() {\n if (translations[this.language]) {\n this.i18n = translations[this.language] as ProxioPriceGroupi18n;\n }\n }\n\n getPriceString(product: ProxioProduct) {\n let price = product.weightAndPriceList ? product?.weightAndPriceList[this.activeWeightIndex]?.item2 : '';\n return price ? this.i18n.from + price : '';\n }\n\n getProductLink(product: ProxioProduct, productWeightGroupList: ProductWeightGroupListItem[]) {\n let productId = productWeightGroupList[this.activeWeightIndex]?.item2;\n let productLink = product.productLink ? product?.productLink : '';\n return productLink ? productLink + (productId ? '?productId=' + productId : '') : '';\n }\n\n isActive(index: number) {\n return index === this.activeWeightIndex;\n }\n\n getCarouselPosition(index: number) {\n switch (index) {\n case this.activeWeightIndex - 2: {\n return -2;\n }\n case this.activeWeightIndex - 1: {\n return -1;\n }\n case this.activeWeightIndex: {\n return 0;\n }\n case this.activeWeightIndex + 1: {\n return 1;\n }\n case this.activeWeightIndex + 2: {\n return 2;\n }\n default:\n return 'outside';\n }\n }\n\n getContainerPosition() {\n let maxIndex = this.data.proxioProduct.weightAndPriceList.length - 1;\n switch (this.activeWeightIndex) {\n case 0: {\n return 'end50';\n }\n case 1: {\n return 'end75';\n }\n case maxIndex - 1: {\n return 'start75';\n }\n case maxIndex: {\n return 'start50';\n }\n default: {\n return 'default';\n }\n }\n }\n\n render() {\n return (\n <Host>\n {this.data?.proxioProduct ? (\n <div class=\"proxio-pricegroup-container\">\n <div class=\"weightcontainer\">\n {this.data.proxioProduct.weightAndPriceList ? (\n <div class=\"weightvaluecontainer\">\n <pn-button\n disabled={this.activeWeightIndex === 0 ? 'disabled' : null}\n icon={arrow_left}\n appearance=\"light\"\n small=\"true\"\n onClick={() => this.setActiveWeightIndex(this.activeWeightIndex - 1)}\n ></pn-button>\n <div class=\"weightradios \" data-carousel-container-position={this.getContainerPosition()}>\n <div class=\"weightline\"></div>\n {this.data.proxioProduct.weightAndPriceList.map((weightItem, index) =>\n this.getCarouselPosition(index) !== null ? (\n <div class=\"weightdata\" data-carousel-position={this.getCarouselPosition(index)} onClick={() => this.setActiveWeightIndex(index)}>\n <input type=\"radio\" id={'weightradio' + index} name=\"weightradio\" value={index} checked={this.isActive(index)} />\n <label htmlFor={'weightradio' + index}>{weightItem.item1}</label>\n </div>\n ) : null,\n )}\n </div>\n <pn-button\n disabled={this.activeWeightIndex === this.data.proxioProduct?.weightAndPriceList?.length - 1 ? 'disabled' : null}\n icon={arrow_right}\n appearance=\"light\"\n small=\"true\"\n onClick={() => this.setActiveWeightIndex(this.activeWeightIndex + 1)}\n ></pn-button>\n </div>\n ) : null}\n </div>\n <pn-proxio-productcard>\n <pn-illustration slot=\"illustrationmobile\" illustration={this.data.proxioProduct.productIcon}></pn-illustration>\n <h2 slot=\"title\">{this.data.proxioProduct.productTitle}</h2>\n <pn-proxio-productcard-description\n slot=\"description\"\n heading={this.data.proxioProduct.productPreamble}\n highlight={this.data.proxioProduct.deliveryDateInformation}\n list={this.data.proxioProduct.productDescriptionBulletListItems}\n ></pn-proxio-productcard-description>\n <div slot=\"information\">\n <pn-proxio-productcard-information\n label={this.i18n.labelMaxDimensions}\n information={this.data.proxioProduct.productPackageDimensionsList as ProductGenericItem[]}\n ></pn-proxio-productcard-information>\n <pn-proxio-productcard-information\n label={this.i18n.labelMaxDimensionsRoll}\n information={this.data.proxioProduct.productRollDimensionsList as ProductGenericItem[]}\n ></pn-proxio-productcard-information>\n </div>\n <div slot=\"bottomtags\">\n {this.data.proxioProduct.usp1 ? <pn-titletag color=\"gray50\">{this.data.proxioProduct.usp1}</pn-titletag> : null}\n {this.data.proxioProduct.usp2 ? <pn-titletag color=\"gray50\">{this.data.proxioProduct.usp2}</pn-titletag> : null}\n {this.data.proxioProduct.usp3 ? <pn-titletag color=\"gray50\">{this.data.proxioProduct.usp3}</pn-titletag> : null}\n </div>\n <pn-illustration slot=\"illustration\" illustration={this.data.proxioProduct.productIcon}></pn-illustration>\n <div slot=\"pricelink\">\n <pn-proxio-productcard-pricelink\n price={this.getPriceString(this.data.proxioProduct)}\n link={this.getProductLink(this.data.proxioProduct, this.data.proxioProduct.productWeightGroupList)}\n linktext={this.data.proxioProduct.productLinkText}\n ></pn-proxio-productcard-pricelink>\n {this.data.relatedProxioProducts\n ? this.data.relatedProxioProducts.map(product => (\n <pn-proxio-productcard-pricelink\n price={this.getPriceString(product)}\n link={product.productLink}\n linktext={product.productLinkText}\n ></pn-proxio-productcard-pricelink>\n ))\n : null}\n </div>\n </pn-proxio-productcard>\n </div>\n ) : null}\n </Host>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"pn-proxio-pricegroup.js","sourceRoot":"","sources":["../../../../src/components/widgets/pn-proxio-pricegroup/pn-proxio-pricegroup.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, Host, Listen, Prop, State } from '@stencil/core';\nimport { FetchHelper } from '../../../globals/FetchHelper';\nimport { MarketWebContextService } from '../../../globals/MarketWebContextService';\nimport { translations } from './translations';\nimport { ProductGenericItem, ProxioPriceGroupi18n, ProxioPriceListGroupResponse, ProxioProduct, ProductWeightGroupListItem } from './types';\nimport { arrow_left, arrow_right } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n tag: 'pn-proxio-pricegroup',\n styleUrl: 'pn-proxio-pricegroup.scss',\n})\nexport class PnProxioPricegroup {\n /** Specifies which endpoint domain we should load from */\n @Prop({ mutable: true }) endpoint: string = null;\n //@Prop() culture: string = \"sv-SE\";\n @Prop() language: string = 'sv';\n @Prop() market: string = 'se';\n @Prop() tariffid: string = '';\n @Prop() cache: boolean = true;\n\n @State() activeWeightIndex: number = 0;\n @State() data: ProxioPriceListGroupResponse = null;\n @State() i18n: ProxioPriceGroupi18n = translations['sv'];\n\n fetchHelper = new FetchHelper('proxiopricegroup');\n\n componentWillLoad() {\n this.setInitialValues().then(() => {\n this.init();\n });\n }\n\n async setInitialValues(href = window.location.href) {\n const marketWebContextService = new MarketWebContextService(href);\n const environment = await marketWebContextService.getEnvironmentName();\n\n if (!this.endpoint && environment?.indexOf('local') === -1) {\n const market = await marketWebContextService.getMarket();\n this.endpoint = await marketWebContextService.getEndpoint(environment, market);\n }\n\n if (!this.endpoint) {\n this.endpoint = '';\n }\n }\n\n init() {\n this.setLanguage();\n this.fetchData();\n }\n\n async fetchData() {\n if (!this.market \|\| !this.language \|\| !this.tariffid) {\n return;\n }\n const endpoint = this.endpoint.lastIndexOf('/') === this.endpoint.length - 1 ? this.endpoint.substring(0, this.endpoint.length - 1) : this.endpoint;\n const fetchUrl = `${endpoint}/api/proxio/price-list-group?tariffId=${this.tariffid}&market=${this.market}&language=${this.language}&cached=${this.cache}`;\n //const fetchUrl = `https://localhost:51547/api/proxio/price-list-group?tariffId=${this.tariffid}&market=${this.market}&language=${this.language}&cached=${this.cache}`;\n const data = (await this.fetchHelper.fetchJson(\n fetchUrl,\n {\n mode: 'cors',\n },\n this.cache,\n this.onFetchData.bind(this),\n )) as any;\n\n if (data?.proxioProduct) {\n this.data = data;\n }\n }\n\n onFetchData(data) {\n this.data = data;\n }\n\n @Listen('activeWeightIndex')\n setActiveWeightIndex(weightIndex: number) {\n let minIndex = 0;\n let maxIndex = this.data.proxioProduct?.weightAndPriceList?.length - 1 ?? minIndex;\n weightIndex = weightIndex > maxIndex ? maxIndex : weightIndex;\n weightIndex = weightIndex < minIndex ? minIndex : weightIndex;\n this.activeWeightIndex = weightIndex;\n }\n\n @Listen('language')\n setLanguage() {\n if (translations[this.language]) {\n this.i18n = translations[this.language] as ProxioPriceGroupi18n;\n }\n }\n\n getPriceString(product: ProxioProduct) {\n let price = product.weightAndPriceList ? product?.weightAndPriceList[this.activeWeightIndex]?.item2 : '';\n return price ? this.i18n.from + price : '';\n }\n\n getProductLink(product: ProxioProduct, productWeightGroupList: ProductWeightGroupListItem[]) {\n let productId = productWeightGroupList[this.activeWeightIndex]?.item2;\n let productLink = product.productLink ? product?.productLink : '';\n return productLink ? productLink + (productId ? '?productId=' + productId : '') : '';\n }\n\n isActive(index: number) {\n return index === this.activeWeightIndex;\n }\n\n getCarouselPosition(index: number) {\n switch (index) {\n case this.activeWeightIndex - 2: {\n return -2;\n }\n case this.activeWeightIndex - 1: {\n return -1;\n }\n case this.activeWeightIndex: {\n return 0;\n }\n case this.activeWeightIndex + 1: {\n return 1;\n }\n case this.activeWeightIndex + 2: {\n return 2;\n }\n default:\n return 'outside';\n }\n }\n\n getContainerPosition() {\n let maxIndex = this.data.proxioProduct.weightAndPriceList.length - 1;\n switch (this.activeWeightIndex) {\n case 0: {\n return 'end50';\n }\n case 1: {\n return 'end75';\n }\n case maxIndex - 1: {\n return 'start75';\n }\n case maxIndex: {\n return 'start50';\n }\n default: {\n return 'default';\n }\n }\n }\n\n render() {\n return (\n <Host>\n {this.data?.proxioProduct ? (\n <div class=\"proxio-pricegroup-container\">\n <div class=\"weightcontainer\">\n {this.data.proxioProduct.weightAndPriceList ? (\n <div class=\"weightvaluecontainer\">\n <pn-button\n disabled={this.activeWeightIndex === 0 ? 'disabled' : null}\n icon={arrow_left}\n appearance=\"light\"\n small=\"true\"\n onClick={() => this.setActiveWeightIndex(this.activeWeightIndex - 1)}\n ></pn-button>\n <div class=\"weightradios \" data-carousel-container-position={this.getContainerPosition()}>\n <div class=\"weightline\"></div>\n {this.data.proxioProduct.weightAndPriceList.map((weightItem, index) =>\n this.getCarouselPosition(index) !== null ? (\n <div class=\"weightdata\" data-carousel-position={this.getCarouselPosition(index)} onClick={() => this.setActiveWeightIndex(index)}>\n <input type=\"radio\" id={'weightradio' + index} name=\"weightradio\" value={index} checked={this.isActive(index)} />\n <label htmlFor={'weightradio' + index}>{weightItem.item1}</label>\n </div>\n ) : null,\n )}\n </div>\n <pn-button\n disabled={this.activeWeightIndex === this.data.proxioProduct?.weightAndPriceList?.length - 1 ? 'disabled' : null}\n icon={arrow_right}\n appearance=\"light\"\n small=\"true\"\n onClick={() => this.setActiveWeightIndex(this.activeWeightIndex + 1)}\n ></pn-button>\n </div>\n ) : null}\n </div>\n <pn-proxio-productcard>\n <pn-illustration slot=\"illustrationmobile\" illustration={this.data.proxioProduct.productIcon}></pn-illustration>\n <h2 slot=\"title\">{this.data.proxioProduct.productTitle}</h2>\n <pn-proxio-productcard-description\n slot=\"description\"\n heading={this.data.proxioProduct.productPreamble}\n highlight={this.data.proxioProduct.deliveryDateInformation}\n list={this.data.proxioProduct.productDescriptionBulletListItems}\n ></pn-proxio-productcard-description>\n <div slot=\"information\">\n <pn-proxio-productcard-information\n label={this.i18n.labelMaxDimensions}\n information={this.data.proxioProduct.productPackageDimensionsList as ProductGenericItem[]}\n ></pn-proxio-productcard-information>\n <pn-proxio-productcard-information\n label={this.i18n.labelMaxDimensionsRoll}\n information={this.data.proxioProduct.productRollDimensionsList as ProductGenericItem[]}\n ></pn-proxio-productcard-information>\n </div>\n <div slot=\"bottomtags\">\n {this.data.proxioProduct.usp1 ? <pn-titletag color=\"gray50\">{this.data.proxioProduct.usp1}</pn-titletag> : null}\n {this.data.proxioProduct.usp2 ? <pn-titletag color=\"gray50\">{this.data.proxioProduct.usp2}</pn-titletag> : null}\n {this.data.proxioProduct.usp3 ? <pn-titletag color=\"gray50\">{this.data.proxioProduct.usp3}</pn-titletag> : null}\n </div>\n <pn-illustration slot=\"illustration\" illustration={this.data.proxioProduct.productIcon}></pn-illustration>\n <div slot=\"pricelink\">\n <pn-proxio-productcard-pricelink\n price={this.getPriceString(this.data.proxioProduct)}\n link={this.getProductLink(this.data.proxioProduct, this.data.proxioProduct.productWeightGroupList)}\n linktext={this.data.proxioProduct.productLinkText}\n ></pn-proxio-productcard-pricelink>\n {this.data.relatedProxioProducts\n ? this.data.relatedProxioProducts.map(product => (\n <pn-proxio-productcard-pricelink\n price={this.getPriceString(product)}\n link={product.productLink}\n linktext={product.productLinkText}\n ></pn-proxio-productcard-pricelink>\n ))\n : null}\n </div>\n </pn-proxio-productcard>\n </div>\n ) : null}\n </Host>\n );\n }\n}\n"]}

package/collection/components/widgets/pn-usp-promoter/pn-usp-promoter.js CHANGED Viewed

@@ -9,6 +9,7 @@ export class PnUspPromoter {
         this.rightAlign = false;
         this.hideMobileImage = false;
     }
+    hostElement;
     centerMobileContent() {
         const slot = this.hostElement.querySelector('[slot="illustration"]');
         if (this.hideMobileImage || slot == null) {

package/collection/components/widgets/pn-usp-promoter/pn-usp-promoter.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"pn-usp-promoter.js","sourceRoot":"","sources":["../../../../src/components/widgets/pn-usp-promoter/pn-usp-promoter.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAMlE,MAAM,OAAO,aAAa;;uBAGE,IAAI;gCACK,IAAI;wBACZ,IAAI;kCACM,IAAI;yBACZ,KAAK;0BACJ,KAAK;+BACA,KAAK;;~~IAEhC~~,mBAAmB;QACzB,MAAM,IAAI,GAAG,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,uBAAuB,CAAC,CAAC;QACrE,IAAI,IAAI,CAAC,eAAe,IAAI,IAAI,IAAI,IAAI,EAAE,CAAC;YACzC,OAAO,uCAAuC,CAAC;QACjD,CAAC;QACD,OAAO,EAAE,CAAC;IACZ,CAAC;IAED,MAAM;QACJ,MAAM,EAAE,SAAS,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC;QACvC,MAAM,OAAO,GAAG;YACd,cAAc;YACd,SAAS,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,EAAE;YAC3C,UAAU,CAAC,CAAC,CAAC,2BAA2B,CAAC,CAAC,CAAC,EAAE;SAC9C,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QACZ,MAAM,mBAAmB,GAAG,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,iCAAiC,CAAC,CAAC,CAAC,EAAE,CAAC;QAE3F,OAAO,CACL,EAAC,IAAI;YACH,4DAAK,KAAK,EAAE,IAAI,OAAO,IAAI,IAAI,CAAC,mBAAmB,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,YAAY,EAAE,GAAG,IAAI,CAAC,kBAAkB,EAAE,EAAE;gBAC5G,4DAAK,KAAK,EAAC,uBAAuB;oBAChC,6DAAM,IAAI,EAAC,cAAc,GAAQ;oBACjC,4DAAK,KAAK,EAAC,+BAA+B;wBACxC,2DAAI,KAAK,EAAE,iCAAiC,mBAAmB,EAAE;4BAC/D,+DAAO,IAAI,CAAC,OAAO,CAAQ;4BAC1B,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,gBAAO,IAAI,CAAC,gBAAgB,CAAQ,CAAC,CAAC,CAAC,IAAI,CACjE;wBACL,0DAAG,KAAK,EAAC,4BAA4B,IAAE,IAAI,CAAC,QAAQ,CAAK;wBACzD,6DAAM,IAAI,EAAC,WAAW,GAAQ;wBAC9B,6DAAM,IAAI,EAAC,aAAa,GAAQ,CAC5B,CACF,CACF,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, h, Host, Element } from '@stencil/core';\n\n@Component({\n tag: 'pn-usp-promoter',\n styleUrl: 'pn-usp-promoter.scss',\n})\nexport class PnUspPromoter {\n @Element() hostElement: HTMLElement;\n\n @Prop() heading: string = null;\n @Prop() headingExtension: string = null;\n @Prop() bodyText: string = null;\n @Prop() backgroundGradient: string = null;\n @Prop() fullWidth: boolean = false;\n @Prop() rightAlign: boolean = false;\n @Prop() hideMobileImage: boolean = false;\n\n private centerMobileContent() {\n const slot = this.hostElement.querySelector('[slot=\"illustration\"]');\n if (this.hideMobileImage \|\| slot == null) {\n return 'usp-promoter--hide-image-small-screen';\n }\n return \"\";\n }\n\n render() {\n const { fullWidth, rightAlign } = this;\n const classes = [\n 'usp-promoter',\n fullWidth ? \"usp-promoter--full-width\" : \"\",\n rightAlign ? \"usp-promoter--right-align\" : \"\",\n ].join(' ');\n const hasHeadingExtension = this.headingExtension ? \"usp-promoter__heading-extension\" : \"\";\n\n return (\n <Host>\n <div class={` ${classes} ${this.centerMobileContent()}`} style={{ 'background': `${this.backgroundGradient}` }}>\n <div class=\"usp-promoter__content\">\n <slot name=\"illustration\"></slot>\n <div class=\"usp-promoter__content-wrapper\">\n <h2 class={`usp-promoter__content-heading ${hasHeadingExtension}`}>\n <span>{this.heading}</span>\n {this.headingExtension ? <span>{this.headingExtension}</span> : null}\n </h2>\n <p class=\"usp-promoter__content-text\">{this.bodyText}</p>\n <slot name=\"app-store\"></slot>\n <slot name=\"usp-buttons\"></slot>\n </div>\n </div>\n </div>\n </Host>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"pn-usp-promoter.js","sourceRoot":"","sources":["../../../../src/components/widgets/pn-usp-promoter/pn-usp-promoter.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAMlE,MAAM,OAAO,aAAa;;uBAGE,IAAI;gCACK,IAAI;wBACZ,IAAI;kCACM,IAAI;yBACZ,KAAK;0BACJ,KAAK;+BACA,KAAK;;IAR7B,WAAW,CAAc;IAU5B,mBAAmB;QACzB,MAAM,IAAI,GAAG,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,uBAAuB,CAAC,CAAC;QACrE,IAAI,IAAI,CAAC,eAAe,IAAI,IAAI,IAAI,IAAI,EAAE,CAAC;YACzC,OAAO,uCAAuC,CAAC;QACjD,CAAC;QACD,OAAO,EAAE,CAAC;IACZ,CAAC;IAED,MAAM;QACJ,MAAM,EAAE,SAAS,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC;QACvC,MAAM,OAAO,GAAG;YACd,cAAc;YACd,SAAS,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,EAAE;YAC3C,UAAU,CAAC,CAAC,CAAC,2BAA2B,CAAC,CAAC,CAAC,EAAE;SAC9C,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QACZ,MAAM,mBAAmB,GAAG,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,iCAAiC,CAAC,CAAC,CAAC,EAAE,CAAC;QAE3F,OAAO,CACL,EAAC,IAAI;YACH,4DAAK,KAAK,EAAE,IAAI,OAAO,IAAI,IAAI,CAAC,mBAAmB,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,YAAY,EAAE,GAAG,IAAI,CAAC,kBAAkB,EAAE,EAAE;gBAC5G,4DAAK,KAAK,EAAC,uBAAuB;oBAChC,6DAAM,IAAI,EAAC,cAAc,GAAQ;oBACjC,4DAAK,KAAK,EAAC,+BAA+B;wBACxC,2DAAI,KAAK,EAAE,iCAAiC,mBAAmB,EAAE;4BAC/D,+DAAO,IAAI,CAAC,OAAO,CAAQ;4BAC1B,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,gBAAO,IAAI,CAAC,gBAAgB,CAAQ,CAAC,CAAC,CAAC,IAAI,CACjE;wBACL,0DAAG,KAAK,EAAC,4BAA4B,IAAE,IAAI,CAAC,QAAQ,CAAK;wBACzD,6DAAM,IAAI,EAAC,WAAW,GAAQ;wBAC9B,6DAAM,IAAI,EAAC,aAAa,GAAQ,CAC5B,CACF,CACF,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, h, Host, Element } from '@stencil/core';\n\n@Component({\n tag: 'pn-usp-promoter',\n styleUrl: 'pn-usp-promoter.scss',\n})\nexport class PnUspPromoter {\n @Element() hostElement: HTMLElement;\n\n @Prop() heading: string = null;\n @Prop() headingExtension: string = null;\n @Prop() bodyText: string = null;\n @Prop() backgroundGradient: string = null;\n @Prop() fullWidth: boolean = false;\n @Prop() rightAlign: boolean = false;\n @Prop() hideMobileImage: boolean = false;\n\n private centerMobileContent() {\n const slot = this.hostElement.querySelector('[slot=\"illustration\"]');\n if (this.hideMobileImage \|\| slot == null) {\n return 'usp-promoter--hide-image-small-screen';\n }\n return \"\";\n }\n\n render() {\n const { fullWidth, rightAlign } = this;\n const classes = [\n 'usp-promoter',\n fullWidth ? \"usp-promoter--full-width\" : \"\",\n rightAlign ? \"usp-promoter--right-align\" : \"\",\n ].join(' ');\n const hasHeadingExtension = this.headingExtension ? \"usp-promoter__heading-extension\" : \"\";\n\n return (\n <Host>\n <div class={` ${classes} ${this.centerMobileContent()}`} style={{ 'background': `${this.backgroundGradient}` }}>\n <div class=\"usp-promoter__content\">\n <slot name=\"illustration\"></slot>\n <div class=\"usp-promoter__content-wrapper\">\n <h2 class={`usp-promoter__content-heading ${hasHeadingExtension}`}>\n <span>{this.heading}</span>\n {this.headingExtension ? <span>{this.headingExtension}</span> : null}\n </h2>\n <p class=\"usp-promoter__content-text\">{this.bodyText}</p>\n <slot name=\"app-store\"></slot>\n <slot name=\"usp-buttons\"></slot>\n </div>\n </div>\n </div>\n </Host>\n );\n }\n}\n"]}