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

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

@@ -1,250 +0,0 @@
-import { Component, h, Prop, State, Watch } from "@stencil/core";
-import { translations, markets } from "./pn-proxio-findprice-translations";
-import { MarketWebContextService } from "../../../globals/MarketWebContextService";
-import { weights, sizeCategories } from "./data.js";
-import { FetchHelper } from "../../../globals/FetchHelper";
-import { state } from "./pn-proxio-findprice-store";
-import S from "./img/small-package.svg";
-import M from "./img/medium-package.svg";
-import L from "./img/large-package.svg";
-import person from "./img/postnord-person2.svg";
-import clouds from "./img/clouds.svg";
-export class PnProxioFindPrice {
-  constructor() {
-    this.endpoint = null;
-    this.language = "da";
-    this.market = "dk";
-    this.cache = false;
-    this.filteredItems = [];
-    this.weight = { value: 0, name: "" };
-    this.weightvalue = 0;
-    this.sizecategory = { value: "", name: "", icon: "", unit: "" };
-    this.data = { proxioProducts: [] };
-    this.fetchHelper = new FetchHelper("proxiopricegroups");
-  }
-  componentWillLoad() {
-    this.setInitialValues().then(() => {
-      this.init();
-    });
-  }
-  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)) {
-      const market = await marketWebContextService.getMarket();
-      this.endpoint = await marketWebContextService.getEndpoint(environment, market);
-    }
-    if (!this.endpoint) {
-      this.endpoint = "";
-    }
-  }
-  init() {
-    this.setState();
-    this.getDataSource();
-    this.fetchData();
-  }
-  async getDataSource() {
-    try {
-      //for keeping small value preselected
-      this.sizecategory = sizeCategories.filter(x => x.value === "S")[0];
-      console.log(this.sizecategory);
-      this.filterItems();
-    }
-    catch (e) {
-      console.log('Unable to parse data');
-    }
-  }
-  async fetchData() {
-    if (!this.market || !this.language) {
-      return;
-    }
-    const endpoint = (this.endpoint.lastIndexOf("/") === this.endpoint.length - 1) ? this.endpoint.substring(0, this.endpoint.length - 1) : this.endpoint;
-    const fetchUrl = `${endpoint}/api/proxio/price-list-groups?market=${this.market}&language=${this.language}&cached=${this.cache}`;
-    //const fetchUrl = `http://localhost:51444/api/proxio/price-list-groups?market=${this.market}&language=${this.language}&cached=${this.cache}`;
-    const data = await this.fetchHelper.fetchJson(fetchUrl, {
-      'mode': 'cors',
-    }, this.cache, this.onFetchData.bind(this));
-    if (data) {
-      this.data.proxioProducts = data;
-    }
-    this.filterItems();
-  }
-  onFetchData(data) {
-    this.data = data;
-  }
-  setState() {
-    this.market = "dk";
-    if (this.market) {
-      state.market = markets[this.market];
-    }
-    if (this.language && translations[this.language]) {
-      state.i18n = translations[this.language];
-    }
-  }
-  filterItems() {
-    if (!this.data) {
-      console.log('Data has not yet been loaded');
-      return;
-    }
-    console.log("data ", this.data);
-    const sizeItemData = this.data.proxioProducts.filter(item => {
-      return item.proxioProduct.productWeightGroupList.some(weightGroup => {
-        return weightGroup.item3.includes(this.sizecategory.value);
-      });
-    });
-    console.log("sizeItemData ", sizeItemData);
-    if (!this.weight) {
-      return;
-    }
-    const comparisonWeight = this.weight.value;
-    let weightFilteredData = sizeItemData.filter(item => {
-      return item.proxioProduct.productWeightGroupList.some(weightGroup => {
-        return weightGroup.item1 === comparisonWeight;
-      });
-    });
-    console.log("weightFilteredData ", weightFilteredData);
-    if (weightFilteredData.length === 0 && this.weightvalue !== 0) {
-      weightFilteredData = sizeItemData.filter(item => {
-        return item.proxioProduct.productWeightGroupList.some(weightGroup => {
-          return weightGroup.item1 === comparisonWeight;
-        });
-      });
-    }
-    this.filteredItems = weightFilteredData;
-  }
-  render() {
-    return (h("div", { class: "findprice-form" },
-      h("div", { class: "findprice-form-wrapper" },
-        h("h4", { class: "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 })),
-              h("td", null,
-                h("img", { src: M })),
-              h("td", null,
-                h("img", { src: L }))),
-            h("tr", null,
-              h("td", null),
-              sizeCategories.map((sizeCategory) => (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: "" };
-                    this.weightvalue = this.weight.value;
-                  } }))))))),
-        h("h4", { class: "heading" }, state.i18n.weightheading),
-        (this.sizecategory.value && weights[this.sizecategory.unit]) ? (h("div", { class: "weightoption" }, h("div", { class: "weightoption-content" }, weights[this.sizecategory.unit].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 : weights[this.sizecategory.unit].findIndex((x) => x.value === this.weightvalue), checked: wght.value === this.weight.value, onChange: () => {
-            this.weight = weights[this.sizecategory.unit].filter(x => x.value === wght.value)[0];
-            this.weightvalue = this.weight.value;
-          } }, wght.name)))))) : null),
-      (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 })))))) : null));
-  }
-  static get is() { return "pn-proxio-findprice"; }
-  static get originalStyleUrls() { return {
-    "$": ["pn-proxio-findprice.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["pn-proxio-findprice.css"]
-  }; }
-  static get properties() { return {
-    "endpoint": {
-      "type": "string",
-      "mutable": true,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "endpoint",
-      "reflect": false,
-      "defaultValue": "null"
-    },
-    "language": {
-      "type": "string",
-      "mutable": true,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "language",
-      "reflect": false,
-      "defaultValue": "\"da\""
-    },
-    "market": {
-      "type": "string",
-      "mutable": true,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "market",
-      "reflect": false,
-      "defaultValue": "\"dk\""
-    },
-    "cache": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "cache",
-      "reflect": false,
-      "defaultValue": "false"
-    }
-  }; }
-  static get states() { return {
-    "filteredItems": {},
-    "weight": {},
-    "weightvalue": {},
-    "sizecategory": {},
-    "data": {}
-  }; }
-  static get watchers() { return [{
-      "propName": "market",
-      "methodName": "setState"
-    }, {
-      "propName": "language",
-      "methodName": "setState"
-    }, {
-      "propName": "sizecategory",
-      "methodName": "filterItems"
-    }, {
-      "propName": "weightvalue",
-      "methodName": "filterItems"
-    }]; }
-}

package/esm/pn-proxio-findprice-result.entry.js

@@ -1,59 +0,0 @@
-import { r as registerInstance, h, a as Host } from './index-5397620b.js';
-import { t as translations } from './translations-022fefa0.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}";
-
-let PnProxioFindPriceResult = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.item = null;
-    this.activeweight = null;
-    this.shownitems = [];
-    this.description = [];
-    this.showMeasurement = false;
-    this.weightText = "";
-    this.linkId = '';
-    this.shopLabel = '';
-    this.shopUrl = '';
-    this.shopId = '';
-    this.i18n = translations["sv"];
-  }
-  componentWillLoad() {
-    this.composeItems();
-  }
-  composeItems() {
-    this.shownitems = [this.item];
-  }
-  getPriceString(product) {
-    var _a;
-    if (product.productWeightGroupList) {
-      const activeIndex = product.productWeightGroupList.findIndex((item) => item.item1 === this.activeweight);
-      let price = product.weightAndPriceList ? (_a = product === null || product === void 0 ? void 0 : product.weightAndPriceList[activeIndex]) === null || _a === void 0 ? void 0 : _a.item2 : '';
-      return price ? this.i18n.from + price : '';
-    }
-    return null;
-  }
-  getProductLink(product, productWeightGroupList) {
-    var _a;
-    if (product.productWeightGroupList) {
-      const activeIndex = product.productWeightGroupList.findIndex((item) => item.item1 === this.activeweight);
-      let productId = (_a = productWeightGroupList[activeIndex]) === null || _a === void 0 ? void 0 : _a.item2;
-      let productLink = product.productLink ? product === null || product === void 0 ? void 0 : product.productLink : '';
-      return productLink ? productLink + (productId ? "?productId=" + productId : '') : '';
-    }
-    return null;
-  }
-  render() {
-    return (h(Host, null, h("pn-proxio-productcard", null, h("pn-illustration", { slot: "illustrationmobile", illustration: this.item.proxioProduct.productIcon }), h("h2", { slot: "title" }, this.item.proxioProduct.productTitle), h("pn-proxio-productcard-description", { slot: "description", heading: this.item.proxioProduct.productPreamble, highlight: this.item.proxioProduct.deliveryDateInformation, list: this.item.proxioProduct.productDescriptionBulletListItems }), h("div", { slot: "information" }, h("pn-proxio-productcard-information", { label: this.i18n.labelMaxDimensions, information: this.item.proxioProduct.productPackageDimensionsList }), h("pn-proxio-productcard-information", { label: this.i18n.labelMaxDimensionsRoll, information: this.item.proxioProduct.productRollDimensionsList })), h("div", { slot: "bottomtags" }, this.item.proxioProduct.usp1 ?
-      (h("pn-titletag", { color: "gray50" }, this.item.proxioProduct.usp1)) : (null), this.item.proxioProduct.usp2 ?
-      (h("pn-titletag", { color: "gray50" }, this.item.proxioProduct.usp2)) : (null), this.item.proxioProduct.usp3 ?
-      (h("pn-titletag", { color: "gray50" }, this.item.proxioProduct.usp3)) : (null)), h("pn-illustration", { slot: "illustration", illustration: this.item.proxioProduct.productIcon }), h("div", { slot: "pricelink" }, h("pn-proxio-productcard-pricelink", { price: this.getPriceString(this.item.proxioProduct), link: this.getProductLink(this.item.proxioProduct, this.item.proxioProduct.productWeightGroupList), linktext: this.item.proxioProduct.productLinkText }), this.item.relatedProxioProducts ? (this.item.relatedProxioProducts.map((product) => (h("pn-proxio-productcard-pricelink", { price: this.getPriceString(product), link: product.productLink, linktext: product.productLinkText })))) : (null)))));
-  }
-  static get watchers() { return {
-    "item": ["composeItems"],
-    "activeweight": ["getPriceString", "getProductLink"]
-  }; }
-};
-PnProxioFindPriceResult.style = pnProxioFindpriceResultCss;
-
-export { PnProxioFindPriceResult as pn_proxio_findprice_result };

