@postnord/pn-marketweb-components 2.1.0 → 2.1.2

package/collection/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader.js

@@ -1,7 +1,7 @@
-import { Component, Element, Event, h, Host, Listen, Prop, State, Watch, } from '@stencil/core';
+import { Component, Element, Event, h, Host, Listen, Prop, State, Watch } from '@stencil/core';
 import { FetchHelper } from '../../../globals/FetchHelper';
 import { MarketWebContextService } from '../../../globals/MarketWebContextService';
-import { state as headerState } from "./pn-marketweb-siteheader-store";
+import { state as headerState } from './pn-marketweb-siteheader-store';
 import { translations } from './translations';
 export class PnMarketwebSiteheader {
   constructor() {
@@ -36,6 +36,8 @@ export class PnMarketwebSiteheader {
     this.hideLogin = false;
     /** If this is selected we will show the new profile selection dropdown instead of the login version */
     this.showProfileSelection = false;
+    /** if this is selected we will show the unified-login button aswell as a new look for dropdown menu */
+    this.showUnifiedLogin = false;
     /** Adjusts the menus URLs */
     this.siteDomainInUrls = false;
     /** Autocomplete endpoint */
@@ -59,6 +61,8 @@ export class PnMarketwebSiteheader {
       mainMenuButton: '',
       menuStartButton: '',
       profileSelectionFlyoutHeading: '',
+      unifiedLoginButton: '',
+      unifiedMyPagesButton: '',
     };
     this.gotData = false;
     this.fetchingData = false;
@@ -345,7 +349,7 @@ export class PnMarketwebSiteheader {
                   h("path", { d: "M108.84,13.35c0,6.34-5.17,9-10,9S89,19.76,89,13.63c0-6.28,5.08-9,10-9S108.84,7.25,108.84,13.35Zm-6.56.18a3.4,3.4,0,1,0-6.8,0,3.29,3.29,0,0,0,3.42,3.41A3.24,3.24,0,0,0,102.28,13.54Zm-83,0c0,4.83-3.32,8.82-8.49,8.82a6.54,6.54,0,0,1-4.65-1.57v5.86H0V5.16H6.17V6.8a6.43,6.43,0,0,1,5.11-2.18C16.41,4.62,19.31,8.58,19.31,13.54Zm-6.53,0A3.27,3.27,0,0,0,9.4,10,3.28,3.28,0,0,0,6,13.54,3.29,3.29,0,0,0,9.4,16.95,3.24,3.24,0,0,0,12.78,13.54Zm103.69,0.27c0-2.54,1.54-3.32,3.6-3.32a6.56,6.56,0,0,1,2.08.3L122.3,5.1a3.92,3.92,0,0,0-1.45-.18c-3.45,0-4.38,2.18-4.38,2.18V5.16H110.3V21.84h6.17v-8ZM141.73,0V21.84h-6.16V20.21a6.43,6.43,0,0,1-5.11,2.18c-5.14,0-8-4-8-8.91s3.32-8.82,8.49-8.82a6.54,6.54,0,0,1,4.65,1.57v-5Zm-6,13.48a3.28,3.28,0,0,0-3.41-3.41A3.24,3.24,0,0,0,129,13.47,3.4,3.4,0,1,0,135.75,13.47ZM81.35,4.62c-3.6,0-4.9,2.18-4.9,2.18V5.16H70.29V21.84h6.16V13.29c0-2.11.79-3.08,2.69-3.08s2.18,1.57,2.18,3.57v8.07h6.22V11.6C87.55,7,85.34,4.62,81.35,4.62ZM64.07,1.42H57.9V21.84h6.16V10.36H67l2.81-5.2H64.07V1.42ZM50.26,11.21c-2-.3-2.87-0.3-2.87-1.09s0.81-.94,2.42-0.94a16.15,16.15,0,0,1,5.11.91L56,5.41a24.56,24.56,0,0,0-6.13-.75c-5.89,0-9,2.27-9,5.89,0,2.81,1.66,4.47,6.53,5.11,2.06,0.27,2.81.39,2.81,1.15s-0.82,1-2.24,1a16.67,16.67,0,0,1-6-1.3L40.77,21.3a22.14,22.14,0,0,0,6.68,1c6.35,0,9.28-2.24,9.28-5.89C56.72,13.54,55.15,12,50.26,11.21ZM40.19,13.35c0,6.34-5.17,9-10,9s-9.82-2.6-9.82-8.73c0-6.28,5.08-9,10-9S40.19,7.25,40.19,13.35Zm-6.56.18a3.4,3.4,0,1,0-6.8,0,3.28,3.28,0,0,0,3.41,3.41A3.24,3.24,0,0,0,33.63,13.54Z", fill: "#00A0D6", transform: "translate(0 0)" }))))),
           h("div", { class: "siteheader-topright" },
             h("slot", { name: "toprightstart" }),
-            this.gotData && this.loginDialog && !this.hideLogin && (h("pn-marketweb-siteheader-login", { token: this.userToken, siteUrl: this.siteDefinition.url, fullname: this.userFullname, loggedin: this.userLoggedin, loginDialog: this.loginDialog, endpoint: this.endpoint, i18n: this.i18n, showProfileSelection: this.showProfileSelection, "check-user-logged-in-state-interval": this.checkUserLoggedInStateInterval })),
+            this.gotData && this.loginDialog && !this.hideLogin && (h("pn-marketweb-siteheader-login", { token: this.userToken, siteUrl: this.siteDefinition.url, fullname: this.userFullname, loggedin: this.userLoggedin, loginDialog: this.loginDialog, endpoint: this.endpoint, i18n: this.i18n, showProfileSelection: this.showProfileSelection, showUnifiedLogin: this.showUnifiedLogin, "check-user-logged-in-state-interval": this.checkUserLoggedInStateInterval })),
             this.gotData && this.languageOptions && this.languageOptions.length && !this.hideLanguageSelector && (h("pn-language-selector", { value: this.language }, this.languageOptions.map(language => (h("pn-language-selector-option", { name: language.nativeName, code: language.twoLetterISOLanguageName, selected: language.isCurrent, url: this.getLanguageVersionUrl(language) }))))),
             h("slot", { name: "toprightend" }),
             h("div", { class: "siteheader-menu-top-search" },
@@ -367,7 +371,7 @@ export class PnMarketwebSiteheader {
               })),
               h("div", { slot: "footer", class: "siteheader-menu-footer" },
                 h("slot", { name: "menu-footer-cta" }),
-                this.gotData && this.loginDialog && !this.hideLogin && (h("pn-marketweb-siteheader-login", { emitEvents: false, siteUrl: this.siteDefinition.url, loginDialog: this.loginDialog, endpoint: this.endpoint, fullname: this.userFullname, loggedin: this.userLoggedin, i18n: this.i18n, showProfileSelection: this.showProfileSelection })),
+                this.gotData && this.loginDialog && !this.hideLogin && (h("pn-marketweb-siteheader-login", { emitEvents: false, siteUrl: this.siteDefinition.url, loginDialog: this.loginDialog, endpoint: this.endpoint, fullname: this.userFullname, loggedin: this.userLoggedin, i18n: this.i18n, showProfileSelection: this.showProfileSelection, showUnifiedLogin: this.showUnifiedLogin, environment: this.environment })),
                 this.gotData && this.languageOptions && this.languageOptions.length && !this.hideLanguageSelector && (h("pn-language-selector", { value: this.language }, this.languageOptions.map(language => (h("pn-language-selector-option", { name: language.nativeName, code: language.twoLetterISOLanguageName, selected: language.isCurrent, url: this.getLanguageVersionUrl(language) }))))),
                 !this.hideSiteSelector && (h("pn-site-selector", { language: this.language },
                   this.gotData && ((_e = this.siteSelector) === null || _e === void 0 ? void 0 : _e.currentSiteTitle) && (h("pn-site-selector-item", { heading: this.siteSelector.currentSiteTitle, description: this.siteSelector.currentSiteDescription })),
@@ -639,6 +643,24 @@ export class PnMarketwebSiteheader {
       "reflect": true,
       "defaultValue": "false"
     },
+    "showUnifiedLogin": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "if this is selected we will show the unified-login button aswell as a new look for dropdown menu"
+      },
+      "attribute": "show-unified-login",
+      "reflect": false,
+      "defaultValue": "false"
+    },
     "siteDomainInUrls": {
       "type": "boolean",
       "mutable": false,

package/collection/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader.stories.js

@@ -380,7 +380,7 @@ const LoggedInTemplate = ({ ...args }) => {
     language="${args.language}"
     endpoint="${args.endpoint}"
     user-token="${args.token}"
-    check-user-logged-in-state-interval="${args.checkUserLoggedInStateInterval+''}"
+    check-user-logged-in-state-interval="${args.checkUserLoggedInStateInterval + ''}"
   >
   </pn-marketweb-siteheader>
 </div>
@@ -510,8 +510,8 @@ TPLSiteHeader.args = {
   hideHomeMenuItem: true,
   hideLanguageSelector: false,
   loggedin: false,
-  buttonText: "Kontrolltornet",
-  placeholder: "placeholder"
+  buttonText: 'Kontrolltornet',
+  placeholder: 'placeholder',
 };
 
 const ATLoginTestTemplate = ({ ...args }) => {
@@ -534,4 +534,3 @@ const ATLoginTestTemplate = ({ ...args }) => {
   </header>`;
 };
 export const ATLoginTest = ATLoginTestTemplate.bind({});
-

package/collection/components/layout-components/pn-marketweb-siteheader/translations.js

@@ -1,62 +1,74 @@
 export const translations = {
-  'sv': {
-    "searchlabel": "Sök",
-    "searchplaceholder": "Vad letar du efter?",
-    "searchbuttontext": "Sök",
-    "menuHomeButton": "Hem",
-    "menuGoBackButton": "Gå tillbaka",
-    "mainMenuButton": "Meny",
-    "menuStartButton": "Start",
-    "profileSelectionFlyoutHeading": "Inloggad som",
+  sv: {
+    searchlabel: 'Sök',
+    searchplaceholder: 'Vad letar du efter?',
+    searchbuttontext: 'Sök',
+    menuHomeButton: 'Hem',
+    menuGoBackButton: 'Gå tillbaka',
+    mainMenuButton: 'Meny',
+    menuStartButton: 'Start',
+    profileSelectionFlyoutHeading: 'Inloggad som',
+    unifiedLoginButton: 'Logga in',
+    unifiedMyPagesButton: 'Mina sidor',
   },
-  'en': {
-    "searchlabel": "Search",
-    "searchplaceholder": "Search",
-    "searchbuttontext": "Search",
-    "menuHomeButton": "Home",
-    "menuGoBackButton": "Go back",
-    "mainMenuButton": "Menu",
-    "menuStartButton": "Start",
-    "profileSelectionFlyoutHeading": "Logged in as",
+  en: {
+    searchlabel: 'Search',
+    searchplaceholder: 'Search',
+    searchbuttontext: 'Search',
+    menuHomeButton: 'Home',
+    menuGoBackButton: 'Go back',
+    mainMenuButton: 'Menu',
+    menuStartButton: 'Start',
+    profileSelectionFlyoutHeading: 'Logged in as',
+    unifiedLoginButton: 'Log in',
+    unifiedMyPagesButton: 'My pages',
   },
-  'da': {
-    "searchlabel": "Søg",
-    "searchplaceholder": "Søg",
-    "searchbuttontext": "Søg",
-    "menuHomeButton": "Hjem",
-    "menuGoBackButton": "Gå tilbage",
-    "mainMenuButton": "Menu",
-    "menuStartButton": "Start",
-    "profileSelectionFlyoutHeading": "Logget ind som",
+  da: {
+    searchlabel: 'Søg',
+    searchplaceholder: 'Søg',
+    searchbuttontext: 'Søg',
+    menuHomeButton: 'Hjem',
+    menuGoBackButton: 'Gå tilbage',
+    mainMenuButton: 'Menu',
+    menuStartButton: 'Start',
+    profileSelectionFlyoutHeading: 'Logget ind som',
+    unifiedLoginButton: 'Log ind',
+    unifiedMyPagesButton: 'Mine sider',
   },
-  'no': {
-    "searchlabel": "Søk",
-    "searchplaceholder": "Søk",
-    "searchbuttontext": "Søk",
-    "menuHomeButton": "Hjem",
-    "menuGoBackButton": "Gå tilbake",
-    "mainMenuButton": "Meny",
-    "menuStartButton": "Start",
-    "profileSelectionFlyoutHeading": "Logget på som",
+  no: {
+    searchlabel: 'Søk',
+    searchplaceholder: 'Søk',
+    searchbuttontext: 'Søk',
+    menuHomeButton: 'Hjem',
+    menuGoBackButton: 'Gå tilbake',
+    mainMenuButton: 'Meny',
+    menuStartButton: 'Start',
+    profileSelectionFlyoutHeading: 'Logget på som',
+    unifiedLoginButton: 'Logg inn',
+    unifiedMyPagesButton: 'Sidene mine',
   },
-  'fi': {
-    "searchlabel": "Hae",
-    "searchplaceholder": "Hae",
-    "searchbuttontext": "Hae",
-    "menuHomeButton": "Koti",
-    "menuGoBackButton": "Mene takaisin",
-    "mainMenuButton": "Valikko",
-    "menuStartButton": "Alkaa",
-    "profileSelectionFlyoutHeading": "Kirjautunut sisään nimellä",
+  fi: {
+    searchlabel: 'Hae',
+    searchplaceholder: 'Hae',
+    searchbuttontext: 'Hae',
+    menuHomeButton: 'Koti',
+    menuGoBackButton: 'Mene takaisin',
+    mainMenuButton: 'Valikko',
+    menuStartButton: 'Alkaa',
+    profileSelectionFlyoutHeading: 'Kirjautunut sisään nimellä',
+    unifiedLoginButton: 'Kirjaudu sisään',
+    unifiedMyPagesButton: 'Minun sivujani',
+  },
+  de: {
+    searchlabel: 'Suche',
+    searchplaceholder: 'Wonach suchen Sie?',
+    searchbuttontext: 'Suche',
+    menuHomeButton: 'Start',
+    menuGoBackButton: 'Geh zurück',
+    mainMenuButton: 'Menü',
+    menuStartButton: 'Start',
+    profileSelectionFlyoutHeading: 'Eingeloggt als',
+    unifiedLoginButton: 'Anmeldung',
+    unifiedMyPagesButton: 'Meine Seiten',
   },
-  'de': {
-    "searchlabel": "Suche",
-    "searchplaceholder": "Wonach suchen Sie?",
-    "searchbuttontext": "Suche",
-    "menuHomeButton": "Start",
-    "menuGoBackButton": "Geh zurück",
-    "mainMenuButton": "Menü",
-    "menuStartButton": "Start",
-    "profileSelectionFlyoutHeading": "Eingeloggt als",
-  }
 };

package/collection/components/layout-components/pn-marketweb-siteheader/unifiedLoginHelper.js

@@ -0,0 +1,46 @@
+export const getLoginUrl = currentDomain => {
+  /*  Step 1
+If a user is on on a domain with these patterns / direct  urls
+
+[market]-[environments].postnord.com
+market = ['se','dk', 'no', 'fi','com','de','tpl'];
+environments = ['integration', 'preproduction', 'production'];
+Or matches
+
+
+wwwurls = ['www.postnord.se','www.postnord.dk', 'www.postnord.no', 'www.postnord.fi', 'www.postnord.com', 'www.postnord.de', 'www.tpl.postnord.com']
+
+Step 2.
+If the above is not matches,
+check if the domain is a portal AT domain
+
+portalAtDomains = ['devportal.postnord.com', 'atportal.postnord.com']
+Then use the atportal endpoints to log in (this should have nothing to do with the market domains
+Step 3.
+If non of the above matches, then use the production portal endpoint to log in
+
+
+*/
+  let loginUrl = null;
+  // const market = ['se', 'dk', 'no', 'fi', 'com', 'de', 'tpl'];
+  // const environments = ['integration', 'preproduction', 'production'];
+  // const wwwurls = ['www.postnord.se', 'www.postnord.dk', 'www.postnord.no', 'www.postnord.fi', 'www.postnord.com', 'www.postnord.de', 'www.tpl.postnord.com'];
+  const portalAtDomains = ['devportal.postnord.com', 'atportal.postnord.com'];
+  const marketRegex = '(?:se|dk|no|fi|com|de|tpl)-(?:integration|preproduction|production).(?:postnord.com)';
+  const wwwRegex = '(?:www(?:.tpl)?.postnord.(?:se|dk|no|fi|com|de))';
+  /*   if (
+    (market.some(market => currentDomain.includes(market)) && environments.some(environment => currentDomain.includes(environment))) ||
+    wwwurls.some(domain => currentDomain.includes(domain))
+  ) */
+  if (currentDomain.match(marketRegex) || currentDomain.match(wwwRegex)) {
+    loginUrl = `${currentDomain}/login?returnUrl=`;
+  }
+  else if (portalAtDomains.some(atdomain => currentDomain.includes(atdomain))) {
+    loginUrl = 'https://atportal.postnord.com/api/unified-login/backend/authorization?redirectionUrl=';
+  }
+  else {
+    //production portal endpoint
+    loginUrl = 'https://portal.postnord.com/api/unified-login/backend/authorization?redirectionUrl=';
+  }
+  return loginUrl;
+};

package/collection/components/widgets/pn-find-price/data.js

@@ -34,7 +34,7 @@ const weights = {
 
 
 
-const RiktigaValues =
+const RealValues =
   { 
     WebUrl:  "https://riktigavykort.postnord.se/sv",   
     AndroidAppUrl: "https://play.google.com/store/apps/details?id=se.posten.riktigavykort&hl=sv",
@@ -54,4 +54,4 @@ const stampShopUrl = "https://shop.postnord.se/ebutik/default.aspx";
 const productDescriptionUrl = "https://se-integration.postnord.com/skicka-forsandelser/brev-och-vykort/"
 
 
-export { weights, sizeCategories, fileLocation, sendDirectUrl, stampShopUrl, RiktigaValues };
+export { weights, sizeCategories, fileLocation, sendDirectUrl, stampShopUrl, RealValues };

package/collection/components/widgets/pn-find-price/pn-find-price-result.js

@@ -1,6 +1,6 @@
 import { Component, h, Prop, Host, Watch, State } from "@stencil/core";
 import { state } from "./pn-find-price-store";
-import { sendDirectUrl, stampShopUrl, RiktigaValues } from "./data.js";
+import { sendDirectUrl, stampShopUrl, RealValues } from "./data.js";
 export class PnfindPriceResult {
   constructor() {
     this.item = null;
@@ -62,18 +62,18 @@ export class PnfindPriceResult {
         this.item.pricesenddirect ? (h("pn-product-card-price", { slot: "sendDirectPrice", label: state.i18n.senddirectcta, amount: this.item.pricesenddirect + '', currency: state.market.currency, url: sendDirectUrl, linkid: this.linkId + '-portal' })) : null,
         this.item.pricestamps ? ((this.item.name.toLocaleLowerCase() !== "riktiga vykort") ?
           (h("pn-product-card-price", { slot: "stampPrice", label: this.shopLabel, amount: this.item.pricestamps + '', currency: state.market.currency, url: this.shopUrl, linkid: this.linkId + this.shopId })) :
-          (h("pn-product-card-price", { slot: "riktiga", label: state.i18n.riktigaVykort, amount: this.item.pricestamps + '', currency: state.market.currency, url: RiktigaValues["WebUrl"], linkid: this.linkId + '-riktiga' }))) : null),
+          (h("pn-product-card-price", { slot: "riktiga", label: state.i18n.realPostcard, amount: this.item.pricestamps + '', currency: state.market.currency, url: RealValues["WebUrl"], linkid: this.linkId + '-riktiga' }))) : null),
       h("div", { slot: "servicepoint" }, (this.item.showservicepointlink) ? (h("a", { href: state.market.servicePoint, target: "_blank" },
         h("pn-icon", { symbol: "map-marker", color: "blue700" }),
         state.i18n.servicePointLink)) : null),
       h("div", { slot: "mobiledownload" }, (this.item.name.toLocaleLowerCase() === "riktiga vykort") ?
         (h("div", { id: "riktiga" },
-          h("h4", null, state.i18n.riktigaVykortMobile),
+          h("h4", null, state.i18n.realPostcardMobile),
           h("div", null,
-            h("a", { href: RiktigaValues["AndroidAppUrl"], target: "_blank" },
-              h("img", { class: "riktigaAndroidImg", src: RiktigaValues["AndroidImg"] })),
-            h("a", { href: RiktigaValues["IosAppUrl"], target: "_blank" },
-              h("img", { class: "riktigaAppleImg", src: RiktigaValues["IosImg"] }))))) : null))));
+            h("a", { href: RealValues["AndroidAppUrl"], target: "_blank" },
+              h("img", { class: "riktigaAndroidImg", src: RealValues["AndroidImg"] })),
+            h("a", { href: RealValues["IosAppUrl"], target: "_blank" },
+              h("img", { class: "riktigaAppleImg", src: RealValues["IosImg"] }))))) : null))));
   }
   static get is() { return "pn-find-price-result"; }
   static get originalStyleUrls() { return {

package/collection/components/widgets/pn-find-price/pn-find-price-store.js

@@ -15,8 +15,8 @@ const { state, onChange } = createStore({
     message: '',
     servicePointHeader: '',
     servicePointLink: '',
-    riktigaVykort: '',
-    riktigaVykortMobile: '',
+    realPostcard: '',
+    realPostcardMobile: '',
     ombudHeader: ''
   },
   market: {

package/collection/components/widgets/pn-find-price/pn-find-price-translations.js

@@ -13,8 +13,8 @@ export const translations = {
     'message': '*Vid köp hos valfritt ombud',
     'servicePointHeader': 'Eller hitta närmaste serviceställe',
     'servicePointLink': 'Hitta Serviceställe',
-    'riktigaVykort': 'Köp Riktiga Vykort',
-    'riktigaVykortMobile': 'Ladda ner appen',
+    'realPostcard': 'Köp Riktiga Vykort',
+    'realPostcardMobile': 'Ladda ner appen',
     'ombudHeader': 'Köp via ombud'
   },
   'en': {
@@ -31,8 +31,8 @@ export const translations = {
     'message': 'When buying from any agent',
     'servicePointHeader': 'Find service point',
     'servicePointLink': 'Find service point',
-    'riktigaVykort': 'Buy Postcards',
-    'riktigaVykortMobile': 'Download the app',
+    'realPostcard': 'Buy Postcards',
+    'realPostcardMobile': 'Download the app',
     'ombudHeader': 'Purchase by agent'
   },
   'da': {
@@ -49,7 +49,7 @@ export const translations = {
     'message': 'When buying from any agent',
     'servicePointHeader': 'Find nærmeste servicested',
     'servicePointLink': 'Find nærmeste servicested',
-    'riktigaVykort': 'Køb Riktiga Vykort',
+    'realPostcard': 'Køb Riktiga Vykort',
     'ombudHeader': 'Køb af agent'
   },
   'no': {

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

@@ -0,0 +1,52 @@
+
+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 }, 
+]
+};
+
+
+
+const RealValues =
+  { 
+    WebUrl:  "https://riktigavykort.postnord.se/sv",   
+    AndroidAppUrl: "https://play.google.com/store/apps/details?id=se.posten.riktigavykort&hl=sv",
+    AndroidImg: "https://com-integration.postnord.com/globalassets/icons/logos-and-badges/google-play-badge_se.svg", 
+    IosAppUrl:  "https://apps.apple.com/se/app/riktiga-vykort/id444458799?l=sv",
+    IosImg: "https://com-integration.postnord.com/globalassets/icons/logos-and-badges/app_store_badge_se_rgb_blk.svg"
+  };
+
+const sendDirectUrl = "https://portal.postnord.com/skickadirekt/";
+
+const stampShopUrl = "https://shop.postnord.se/ebutik/default.aspx";
+
+const productDescriptionUrl = "https://se-integration.postnord.com/skicka-forsandelser/brev-och-vykort/";
+
+export { weights, sizeCategories, sendDirectUrl, stampShopUrl, RealValues };

package/collection/components/widgets/pn-proxio-findprice/find-price.stories.js

@@ -0,0 +1,27 @@
+import readme from "./readme.md";
+
+export default {
+  title: "Proxio / Find Price",
+  parameters: {
+    notes: readme
+  }
+};
+
+const Template = ({ ...args }) => {
+  return `
+    <div style="max-width: 100%; margin:1em auto 0;">
+      <pn-proxio-findprice 
+        market="${args.market}" 
+        language="${args.language}"
+        cache="${args.cache}">
+      </pn-proxio-findprice>
+    </div>
+  `;
+};
+
+export const Primary = Template.bind({});
+Primary.args = {
+  language: 'da',
+  market: 'dk',
+  cache: true
+};

package/collection/components/widgets/pn-proxio-findprice/img/clouds.svg

@@ -0,0 +1,5 @@
+<svg width="278" height="55" viewBox="0 0 278 55" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M247.355 49.6815C247.694 52.479 249.722 54.6261 252.181 54.6261H272.926C275.62 54.6261 277.798 52.0522 277.798 48.8686V48.8008C277.798 45.6173 275.62 43.0433 272.926 43.0433H270.537C269.608 39.2439 266.846 36.473 263.585 36.473H259.717C259.373 31.841 256.101 28.2092 252.124 28.2092C248.146 28.2092 244.88 31.841 244.53 36.473H242.095C238.083 36.473 234.816 40.6726 234.816 45.8205V49.6815H247.355Z" fill="#E0F8FF"/>
+<path d="M12.0391 46.1022C12.3176 48.5569 14.0867 50.4373 16.2421 50.4373H34.5807C36.9304 50.4373 38.8216 48.202 38.8216 45.4248V45.3571C38.8216 42.5799 36.9304 40.3446 34.5807 40.3446H32.4684C31.6678 37.0209 29.227 34.5872 26.3283 34.5872H22.9179C22.6004 30.5597 19.7327 27.4071 16.2421 27.4071C12.7514 27.4071 9.88371 30.5597 9.56622 34.5872H7.41658C3.86346 34.5872 0.998047 38.2448 0.998047 42.7154V46.1022H12.0391Z" fill="#E0F8FF"/>
+<path d="M131.056 26.5864C131.449 30.0423 133.948 32.6895 136.991 32.6895H162.891C166.209 32.6895 168.88 29.5426 168.88 25.6328V25.5375C168.88 21.6277 166.209 18.4808 162.891 18.4808H159.907C158.777 13.8015 155.33 10.3753 151.236 10.3753H146.42C145.971 4.70533 141.921 0.26709 136.991 0.26709C132.062 0.26709 128.012 4.70533 127.563 10.3753H124.528C119.51 10.3753 115.463 15.5247 115.463 21.8184V26.5864H131.056Z" fill="#E0F8FF"/>
+</svg>

package/collection/components/widgets/pn-proxio-findprice/img/large-package.svg

@@ -0,0 +1,9 @@
+<svg width="97" height="121" viewBox="0 0 97 121" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.5998 120.224H69.3265V16.1737H5.80371V108.774C5.80371 115.104 8.84529 120.224 12.5998 120.224Z" fill="#005D92"/>
+<path d="M84.3612 120.224H67.7275V12.754H91.1573V108.784C91.1573 115.104 88.1157 120.224 84.3612 120.224Z" fill="#0D234B"/>
+<path d="M6.36867 32.114H68.7687C71.941 32.114 74.5192 27.784 74.5192 22.434C74.5192 17.094 71.947 12.754 68.7687 12.754H6.36867C3.19639 12.754 0.618164 17.084 0.618164 22.434C0.618164 27.774 3.19639 32.114 6.36867 32.114Z" fill="#005D92"/>
+<path d="M90.6312 32.114H81.2866C78.1143 32.114 75.5361 27.784 75.5361 22.434C75.5361 17.094 78.1084 12.754 81.2866 12.754H90.6312C93.8035 12.754 96.3817 17.084 96.3817 22.434C96.3817 27.774 93.8094 32.114 90.6312 32.114Z" fill="#0D234B"/>
+<path d="M5.80371 33.6439L67.7285 49.3939V32.1139H5.80371V33.6439Z" fill="#0D234B"/>
+<path d="M26.6381 120.224H25.747V13.2038C25.438 13.1538 25.1826 13.0638 25.0044 12.9138C23.139 11.4138 21.6063 6.17382 22.0757 2.89382C22.236 1.78382 22.7529 -0.0961666 24.541 0.00383339C25.4083 0.0438334 26.0856 0.603826 26.543 1.68383C27.2024 3.22383 27.2737 5.60383 27.1608 7.73383C28.8004 4.13383 31.2183 1.80383 32.8104 2.13383C33.7549 2.33383 34.349 3.44382 34.4381 5.19382C34.5272 6.97382 33.9569 8.64383 32.7747 10.0238C31.0995 11.9838 28.4381 13.0938 26.6321 13.2238V120.224H26.6381ZM24.4341 1.50383C23.5965 1.50383 23.1093 2.07383 22.943 3.25383C22.5747 5.86383 23.8994 10.3638 25.3905 11.5638C25.4856 11.6438 25.6341 11.6938 25.8182 11.7238C26.1687 9.63383 26.7331 4.69383 25.8182 2.56383C25.5272 1.88383 25.0994 1.53383 24.5173 1.51383C24.4875 1.50383 24.4638 1.50383 24.4341 1.50383ZM32.4955 3.59382C30.8975 3.59382 27.9866 6.96383 26.7925 11.7138C28.343 11.5238 30.7252 10.5938 32.2757 8.78383C33.1906 7.71383 33.6183 6.55383 33.5589 5.31383C33.4876 3.93383 33.0361 3.68383 32.7094 3.61383C32.6381 3.60383 32.5668 3.59382 32.4955 3.59382Z" fill="#0D234B"/>
+<path d="M70.4917 65.704H5.81055V67.2041H70.4917V65.704Z" fill="#0D234B"/>
+</svg>

package/collection/components/widgets/pn-proxio-findprice/img/medium-package.svg

@@ -0,0 +1,9 @@
+<svg width="67" height="60" viewBox="0 0 67 60" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.03842 59.9998H47.8903V8.18823H4.0293V55.1448C4.0293 57.8259 5.82442 59.9998 8.03842 59.9998Z" fill="#00A0D6"/>
+<path d="M58.2437 60H46.7549V6.52173H62.911V54.2753C62.911 57.4637 60.8167 60 58.2437 60Z" fill="#005D92"/>
+<path d="M4.44928 16.1593H47.4726C49.6866 16.1593 51.4218 13.9854 51.4218 11.3767C51.4218 8.69556 49.6267 6.59412 47.4726 6.59412H4.44928C2.23529 6.59412 0.5 8.76803 0.5 11.3767C0.5 13.9854 2.23529 16.1593 4.44928 16.1593Z" fill="#00A0D6"/>
+<path d="M62.5511 16.1591H56.1485C53.9345 16.1591 52.1992 13.9852 52.1992 11.3765C52.1992 8.69532 53.9944 6.59387 56.1485 6.59387H62.5511C64.7651 6.59387 66.5004 8.76778 66.5004 11.3765C66.5004 13.9852 64.7053 16.1591 62.5511 16.1591Z" fill="#005D92"/>
+<path d="M4.0293 16.8839L46.7534 24.7825V16.1593H4.0293V16.8839Z" fill="#005D92"/>
+<path d="M18.5703 60H17.6727V6.88406C17.4932 6.88406 17.3736 6.81159 17.2539 6.73913C15.8776 5.94203 14.8005 3.26087 15.1596 1.5942C15.3391 0.579711 16.0571 0 17.0145 0C17.6727 0 18.1514 0.362319 18.5105 0.869566C18.9293 1.52174 19.049 2.53623 18.9892 3.47826C20.1261 1.88406 21.6819 0.869566 22.7589 1.01449C23.477 1.15942 23.9557 1.73913 24.0155 2.68116C24.0754 3.33333 23.8959 4.34783 22.8188 5.21739C21.7417 6.15942 19.9466 6.73913 18.6302 6.81159V60H18.5703ZM16.8949 1.08696C16.2366 1.08696 16.0571 1.52174 15.9973 1.81159C15.7579 3.04348 16.6555 5.21739 17.6129 5.72464C17.6727 5.72464 17.6727 5.72464 17.7326 5.7971C17.9719 4.71014 18.2711 2.46377 17.7326 1.52174C17.5531 1.23188 17.3137 1.08696 16.8949 1.08696C16.9547 1.08696 16.8949 1.08696 16.8949 1.08696ZM22.4598 2.10145C21.4425 2.10145 19.5876 3.62319 18.7498 5.7971C19.7671 5.65217 21.263 5.21739 22.2204 4.42029C22.8188 3.91304 23.118 3.4058 23.0581 2.82609C22.9983 2.24638 22.8188 2.17391 22.5794 2.10145C22.5196 2.10145 22.5196 2.10145 22.4598 2.10145Z" fill="#005D92"/>
+<path d="M50.4035 32.6086H4.0293V33.6956H50.4035V32.6086Z" fill="#005D92"/>
+</svg>

package/collection/components/widgets/pn-proxio-findprice/img/postnord-person1.svg

@@ -0,0 +1,52 @@
+<svg width="104" height="162" viewBox="0 0 104 162" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M29.0016 143.399H19.6016V152.199H29.0016V143.399Z" fill="#99290A"/>
+<path d="M19.6 152.2L17 159H32L28.9 150.3L19.6 152.2Z" fill="#0D234B"/>
+<path d="M49.1 147.5H39V154.8H49.1V147.5Z" fill="#99290A"/>
+<path d="M39 152.9V159.2H65.5L49.1 151.5V149.3L39 152.9Z" fill="#0D234B"/>
+<path d="M65.5 159.199H39V161.799H65.5V159.199Z" fill="white"/>
+<path d="M44.5016 157.1C45.5509 157.1 46.4016 156.249 46.4016 155.2C46.4016 154.15 45.5509 153.3 44.5016 153.3C43.4522 153.3 42.6016 154.15 42.6016 155.2C42.6016 156.249 43.4522 157.1 44.5016 157.1Z" fill="#005D92"/>
+<path d="M29.0016 143.399H19.6016V152.199H29.0016V143.399Z" fill="#99290A"/>
+<path d="M19.6 152.2L17 159H32L28.9 150.3L19.6 152.2Z" fill="#0D234B"/>
+<path d="M49.1 147.5H39V154.8H49.1V147.5Z" fill="#99290A"/>
+<path d="M11.6016 84.4992L12.8016 86.8992C13.7016 88.6992 15.3016 89.9992 17.2016 90.4992L18.2016 90.7992L15.2016 83.1992L11.6016 84.4992Z" fill="#99290A"/>
+<path d="M39 152.9V159H65.5L49.1 151.5V149.3L39 152.9Z" fill="#0D234B"/>
+<path d="M20.6 85.1H12.3C11.3 85.1 10.5 84.3 10.5 83.3V62H20.6V85.1Z" fill="#FBC2C1"/>
+<path d="M33.3984 65.6992V147.899H14.8984V89.5992C14.8984 80.9992 17.3984 72.8992 22.0984 65.6992H33.3984Z" fill="#005D92"/>
+<path d="M33.8992 65.6992H44.4992L55.1992 103.699C55.8992 106.099 56.2992 108.699 56.2992 111.199V147.899H38.9992V111.599L32.6992 86.7992V65.6992H33.8992Z" fill="#005D92"/>
+<path opacity="0.2" d="M37.8 82.5L39 111.6L33.5 89.9L33.6 84.2L34.2 83.6L37.8 82.5Z" fill="#0D234B"/>
+<path d="M28.3984 35.1H16.3984V19.3C16.3984 15 19.8984 11.5 24.1984 11.5H28.4984V35.1H28.3984Z" fill="black"/>
+<path d="M42.5 35.0996H20V12.3996C20 6.19961 25 1.09961 31.3 1.09961C37.5 1.19961 42.5 6.19961 42.5 12.3996V35.0996Z" fill="black"/>
+<path d="M33.599 25.6992H32.299C28.099 25.5992 24.699 21.9992 24.899 17.7992L25.099 12.4992C25.199 8.29921 28.799 4.89921 32.999 5.09921C37.199 5.19921 40.599 8.79921 40.399 12.9992L40.199 19.6992C39.999 23.0992 37.099 25.7992 33.599 25.6992Z" fill="#99290A"/>
+<path d="M25.8008 15.4992H27.5008C28.7008 15.4992 29.7008 14.4992 29.7008 13.2992V11.5992C34.3008 14.0992 41.8008 12.6992 41.8008 12.6992L40.1008 6.19922L28.8008 7.99922L25.8008 15.4992Z" fill="black"/>
+<path d="M25.8 15.4998H21.5L25.8 4.7998L31.6 3.2998L37.9 4.3998L39.8 8.7998L28.3 9.39981L25.8 15.4998Z" fill="black"/>
+<path d="M24.4992 18.6996C25.7695 18.6996 26.7992 17.6699 26.7992 16.3996C26.7992 15.1294 25.7695 14.0996 24.4992 14.0996C23.229 14.0996 22.1992 15.1294 22.1992 16.3996C22.1992 17.6699 23.229 18.6996 24.4992 18.6996Z" fill="#99290A"/>
+<path d="M34.7016 31.4H26.1016L26.9016 22.5L34.7016 23.8V31.4Z" fill="#99290A"/>
+<path d="M34.5 25.6994C34.5 25.6994 31.7 26.0994 29.5 24.8994" stroke="#4F1600" stroke-width="0.7" stroke-miterlimit="10" stroke-linecap="round"/>
+<path d="M65.5 159H39V162H65.5V159Z" fill="#005D92"/>
+<path d="M32 159H17V162H32V159Z" fill="#005D92"/>
+<path d="M45.5 66.4098L10.5 65.6098V39.3098C10.5 34.1098 14.7 30.0098 19.8 30.0098H41L45.5 40.3098V66.4098Z" fill="#FBC2C1"/>
+<path d="M37.2008 72.1992H21.1008C18.7008 72.1992 16.8008 69.8992 17.4008 67.4992L23.7008 46.8992L37.2008 46.1992V72.1992Z" fill="#FBC2C1"/>
+<path d="M46.4016 49.8994L46.5016 72.7994H15.6016V47.3994L46.4016 49.8994Z" fill="#FBC2C1"/>
+<path d="M33.6016 90.5998V83.7998" stroke="#0D234B" stroke-width="0.7" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M33.6016 83.8L37.8016 82.5" stroke="#0D234B" stroke-width="0.7" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M37.4016 27.1992H24.1016V35.2992H37.4016V27.1992Z" fill="#FBC2C1"/>
+<path d="M33.3984 141.8H14.8984V148H33.3984V141.8Z" fill="#005D92"/>
+<path d="M56.2 141.8H39V148H56.2V141.8Z" fill="#005D92"/>
+<path d="M44.5016 157.1C45.5509 157.1 46.4016 156.249 46.4016 155.2C46.4016 154.15 45.5509 153.3 44.5016 153.3C43.4522 153.3 42.6016 154.15 42.6016 155.2C42.6016 156.249 43.4522 157.1 44.5016 157.1Z" fill="#005D92"/>
+<path d="M56.2 143.399H39" stroke="#0D234B" stroke-width="0.7" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M33.3984 143.399H14.8984" stroke="#0D234B" stroke-width="0.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path opacity="0.3" d="M26.1016 28.3994V31.5994" stroke="#F06365" stroke-width="0.7" stroke-miterlimit="10" stroke-linecap="round"/>
+<path opacity="0.3" d="M28.5 28.3994V31.5994" stroke="#F06365" stroke-width="0.7" stroke-miterlimit="10" stroke-linecap="round"/>
+<path opacity="0.3" d="M30.8008 28.3994V31.5994" stroke="#F06365" stroke-width="0.7" stroke-miterlimit="10" stroke-linecap="round"/>
+<path opacity="0.3" d="M33.1016 28.3994V31.5994" stroke="#F06365" stroke-width="0.7" stroke-miterlimit="10" stroke-linecap="round"/>
+<path opacity="0.3" d="M35.5 28.3994V31.5994" stroke="#F06365" stroke-width="0.7" stroke-miterlimit="10" stroke-linecap="round"/>
+<path d="M30.6016 80.7998L15.6016 76.3998V72.7998H32.6016L30.6016 80.7998Z" fill="white"/>
+<path d="M49.8016 78.9992L35.6016 78.7992L32.6016 72.7992L46.6016 72.6992L49.8016 78.9992Z" fill="white"/>
+<path d="M15.6016 72.7994V47.3994" stroke="#2D2013" stroke-width="0.7" stroke-miterlimit="10" stroke-linecap="round"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M48.0013 55.0993L36.3013 40.0993C34.0013 37.3993 34.5013 33.2993 37.3013 31.2993C40.1013 29.0993 44.1013 29.7993 46.0013 32.7993L56.0013 49.0993L48.0013 55.0993Z" fill="#FBC2C1"/>
+<path d="M46.3984 53.3992V47.1992" stroke="#2D2013" stroke-width="0.7" stroke-miterlimit="10" stroke-linecap="round"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M84.1511 48.8L74.696 47C74.696 47 74.4969 47 74.3974 47H52V57L74.1983 52.1C75.0941 51.9 75.4922 51.6 75.7908 50.8L83.753 51.2C84.3501 51.2 84.7483 50.9 84.9473 50.3C85.0468 49.8 85.0468 49.3 84.5492 49C84.4497 48.9 84.3501 48.9 84.1511 48.8Z" fill="#99290A"/>
+<path d="M69.6192 55.2919L52 57V47H72.0002L71.5041 53.0877C71.4049 54.2423 70.6113 55.1869 69.6192 55.2919Z" fill="#FBC2C1"/>
+<rect x="47" y="47" width="10" height="10" rx="5" fill="#FBC2C1"/>
+<path opacity="0.2" d="M54.5 47L53 50L57 47H54.5Z" fill="#E5474C"/>
+</svg>

package/collection/components/widgets/pn-proxio-findprice/img/postnord-person2.svg

@@ -0,0 +1,56 @@
+<svg width="171" height="246" viewBox="0 0 171 246" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M65.0946 100.838L49.2321 80.6031C46.1138 76.9364 46.7917 71.3685 50.5878 68.6525C54.384 65.6648 59.8071 66.6154 62.383 70.6895L75.9407 92.8253L65.0946 100.838Z" fill="#005E41"/>
+<path d="M65.7685 226.319H52.0752V236.233H65.7685V226.319Z" fill="#FFC8A3"/>
+<path d="M52.0752 233.652V242.208H88.0031L65.7685 231.751V228.763L52.0752 233.652Z" fill="#0D234B"/>
+<path d="M52.0752 233.652V242.208H88.0031L65.7685 231.751V228.763L52.0752 233.652Z" fill="#F06365"/>
+<path d="M39.3302 220.752H26.5859V232.703H39.3302V220.752Z" fill="#FFC8A3"/>
+<path d="M26.5885 232.702L22.6567 242.208H43.2644L39.1971 230.122L26.5885 232.702Z" fill="#F06365"/>
+<path d="M43.2644 242.208H22.6567V246H43.2644V242.208Z" fill="#500715"/>
+<path d="M44.753 115.232V226.862H21.1626V147.553C21.1626 135.874 24.4164 124.874 30.3818 115.097H44.753V115.232Z" fill="#005D92"/>
+<path d="M45.5679 115.233H58.99L72.6832 166.838C73.6323 170.097 74.039 173.628 74.039 177.023V226.863H52.0755V177.566L44.6188 143.887L43.9409 115.233H45.5679Z" fill="#005D92"/>
+<path opacity="0.2" d="M50.854 144.294L52.3454 177.566L45.5666 147.961L44.8887 145.109H45.8377L50.854 144.294Z" fill="#0D234B"/>
+<path d="M42.9905 118.9H21.1626V152.443H42.9905V118.9Z" fill="#005D92"/>
+<path opacity="0.2" d="M63.1943 131.122L21.301 135.875C21.301 135.875 21.1654 130.443 21.5721 125.69L62.2452 126.097L62.9231 129.628C62.9231 130.307 63.0587 130.85 63.1943 131.122Z" fill="#0D234B"/>
+<path d="M88.0031 242.208H52.0752V246H88.0031V242.208Z" fill="#500715"/>
+<path d="M59.9403 119.035L58.3134 80.4675L60.4826 76.5292C61.4316 70.6897 50.4499 64.5786 44.4845 64.5786L25.5037 67.5663C21.9787 68.2453 20.8941 68.9243 18.996 70.6897C16.9624 72.591 15.1999 74.8996 13.9797 77.344L2.04892 102.875C0.964306 105.048 1.09988 107.628 2.32007 109.801L14.1153 128.406L24.4191 122.566L16.1489 105.727L25.6393 92.9613L23.6057 100.838L22.521 119.035C22.1143 120.937 23.4701 122.566 25.3681 122.566H57.9066C60.4826 122.702 60.4826 121.48 59.9403 119.035Z" fill="#005E41"/>
+<path d="M57.5016 67.0232L49.2314 64.9862V69.0603L57.5016 67.0232Z" fill="#005E41"/>
+<path d="M49.9064 124.06H28.0785C24.8246 124.06 22.2487 120.937 23.0621 117.678L31.6035 89.7023L49.9064 88.7517V124.06Z" fill="#FBC2C1"/>
+<path d="M62.6534 85.7638H21.438V128.949H62.6534V85.7638Z" fill="#005E41"/>
+<path d="M20.8926 98.9371L28.3493 89.7025" stroke="#002F24" stroke-width="0.7" stroke-miterlimit="10" stroke-linecap="round"/>
+<path d="M62.3809 97.7145V88.0725" stroke="#002F24" stroke-width="0.7" stroke-miterlimit="10" stroke-linecap="round"/>
+<path d="M23.1973 122.702L26.0445 125.69L28.0781 126.369C29.4339 126.776 30.5185 127.455 31.6031 128.27L37.7041 133.431C38.2464 133.838 38.382 134.517 38.1108 135.06C37.7041 135.739 36.8906 136.011 36.0772 135.604L32.8233 133.566C32.8233 133.566 32.0098 137.505 23.7397 136.69C23.7397 136.69 21.706 134.517 21.5704 131.122L18.8589 127.863L23.1973 122.702Z" fill="#FFC8A3"/>
+<path d="M27.5373 123.924L16.5556 132.887L3.54019 111.702C2.45558 109.937 2.18442 107.764 2.99788 105.727L6.52289 96.2207L14.9287 100.974L27.5373 123.924Z" fill="#005E41"/>
+<path d="M54.6528 82.3687H27.1306L23.7412 68.6527L43.9422 64.8502L54.6528 82.3687Z" fill="#005E41"/>
+<path d="M45.0266 75.986H42.4506C40.0102 75.986 37.9766 73.949 37.9766 71.5045V54.1218H49.365V71.5045C49.5006 73.949 47.4669 75.986 45.0266 75.986Z" fill="#FFC8A3"/>
+<path d="M53.1596 42.9863C53.1596 42.9863 47.8721 50.4554 36.6192 50.048C36.6192 50.048 35.9413 43.6653 37.975 40.6777C39.873 37.5542 47.3298 36.8752 49.2279 37.4184C51.2615 37.9616 53.024 42.0357 53.1596 42.9863Z" fill="#042048"/>
+<path d="M42.9949 52.2206H35.5382C34.318 52.2206 33.2334 51.6774 32.5555 50.7267C32.1488 50.0477 31.8776 49.3687 31.8776 48.5539L31.742 43.5292C31.4709 41.4922 33.0978 39.5909 35.1314 39.5909H42.9949V52.2206Z" fill="black"/>
+<path d="M54.1103 51.4059L50.8564 50.8627L53.0257 39.3195L59.9401 40.5417L58.4488 48.4182C58.1776 50.4553 56.1439 51.8133 54.1103 51.4059Z" fill="black"/>
+<path d="M48.9571 62.9485L45.2965 62.8127C39.6023 62.6769 35.1282 58.3312 35.3994 53.3065L35.6706 45.43C35.8061 40.4053 40.5513 36.3312 46.2456 36.467H47.4657C53.16 36.6028 57.634 40.9485 57.3629 45.9732L56.9561 56.0226C56.8206 60.0967 53.2956 63.0843 48.9571 62.9485Z" fill="#FFC8A3"/>
+<path d="M46.2446 35.1095L52.6167 28.0478C54.5148 26.1466 57.4975 25.7392 59.8023 27.233C62.5139 28.9984 63.1917 32.8009 61.2937 35.3811L57.3619 40.6774L46.2446 35.1095Z" fill="#005D92"/>
+<path d="M57.3616 43.8002H42.177C39.1943 43.8002 36.7539 41.3558 36.7539 38.3681C36.7539 35.3805 39.1943 32.936 42.177 32.936H57.3616C60.3443 32.936 62.7847 35.3805 62.7847 38.3681C62.7847 41.3558 60.3443 43.8002 57.3616 43.8002Z" fill="black"/>
+<path d="M36.7568 51.9491H33.5029V40.1343H40.5529V48.1466C40.5529 50.1837 38.926 51.9491 36.7568 51.9491Z" fill="black"/>
+<path d="M34.8559 53.4427C36.4283 53.4427 37.703 52.1659 37.703 50.5909C37.703 49.0158 36.4283 47.739 34.8559 47.739C33.2835 47.739 32.0088 49.0158 32.0088 50.5909C32.0088 52.1659 33.2835 53.4427 34.8559 53.4427Z" fill="#FFC8A3"/>
+<path d="M31.7383 48.5541L48.1431 33.0726C48.1431 33.0726 43.3979 29.6775 36.3479 32.801C36.3479 32.801 27.2643 36.196 31.7383 48.5541Z" fill="#005D92"/>
+<path d="M37.9783 42.7138L47.8755 32.936L43.537 33.615L37.0293 41.22L37.9783 42.7138Z" fill="#005D92"/>
+<path d="M33.5008 36.4669L32.8229 35.3805C32.4162 34.8373 32.5518 34.0225 33.0941 33.4793C33.772 32.8002 34.8566 32.936 35.3989 33.6151L36.2123 34.7015L33.5008 36.4669Z" fill="#005D92"/>
+<path d="M44.6199 43.2577H40.0103V47.3318H44.6199V43.2577Z" fill="black"/>
+<path d="M49.0926 48.825H40.5513V46.7879C40.5513 45.1583 41.9071 43.8003 43.534 43.8003H49.0926V48.825Z" fill="#FFC8A3"/>
+<path d="M38.1143 67.4304L43.8086 72.5909L49.5028 67.4304L52.2143 67.8378L52.3499 78.1588H32.9624L34.047 67.8378L38.1143 67.4304Z" fill="#005E41"/>
+<path d="M43.6709 72.9984V88.8873" stroke="#005E41" stroke-width="0.5" stroke-miterlimit="10" stroke-linecap="round"/>
+<path d="M34.0425 68.6532L38.1098 76.1223L43.6684 72.9989L47.7357 75.7149L51.6675 70.826" stroke="#005E41" stroke-width="0.5" stroke-miterlimit="10" stroke-linecap="round"/>
+<path d="M49.2295 63.2207C49.2295 63.2207 45.4334 63.6281 42.0439 62.4059" stroke="#4F1600" stroke-width="0.7" stroke-miterlimit="10" stroke-linecap="round"/>
+<path d="M22.9263 136.826C22.9263 136.826 29.8407 138.591 32.959 133.838" stroke="#0D234B" stroke-width="0.7" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M31.6064 128.27L37.7074 133.43C38.2497 133.838 38.3853 134.517 38.1141 135.06C37.7074 135.739 36.8939 136.01 36.0805 135.603L32.8266 133.566" fill="#FFC8A3"/>
+<path d="M41.9072 145.245L51.8043 143.887" stroke="#0D234B" stroke-width="0.7" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M17.0957 104.912L15.062 101.109" stroke="#002F24" stroke-width="0.7" stroke-miterlimit="10" stroke-linecap="round"/>
+<path d="M68.4817 233.109L64.6855 237.727" stroke="white" stroke-width="0.7" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M72.9558 234.468L69.1597 239.085" stroke="white" stroke-width="0.7" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M29.8423 234.468H37.299" stroke="white" stroke-width="0.7" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M29.2974 237.727H37.8387" stroke="white" stroke-width="0.7" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M43.6709 72.9984V88.8873" stroke="#002F24" stroke-width="0.7" stroke-miterlimit="10" stroke-linecap="round"/>
+<path d="M34.0425 68.6532L38.1098 76.1223L43.6684 72.9989L47.7357 75.7149L51.6675 70.826" stroke="#002F24" stroke-width="0.7" stroke-miterlimit="10" stroke-linecap="round"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M105.398 123.151L97.6703 112.6C97.6703 112.6 97.4725 112.416 97.3736 112.324L75.1167 91.5686L65.85 101.506L92.4498 117.207C93.5253 117.838 94.1989 117.909 95.237 117.391L102.779 125.167C103.372 125.72 104.046 125.791 104.799 125.379C105.362 124.974 105.825 124.478 105.608 123.718C105.602 123.527 105.503 123.435 105.398 123.151Z" fill="#FFC8A3"/>
+<path d="M84.9416 116.135L65.85 101.506L75.1167 91.5684L94.9914 110.102L88.8573 115.692C87.6888 116.747 86.0247 116.95 84.9416 116.135Z" fill="#005E41"/>
+<rect x="70.1479" y="86.9351" width="13.5875" height="13.5875" rx="6.79377" transform="rotate(43 70.1479 86.9351)" fill="#005E41"/>
+<path opacity="0.3" d="M77.6009 93.8851L73.3303 95.4763L80.0853 96.2018L77.6009 93.8851Z" fill="#002F24"/>
+</svg>