package/esm/pn-proxio-findprice.entry.js

@@ -1,307 +0,0 @@
-import { r as registerInstance, h } from './index-5397620b.js';
-import { F as FetchHelper, M as MarketWebContextService } from './MarketWebContextService-872043cc.js';
-import { c as createStore } from './index-7b21ecff.js';
-
-const translations = {
-  'sv': {
-    'componentheading': 'Våra priser och villkor för inrikesförsändelser för dig som direktbetalande kund?',
-    'deliveryscopeheading': 'Endast leveranser inom Sverige',
-    'resultlistheading': 'Några bra alternativ för dig',
-    'sizeheading': 'Uppskatta storleken på din försändelse',
-    'weightheading': 'Uppskatta vikten på din försändelse',
-    'weightlabel': 'Vikt',
-    'maxweightlabel': 'Maxvikt',
-    'maxmeasurementlabel': 'Maxvolym',
-    'senddirectcta': 'Köp online',
-    'stampshopcta': 'Till butiken',
-    'message': '*Vid köp hos valfritt ombud',
-    'servicePointHeader': 'Eller hitta närmaste serviceställe',
-    'servicePointLink': 'Hitta Serviceställe',
-    'realPostcard': 'Köp Riktiga Vykort',
-    'realPostcardMobile': 'Ladda ner appen',
-    'ombudHeader': 'Köp via ombud',
-    "from": "Från ",
-    "labelMaxDimensionsRoll": "Rulle",
-    "labelMaxDimensions": "Maxmått"
-  },
-  'en': {
-    'componentheading': 'Our prices and terms and conditions for domestic shipments for you as a direct paying customer',
-    'deliveryscopeheading': 'Deliveries within Sweden only',
-    'resultlistheading': 'Some suitable options for you',
-    'sizeheading': 'Estimate the size of your shipment',
-    'weightheading': 'Estimate the weight of your shipment',
-    'weightlabel': 'Weight',
-    'maxweightlabel': 'Max weight',
-    'maxmeasurementlabel': 'Maximum measurement',
-    'senddirectcta': 'Buy Online',
-    'stampshopcta': 'To the Store',
-    'message': 'When buying from any agent',
-    'servicePointHeader': 'Find service point',
-    'servicePointLink': 'Find service point',
-    'realPostcard': 'Buy Postcards',
-    'realPostcardMobile': 'Download the app',
-    'ombudHeader': 'Purchase by agent',
-    "from": "From ",
-    "labelMaxDimensionsRoll": "Roll",
-    "labelMaxDimensions": "Maximum dimensions"
-  },
-  'da': {
-    'componentheading': 'Vad vill du skicka?',
-    'deliveryscopeheading': 'Kun leveringer indenfor Sverige',
-    'resultlistheading': 'Nogle passende muligheder for dig',
-    'sizeheading': 'Anslå størrelsen på din forsendelse',
-    'weightheading': 'Anslå vægten af din forsendelse',
-    'weightlabel': 'Vægt',
-    'maxweightlabel': 'Max vægt',
-    'maxmeasurementlabel': 'Maks. Volumen',
-    'senddirectcta': 'Køb Online',
-    'stampshopcta': 'Til butikken',
-    'message': 'When buying from any agent',
-    'servicePointHeader': 'Find nærmeste servicested',
-    'servicePointLink': 'Find nærmeste servicested',
-    'realPostcard': 'Køb Riktiga Vykort',
-    'ombudHeader': 'Køb af agent',
-    "from": "Från ",
-    "labelMaxDimensionsRoll": "Rulle",
-    "labelMaxDimensions": "Maks måle"
-  },
-  'no': {
-    'componentheading': 'Vad vill du skicka?',
-    'deliveryscopeheading': 'Kun leveranser innen Sverige',
-    'resultlistheading': 'Some suitable options for you',
-    'weightlabel': 'Vekt',
-    'maxweightlabel': 'Maks vekt',
-    'maxmeasurementlabel': 'Maks volum',
-    'senddirectcta': 'Buy shipping in Send Direct',
-    'stampshopcta': 'Order home stamps from the webshop',
-  },
-  'fi': {
-    'componentheading': 'Vad vill du skicka?',
-    'deliveryscopeheading': 'Toimitukset vain Ruotsin sisällä',
-    'resultlistheading': 'Some suitable options for you',
-    'weightlabel': 'Paino',
-    'maxweightlabel': 'Max paino',
-    'maxmeasurementlabel': 'Max äänenvoimakkuus',
-    'senddirectcta': 'Buy shipping in Send Direct',
-    'stampshopcta': 'Order home stamps from the webshop',
-  }
-};
-const markets = {
-  'se': {
-    "currency": "kr",
-    "country": "Sweden",
-    "servicePoint": "https://www.postnord.se/vara-verktyg/sok-brevlada-eller-servicestalle",
-  },
-  'dk': {
-    "currency": "dk",
-    "country": "Denmark",
-    "servicePoint": "https://www.postnord.dk/varktojer/find-os",
-  },
-  'fi': {
-    "currency": " €",
-    "country": "Finland",
-    "servicePoint": "",
-  },
-  'no': {
-    "currency": "kr",
-    "country": "Norway",
-    "servicePoint": "",
-  }
-};
-
-const sizeCategories = [
-  { name: "S",   value: "S", illustration: "eli1n", unit: "S" },
-  { name: "M",   value: "M", illustration: "medium-package", unit: "M"},
-  { name: "L",   value: "L", illustration: "large-package", unit: "L"},
-];
-
-const weights = {
-"S": [
-  { name: "50 g",   abbreviation: 'g', value: 50 },
-  { name: "100 g",  abbreviation: 'g', value: 100 },
-  { name: "250 g",  abbreviation: 'g', value: 250 },
-  { name: "500 g",  abbreviation: 'g', value: 500 },
-  { name: "1 kg",   abbreviation: 'kg', value: 1000 },
-  { name: "2 kg",   abbreviation: 'kg', value: 2000 },
-],
-"M": [
-  { name: "1 kg",   abbreviation: 'kg', value: 1000 },
-  { name: "2 kg",   abbreviation: 'kg', value: 2000},
-  { name: "3 kg",   abbreviation: 'kg', value: 3000 },
-  { name: "5 kg",   abbreviation: 'kg', value: 5000 },
-  { name: "10 kg",  abbreviation: 'kg', value: 10000 },
-  { name: "15 kg",  abbreviation: 'kg', value: 15000 },
-  { name: "20 kg",  abbreviation: 'kg', value: 20000 },    
-],
-"L": [
-  { name: "3 kg",   abbreviation: 'kg', value: 3000 },
-  { name: "5 kg",   abbreviation: 'kg', value: 5000 },
-  { name: "10 kg",  abbreviation: 'kg', value: 10000 },
-  { name: "15 kg",  abbreviation: 'kg', value: 15000 },
-  { name: "20 kg",  abbreviation: 'kg', value: 20000 }, 
-]
-};
-
-// Read more about how stencil stores work here: https://stenciljs.com/docs/stencil-store
-const { state, onChange } = createStore({
-  i18n: {
-    componentheading: '',
-    deliveryscopeheading: '',
-    resultlistheading: '',
-    sizeheading: '',
-    weightheading: '',
-    weightlabel: '',
-    maxweightlabel: '',
-    maxmeasurementlabel: '',
-    senddirectcta: '',
-    stampshopcta: '',
-    message: '',
-    servicePointHeader: '',
-    servicePointLink: '',
-    realPostcard: '',
-    realPostcardMobile: '',
-    ombudHeader: ''
-  },
-  market: {
-    currency: "",
-    country: "",
-    servicePoint: "",
-  }
-});
-
-const smallPackageSvg = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTQiIGhlaWdodD0iMzgiIHZpZXdCb3g9IjAgMCA1NCAzOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQ0LjM4NDggMzhINTAuMzAxN0M1MS45MzM5IDM4IDUzLjMxMTEgMzYuMjM1NyA1My4zMTExIDMzLjk5NjRWNC4wMDM1N0M1My4zMTExIDEuODMyMTQgNTEuOTg0OSAwIDUwLjMwMTcgMEg0NC4zODQ4VjM4WiIgZmlsbD0iIzAwNUQ5MiIvPgo8cGF0aCBkPSJNNDcuMzQzMyAzOEgxMy4zMjFDMTEuNjg4NyAzOCAxMC4zMTE1IDM2LjIzNTcgMTAuMzExNSAzMy45OTY0VjQuMDAzNTdDMTAuMzExNSAxLjgzMjE0IDExLjYzNzcgMCAxMy4zMjEgMEg0NC44NDM5QzQ2LjIyMTEgMCA0Ny4zNDMzIDEuNDkyODYgNDcuMzQzMyAzLjMyNVYzOFoiIGZpbGw9IiMwMEEwRDYiLz4KPHBhdGggZD0iTTQzLjMxNDMgMTAuNzg5NUM0My4zMTQzIDEyLjk2MDkgNDEuOTg4MSAxNC43MjUyIDQwLjM1NTkgMTQuNzI1MkgzNS45NjkyQzM0LjMzNjkgMTQuNzI1MiAzMy4wMTA3IDEyLjk2MDkgMzMuMDEwNyAxMC43ODk1QzMzLjAxMDcgOC42MTgwNCAzNC4zMzY5IDYuODUzNzYgMzUuOTY5MiA2Ljg1Mzc2SDQwLjM1NTlDNDIuMDM5MSA2LjkyMTYyIDQzLjMxNDMgOC42MTgwNCA0My4zMTQzIDEwLjc4OTVaIiBmaWxsPSIjOEVEREY5Ii8+CjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF8xMjQ2XzM0NzAzKSI+CjxwYXRoIGQ9Ik0yMy4zMTE0IDMyLjY3NzJIMC42ODg0NzdWMjMuMjM0OEwxMC4zNzg0IDEzLjQ2OTRDMTEuMzA0NyAxMi41MzU4IDEyLjc4NDkgMTIuNTM4OSAxMy43MDc0IDEzLjQ3NjNMMjMuMzExNCAyMy4yMzQ4VjMyLjY3NzJaIiBmaWxsPSIjMDA1RDkyIi8+CjxwYXRoIGQ9Ik01LjI4NjI3IDE3LjAxNzZIMTguNzEzMkMxOS4zNDAxIDE3LjAxNzYgMTkuOTQxNCAxNy4yMDEzIDIwLjM4NDcgMTcuNTI4NEMyMC44MjggMTcuODU1NSAyMS4wNzcxIDE4LjI5OTEgMjEuMDc3MSAxOC43NjE3VjMzLjM3MzRIMi45MjI4NVYxOC43NjE3QzIuOTIyODUgMTguMjk5MSAzLjE3MTkgMTcuODU1NSAzLjYxNTIxIDE3LjUyODRDNC4wNTg1MiAxNy4yMDEzIDQuNjU5NzggMTcuMDE3NiA1LjI4NjcxIDE3LjAxNzZINS4yODYyN1oiIGZpbGw9IiNGOUY4RjgiLz4KPHBhdGggZD0iTTEyLjA3NzYgMjMuNzQzMkg3LjQxNjU3QzcuMTk4OTEgMjMuNzQzMiA3LjAyMjQ2IDIzLjkyNTYgNy4wMjI0NiAyNC4xNTA3VjI0LjE1MDhDNy4wMjI0NiAyNC4zNzU5IDcuMTk4OTEgMjQuNTU4MyA3LjQxNjU3IDI0LjU1ODNIMTIuMDc3NkMxMi4yOTUyIDI0LjU1ODMgMTIuNDcxNyAyNC4zNzU5IDEyLjQ3MTcgMjQuMTUwOFYyNC4xNTA3QzEyLjQ3MTcgMjMuOTI1NiAxMi4yOTUyIDIzLjc0MzIgMTIuMDc3NiAyMy43NDMyWiIgZmlsbD0iI0QzQ0VDQiIvPgo8cGF0aCBkPSJNMTYuOTg3IDI1Ljc2MUg3LjQxNjU3QzcuMTk4OTEgMjUuNzYxIDcuMDIyNDYgMjUuOTQzNCA3LjAyMjQ2IDI2LjE2ODVWMjYuMTY4NkM3LjAyMjQ2IDI2LjM5MzcgNy4xOTg5MSAyNi41NzYyIDcuNDE2NTcgMjYuNTc2MkgxNi45ODdDMTcuMjA0NiAyNi41NzYyIDE3LjM4MTEgMjYuMzkzNyAxNy4zODExIDI2LjE2ODZWMjYuMTY4NUMxNy4zODExIDI1Ljk0MzQgMTcuMjA0NiAyNS43NjEgMTYuOTg3IDI1Ljc2MVoiIGZpbGw9IiNEM0NFQ0IiLz4KPHBhdGggZD0iTTE2Ljk4NyAyNy42NTk4SDcuNDE2NTdDNy4xOTg5MSAyNy42NTk4IDcuMDIyNDYgMjcuODQyMiA3LjAyMjQ2IDI4LjA2NzNWMjguMDY3NEM3LjAyMjQ2IDI4LjI5MjUgNy4xOTg5MSAyOC40NzUgNy40MTY1NyAyOC40NzVIMTYuOTg3QzE3LjIwNDYgMjguNDc1IDE3LjM4MTEgMjguMjkyNSAxNy4zODExIDI4LjA2NzRWMjguMDY3M0MxNy4zODExIDI3Ljg0MjIgMTcuMjA0NiAyNy42NTk4IDE2Ljk4NyAyNy42NTk4WiIgZmlsbD0iI0QzQ0VDQiIvPgo8cGF0aCBkPSJNMTAuMzIxNyAzMC4yMjMxSDcuNDE2NTdDNy4xOTg5MSAzMC4yMjMxIDcuMDIyNDYgMzAuNDA1NiA3LjAyMjQ2IDMwLjYzMDdWMzAuNjMwOEM3LjAyMjQ2IDMwLjg1NTkgNy4xOTg5MSAzMS4wMzgzIDcuNDE2NTcgMzEuMDM4M0gxMC4zMjE3QzEwLjUzOTQgMzEuMDM4MyAxMC43MTU4IDMwLjg1NTkgMTAuNzE1OCAzMC42MzA4VjMwLjYzMDdDMTAuNzE1OCAzMC40MDU2IDEwLjUzOTQgMzAuMjIzMSAxMC4zMjE3IDMwLjIyMzFaIiBmaWxsPSIjRDNDRUNCIi8+CjxwYXRoIGQ9Ik0wLjY4ODgxMyAyMy4yMzQ2TDE5Ljg1MzcgMzcuOTE2NUgzLjEwNjg5QzEuNzcxMjQgMzcuOTE2NSAwLjY4ODQ3NyAzNi43OTk3IDAuNjg4NDc3IDM1LjQyMTlMMC42ODg4MTMgMjMuMjM0NloiIGZpbGw9IiMwMEEwRDYiLz4KPHBhdGggZD0iTTIzLjMxMTkgMjMuMzI0Mkw0LjEzNDc3IDM3LjkxNjFIMjAuODkzNEMyMi4yMjkxIDM3LjkxNjEgMjMuMzExOSAzNi43OTkzIDIzLjMxMTkgMzUuNDIxNVYyMy4zMjQyWiIgZmlsbD0iIzhFRERGOSIvPgo8cGF0aCBkPSJNMTIuMDM3OCAyMS45NTM3QzEyLjk0OTIgMjEuOTUzNyAxMy42ODgxIDIxLjE5MTYgMTMuNjg4MSAyMC4yNTEzQzEzLjY4ODEgMTkuMzExMSAxMi45NDg5IDE4LjU0OSAxMi4wMzc4IDE4LjU0OUMxMS4xMjY3IDE4LjU0OSAxMC4zODc3IDE5LjMxMTEgMTAuMzg3NyAyMC4yNTEzQzEwLjM4NzcgMjEuMTkxNiAxMS4xMjY1IDIxLjk1MzcgMTIuMDM3OCAyMS45NTM3WiIgZmlsbD0iIzAwNUQ5MiIvPgo8cGF0aCBkPSJNMTMuNjc3OCAyMC4wNjYyQzEzLjQxMTkgMjAuMTkzNiAxMy4xMzE4IDIwLjMxNjMgMTIuODcxNCAyMC40MzA2QzEyLjM1MzggMjAuNjU4MSAxMS44NjUgMjAuODcyOCAxMS41MTA3IDIxLjA5MDdDMTEuMzkyNSAyMS4xNjMyIDExLjEwODcgMjEuMzM3NSAxMC45OTcxIDIxLjU3MjVDMTEuMDg3NiAyMS42NDgxIDExLjE4NTcgMjEuNzEzNSAxMS4yODk2IDIxLjc2NzdDMTEuMjg4OCAyMS42ODEzIDExLjQzMDUgMjEuNTQzMSAxMS42ODI1IDIxLjM4ODNDMTIuMDE3MyAyMS4xODI4IDEyLjQ5NjEgMjAuOTcyNSAxMy4wMDMgMjAuNzQ5OEMxMy4yMzMgMjAuNjQ4NiAxMy40NTk3IDIwLjU0ODcgMTMuNjc1OCAyMC40NDg3QzEzLjY5MSAyMC4zMjE4IDEzLjY5MTYgMjAuMTkzNSAxMy42Nzc0IDIwLjA2NjVMMTMuNjc3OCAyMC4wNjYyWiIgZmlsbD0iIzAwQTBENiIvPgo8cGF0aCBkPSJNMTMuMjU2OCAxOS4zNzAzQzEzLjIxMzEgMTkuMjg4MSAxMy4xNjAzIDE5LjIxMDIgMTMuMDk5MiAxOS4xMzc4QzEyLjcyOTEgMTkuMzczMSAxMi4yODE0IDE5LjY0NDcgMTEuNzYwMSAxOS44MjQzQzExLjIyNjIgMjAuMDA4NCAxMC44MDg1IDIwLjA5MzYgMTAuNDYzOSAyMC4wNzM4QzEwLjQ3MjkgMjAuMTY3MiAxMC40OTI4IDIwLjI1OTQgMTAuNTIzMSAyMC4zNDg5QzEwLjkyODEgMjAuMzU3MiAxMS4zNzQ5IDIwLjI0ODcgMTEuODY2NCAyMC4wNzkzQzEyLjQxNDQgMTkuODkwNCAxMi44NzU1IDE5LjYxMjIgMTMuMjU2OCAxOS4zNzAzWiIgZmlsbD0iIzAwQTBENiIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzEyNDZfMzQ3MDMiPgo8cmVjdCB3aWR0aD0iMjIuNjIzIiBoZWlnaHQ9IjI3LjU2MjUiIGZpbGw9IndoaXRlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjY4ODQ3NyAxMC4zNTQxKSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=';
-
-const mediumPackageSvg = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjciIGhlaWdodD0iNjAiIHZpZXdCb3g9IjAgMCA2NyA2MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguMDM4NDIgNTkuOTk5OEg0Ny44OTAzVjguMTg4MjNINC4wMjkzVjU1LjE0NDhDNC4wMjkzIDU3LjgyNTkgNS44MjQ0MiA1OS45OTk4IDguMDM4NDIgNTkuOTk5OFoiIGZpbGw9IiMwMEEwRDYiLz4KPHBhdGggZD0iTTU4LjI0MzcgNjBINDYuNzU0OVY2LjUyMTczSDYyLjkxMVY1NC4yNzUzQzYyLjkxMSA1Ny40NjM3IDYwLjgxNjcgNjAgNTguMjQzNyA2MFoiIGZpbGw9IiMwMDVEOTIiLz4KPHBhdGggZD0iTTQuNDQ5MjggMTYuMTU5M0g0Ny40NzI2QzQ5LjY4NjYgMTYuMTU5MyA1MS40MjE4IDEzLjk4NTQgNTEuNDIxOCAxMS4zNzY3QzUxLjQyMTggOC42OTU1NiA0OS42MjY3IDYuNTk0MTIgNDcuNDcyNiA2LjU5NDEySDQuNDQ5MjhDMi4yMzUyOSA2LjU5NDEyIDAuNSA4Ljc2ODAzIDAuNSAxMS4zNzY3QzAuNSAxMy45ODU0IDIuMjM1MjkgMTYuMTU5MyA0LjQ0OTI4IDE2LjE1OTNaIiBmaWxsPSIjMDBBMEQ2Ii8+CjxwYXRoIGQ9Ik02Mi41NTExIDE2LjE1OTFINTYuMTQ4NUM1My45MzQ1IDE2LjE1OTEgNTIuMTk5MiAxMy45ODUyIDUyLjE5OTIgMTEuMzc2NUM1Mi4xOTkyIDguNjk1MzIgNTMuOTk0NCA2LjU5Mzg3IDU2LjE0ODUgNi41OTM4N0g2Mi41NTExQzY0Ljc2NTEgNi41OTM4NyA2Ni41MDA0IDguNzY3NzggNjYuNTAwNCAxMS4zNzY1QzY2LjUwMDQgMTMuOTg1MiA2NC43MDUzIDE2LjE1OTEgNjIuNTUxMSAxNi4xNTkxWiIgZmlsbD0iIzAwNUQ5MiIvPgo8cGF0aCBkPSJNNC4wMjkzIDE2Ljg4MzlMNDYuNzUzNCAyNC43ODI1VjE2LjE1OTNINC4wMjkzVjE2Ljg4MzlaIiBmaWxsPSIjMDA1RDkyIi8+CjxwYXRoIGQ9Ik0xOC41NzAzIDYwSDE3LjY3MjdWNi44ODQwNkMxNy40OTMyIDYuODg0MDYgMTcuMzczNiA2LjgxMTU5IDE3LjI1MzkgNi43MzkxM0MxNS44Nzc2IDUuOTQyMDMgMTQuODAwNSAzLjI2MDg3IDE1LjE1OTYgMS41OTQyQzE1LjMzOTEgMC41Nzk3MTEgMTYuMDU3MSAwIDE3LjAxNDUgMEMxNy42NzI3IDAgMTguMTUxNCAwLjM2MjMxOSAxOC41MTA1IDAuODY5NTY2QzE4LjkyOTMgMS41MjE3NCAxOS4wNDkgMi41MzYyMyAxOC45ODkyIDMuNDc4MjZDMjAuMTI2MSAxLjg4NDA2IDIxLjY4MTkgMC44Njk1NjYgMjIuNzU4OSAxLjAxNDQ5QzIzLjQ3NyAxLjE1OTQyIDIzLjk1NTcgMS43MzkxMyAyNC4wMTU1IDIuNjgxMTZDMjQuMDc1NCAzLjMzMzMzIDIzLjg5NTkgNC4zNDc4MyAyMi44MTg4IDUuMjE3MzlDMjEuNzQxNyA2LjE1OTQyIDE5Ljk0NjYgNi43MzkxMyAxOC42MzAyIDYuODExNTlWNjBIMTguNTcwM1pNMTYuODk0OSAxLjA4Njk2QzE2LjIzNjYgMS4wODY5NiAxNi4wNTcxIDEuNTIxNzQgMTUuOTk3MyAxLjgxMTU5QzE1Ljc1NzkgMy4wNDM0OCAxNi42NTU1IDUuMjE3MzkgMTcuNjEyOSA1LjcyNDY0QzE3LjY3MjcgNS43MjQ2NCAxNy42NzI3IDUuNzI0NjQgMTcuNzMyNiA1Ljc5NzFDMTcuOTcxOSA0LjcxMDE0IDE4LjI3MTEgMi40NjM3NyAxNy43MzI2IDEuNTIxNzRDMTcuNTUzMSAxLjIzMTg4IDE3LjMxMzcgMS4wODY5NiAxNi44OTQ5IDEuMDg2OTZDMTYuOTU0NyAxLjA4Njk2IDE2Ljg5NDkgMS4wODY5NiAxNi44OTQ5IDEuMDg2OTZaTTIyLjQ1OTggMi4xMDE0NUMyMS40NDI1IDIuMTAxNDUgMTkuNTg3NiAzLjYyMzE5IDE4Ljc0OTggNS43OTcxQzE5Ljc2NzEgNS42NTIxNyAyMS4yNjMgNS4yMTczOSAyMi4yMjA0IDQuNDIwMjlDMjIuODE4OCAzLjkxMzA0IDIzLjExOCAzLjQwNTggMjMuMDU4MSAyLjgyNjA5QzIyLjk5ODMgMi4yNDYzOCAyMi44MTg4IDIuMTczOTEgMjIuNTc5NCAyLjEwMTQ1QzIyLjUxOTYgMi4xMDE0NSAyMi41MTk2IDIuMTAxNDUgMjIuNDU5OCAyLjEwMTQ1WiIgZmlsbD0iIzAwNUQ5MiIvPgo8cGF0aCBkPSJNNTAuNDAzNSAzMi42MDg2SDQuMDI5M1YzMy42OTU2SDUwLjQwMzVWMzIuNjA4NloiIGZpbGw9IiMwMDVEOTIiLz4KPC9zdmc+Cg==';
-
-const largePackageSvg = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOTciIGhlaWdodD0iMTIxIiB2aWV3Qm94PSIwIDAgOTcgMTIxIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMTIuNTk5OCAxMjAuMjI0SDY5LjMyNjVWMTYuMTczN0g1LjgwMzcxVjEwOC43NzRDNS44MDM3MSAxMTUuMTA0IDguODQ1MjkgMTIwLjIyNCAxMi41OTk4IDEyMC4yMjRaIiBmaWxsPSIjMDA1RDkyIi8+CjxwYXRoIGQ9Ik04NC4zNjEyIDEyMC4yMjRINjcuNzI3NVYxMi43NTRIOTEuMTU3M1YxMDguNzg0QzkxLjE1NzMgMTE1LjEwNCA4OC4xMTU3IDEyMC4yMjQgODQuMzYxMiAxMjAuMjI0WiIgZmlsbD0iIzBEMjM0QiIvPgo8cGF0aCBkPSJNNi4zNjg2NyAzMi4xMTRINjguNzY4N0M3MS45NDEgMzIuMTE0IDc0LjUxOTIgMjcuNzg0IDc0LjUxOTIgMjIuNDM0Qzc0LjUxOTIgMTcuMDk0IDcxLjk0NyAxMi43NTQgNjguNzY4NyAxMi43NTRINi4zNjg2N0MzLjE5NjM5IDEyLjc1NCAwLjYxODE2NCAxNy4wODQgMC42MTgxNjQgMjIuNDM0QzAuNjE4MTY0IDI3Ljc3NCAzLjE5NjM5IDMyLjExNCA2LjM2ODY3IDMyLjExNFoiIGZpbGw9IiMwMDVEOTIiLz4KPHBhdGggZD0iTTkwLjYzMTIgMzIuMTE0SDgxLjI4NjZDNzguMTE0MyAzMi4xMTQgNzUuNTM2MSAyNy43ODQgNzUuNTM2MSAyMi40MzRDNzUuNTM2MSAxNy4wOTQgNzguMTA4NCAxMi43NTQgODEuMjg2NiAxMi43NTRIOTAuNjMxMkM5My44MDM1IDEyLjc1NCA5Ni4zODE3IDE3LjA4NCA5Ni4zODE3IDIyLjQzNEM5Ni4zODE3IDI3Ljc3NCA5My44MDk0IDMyLjExNCA5MC42MzEyIDMyLjExNFoiIGZpbGw9IiMwRDIzNEIiLz4KPHBhdGggZD0iTTUuODAzNzEgMzMuNjQzOUw2Ny43Mjg1IDQ5LjM5MzlWMzIuMTEzOUg1LjgwMzcxVjMzLjY0MzlaIiBmaWxsPSIjMEQyMzRCIi8+CjxwYXRoIGQ9Ik0yNi42MzgxIDEyMC4yMjRIMjUuNzQ3VjEzLjIwMzhDMjUuNDM4IDEzLjE1MzggMjUuMTgyNiAxMy4wNjM4IDI1LjAwNDQgMTIuOTEzOEMyMy4xMzkgMTEuNDEzOCAyMS42MDYzIDYuMTczODIgMjIuMDc1NyAyLjg5MzgyQzIyLjIzNiAxLjc4MzgyIDIyLjc1MjkgLTAuMDk2MTY2NiAyNC41NDEgMC4wMDM4MzMzOUMyNS40MDgzIDAuMDQzODMzNCAyNi4wODU2IDAuNjAzODI2IDI2LjU0MyAxLjY4MzgzQzI3LjIwMjQgMy4yMjM4MyAyNy4yNzM3IDUuNjAzODMgMjcuMTYwOCA3LjczMzgzQzI4LjgwMDQgNC4xMzM4MyAzMS4yMTgzIDEuODAzODMgMzIuODEwNCAyLjEzMzgzQzMzLjc1NDkgMi4zMzM4MyAzNC4zNDkgMy40NDM4MiAzNC40MzgxIDUuMTkzODJDMzQuNTI3MiA2Ljk3MzgyIDMzLjk1NjkgOC42NDM4MyAzMi43NzQ3IDEwLjAyMzhDMzEuMDk5NSAxMS45ODM4IDI4LjQzODEgMTMuMDkzOCAyNi42MzIxIDEzLjIyMzhWMTIwLjIyNEgyNi42MzgxWk0yNC40MzQxIDEuNTAzODNDMjMuNTk2NSAxLjUwMzgzIDIzLjEwOTMgMi4wNzM4MyAyMi45NDMgMy4yNTM4M0MyMi41NzQ3IDUuODYzODMgMjMuODk5NCAxMC4zNjM4IDI1LjM5MDUgMTEuNTYzOEMyNS40ODU2IDExLjY0MzggMjUuNjM0MSAxMS42OTM4IDI1LjgxODIgMTEuNzIzOEMyNi4xNjg3IDkuNjMzODMgMjYuNzMzMSA0LjY5MzgzIDI1LjgxODIgMi41NjM4M0MyNS41MjcyIDEuODgzODMgMjUuMDk5NCAxLjUzMzgzIDI0LjUxNzMgMS41MTM4M0MyNC40ODc1IDEuNTAzODMgMjQuNDYzOCAxLjUwMzgzIDI0LjQzNDEgMS41MDM4M1pNMzIuNDk1NSAzLjU5MzgyQzMwLjg5NzUgMy41OTM4MiAyNy45ODY2IDYuOTYzODMgMjYuNzkyNSAxMS43MTM4QzI4LjM0MyAxMS41MjM4IDMwLjcyNTIgMTAuNTkzOCAzMi4yNzU3IDguNzgzODNDMzMuMTkwNiA3LjcxMzgzIDMzLjYxODMgNi41NTM4MyAzMy41NTg5IDUuMzEzODNDMzMuNDg3NiAzLjkzMzgzIDMzLjAzNjEgMy42ODM4MyAzMi43MDk0IDMuNjEzODNDMzIuNjM4MSAzLjYwMzgzIDMyLjU2NjggMy41OTM4MiAzMi40OTU1IDMuNTkzODJaIiBmaWxsPSIjMEQyMzRCIi8+CjxwYXRoIGQ9Ik03MC40OTE3IDY1LjcwNEg1LjgxMDU1VjY3LjIwNDFINzAuNDkxN1Y2NS43MDRaIiBmaWxsPSIjMEQyMzRCIi8+Cjwvc3ZnPgo=';
-
-const postnordPerson2Svg = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTcxIiBoZWlnaHQ9IjI0NiIgdmlld0JveD0iMCAwIDE3MSAyNDYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNjUuMDk0NiAxMDAuODM4TDQ5LjIzMjEgODAuNjAzMUM0Ni4xMTM4IDc2LjkzNjQgNDYuNzkxNyA3MS4zNjg1IDUwLjU4NzggNjguNjUyNUM1NC4zODQgNjUuNjY0OCA1OS44MDcxIDY2LjYxNTQgNjIuMzgzIDcwLjY4OTVMNzUuOTQwNyA5Mi44MjUzTDY1LjA5NDYgMTAwLjgzOFoiIGZpbGw9IiMwMDVFNDEiLz4KPHBhdGggZD0iTTY1Ljc2ODUgMjI2LjMxOUg1Mi4wNzUyVjIzNi4yMzNINjUuNzY4NVYyMjYuMzE5WiIgZmlsbD0iI0ZGQzhBMyIvPgo8cGF0aCBkPSJNNTIuMDc1MiAyMzMuNjUyVjI0Mi4yMDhIODguMDAzMUw2NS43Njg1IDIzMS43NTFWMjI4Ljc2M0w1Mi4wNzUyIDIzMy42NTJaIiBmaWxsPSIjMEQyMzRCIi8+CjxwYXRoIGQ9Ik01Mi4wNzUyIDIzMy42NTJWMjQyLjIwOEg4OC4wMDMxTDY1Ljc2ODUgMjMxLjc1MVYyMjguNzYzTDUyLjA3NTIgMjMzLjY1MloiIGZpbGw9IiNGMDYzNjUiLz4KPHBhdGggZD0iTTM5LjMzMDIgMjIwLjc1MkgyNi41ODU5VjIzMi43MDNIMzkuMzMwMlYyMjAuNzUyWiIgZmlsbD0iI0ZGQzhBMyIvPgo8cGF0aCBkPSJNMjYuNTg4NSAyMzIuNzAyTDIyLjY1NjcgMjQyLjIwOEg0My4yNjQ0TDM5LjE5NzEgMjMwLjEyMkwyNi41ODg1IDIzMi43MDJaIiBmaWxsPSIjRjA2MzY1Ii8+CjxwYXRoIGQ9Ik00My4yNjQ0IDI0Mi4yMDhIMjIuNjU2N1YyNDZINDMuMjY0NFYyNDIuMjA4WiIgZmlsbD0iIzUwMDcxNSIvPgo8cGF0aCBkPSJNNDQuNzUzIDExNS4yMzJWMjI2Ljg2MkgyMS4xNjI2VjE0Ny41NTNDMjEuMTYyNiAxMzUuODc0IDI0LjQxNjQgMTI0Ljg3NCAzMC4zODE4IDExNS4wOTdINDQuNzUzVjExNS4yMzJaIiBmaWxsPSIjMDA1RDkyIi8+CjxwYXRoIGQ9Ik00NS41Njc5IDExNS4yMzNINTguOTlMNzIuNjgzMiAxNjYuODM4QzczLjYzMjMgMTcwLjA5NyA3NC4wMzkgMTczLjYyOCA3NC4wMzkgMTc3LjAyM1YyMjYuODYzSDUyLjA3NTVWMTc3LjU2Nkw0NC42MTg4IDE0My44ODdMNDMuOTQwOSAxMTUuMjMzSDQ1LjU2NzlaIiBmaWxsPSIjMDA1RDkyIi8+CjxwYXRoIG9wYWNpdHk9IjAuMiIgZD0iTTUwLjg1NCAxNDQuMjk0TDUyLjM0NTQgMTc3LjU2Nkw0NS41NjY2IDE0Ny45NjFMNDQuODg4NyAxNDUuMTA5SDQ1LjgzNzdMNTAuODU0IDE0NC4yOTRaIiBmaWxsPSIjMEQyMzRCIi8+CjxwYXRoIGQ9Ik00Mi45OTA1IDExOC45SDIxLjE2MjZWMTUyLjQ0M0g0Mi45OTA1VjExOC45WiIgZmlsbD0iIzAwNUQ5MiIvPgo8cGF0aCBvcGFjaXR5PSIwLjIiIGQ9Ik02My4xOTQzIDEzMS4xMjJMMjEuMzAxIDEzNS44NzVDMjEuMzAxIDEzNS44NzUgMjEuMTY1NCAxMzAuNDQzIDIxLjU3MjEgMTI1LjY5TDYyLjI0NTIgMTI2LjA5N0w2Mi45MjMxIDEyOS42MjhDNjIuOTIzMSAxMzAuMzA3IDYzLjA1ODcgMTMwLjg1IDYzLjE5NDMgMTMxLjEyMloiIGZpbGw9IiMwRDIzNEIiLz4KPHBhdGggZD0iTTg4LjAwMzEgMjQyLjIwOEg1Mi4wNzUyVjI0Nkg4OC4wMDMxVjI0Mi4yMDhaIiBmaWxsPSIjNTAwNzE1Ii8+CjxwYXRoIGQ9Ik01OS45NDAzIDExOS4wMzVMNTguMzEzNCA4MC40Njc1TDYwLjQ4MjYgNzYuNTI5MkM2MS40MzE2IDcwLjY4OTcgNTAuNDQ5OSA2NC41Nzg2IDQ0LjQ4NDUgNjQuNTc4NkwyNS41MDM3IDY3LjU2NjNDMjEuOTc4NyA2OC4yNDUzIDIwLjg5NDEgNjguOTI0MyAxOC45OTYgNzAuNjg5N0MxNi45NjI0IDcyLjU5MSAxNS4xOTk5IDc0Ljg5OTYgMTMuOTc5NyA3Ny4zNDRMMi4wNDg5MiAxMDIuODc1QzAuOTY0MzA2IDEwNS4wNDggMS4wOTk4OCAxMDcuNjI4IDIuMzIwMDcgMTA5LjgwMUwxNC4xMTUzIDEyOC40MDZMMjQuNDE5MSAxMjIuNTY2TDE2LjE0ODkgMTA1LjcyN0wyNS42MzkzIDkyLjk2MTNMMjMuNjA1NyAxMDAuODM4TDIyLjUyMSAxMTkuMDM1QzIyLjExNDMgMTIwLjkzNyAyMy40NzAxIDEyMi41NjYgMjUuMzY4MSAxMjIuNTY2SDU3LjkwNjZDNjAuNDgyNiAxMjIuNzAyIDYwLjQ4MjYgMTIxLjQ4IDU5Ljk0MDMgMTE5LjAzNVoiIGZpbGw9IiMwMDVFNDEiLz4KPHBhdGggZD0iTTU3LjUwMTYgNjcuMDIzMkw0OS4yMzE0IDY0Ljk4NjJWNjkuMDYwM0w1Ny41MDE2IDY3LjAyMzJaIiBmaWxsPSIjMDA1RTQxIi8+CjxwYXRoIGQ9Ik00OS45MDY0IDEyNC4wNkgyOC4wNzg1QzI0LjgyNDYgMTI0LjA2IDIyLjI0ODcgMTIwLjkzNyAyMy4wNjIxIDExNy42NzhMMzEuNjAzNSA4OS43MDIzTDQ5LjkwNjQgODguNzUxN1YxMjQuMDZaIiBmaWxsPSIjRkJDMkMxIi8+CjxwYXRoIGQ9Ik02Mi42NTM0IDg1Ljc2MzhIMjEuNDM4VjEyOC45NDlINjIuNjUzNFY4NS43NjM4WiIgZmlsbD0iIzAwNUU0MSIvPgo8cGF0aCBkPSJNMjAuODkyNiA5OC45MzcxTDI4LjM0OTMgODkuNzAyNSIgc3Ryb2tlPSIjMDAyRjI0IiBzdHJva2Utd2lkdGg9IjAuNyIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPHBhdGggZD0iTTYyLjM4MDkgOTcuNzE0NVY4OC4wNzI1IiBzdHJva2U9IiMwMDJGMjQiIHN0cm9rZS13aWR0aD0iMC43IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8cGF0aCBkPSJNMjMuMTk3MyAxMjIuNzAyTDI2LjA0NDUgMTI1LjY5TDI4LjA3ODEgMTI2LjM2OUMyOS40MzM5IDEyNi43NzYgMzAuNTE4NSAxMjcuNDU1IDMxLjYwMzEgMTI4LjI3TDM3LjcwNDEgMTMzLjQzMUMzOC4yNDY0IDEzMy44MzggMzguMzgyIDEzNC41MTcgMzguMTEwOCAxMzUuMDZDMzcuNzA0MSAxMzUuNzM5IDM2Ljg5MDYgMTM2LjAxMSAzNi4wNzcyIDEzNS42MDRMMzIuODIzMyAxMzMuNTY2QzMyLjgyMzMgMTMzLjU2NiAzMi4wMDk4IDEzNy41MDUgMjMuNzM5NyAxMzYuNjlDMjMuNzM5NyAxMzYuNjkgMjEuNzA2IDEzNC41MTcgMjEuNTcwNCAxMzEuMTIyTDE4Ljg1ODkgMTI3Ljg2M0wyMy4xOTczIDEyMi43MDJaIiBmaWxsPSIjRkZDOEEzIi8+CjxwYXRoIGQ9Ik0yNy41MzczIDEyMy45MjRMMTYuNTU1NiAxMzIuODg3TDMuNTQwMTkgMTExLjcwMkMyLjQ1NTU4IDEwOS45MzcgMi4xODQ0MiAxMDcuNzY0IDIuOTk3ODggMTA1LjcyN0w2LjUyMjg5IDk2LjIyMDdMMTQuOTI4NyAxMDAuOTc0TDI3LjUzNzMgMTIzLjkyNFoiIGZpbGw9IiMwMDVFNDEiLz4KPHBhdGggZD0iTTU0LjY1MjggODIuMzY4N0gyNy4xMzA2TDIzLjc0MTIgNjguNjUyN0w0My45NDIyIDY0Ljg1MDJMNTQuNjUyOCA4Mi4zNjg3WiIgZmlsbD0iIzAwNUU0MSIvPgo8cGF0aCBkPSJNNDUuMDI2NiA3NS45ODZINDIuNDUwNkM0MC4wMTAyIDc1Ljk4NiAzNy45NzY2IDczLjk0OSAzNy45NzY2IDcxLjUwNDVWNTQuMTIxOEg0OS4zNjVWNzEuNTA0NUM0OS41MDA2IDczLjk0OSA0Ny40NjY5IDc1Ljk4NiA0NS4wMjY2IDc1Ljk4NloiIGZpbGw9IiNGRkM4QTMiLz4KPHBhdGggZD0iTTUzLjE1OTYgNDIuOTg2M0M1My4xNTk2IDQyLjk4NjMgNDcuODcyMSA1MC40NTU0IDM2LjYxOTIgNTAuMDQ4QzM2LjYxOTIgNTAuMDQ4IDM1Ljk0MTMgNDMuNjY1MyAzNy45NzUgNDAuNjc3N0MzOS44NzMgMzcuNTU0MiA0Ny4zMjk4IDM2Ljg3NTIgNDkuMjI3OSAzNy40MTg0QzUxLjI2MTUgMzcuOTYxNiA1My4wMjQgNDIuMDM1NyA1My4xNTk2IDQyLjk4NjNaIiBmaWxsPSIjMDQyMDQ4Ii8+CjxwYXRoIGQ9Ik00Mi45OTQ5IDUyLjIyMDZIMzUuNTM4MkMzNC4zMTggNTIuMjIwNiAzMy4yMzM0IDUxLjY3NzQgMzIuNTU1NSA1MC43MjY3QzMyLjE0ODggNTAuMDQ3NyAzMS44Nzc2IDQ5LjM2ODcgMzEuODc3NiA0OC41NTM5TDMxLjc0MiA0My41MjkyQzMxLjQ3MDkgNDEuNDkyMiAzMy4wOTc4IDM5LjU5MDkgMzUuMTMxNCAzOS41OTA5SDQyLjk5NDlWNTIuMjIwNloiIGZpbGw9ImJsYWNrIi8+CjxwYXRoIGQ9Ik01NC4xMTAzIDUxLjQwNTlMNTAuODU2NCA1MC44NjI3TDUzLjAyNTcgMzkuMzE5NUw1OS45NDAxIDQwLjU0MTdMNTguNDQ4OCA0OC40MTgyQzU4LjE3NzYgNTAuNDU1MyA1Ni4xNDM5IDUxLjgxMzMgNTQuMTEwMyA1MS40MDU5WiIgZmlsbD0iYmxhY2siLz4KPHBhdGggZD0iTTQ4Ljk1NzEgNjIuOTQ4NUw0NS4yOTY1IDYyLjgxMjdDMzkuNjAyMyA2Mi42NzY5IDM1LjEyODIgNTguMzMxMiAzNS4zOTk0IDUzLjMwNjVMMzUuNjcwNiA0NS40M0MzNS44MDYxIDQwLjQwNTMgNDAuNTUxMyAzNi4zMzEyIDQ2LjI0NTYgMzYuNDY3SDQ3LjQ2NTdDNTMuMTYgMzYuNjAyOCA1Ny42MzQgNDAuOTQ4NSA1Ny4zNjI5IDQ1Ljk3MzJMNTYuOTU2MSA1Ni4wMjI2QzU2LjgyMDYgNjAuMDk2NyA1My4yOTU2IDYzLjA4NDMgNDguOTU3MSA2Mi45NDg1WiIgZmlsbD0iI0ZGQzhBMyIvPgo8cGF0aCBkPSJNNDYuMjQ0NiAzNS4xMDk1TDUyLjYxNjcgMjguMDQ3OEM1NC41MTQ4IDI2LjE0NjYgNTcuNDk3NSAyNS43MzkyIDU5LjgwMjMgMjcuMjMzQzYyLjUxMzkgMjguOTk4NCA2My4xOTE3IDMyLjgwMDkgNjEuMjkzNyAzNS4zODExTDU3LjM2MTkgNDAuNjc3NEw0Ni4yNDQ2IDM1LjEwOTVaIiBmaWxsPSIjMDA1RDkyIi8+CjxwYXRoIGQ9Ik01Ny4zNjE2IDQzLjgwMDJINDIuMTc3QzM5LjE5NDMgNDMuODAwMiAzNi43NTM5IDQxLjM1NTggMzYuNzUzOSAzOC4zNjgxQzM2Ljc1MzkgMzUuMzgwNSAzOS4xOTQzIDMyLjkzNiA0Mi4xNzcgMzIuOTM2SDU3LjM2MTZDNjAuMzQ0MyAzMi45MzYgNjIuNzg0NyAzNS4zODA1IDYyLjc4NDcgMzguMzY4MUM2Mi43ODQ3IDQxLjM1NTggNjAuMzQ0MyA0My44MDAyIDU3LjM2MTYgNDMuODAwMloiIGZpbGw9ImJsYWNrIi8+CjxwYXRoIGQ9Ik0zNi43NTY4IDUxLjk0OTFIMzMuNTAyOVY0MC4xMzQzSDQwLjU1MjlWNDguMTQ2NkM0MC41NTI5IDUwLjE4MzcgMzguOTI2IDUxLjk0OTEgMzYuNzU2OCA1MS45NDkxWiIgZmlsbD0iYmxhY2siLz4KPHBhdGggZD0iTTM0Ljg1NTkgNTMuNDQyN0MzNi40MjgzIDUzLjQ0MjcgMzcuNzAzIDUyLjE2NTkgMzcuNzAzIDUwLjU5MDlDMzcuNzAzIDQ5LjAxNTggMzYuNDI4MyA0Ny43MzkgMzQuODU1OSA0Ny43MzlDMzMuMjgzNSA0Ny43MzkgMzIuMDA4OCA0OS4wMTU4IDMyLjAwODggNTAuNTkwOUMzMi4wMDg4IDUyLjE2NTkgMzMuMjgzNSA1My40NDI3IDM0Ljg1NTkgNTMuNDQyN1oiIGZpbGw9IiNGRkM4QTMiLz4KPHBhdGggZD0iTTMxLjczODMgNDguNTU0MUw0OC4xNDMxIDMzLjA3MjZDNDguMTQzMSAzMy4wNzI2IDQzLjM5NzkgMjkuNjc3NSAzNi4zNDc5IDMyLjgwMUMzNi4zNDc5IDMyLjgwMSAyNy4yNjQzIDM2LjE5NiAzMS43MzgzIDQ4LjU1NDFaIiBmaWxsPSIjMDA1RDkyIi8+CjxwYXRoIGQ9Ik0zNy45NzgzIDQyLjcxMzhMNDcuODc1NSAzMi45MzZMNDMuNTM3IDMzLjYxNUwzNy4wMjkzIDQxLjIyTDM3Ljk3ODMgNDIuNzEzOFoiIGZpbGw9IiMwMDVEOTIiLz4KPHBhdGggZD0iTTMzLjUwMDggMzYuNDY2OUwzMi44MjI5IDM1LjM4MDVDMzIuNDE2MiAzNC44MzczIDMyLjU1MTggMzQuMDIyNSAzMy4wOTQxIDMzLjQ3OTNDMzMuNzcyIDMyLjgwMDIgMzQuODU2NiAzMi45MzYgMzUuMzk4OSAzMy42MTUxTDM2LjIxMjMgMzQuNzAxNUwzMy41MDA4IDM2LjQ2NjlaIiBmaWxsPSIjMDA1RDkyIi8+CjxwYXRoIGQ9Ik00NC42MTk5IDQzLjI1NzdINDAuMDEwM1Y0Ny4zMzE4SDQ0LjYxOTlWNDMuMjU3N1oiIGZpbGw9ImJsYWNrIi8+CjxwYXRoIGQ9Ik00OS4wOTI2IDQ4LjgyNUg0MC41NTEzVjQ2Ljc4NzlDNDAuNTUxMyA0NS4xNTgzIDQxLjkwNzEgNDMuODAwMyA0My41MzQgNDMuODAwM0g0OS4wOTI2VjQ4LjgyNVoiIGZpbGw9IiNGRkM4QTMiLz4KPHBhdGggZD0iTTM4LjExNDMgNjcuNDMwNEw0My44MDg2IDcyLjU5MDlMNDkuNTAyOCA2Ny40MzA0TDUyLjIxNDMgNjcuODM3OEw1Mi4zNDk5IDc4LjE1ODhIMzIuOTYyNEwzNC4wNDcgNjcuODM3OEwzOC4xMTQzIDY3LjQzMDRaIiBmaWxsPSIjMDA1RTQxIi8+CjxwYXRoIGQ9Ik00My42NzA5IDcyLjk5ODRWODguODg3MyIgc3Ryb2tlPSIjMDA1RTQxIiBzdHJva2Utd2lkdGg9IjAuNSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPHBhdGggZD0iTTM0LjA0MjUgNjguNjUzMkwzOC4xMDk4IDc2LjEyMjNMNDMuNjY4NCA3Mi45OTg5TDQ3LjczNTcgNzUuNzE0OUw1MS42Njc1IDcwLjgyNiIgc3Ryb2tlPSIjMDA1RTQxIiBzdHJva2Utd2lkdGg9IjAuNSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPHBhdGggZD0iTTQ5LjIyOTUgNjMuMjIwN0M0OS4yMjk1IDYzLjIyMDcgNDUuNDMzNCA2My42MjgxIDQyLjA0MzkgNjIuNDA1OSIgc3Ryb2tlPSIjNEYxNjAwIiBzdHJva2Utd2lkdGg9IjAuNyIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPHBhdGggZD0iTTIyLjkyNjMgMTM2LjgyNkMyMi45MjYzIDEzNi44MjYgMjkuODQwNyAxMzguNTkxIDMyLjk1OSAxMzMuODM4IiBzdHJva2U9IiMwRDIzNEIiIHN0cm9rZS13aWR0aD0iMC43IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMzEuNjA2NCAxMjguMjdMMzcuNzA3NCAxMzMuNDNDMzguMjQ5NyAxMzMuODM4IDM4LjM4NTMgMTM0LjUxNyAzOC4xMTQxIDEzNS4wNkMzNy43MDc0IDEzNS43MzkgMzYuODkzOSAxMzYuMDEgMzYuMDgwNSAxMzUuNjAzTDMyLjgyNjYgMTMzLjU2NiIgZmlsbD0iI0ZGQzhBMyIvPgo8cGF0aCBkPSJNNDEuOTA3MiAxNDUuMjQ1TDUxLjgwNDMgMTQzLjg4NyIgc3Ryb2tlPSIjMEQyMzRCIiBzdHJva2Utd2lkdGg9IjAuNyIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTE3LjA5NTcgMTA0LjkxMkwxNS4wNjIgMTAxLjEwOSIgc3Ryb2tlPSIjMDAyRjI0IiBzdHJva2Utd2lkdGg9IjAuNyIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPHBhdGggZD0iTTY4LjQ4MTcgMjMzLjEwOUw2NC42ODU1IDIzNy43MjciIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMC43IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNNzIuOTU1OCAyMzQuNDY4TDY5LjE1OTcgMjM5LjA4NSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIwLjciIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0yOS44NDIzIDIzNC40NjhIMzcuMjk5IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjAuNyIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTI5LjI5NzQgMjM3LjcyN0gzNy44Mzg3IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjAuNyIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTQzLjY3MDkgNzIuOTk4NFY4OC44ODczIiBzdHJva2U9IiMwMDJGMjQiIHN0cm9rZS13aWR0aD0iMC43IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8cGF0aCBkPSJNMzQuMDQyNSA2OC42NTMyTDM4LjEwOTggNzYuMTIyM0w0My42Njg0IDcyLjk5ODlMNDcuNzM1NyA3NS43MTQ5TDUxLjY2NzUgNzAuODI2IiBzdHJva2U9IiMwMDJGMjQiIHN0cm9rZS13aWR0aD0iMC43IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEwNS4zOTggMTIzLjE1MUw5Ny42NzAzIDExMi42Qzk3LjY3MDMgMTEyLjYgOTcuNDcyNSAxMTIuNDE2IDk3LjM3MzYgMTEyLjMyNEw3NS4xMTY3IDkxLjU2ODZMNjUuODUgMTAxLjUwNkw5Mi40NDk4IDExNy4yMDdDOTMuNTI1MyAxMTcuODM4IDk0LjE5ODkgMTE3LjkwOSA5NS4yMzcgMTE3LjM5MUwxMDIuNzc5IDEyNS4xNjdDMTAzLjM3MiAxMjUuNzIgMTA0LjA0NiAxMjUuNzkxIDEwNC43OTkgMTI1LjM3OUMxMDUuMzYyIDEyNC45NzQgMTA1LjgyNSAxMjQuNDc4IDEwNS42MDggMTIzLjcxOEMxMDUuNjAyIDEyMy41MjcgMTA1LjUwMyAxMjMuNDM1IDEwNS4zOTggMTIzLjE1MVoiIGZpbGw9IiNGRkM4QTMiLz4KPHBhdGggZD0iTTg0Ljk0MTYgMTE2LjEzNUw2NS44NSAxMDEuNTA2TDc1LjExNjcgOTEuNTY4NEw5NC45OTE0IDExMC4xMDJMODguODU3MyAxMTUuNjkyQzg3LjY4ODggMTE2Ljc0NyA4Ni4wMjQ3IDExNi45NSA4NC45NDE2IDExNi4xMzVaIiBmaWxsPSIjMDA1RTQxIi8+CjxyZWN0IHg9IjcwLjE0NzkiIHk9Ijg2LjkzNTEiIHdpZHRoPSIxMy41ODc1IiBoZWlnaHQ9IjEzLjU4NzUiIHJ4PSI2Ljc5Mzc3IiB0cmFuc2Zvcm09InJvdGF0ZSg0MyA3MC4xNDc5IDg2LjkzNTEpIiBmaWxsPSIjMDA1RTQxIi8+CjxwYXRoIG9wYWNpdHk9IjAuMyIgZD0iTTc3LjYwMDkgOTMuODg1MUw3My4zMzAzIDk1LjQ3NjNMODAuMDg1MyA5Ni4yMDE4TDc3LjYwMDkgOTMuODg1MVoiIGZpbGw9IiMwMDJGMjQiLz4KPC9zdmc+Cg==';
-
-const cloudsSvg = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjc4IiBoZWlnaHQ9IjU1IiB2aWV3Qm94PSIwIDAgMjc4IDU1IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMjQ3LjM1NSA0OS42ODE1QzI0Ny42OTQgNTIuNDc5IDI0OS43MjIgNTQuNjI2MSAyNTIuMTgxIDU0LjYyNjFIMjcyLjkyNkMyNzUuNjIgNTQuNjI2MSAyNzcuNzk4IDUyLjA1MjIgMjc3Ljc5OCA0OC44Njg2VjQ4LjgwMDhDMjc3Ljc5OCA0NS42MTczIDI3NS42MiA0My4wNDMzIDI3Mi45MjYgNDMuMDQzM0gyNzAuNTM3QzI2OS42MDggMzkuMjQzOSAyNjYuODQ2IDM2LjQ3MyAyNjMuNTg1IDM2LjQ3M0gyNTkuNzE3QzI1OS4zNzMgMzEuODQxIDI1Ni4xMDEgMjguMjA5MiAyNTIuMTI0IDI4LjIwOTJDMjQ4LjE0NiAyOC4yMDkyIDI0NC44OCAzMS44NDEgMjQ0LjUzIDM2LjQ3M0gyNDIuMDk1QzIzOC4wODMgMzYuNDczIDIzNC44MTYgNDAuNjcyNiAyMzQuODE2IDQ1LjgyMDVWNDkuNjgxNUgyNDcuMzU1WiIgZmlsbD0iI0UwRjhGRiIvPgo8cGF0aCBkPSJNMTIuMDM5MSA0Ni4xMDIyQzEyLjMxNzYgNDguNTU2OSAxNC4wODY3IDUwLjQzNzMgMTYuMjQyMSA1MC40MzczSDM0LjU4MDdDMzYuOTMwNCA1MC40MzczIDM4LjgyMTYgNDguMjAyIDM4LjgyMTYgNDUuNDI0OFY0NS4zNTcxQzM4LjgyMTYgNDIuNTc5OSAzNi45MzA0IDQwLjM0NDYgMzQuNTgwNyA0MC4zNDQ2SDMyLjQ2ODRDMzEuNjY3OCAzNy4wMjA5IDI5LjIyNyAzNC41ODcyIDI2LjMyODMgMzQuNTg3MkgyMi45MTc5QzIyLjYwMDQgMzAuNTU5NyAxOS43MzI3IDI3LjQwNzEgMTYuMjQyMSAyNy40MDcxQzEyLjc1MTQgMjcuNDA3MSA5Ljg4MzcxIDMwLjU1OTcgOS41NjYyMiAzNC41ODcySDcuNDE2NThDMy44NjM0NiAzNC41ODcyIDAuOTk4MDQ3IDM4LjI0NDggMC45OTgwNDcgNDIuNzE1NFY0Ni4xMDIySDEyLjAzOTFaIiBmaWxsPSIjRTBGOEZGIi8+CjxwYXRoIGQ9Ik0xMzEuMDU2IDI2LjU4NjRDMTMxLjQ0OSAzMC4wNDIzIDEzMy45NDggMzIuNjg5NSAxMzYuOTkxIDMyLjY4OTVIMTYyLjg5MUMxNjYuMjA5IDMyLjY4OTUgMTY4Ljg4IDI5LjU0MjYgMTY4Ljg4IDI1LjYzMjhWMjUuNTM3NUMxNjguODggMjEuNjI3NyAxNjYuMjA5IDE4LjQ4MDggMTYyLjg5MSAxOC40ODA4SDE1OS45MDdDMTU4Ljc3NyAxMy44MDE1IDE1NS4zMyAxMC4zNzUzIDE1MS4yMzYgMTAuMzc1M0gxNDYuNDJDMTQ1Ljk3MSA0LjcwNTMzIDE0MS45MjEgMC4yNjcwOSAxMzYuOTkxIDAuMjY3MDlDMTMyLjA2MiAwLjI2NzA5IDEyOC4wMTIgNC43MDUzMyAxMjcuNTYzIDEwLjM3NTNIMTI0LjUyOEMxMTkuNTEgMTAuMzc1MyAxMTUuNDYzIDE1LjUyNDcgMTE1LjQ2MyAyMS44MTg0VjI2LjU4NjRIMTMxLjA1NloiIGZpbGw9IiNFMEY4RkYiLz4KPC9zdmc+Cg==';
-
-const pnProxioFindpriceCss = "@charset \"UTF-8\";pn-proxio-findprice .findprice-form{margin:0em auto 3em auto}pn-proxio-findprice .findprice-form-wrapper{background-color:#EFFBFF;padding:3.2rem 0}pn-proxio-findprice .sizeTable{border-style:none !important;border:0 !important;position:relative}pn-proxio-findprice .sizeTable>tr td{margin-bottom:1em;text-align:center;vertical-align:bottom;padding-right:1em;padding-top:1em}pn-proxio-findprice .sizeTable #clouds{position:absolute;top:0em;left:4em;z-index:-1}pn-proxio-findprice .firstCell{margin-right:0;margin-left:auto}pn-proxio-findprice [slot=title]{margin-bottom:1rem}pn-proxio-findprice h2{text-align:center}pn-proxio-findprice .heading{text-align:center;line-height:1.1;font-weight:bold;margin-bottom:1rem;color:#000000}pn-proxio-findprice .resultHeading{text-align:center;font-size:1.5em;line-height:1.1;font-weight:bold;margin-bottom:2em}pn-proxio-findprice .sizecategory{margin-top:1em;margin-bottom:3rem;font-size:0.9em;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}pn-proxio-findprice .weightoption{font-size:0.9em;margin:0 auto}pn-proxio-findprice .weightoption-content{text-align:center}pn-proxio-findprice .weightoption-content pn-choice-button{width:7em;line-height:3.3em;font-size:0.9em;vertical-align:bottom}pn-proxio-findprice .weightoption-content pn-choice-button>label{-ms-flex-line-pack:center;align-content:center;-ms-flex-pack:center;justify-content:center}pn-proxio-findprice .weightoption-content pn-choice-button ::before{content:\"Max  \";font-weight:lighter}pn-proxio-findprice .resultlist{max-width:60em;margin:3.2rem auto 3.2rem auto}pn-proxio-findprice .servicePoint{text-align:center}pn-proxio-findprice .servicePoint pn-illustration{display:block;max-width:5em;max-height:5em;margin:1.5em auto 0 auto}pn-proxio-findprice .servicePoint h3{margin-top:0.8em;margin-bottom:0.9em}pn-proxio-findprice .servicePoint a{color:#005D92;text-decoration:none}pn-proxio-findprice .servicePoint a:hover{color:#0D234B;text-decoration:underline}";
-
-let PnProxioFindPrice = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.endpoint = null;
-    this.language = "da";
-    this.market = "dk";
-    this.cache = false;
-    this.filteredItems = [];
-    this.weight = { value: 0, name: "" };
-    this.weightvalue = 0;
-    this.sizecategory = { value: "", name: "", icon: "", unit: "" };
-    this.data = { proxioProducts: [] };
-    this.fetchHelper = new FetchHelper("proxiopricegroups");
-  }
-  componentWillLoad() {
-    this.setInitialValues().then(() => {
-      this.init();
-    });
-  }
-  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)) {
-      const market = await marketWebContextService.getMarket();
-      this.endpoint = await marketWebContextService.getEndpoint(environment, market);
-    }
-    if (!this.endpoint) {
-      this.endpoint = "";
-    }
-  }
-  init() {
-    this.setState();
-    this.getDataSource();
-    this.fetchData();
-  }
-  async getDataSource() {
-    try {
-      //for keeping small value preselected
-      this.sizecategory = sizeCategories.filter(x => x.value === "S")[0];
-      console.log(this.sizecategory);
-      this.filterItems();
-    }
-    catch (e) {
-      console.log('Unable to parse data');
-    }
-  }
-  async fetchData() {
-    if (!this.market || !this.language) {
-      return;
-    }
-    const endpoint = (this.endpoint.lastIndexOf("/") === this.endpoint.length - 1) ? this.endpoint.substring(0, this.endpoint.length - 1) : this.endpoint;
-    const fetchUrl = `${endpoint}/api/proxio/price-list-groups?market=${this.market}&language=${this.language}&cached=${this.cache}`;
-    //const fetchUrl = `http://localhost:51444/api/proxio/price-list-groups?market=${this.market}&language=${this.language}&cached=${this.cache}`;
-    const data = await this.fetchHelper.fetchJson(fetchUrl, {
-      'mode': 'cors',
-    }, this.cache, this.onFetchData.bind(this));
-    if (data) {
-      this.data.proxioProducts = data;
-    }
-    this.filterItems();
-  }
-  onFetchData(data) {
-    this.data = data;
-  }
-  setState() {
-    this.market = "dk";
-    if (this.market) {
-      state.market = markets[this.market];
-    }
-    if (this.language && translations[this.language]) {
-      state.i18n = translations[this.language];
-    }
-  }
-  filterItems() {
-    if (!this.data) {
-      console.log('Data has not yet been loaded');
-      return;
-    }
-    console.log("data ", this.data);
-    const sizeItemData = this.data.proxioProducts.filter(item => {
-      return item.proxioProduct.productWeightGroupList.some(weightGroup => {
-        return weightGroup.item3.includes(this.sizecategory.value);
-      });
-    });
-    console.log("sizeItemData ", sizeItemData);
-    if (!this.weight) {
-      return;
-    }
-    const comparisonWeight = this.weight.value;
-    let weightFilteredData = sizeItemData.filter(item => {
-      return item.proxioProduct.productWeightGroupList.some(weightGroup => {
-        return weightGroup.item1 === comparisonWeight;
-      });
-    });
-    console.log("weightFilteredData ", weightFilteredData);
-    if (weightFilteredData.length === 0 && this.weightvalue !== 0) {
-      weightFilteredData = sizeItemData.filter(item => {
-        return item.proxioProduct.productWeightGroupList.some(weightGroup => {
-          return weightGroup.item1 === comparisonWeight;
-        });
-      });
-    }
-    this.filteredItems = weightFilteredData;
-  }
-  render() {
-    return (h("div", { class: "findprice-form" }, h("div", { class: "findprice-form-wrapper" }, h("h4", { class: "heading" }, state.i18n.sizeheading), h("div", { class: "sizecategory" }, h("table", { class: "sizeTable" }, h("img", { id: "clouds", src: cloudsSvg }), h("tr", null, h("td", null, h("img", { class: "firstCell", src: postnordPerson2Svg })), h("td", null, h("img", { src: smallPackageSvg })), h("td", null, h("img", { src: mediumPackageSvg })), h("td", null, h("img", { src: largePackageSvg }))), h("tr", null, h("td", null), sizeCategories.map((sizeCategory) => (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: "" };
-        this.weightvalue = this.weight.value;
-      } }))))))), h("h4", { class: "heading" }, state.i18n.weightheading), (this.sizecategory.value && weights[this.sizecategory.unit]) ? (h("div", { class: "weightoption" }, h("div", { class: "weightoption-content" }, weights[this.sizecategory.unit].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 : weights[this.sizecategory.unit].findIndex((x) => x.value === this.weightvalue), checked: wght.value === this.weight.value, onChange: () => {
-        this.weight = weights[this.sizecategory.unit].filter(x => x.value === wght.value)[0];
-        this.weightvalue = this.weight.value;
-      } }, wght.name)))))) : null), (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 })))))) : null));
-  }
-  static get watchers() { return {
-    "market": ["setState"],
-    "language": ["setState"],
-    "sizecategory": ["filterItems"],
-    "weightvalue": ["filterItems"]
-  }; }
-};
-PnProxioFindPrice.style = pnProxioFindpriceCss;
-
-export { PnProxioFindPrice as pn_proxio_findprice };