@postnord/pn-marketweb-components 2.0.3-beta3 → 2.0.4

package/umd/modules/@postnord/web-components/collection/globals/helpers.js

@@ -0,0 +1,156 @@
+const humanReadableFileSize = {
+  KB: 1024,
+  MB: 1024 * 1024,
+  GB: 1024 * 1024,
+  TB: 1024 * 1024 * 1024
+};
+export const getBytesFromHumanReadableFileSize = function (sizeString) {
+  const fileSizeChecker = /(\d+\.?\d*)\s?([a-zA-Z]{2})?$/;
+  if (fileSizeChecker.test(sizeString)) {
+    const matches = sizeString.match(fileSizeChecker);
+    const unit = (matches[2] || "").toLocaleUpperCase();
+    const size = parseInt(matches[1]);
+    if (unit && humanReadableFileSize[unit]) {
+      const baseSize = humanReadableFileSize[unit];
+      return size * baseSize;
+    }
+    return size;
+  }
+  return 0;
+};
+export const uuidv4 = function () {
+  return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function (currentValue) {
+    const random = (Math.random() * 16) | 0, value = currentValue == "x" ? random : (random & 0x3) | 0x8;
+    return value.toString(16);
+  });
+};
+export const isNumeric = function (str) {
+  if (typeof str === "number" ||
+    (typeof str === "string" && /^\d+$/.test(str))) {
+    return true;
+  }
+  return false;
+};
+export const createDateOrNull = function (dateStr) {
+  if (isNumeric(dateStr)) {
+    return null;
+  }
+  const date = new Date(dateStr);
+  if (date.toString() === "Invalid Date") {
+    return null;
+  }
+  else {
+    return date;
+  }
+};
+export const debounce = function (func, wait, immediate) {
+  let timeout;
+  return function () {
+    const context = this, args = arguments;
+    const later = function () {
+      timeout = null;
+      if (!immediate)
+        func.apply(context, args);
+    };
+    const callNow = immediate && !timeout;
+    clearTimeout(timeout);
+    timeout = setTimeout(later, wait);
+    if (callNow)
+      func.apply(context, args);
+  };
+};
+const allowedLanguages = ["en", "sv", "da", "fi", "no"];
+export const getMonthNamesByLanguage = function (language = "en") {
+  if (allowedLanguages.indexOf(language) === -1)
+    language = "en";
+  const monthLanguages = {
+    en: [
+      "January",
+      "February",
+      "March",
+      "April",
+      "May",
+      "June",
+      "July",
+      "August",
+      "September",
+      "October",
+      "November",
+      "December"
+    ],
+    sv: [
+      "Januari",
+      "Februari",
+      "Mars",
+      "April",
+      "Maj",
+      "Juni",
+      "Juli",
+      "Augusti",
+      "September",
+      "Oktober",
+      "November",
+      "December"
+    ],
+    da: [
+      "Januar",
+      "Februar",
+      "Marts",
+      "April",
+      "Maj",
+      "Juni",
+      "Juli",
+      "August",
+      "September",
+      "Oktober",
+      "November",
+      "December"
+    ],
+    fi: [
+      "Tammikuu",
+      "Helmikuu",
+      "Maaliskuu",
+      "Huhtikuu",
+      "Toukokuu",
+      "Kesäkuu",
+      "Heinäkuu",
+      "Elokuu",
+      "Syyskuu",
+      "Lokakuu",
+      "Marraskuu",
+      "Joulukuu"
+    ],
+    no: [
+      "Januar",
+      "Februar",
+      "Mars",
+      "April",
+      "Mai",
+      "Juni",
+      "Juli",
+      "August",
+      "September",
+      "Oktober",
+      "November",
+      "Desember"
+    ]
+  };
+  return monthLanguages[language];
+};
+export const getDayNamesByLanguage = function (language = "en") {
+  if (allowedLanguages.indexOf(language) === -1)
+    language = "en";
+  const daysLanguages = {
+    en: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"],
+    sv: ["Sön", "Mån", "Tis", "Ons", "Tor", "Fre", "Lör"],
+    da: ["Søn.", "Man.", "Tirs.", "Ons. ", "Tors. ", "Fre.", "Lør."],
+    fi: ["Su", "Ma", "Ti", "Ke", "To", "Pe", "La"],
+    no: ["Sø.", "Ma.", "Ti.", "On.", "To.", "Fr.", "Lø."]
+  };
+  return daysLanguages[language];
+};
+export const computeMonths = function (date) {
+  const year = date.getFullYear();
+  const month = date.getMonth() + 1;
+  return (year * 12) + month;
+};

package/umd/modules/@postnord/web-components/collection/globals/illustrations.js

@@ -0,0 +1,60 @@
+export const getInvoicesIllustration = () => {
+  return '<svg width="80" height="80" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><circle id="a" cx="40" cy="40" r="40"/></defs><g fill="none" fill-rule="evenodd"><circle fill="#CDEEFB" fill-rule="nonzero" cx="40" cy="40" r="40"/><mask id="b" fill="#fff"><use xlink:href="#a"/></mask><g mask="url(#b)"><path fill="#FFF" fill-rule="nonzero" d="M73 26.06h2l-1-2zM71 26.06h2l-1-2zM69 26.06h2l-1-2zM67 26.06h2l-1-2zM65 26.06h2l-1-2z"/><path fill="#F0F0F0" d="M64 26.06h2l-1-2zM62 26.06h2l-1-2z"/><path fill="#FFF" fill-rule="nonzero" d="M53 29.06h22v-3H53z"/><path fill="#FFF" fill-rule="nonzero" d="M46 33.06h29v-6H46z"/><path fill="#F7F7F7" fill-rule="nonzero" d="M38 39.06h23v-19H38z"/><path fill="#48BAE4" fill-rule="nonzero" d="M58 39.06h13v-7H58z"/><path d="M70.54 39.06h-.08c-2.463 0-4.46-2.091-4.46-4.67v-5.33h9v5.33c0 2.579-1.997 4.67-4.46 4.67" fill="#FFF" fill-rule="nonzero"/><path d="M66 39.06H55V25.858c0-3.189 2.45-5.798 5.444-5.798h.112c2.994 0 5.444 2.609 5.444 5.798V39.06z" fill="#48BAE4" fill-rule="nonzero"/><path d="M55 20.06v68.56l-44-.06v-60.5c0-4.452 3.74-8.06 8.353-8.06L55 20.06z" fill="#F7F7F7" fill-rule="nonzero"/><path fill="#BEBEBE" fill-rule="nonzero" d="M24 52.06h18v2H24z"/><path fill="#DEDEDE" fill-rule="nonzero" d="M18 57.06h30v2H18zM18 62.06h30v2H18zM18 67.06h30v2H18z"/><path d="M33.716 28.336c.726.06 1.383.186 1.97.377a9.71 9.71 0 0 1 1.646.702v2.583h-1.123a6.397 6.397 0 0 0-1.146-.798 4.5 4.5 0 0 0-1.347-.471v4.323c.816.225 1.518.468 2.106.73.587.262 1.072.577 1.454.944.382.366.662.803.842 1.308.18.505.27 1.114.27 1.825 0 1.415-.414 2.536-1.241 3.363-.828.828-2.046 1.316-3.656 1.466v2.235h-2.044v-2.19c-.449-.03-.866-.077-1.252-.14a7.94 7.94 0 0 1-2.083-.64 8.452 8.452 0 0 1-.921-.5V40.69h1.168c.15.172.326.344.528.517.202.172.432.333.69.482.259.15.543.281.854.394.31.112.65.19 1.016.235v-4.683a13.275 13.275 0 0 1-1.892-.724 5.348 5.348 0 0 1-1.393-.943 3.668 3.668 0 0 1-.864-1.275c-.199-.487-.298-1.056-.298-1.707 0-.696.114-1.314.343-1.853.228-.54.548-1.002.96-1.387a4.738 4.738 0 0 1 1.477-.927 7.044 7.044 0 0 1 1.892-.46V27h2.044v1.336zm1.595 11.938c0-.307-.04-.567-.118-.78a1.5 1.5 0 0 0-.349-.55 2.159 2.159 0 0 0-.567-.4 5.719 5.719 0 0 0-.786-.314v4.021c.644-.135 1.108-.376 1.393-.724.284-.349.427-.766.427-1.253zm-5.391-7.636c0 .471.14.842.421 1.112.28.269.724.512 1.33.73V30.75c-.598.12-1.04.337-1.324.651-.285.315-.427.727-.427 1.236z" fill="#48BAE4" fill-rule="nonzero"/></g></g></svg>';
+};
+export const getReturnsIllustration = () => {
+  return '<svg width="80" height="80" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><circle id="a" cx="40" cy="40" r="40"/></defs><g fill="none" fill-rule="evenodd"><circle fill="#DBF0DF" fill-rule="nonzero" cx="40" cy="40" r="40"/><mask id="b" fill="#fff"><use xlink:href="#a"/></mask><g mask="url(#b)"><path d="M35 31h7c3.308 0 6-2.69 6-6 0-3.308-2.691-6-6.004-6H38v-4h3.996C47.518 15 52 19.483 52 25c0 5.52-4.483 10-10 10h-7l3 6v1h-3.5L28 33l6.5-9H38v1l-3 6z" fill="#00A0D6" fill-rule="nonzero"/><path fill="#0C7BAD" d="M13 80h50V47H13z"/><path fill="#00A0D6" d="M0 80h45V47H0z"/><path fill="#CDEEFB" opacity=".5" d="M51 47v9.342l.587.658.587-.658h.002l.588.658.574-.644.575.644.587-.658.587.658.577-.647.577.647.586-.657.586.657.587-.658V47z"/><path fill="#FFF" d="M25 75h17V60H25z"/><path fill="#CDEEFB" opacity=".5" d="M23 61h20v-3H23zM23 77h20v-3H23z"/><path fill="#48BAE4" d="M27 63h5v-1h-5z"/><path fill="#DEDEDE" d="M27 65h12v-1H27zM27 68h12v-1H27zM27 69h12v-1H27zM36 63h3v-1h-3z"/><path fill="#757575" d="M27 74h1v-3h-1zM28 74h1v-3h-1zM30 74h1v-3h-1zM32 74h1v-3h-1zM33 74h1v-3h-1zM35 74h1v-3h-1zM36 74h1v-3h-1z"/></g></g></svg>';
+};
+export const getReportsIllustration = () => {
+  return '<svg width="80" height="80" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><circle id="a" cx="40" cy="40" r="40"/></defs><g fill="none" fill-rule="evenodd"><circle cx="40" cy="40" r="40"/><mask id="b" fill="#fff"><use xlink:href="#a"/></mask><use fill="#CDEEFB" fill-rule="nonzero" xlink:href="#a"/><g mask="url(#b)"><g transform="translate(12 16)" fill-rule="nonzero"><path fill="#F7F7F7" d="M0 0h49l7 7v69H0z"/><path fill="#DEDEDE" d="M45 23H22v2h23zM45 8H22v2h23zM27 28h-5v2h5zM27 13h-5v2h5zM36 28h-5v2h5zM36 13h-5v2h5zM45 28h-5v2h5zM45 13h-5v2h5z"/><g fill="#00A0D6"><path d="M18 43h-5v12h5zM27 39h-5v16h5zM36 37h-5v18h5zM45 40h-5v15h5z"/></g><circle fill="#00A0D6" cx="12.226" cy="12" r="5"/><circle fill="#E36200" cx="12.226" cy="27" r="5"/><path fill="#F0F0F0" d="M49 0l7 7h-7z"/></g></g></g></svg>';
+};
+export const getCompanySettingsIllustration = () => {
+  return '<svg width="80" height="80" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><circle id="a" cx="40" cy="40" r="40"/></defs><g fill="none" fill-rule="evenodd"><circle fill="#DBF0DF" fill-rule="nonzero" cx="40" cy="40" r="40"/><mask id="b" fill="#fff"><use xlink:href="#a"/></mask><g mask="url(#b)" fill-rule="nonzero"><path d="M40 46.069A6.06 6.06 0 0 1 33.931 40 6.06 6.06 0 0 1 40 33.931 6.06 6.06 0 0 1 46.069 40 6.06 6.06 0 0 1 40 46.069zm22-3.092v-5.994l-5.8-2.118c-.32-1-.68-1.879-1.12-2.758l2.6-5.595-4.24-4.236-5.6 2.598c-.88-.44-1.76-.84-2.72-1.12L43 18h-6l-2.12 5.795c-.96.28-1.84.68-2.72 1.119l-5.6-2.598-4.24 4.236 2.6 5.595c-.44.84-.84 1.759-1.12 2.758L18 36.983v5.994l5.8 2.118c.32 1 .68 1.879 1.12 2.758l-2.6 5.595 4.24 4.236 5.6-2.598c.88.44 1.76.84 2.72 1.12L37 62h6l2.12-5.795c.96-.28 1.84-.68 2.72-1.119l5.6 2.598 4.24-4.236-2.6-5.595c.48-.84.84-1.759 1.12-2.758l5.8-2.118z" fill="#00A0D6"/><path d="M40 33.931V18h3l2.12 5.755c.96.28 1.84.68 2.72 1.119l5.6-2.598 4.24 4.236-2.6 5.595c.44.88.8 1.759 1.12 2.758l5.8 2.118v5.994l-5.8 2.118c-.28 1-.64 1.919-1.12 2.758l2.6 5.595-4.24 4.236-5.6-2.598c-.88.44-1.76.84-2.72 1.12L43 62h-3V46.069A6.06 6.06 0 0 0 46.069 40 6.06 6.06 0 0 0 40 33.931zm-22 9.046v-5.994 5.994z" fill="#0C7BAD"/></g></g></svg>';
+};
+export const getClaimsBusinessIllustration = () => {
+  return '<svg width="80" height="80" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><path d="M40 80c22.091 0 40-17.909 40-40 0-11.757-5.072-22.328-13.147-29.647C65.37 9.01 63.753 5.559 62 0c-4.563 1.925-7.63 2.622-9.199 2.092A39.953 39.953 0 0 0 40 0C17.909 0 0 17.909 0 40s17.909 40 40 40z" id="a"/></defs><g fill="none" fill-rule="evenodd"><circle fill="#DBF0DF" fill-rule="nonzero" cx="40" cy="40" r="40"/><g><mask id="b" fill="#fff"><use xlink:href="#a"/></mask><g fill-rule="nonzero" mask="url(#b)"><path fill="#0C7BAD" d="M10 45.5L40 25l30 20.5v28H10z"/><path fill="#F7F7F7" d="M13 13h54v56H13z"/><path fill="#DEDEDE" d="M21 54h38v2H21z"/><path fill="#BEBEBE" d="M21 24h22v2H21zM21 30h15v2H21z"/><path fill="#DEDEDE" d="M21 39h38v2H21zM21 44h38v2H21zM21 49h38v2H21z"/><g transform="translate(48 20)"><circle fill="#00A0D6" cx="5" cy="5" r="5"/><path d="M4.121 5.828L6.95 3l.707.707-2.829 2.829-.707.707L2 5.12l.707-.707 1.414 1.414z" fill="#FFF"/></g><path fill="#00A0D6" d="M10 45.5l30 21 30-21v35H10z"/><path fill="#48BAE4" d="M40 59.5l30 21H10z"/></g></g></g></svg>';
+};
+export const getPowerOfAttorneyIllustration = () => {
+  return '<svg width="80" height="80" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><circle id="a" cx="40" cy="40" r="40"/></defs><g fill="none" fill-rule="evenodd"><circle fill="#CDEEFB" fill-rule="nonzero" cx="40" cy="40" r="40"/><mask id="b" fill="#fff"><use xlink:href="#a"/></mask><g mask="url(#b)"><path fill="#FFF" fill-rule="nonzero" d="M73 26.06h2l-1-2zM71 26.06h2l-1-2zM69 26.06h2l-1-2zM67 26.06h2l-1-2zM65 26.06h2l-1-2z"/><path fill="#F0F0F0" d="M64 26.06h2l-1-2zM62 26.06h2l-1-2z"/><path fill="#FFF" fill-rule="nonzero" d="M53 29.06h22v-3H53z"/><path fill="#FFF" fill-rule="nonzero" d="M46 33.06h29v-6H46z"/><path fill="#F7F7F7" fill-rule="nonzero" d="M38 39.06h23v-19H38z"/><path fill="#48BAE4" fill-rule="nonzero" d="M58 39.06h13v-7H58z"/><path d="M70.54 39.06h-.08c-2.463 0-4.46-2.091-4.46-4.67v-5.33h9v5.33c0 2.579-1.997 4.67-4.46 4.67" fill="#FFF" fill-rule="nonzero"/><path d="M66 39.06H55V25.858c0-3.189 2.45-5.798 5.444-5.798h.112c2.994 0 5.444 2.609 5.444 5.798V39.06z" fill="#48BAE4" fill-rule="nonzero"/></g><path d="M55 20.06v68.56l-44-.06v-60.5c0-4.452 3.74-8.06 8.353-8.06L55 20.06z" fill="#F7F7F7" fill-rule="nonzero" mask="url(#b)"/><path fill="#BEBEBE" fill-rule="nonzero" mask="url(#b)" d="M24 52.06h18v2H24z"/><path fill="#DEDEDE" fill-rule="nonzero" mask="url(#b)" d="M18 57.06h30v2H18zM18 62.06h30v2H18zM18 67.06h30v2H18z"/><path d="M36.898 41.594a1.688 1.688 0 0 1-2.053.79 1.695 1.695 0 0 0-1.52.196 1.694 1.694 0 0 1-2.19-.243 1.692 1.692 0 0 0-1.44-.524c-.83.1-1.61-.42-1.824-1.22a1.665 1.665 0 0 0-1.027-1.124 1.652 1.652 0 0 1-1.041-1.917 1.64 1.64 0 0 0-.381-1.466 1.642 1.642 0 0 1-.02-2.176 1.64 1.64 0 0 0 .354-1.473c-.2-.803.229-1.628 1.007-1.935a1.662 1.662 0 0 0 1.006-1.142c.2-.803.97-1.337 1.802-1.252a1.69 1.69 0 0 0 1.43-.55 1.695 1.695 0 0 1 2.184-.281c.45.295 1.019.358 1.525.169a1.688 1.688 0 0 1 2.066.753c.26.469.733.784 1.27.849.832.1 1.461.788 1.476 1.615.01.534.28 1.031.725 1.334.69.47.922 1.369.547 2.108a1.638 1.638 0 0 0 .013 1.514c.39.732.173 1.635-.508 2.116a1.65 1.65 0 0 0-.7 1.347c0 .826-.617 1.527-1.447 1.641a1.678 1.678 0 0 0-1.254.871zm-5.005-3.537L37 32.749l-.973-1.01-4.134 4.296-1.92-1.996-.973 1.01 2.893 3.008z" fill="#0C7BAD" fill-rule="nonzero" mask="url(#b)"/><path d="M31.314 43.596L29.698 48l-2.007-1.78-2.691.083 2.016-5.496c.094.152.167.317.214.493a1.887 1.887 0 0 0 2.053 1.372 1.903 1.903 0 0 1 1.618.59c.124.133.263.245.413.334zM38.982 41.412l1.795 4.891-2.692-.084L36.078 48l-1.758-4.791c.253-.016.51.019.755.106a1.899 1.899 0 0 0 2.31-.889 1.887 1.887 0 0 1 1.411-.98c.063-.008.125-.02.186-.034z" fill="#00A0D6" fill-rule="nonzero" mask="url(#b)"/></g></svg>';
+};
+export const getSendDirectBusinessIllustration = () => {
+  return '<svg width="80" height="80" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><circle id="a" cx="40" cy="40" r="40"/></defs><g fill="none" fill-rule="evenodd"><circle fill="#CDEEFB" fill-rule="nonzero" cx="40" cy="40" r="40"/><mask id="b" fill="#fff"><use xlink:href="#a"/></mask><g mask="url(#b)"><path fill="#BEBEBE" d="M12 86h8V15h-8z"/><path fill="#999" d="M20 78h2V24h-2z"/><path fill="#999" d="M12 30h10v-4H12zM12 42h10v-4H12zM12 59h10v-4H12z"/><path fill="#BEBEBE" d="M54 86h8V15h-8z"/><path fill="#999" d="M62 86h2V15h-2z"/><path fill="#999" d="M54 30h10v-4H54zM54 42h10v-4H54zM54 59h10v-4H54zM54 71h10v-4H54zM12 71h10v-2H12z"/><path fill="#999" d="M62 57h4V47h-4zM62 28h4V15h-4zM62 86h4V76h-4z"/><path fill="#DEDEDE" d="M-30 28h92V15h-92zM-30 40h92v-6h-92zM-30 69h92v-6h-92zM-30 57h92V47h-92zM-30 86h92V76h-92z"/><g><path fill="#00A0D6" d="M39 80h8V40h-8z"/><path fill="#48BAE4" d="M-12 80h51V40h-51z"/><path fill="#FFF" d="M15 58h19V45H15z"/><path fill="#48BAE4" d="M17 51h13v-3H17zM17 56h8v-3h-8z"/></g></g></g></svg>';
+};
+export const getSendDirectIllustration = () => {
+  return '<svg width="80" height="80" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><circle id="a" cx="40" cy="40" r="40"/><path d="M3.435.001v.001C1.537.002 0 2.92 0 6.517c0 3.599 1.537 6.515 3.435 6.515l.012-.002h8.836V.001H3.435z" id="c"/><path d="M3.435.001v.001C1.537.002 0 2.92 0 6.517c0 3.599 1.537 6.515 3.435 6.515l.012-.002h8.836V.001H3.435z" id="e"/><path d="M3.435.001v.001C1.537.002 0 2.92 0 6.517c0 3.599 1.537 6.515 3.435 6.515l.012-.002h8.836V.001H3.435z" id="g"/><path d="M3.435.001v.001C1.537.002 0 2.92 0 6.517c0 3.599 1.537 6.515 3.435 6.515l.012-.002h8.836V.001H3.435z" id="i"/></defs><g fill="none" fill-rule="evenodd"><circle fill="#CDEEFB" fill-rule="nonzero" cx="40" cy="40" r="40"/><mask id="b" fill="#fff"><use xlink:href="#a"/></mask><g mask="url(#b)"><path fill="#00A0D6" fill-rule="nonzero" d="M17 87h82V25H17z"/><path fill="#48BAE4" d="M22 34h5v-1h-5z"/><path fill="#DEDEDE" d="M32.04 84.593v-57.29H15v57.29z"/><path d="M23.018 27.188V89c4.983 0 9.021-1.976 9.021-4.416V27.188h-9.02z" fill-opacity=".5" fill="#BEBEBE"/><path d="M32.04 26.936c0 2.637-3.816 4.774-8.52 4.774-4.705 0-8.52-2.137-8.52-4.774 0-2.638 3.815-4.774 8.52-4.774 4.704 0 8.52 2.136 8.52 4.774" fill="#BEBEBE"/><path d="M30.035 26.698c0 1.896-2.917 3.434-6.515 3.434-3.599 0-6.515-1.538-6.515-3.434 0-1.897 2.916-3.434 6.515-3.434 3.598 0 6.515 1.537 6.515 3.434" fill="#FFF"/><path fill="#FFF" d="M30.034 26.698V17.85h-13.03v8.85z"/><path d="M23.018 30.118c.167.007.332.014.502.014 3.598 0 6.515-1.538 6.515-3.434l-.001-.013V17.85h-7.016v12.27z" fill="#E7E6E6"/><path d="M30.036 17.868c0 1.896-2.917 3.434-6.515 3.434-3.599 0-6.515-1.538-6.515-3.434 0-1.897 2.916-3.434 6.515-3.434 3.598 0 6.515 1.537 6.515 3.434" fill="#DEDEDE"/><path d="M28.615 17.85c0 1.232-2.309 2.23-5.156 2.23-2.847 0-5.156-.998-5.156-2.23 0-1.233 2.31-2.233 5.156-2.233 2.847 0 5.156 1 5.156 2.232" fill="#C6C5C5"/><g><g transform="rotate(-90 23.5 6.5)"><mask id="d" fill="#fff"><use xlink:href="#c"/></mask><path d="M7.21 6.37l-1.582.73-.078.036.923 3.892S9.576 7.086 7.87 2.796C6.89.333 3.62-.999 3.62-.999l.923 3.891.086-.008 1.722-.139-1.582.73-.079.037.714 3.005.084-.007 1.723-.14z" fill="#17AC39" mask="url(#d)"/></g><g transform="rotate(-90 23.5 6.5)"><mask id="f" fill="#fff"><use xlink:href="#e"/></mask><path d="M.74 6.897l-1.608-.663-.08-.033-1.96 3.44s2.333.161 4.228-1.114C3.59 7 4.09 3.662 4.204 3.464L3.147-.99 1.188 2.45l.065.058 1.312 1.185-1.608-.662-.08-.033-1.513 2.656.065.058L.74 6.897z" fill="#17AC39" mask="url(#f)"/></g><g transform="rotate(-90 23.5 6.5)"><mask id="h" fill="#fff"><use xlink:href="#g"/></mask><path d="M-.235 6.016l.975.88-1.609-.662-.08-.032-1.958 3.438s2.332.163 4.226-1.112c.953-.642 1.59-1.6 2.022-2.512H-.235z" fill="#108B33" mask="url(#h)"/></g><g transform="rotate(-90 23.5 6.5)"><mask id="j" fill="#fff"><use xlink:href="#i"/></mask><path d="M5.285 6.016l.118.501.086-.007 1.722-.14-1.582.73-.079.037.923 3.89s1.691-2.154 1.886-5.01H5.285z" fill="#108B33" mask="url(#j)"/></g></g><path fill="#FFF" d="M28 55V41h-8v14z"/><path fill="#48BAE4" d="M24 53V43h-2v10z"/><path d="M44.434 39h-5.795v-1.477l2.35-2.267c.273-.262.506-.5.7-.712.193-.213.35-.41.468-.592.12-.181.206-.353.261-.515a1.54 1.54 0 0 0 .082-.496c0-.32-.1-.572-.302-.755-.2-.184-.5-.276-.9-.276-.194 0-.378.019-.55.056a3.074 3.074 0 0 0-.48.143 2.798 2.798 0 0 0-.414.203 3.6 3.6 0 0 0-.342.231h-.586v-1.26a5.087 5.087 0 0 1 1.072-.524 4.78 4.78 0 0 1 .683-.185c.24-.047.487-.07.74-.07.462 0 .875.047 1.24.14.365.094.674.239.926.434s.445.442.58.738c.135.297.202.647.202 1.05 0 .3-.047.582-.14.846a3.37 3.37 0 0 1-.408.782 6.125 6.125 0 0 1-.65.782c-.256.264-.548.544-.876.841l-1.547 1.418h3.686V39zm3.181-3.768l2.244-2.53h1.436v.456l-1.858 2.016 2.11 3.346V39H49.93l-1.67-2.654-.645.674V39h-1.752v-8.402h1.067c.144 0 .26.011.348.035.088.023.158.07.208.14.051.07.085.17.103.3.017.128.026.298.026.509v3.65zm10.63 3.434c0 .387-.073.728-.218 1.022a2.005 2.005 0 0 1-.63.745 2.915 2.915 0 0 1-1.016.454 5.646 5.646 0 0 1-1.377.152c-.574 0-1.07-.049-1.485-.146a4.415 4.415 0 0 1-1.046-.37v-1.26H53c.215.15.47.274.765.376.295.101.635.152 1.022.152.567 0 .992-.098 1.277-.293.286-.195.428-.51.428-.943v-.393c-.21.18-.465.326-.762.44-.296.113-.623.17-.978.17-.348 0-.679-.056-.993-.168a2.195 2.195 0 0 1-.83-.524 2.523 2.523 0 0 1-.565-.908c-.138-.367-.208-.807-.208-1.318 0-.586.077-1.084.232-1.495.154-.41.36-.746.618-1.007a2.34 2.34 0 0 1 .885-.572c.332-.119.673-.178 1.025-.178.398 0 .736.056 1.014.17.277.113.52.265.726.457.067-.157.156-.284.27-.381a.667.667 0 0 1 .451-.147h.867v5.965zm-2.99-1.12c.22 0 .436-.042.651-.128.215-.086.41-.191.586-.316v-2.795a1.788 1.788 0 0 0-.495-.27 1.972 1.972 0 0 0-.636-.088c-.18 0-.355.027-.527.08a1.106 1.106 0 0 0-.457.275c-.133.13-.24.31-.322.536-.082.226-.123.514-.123.861 0 .352.026.645.079.88.052.233.134.423.243.567.11.145.247.248.413.308.166.06.362.09.589.09zM38 44h30v3H38zM38 50h14v3H38z" fill="#0C7BAD" fill-rule="nonzero"/></g></g></svg>';
+};
+export const getTrackAndTraceIllustration = () => {
+  return '<svg width="80" height="80" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><path d="M40 80c22.091 0 40-17.909 40-40S62.091 0 40 0a39.836 39.836 0 0 0-17.744 4.141C19.336 5.59 9.462 2.914 7 5c-2.784 2.359 1.915 9.56-.137 12.59A39.814 39.814 0 0 0 0 40c0 22.091 17.909 40 40 40z" id="a"/><path id="c" d="M0 0h100v26H0z"/><path id="e" d="M0 0h100v26H0z"/><path id="g" d="M0 0h100v26H0z"/></defs><g fill="none" fill-rule="evenodd"><circle fill="#DBF0DF" fill-rule="nonzero" cx="40" cy="40" r="40"/><mask id="b" fill="#fff"><use xlink:href="#a"/></mask><g mask="url(#b)"><path fill="#0C7BAD" fill-rule="nonzero" d="M20 24h4v60h-4z"/><g transform="translate(8 5)"><mask id="d" fill="#fff"><use xlink:href="#c"/></mask><path d="M97.046 26H2.954A2.948 2.948 0 0 1 0 23.059V2.94A2.948 2.948 0 0 1 2.954 0h94.092A2.948 2.948 0 0 1 100 2.941V23.06A2.948 2.948 0 0 1 97.046 26" fill="#F4F4F4" mask="url(#d)"/></g><path d="M34 31H10.954A2.955 2.955 0 0 1 8 28.046V7.954A2.955 2.955 0 0 1 10.954 5H34v26z" fill="#48BAE4"/><path fill="#DEDEDE" d="M42 16h26v-3H42zM42 23h57v-3H42z"/><path d="M16 15h11v8H16v-8zm1 1v2h3v-2h-3zm4-4v2h-5v-.26l1.13-1.672a.168.168 0 0 1 .14-.068H21zm1 0h3.73c.058 0 .111.026.14.068L27 13.741V14h-5v-2z" fill="#0C7BAD" fill-rule="nonzero"/><g><g transform="translate(8 36)"><mask id="f" fill="#fff"><use xlink:href="#e"/></mask><path d="M97.046 26H2.954A2.948 2.948 0 0 1 0 23.059V2.94A2.948 2.948 0 0 1 2.954 0h94.092A2.948 2.948 0 0 1 100 2.941V23.06A2.948 2.948 0 0 1 97.046 26" fill="#F4F4F4" mask="url(#f)"/></g><path d="M34 62H10.954A2.955 2.955 0 0 1 8 59.046V38.954A2.955 2.955 0 0 1 10.954 36H34v26z" fill="#48BAE4"/><path fill="#DEDEDE" d="M42 47h26v-3H42zM42 54h57v-3H42z"/><path d="M16 46h11v8H16v-8zm1 1v2h3v-2h-3zm4-4v2h-5v-.26l1.13-1.672a.168.168 0 0 1 .14-.068H21zm1 0h3.73c.058 0 .111.026.14.068L27 44.741V45h-5v-2z" fill="#0C7BAD" fill-rule="nonzero"/></g><g><g transform="translate(8 67)"><mask id="h" fill="#fff"><use xlink:href="#g"/></mask><path d="M97.046 26H2.954A2.948 2.948 0 0 1 0 23.059V2.94A2.948 2.948 0 0 1 2.954 0h94.092A2.948 2.948 0 0 1 100 2.941V23.06A2.948 2.948 0 0 1 97.046 26" fill="#F4F4F4" mask="url(#h)"/></g><path d="M34 93H10.954A2.955 2.955 0 0 1 8 90.046V69.954A2.955 2.955 0 0 1 10.954 67H34v26z" fill="#48BAE4"/><path fill="#DEDEDE" d="M42 78h38v-3H42z"/><path d="M16 77h11v8H16v-8zm1.222 1.23v1.847h2.445V78.23h-2.445zM21 74v2h-5v-.26l1.13-1.672a.168.168 0 0 1 .14-.068H21zm1 0h3.73c.058 0 .111.026.14.068L27 75.741V76h-5v-2z" fill="#0C7BAD" fill-rule="nonzero"/></g></g></g></svg>';
+};
+export const getTrackingIllustration = () => {
+  return '<svg width="80" height="80" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><circle id="a" cx="40" cy="40" r="40"/></defs><g fill="none" fill-rule="evenodd"><circle fill="#DBF0DF" fill-rule="nonzero" cx="40" cy="40" r="40"/><mask id="b" fill="#fff"><use xlink:href="#a"/></mask><g mask="url(#b)"><path fill="#00A0D6" fill-rule="nonzero" d="M127.706 14H20l-9 15v1h124v-.8z"/><path fill="#48BAE4" fill-rule="nonzero" d="M11 84h124V29H11z"/><path fill="#FFF" d="M27.4 63.617h27.201V38.613h-27.2z"/><path fill="#48BAE4" d="M30.6 43.453h9.6V41.84h-9.6z"/><path fill="#DEDEDE" d="M30.6 47.486h20.801v-1.614h-20.8zM30.6 50.712h20.801v-1.613h-20.8zM30.6 53.938h20.801v-1.613h-20.8zM47.401 43.453h4V41.84h-4z"/><path fill="#757575" d="M30.6 61.198H33v-4.84h-2.4zM33.8 61.198h.8v-4.84h-.8zM36.2 61.198h2.4v-4.84h-2.4zM39.4 61.198H41v-4.84h-1.6zM41.8 61.198h.8v-4.84h-.8zM43.4 61.198h2.401v-4.84h-2.4zM47.401 61.198h.8v-4.84h-.8z"/><path fill="#CDEEFB" d="M25 40.226h32.002V37H25zM25 65.23h32.002v-3.226H25z"/><path fill="#B7E8F7" d="M64 29h17V14H64z"/><path fill="#CDEEFB" d="M64 29v20.552L65.426 51l1.426-1.448h.005L68.283 51l1.396-1.416L71.074 51l1.426-1.448L73.926 51l1.4-1.422L76.729 51l1.422-1.445L79.574 51 81 49.552V29z"/></g></g></svg>';
+};
+export const getVatIllustration = () => {
+  return '<svg width="80" height="80" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><circle id="a" cx="40" cy="40" r="40"/></defs><g fill="none" fill-rule="evenodd"><circle fill="#CDEEFB" fill-rule="nonzero" cx="40" cy="40" r="40"/><mask id="b" fill="#fff"><use xlink:href="#a"/></mask><g mask="url(#b)"><path fill="#0C7BAD" d="M13 80h50V47H13z"/><path fill="#00A0D6" d="M0 80h45V47H0z"/><path fill="#CDEEFB" opacity=".5" d="M51 47v9.342l.587.658.587-.658h.002l.588.658.574-.644.575.644.587-.658.587.658.577-.647.577.647.586-.657.586.657.587-.658V47z"/><path fill="#FFF" d="M25 75h17V60H25z"/><path fill="#CDEEFB" opacity=".5" d="M23 61h20v-3H23zM23 77h20v-3H23z"/><path fill="#48BAE4" d="M27 63h5v-1h-5z"/><path fill="#DEDEDE" d="M27 65h12v-1H27zM27 68h12v-1H27zM27 69h12v-1H27zM36 63h3v-1h-3z"/><path fill="#757575" d="M27 74h1v-3h-1zM28 74h1v-3h-1zM30 74h1v-3h-1zM32 74h1v-3h-1zM33 74h1v-3h-1zM35 74h1v-3h-1zM36 74h1v-3h-1z"/></g><g mask="url(#b)" fill-rule="nonzero"><path d="M40 42l-3.87-2.958C29.754 34.167 26 26.515 26 18.389v-4.037L40 9l14 5.352v4.037c0 8.126-3.753 15.778-10.13 20.653L40 42z" fill="#00A0D6"/><path d="M40 9v33l3.87-2.958C50.246 34.167 54 26.515 54 18.389v-4.037L40 9z" fill="#0C7BAD"/><path d="M36.887 22.331c.315 0 .561-.142.739-.428.177-.285.266-.739.266-1.36 0-.632-.09-1.088-.27-1.368-.18-.28-.425-.42-.735-.42-.315 0-.561.14-.739.42-.177.28-.266.736-.266 1.368 0 .621.09 1.075.266 1.36.178.286.424.428.739.428zm0 1.398c-.371 0-.73-.067-1.076-.2a2.671 2.671 0 0 1-.925-.599c-.27-.266-.485-.6-.645-1.002-.16-.402-.241-.875-.241-1.418 0-.538.08-1.005.24-1.402.161-.396.376-.725.646-.985s.579-.453.925-.578a3.15 3.15 0 0 1 1.076-.187c.371 0 .73.062 1.076.187.346.125.655.317.925.578.27.26.485.589.645.985.16.397.241.864.241 1.402 0 .543-.08 1.016-.24 1.418-.16.402-.376.736-.646 1.002s-.579.466-.925.6c-.346.132-.705.199-1.076.199zM35.283 30l8.518-13h1.89l-8.525 13h-1.883zm8.83-1.846c.315 0 .561-.142.739-.425.177-.282.266-.737.266-1.364 0-.626-.09-1.08-.27-1.364-.18-.283-.425-.424-.735-.424s-.554.141-.734.424c-.18.283-.27.738-.27 1.364 0 .627.09 1.082.27 1.364.18.283.424.425.734.425zm0 1.397c-.371 0-.73-.067-1.076-.2a2.671 2.671 0 0 1-.925-.599c-.27-.266-.485-.6-.645-1.002-.16-.402-.241-.875-.241-1.418 0-.538.08-1.005.24-1.401.16-.397.376-.725.646-.986.27-.26.579-.453.925-.578a3.15 3.15 0 0 1 1.076-.187c.371 0 .73.062 1.076.187.346.125.655.317.925.578.27.26.485.59.645.986.16.396.241.863.241 1.401 0 .543-.08 1.016-.24 1.418-.161.402-.376.736-.646 1.002-.27.267-.579.466-.925.6-.346.132-.705.199-1.076.199z" fill="#FFF"/></g></g></svg>';
+};
+export const getSecureFileTransferIllustration = () => {
+  return '<svg width="80" height="80" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><circle id="a" cx="40" cy="40" r="40"/></defs><g fill="none" fill-rule="evenodd"><circle fill="#CDEEFB" fill-rule="nonzero" cx="40" cy="40" r="40"/><mask id="b" fill="#fff"><use xlink:href="#a"/></mask><use fill="#DBF0DF" fill-rule="nonzero" xlink:href="#a"/><g mask="url(#b)" fill-rule="nonzero"><path d="M28.5 58c.873 2.886 2.645 5.049 6.5 7.5l5 3.5 6.009-1.116C54.172 66.649 61.117 64.3 66 61.238V58H28.5z" fill="#2EC953" opacity=".172"/><path d="M40.103 69l-7.098-4.84C22.3 56.182 16 43.66 16 30.364v-6.607L40.103 15 63 23.758v6.607c0 13.296-6.3 25.818-17.005 33.794L40.103 69z" fill="#00A0D6"/><path d="M40 15v54l6.633-4.84C57.566 56.182 64 43.66 64 30.364v-6.607L40 15z" fill="#0C7BAD"/></g><g mask="url(#b)" fill="#FFF" fill-rule="nonzero"><path d="M43.302 41v1.3l1.745 3.9H34v2.6h11.047l-1.745 3.9V54h1.745L49 47.5s-2.694-4.658-3.953-6.5h-1.745zM37.698 26v1.3l-1.745 3.9H47v2.6H35.953l1.745 3.9V39h-1.745L32 32.5s2.694-4.658 3.953-6.5h1.745z"/></g></g></svg>';
+};
+export const getMessagingIllustration = () => {
+  return '<svg width="80" height="80" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><circle id="a" cx="40" cy="40" r="40"/><circle id="c" cx="40" cy="40" r="40"/></defs><g fill="none" fill-rule="evenodd"><circle cx="40" cy="40" r="40"/><mask id="b" fill="#fff"><use xlink:href="#a"/></mask><g mask="url(#b)"><use fill="#DBF0DF" fill-rule="nonzero" xlink:href="#c"/><path d="M56.25 26.093l-6.82 7.846a3.113 3.113 0 0 1-4.364.314 3.08 3.08 0 0 1-.315-4.345l6.82-7.847a3.112 3.112 0 0 1 4.363-.314 3.08 3.08 0 0 1 .316 4.346" fill="#EDD8B9"/><path fill="#DCC8A8" d="M20 66h22V45H20z"/><path fill="#DCC8A8" d="M47 56.4L40 63v-9h7z"/><path fill="#A505CC" fill-rule="nonzero" d="M20 80h24V65H20z"/><path d="M22 73.5a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0" fill="#FFF"/><path d="M26 73.5a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0" fill="#FFF"/><path d="M30 73.5a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0" fill="#FFF"/><path d="M34 73.5a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0" fill="#FFF"/><path d="M38 73.5a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0" fill="#FFF"/><path d="M42 73.5a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0" fill="#FFF"/><path d="M46 73.5a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0" fill="#FFF"/><path fill="#DCC8A8" d="M48 56.454L41 63v-9h7z"/><path d="M49.973 57H31.027C29.355 57 28 55.661 28 54.01V10.99C28 9.34 29.355 8 31.027 8h18.946C51.645 8 53 9.339 53 10.99v43.02C53 55.66 51.645 57 49.973 57" fill="#3C3C3C"/><path d="M30 25V11.622c0-.896.752-1.622 1.68-1.622h3.718c.33 0 .623.203.726.505.23.667.877 1.117 1.606 1.117h5.54c.729 0 1.375-.45 1.606-1.117a.764.764 0 0 1 .726-.505h3.718c.928 0 1.68.726 1.68 1.622v41.15C51 53.45 50.29 54 49.415 54h-17.83C30.71 54 30 53.45 30 52.772V25z" fill="#FFF" fill-rule="nonzero"/><path d="M27 39v-7h5.886C34.053 32 35 33.02 35 34.28v.048C35 36.898 33.05 39 30.668 39H27z" fill="#EDD8B9"/><path d="M28 46h-8v-4.558l1.478-6.558c.38-1.682 1.943-2.884 3.754-2.884H28v14z" fill="#EDD8B9"/><path fill="#EDD8B9" d="M20 65h2V41h-2zM55.429 38.27l-5.103.704c-1.615.222-3.093-.995-3.301-2.72-.21-1.724.931-3.302 2.546-3.525l5.103-.703c1.615-.222 3.093.995 3.301 2.72.209 1.724-.931 3.302-2.546 3.525"/><path d="M55.437 44.145l-6.122.83c-1.61.217-3.082-.976-3.29-2.665-.208-1.69.929-3.237 2.538-3.455l6.122-.83c1.61-.217 3.083.975 3.29 2.665.208 1.69-.928 3.237-2.538 3.455" fill="#EDD8B9"/><path d="M53.43 50.527l-3.105.446c-1.615.231-3.092-1.036-3.3-2.83v-.001c-.209-1.795.931-3.438 2.545-3.67l3.105-.445c1.615-.231 3.092 1.036 3.3 2.83v.001c.209 1.795-.931 3.438-2.545 3.67M22.301 65H22V40h.301C28.763 40 34 45.549 34 52.393v.215C34 59.45 28.763 65 22.301 65" fill="#EDD8B9"/><path d="M38 31h6c0 1.664-1.336 3-3 3s-3-1.336-3-3zm9.133-5.071l1.867 3V30H33v-1.071l1.867-3V21.16C34.867 17.759 37.613 15 41 15s6.133 2.759 6.133 6.16v4.769z" fill="#00A0D6" fill-rule="nonzero"/></g></g></svg>';
+};
+export const getPexIllustration = () => {
+  return '<svg width="80" height="80" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><path d="M40 80c22.091 0 40-17.909 40-40S62.091 0 40 0 0 17.909 0 40a39.824 39.824 0 0 0 4.705 18.838C5.336 60.019 3.768 60.407 0 60v6c9.082 2.734 13.97 4.385 14.661 4.952A39.835 39.835 0 0 0 40 80z" id="a"/><path id="c" d="M.158.187h15.423v15.368H.158z"/></defs><g fill="none" fill-rule="evenodd"><circle fill="#CDEEFB" fill-rule="nonzero" cx="40" cy="40" r="40"/><g><mask id="b" fill="#fff"><use xlink:href="#a"/></mask><g mask="url(#b)"><path fill="#3C3C3C" fill-rule="nonzero" d="M46 70h70v-3H46z"/><g transform="translate(32.79 57.52)"><mask id="d" fill="#fff"><use xlink:href="#c"/></mask><path d="M15.58 7.871c0 4.244-3.452 7.684-7.71 7.684-4.26 0-7.712-3.44-7.712-7.684S3.61.187 7.869.187c4.26 0 7.712 3.44 7.712 7.684" fill="#3C3C3C" mask="url(#d)"/></g><path fill="#48BAE4" fill-rule="nonzero" d="M17 64h26V13H17z"/><path fill="#00A0D6" fill-rule="nonzero" d="M43 64l50.938-.005V13H43z"/><path fill="#10779E" d="M21 61h19V16H21z"/><path fill="#BEBEBE" d="M8 63h32v-2H8z"/><path fill="#DEDEDE" d="M0 63h8v-2H0z"/><path d="M70.455 36.37c-.88 0-1.209.527-1.209.527l-.102.169v-.557h-1.478v4.166h1.477v-2.136c0-.584.23-.844.745-.844.566 0 .613.5.613.967v2.013h1.492v-2.57c0-1.135-.53-1.735-1.538-1.735zm9.95 1.395c.224 0 .394.035.483.06l.036-1.346a1.272 1.272 0 0 0-.318-.031c-.836 0-1.067.503-1.077.525l-.102.233v-.697h-1.478v4.166h1.478V38.67c0-.6.329-.905.977-.905zM65.958 35.55h-1.477v5.125h1.477v-2.941h.767l.665-1.225h-1.432v-.96zm11.506 3.004c0 1.556-1.268 2.252-2.524 2.252-1.14 0-2.47-.571-2.47-2.183 0-1.556 1.267-2.253 2.524-2.253 1.23 0 2.47.675 2.47 2.184zm8.451-3.356v5.477H84.44v-.527l-.096.13c-.004.006-.406.536-1.27.536-1.204 0-2.012-.896-2.012-2.23 0-1.278.895-2.206 2.128-2.206.78 0 1.154.382 1.158.386l.092.098v-1.376l1.477-.288zm-23.46 2.859l-.194-.028c-.38-.054-.59-.083-.59-.303 0-.26.361-.294.675-.294a4.19 4.19 0 0 1 1.274.216l.254-1.091a6.515 6.515 0 0 0-1.512-.179c-1.432 0-2.254.531-2.254 1.456 0 .74.473 1.104 1.632 1.255.528.07.768.101.768.347 0 .266-.335.3-.628.3-.676 0-1.31-.234-1.501-.312l-.29 1.13c.176.055.837.245 1.651.245 1.525 0 2.331-.504 2.331-1.456 0-.64-.27-1.08-1.617-1.286zm-2.632.497c0 1.556-1.269 2.252-2.525 2.252-1.14 0-2.47-.571-2.47-2.183 0-1.556 1.267-2.253 2.524-2.253 1.23 0 2.47.675 2.47 2.184zm-5.364.046c0 1.279-.896 2.206-2.13 2.206-.78 0-1.153-.382-1.156-.385l-.093-.098v1.582h-1.478V36.51h1.478v.527l.097-.13c.004-.005.408-.536 1.27-.536 1.203 0 2.012.896 2.012 2.23zm21.427 0c0-.569-.371-.951-.923-.951-.557 0-.932.382-.932.951 0 .538.392.928.932.928.543 0 .923-.381.923-.928zm8.601-.015c0-.538-.392-.928-.93-.928-.544 0-.924.382-.924.928 0 .568.37.95.923.95.557 0 .931-.382.931-.95zm-26.242.015c0-.569-.372-.951-.924-.951-.557 0-.932.382-.932.951 0 .538.392.928.932.928.544 0 .924-.381.924-.928zm-5.36 0c0-.569-.37-.951-.923-.951-.557 0-.93.382-.93.951 0 .538.39.928.93.928.544 0 .923-.381.923-.928z" fill="#FFF"/><path fill="#E6E7E8" d="M30 41h10v-8H30z"/><path fill="#F0F0F0" d="M30 41h6v-8h-6z"/><path fill="#DEDEDE" d="M27 51h13V41H27z"/><path fill="#EAEAEA" d="M27 51h10V41H27z"/><path fill="#F0F0F0" d="M24 61h16V51H24z"/><path fill="#F7F7F7" fill-rule="nonzero" d="M23 61h13V51H23z"/><path fill="#F0F0F0" d="M28.742 51v2.686l.118.117.117-.117.119.117.115-.115.115.115.117-.117.118.117.116-.115.115.115.117-.117.118.117.117-.117V51z"/><path fill="#DEDEDE" d="M31 41v2.678l.118.116.117-.116.118.116.116-.114.114.114.118-.116.118.116.115-.114.116.114.117-.116.118.116.117-.116V41z"/><path fill="#E6E7E8" d="M32.247 32.33v2.679l.118.116.117-.116.119.116.115-.113.115.113.117-.116.118.116.116-.114.115.114.117-.116.118.116.117-.116v-2.678z"/><path fill="#00A0D6" fill-rule="nonzero" d="M20 61h1V16h-1z"/><path fill="#BEBEBE" fill-rule="nonzero" d="M21 32h19V16H21z"/><path fill="#F0F0F0" fill-rule="nonzero" d="M21 33h19v-3H21zM21 25h19v-3H21zM21 21h19v-3H21zM21 17h19v-1H21zM21 29h19v-3H21z"/><path fill="#DEDEDE" d="M26 31.5h7v-1h-7z"/><path fill="#BCBCBC" d="M26.5 31h6v-.5h-6z"/><path fill="#0D8BB7" d="M43 67h70v-4H43z"/><path d="M52.577 65.392c0-5.401 4.394-9.78 9.815-9.78 5.42 0 9.814 4.379 9.814 9.78H52.577z" fill="#0D8BB7"/><path d="M70.103 65.392c0 4.244-3.452 7.684-7.71 7.684-4.26 0-7.713-3.44-7.713-7.684s3.453-7.685 7.712-7.685 7.711 3.44 7.711 7.685" fill="#3C3C3C" fill-rule="nonzero"/><path d="M67.3 65.392c0 2.7-2.198 4.89-4.908 4.89-2.71 0-4.907-2.19-4.907-4.89 0-2.701 2.197-4.89 4.907-4.89s4.907 2.189 4.907 4.89" fill="#BEBEBE" fill-rule="nonzero"/><path d="M65.196 65.392a2.799 2.799 0 0 1-2.804 2.794 2.799 2.799 0 0 1-2.804-2.794 2.799 2.799 0 0 1 2.804-2.794 2.799 2.799 0 0 1 2.804 2.794" fill="#3C3C3C" fill-rule="nonzero"/><path fill="#0C7BAD" fill-rule="nonzero" d="M15 67h28v-4H15z"/><path d="M48.002 66h-2.003a1 1 0 0 1 0-2h2.003a1 1 0 0 1 0 2" fill="#CDEEFB" fill-rule="nonzero"/><path fill="#3C3C3C" fill-rule="nonzero" d="M21 34l9 5.5V33h-9z"/></g></g></g></svg>';
+};
+export const getPaymentsIllustration = () => {
+  return '<svg width="80" height="80" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><circle fill="#DBF0DF" fill-rule="nonzero" cx="40" cy="40" r="40"/><path fill="#17AC39" d="M36 68h30v-3H36z"/><path fill="#108B33" d="M36 71h30v-3H36zM66 68h8v-3h-8z"/><path fill="#0B6D24" d="M66 71h8v-3h-8z"/><path fill="#FFF" d="M45 71h12v-6H45z"/><path fill="#00A0D6" d="M47 69h8v-2h-8z"/><path fill="#17AC39" d="M33 62h30v-3H33z"/><path fill="#108B33" d="M33 65h30v-3H33zM63 62h8v-3h-8z"/><path fill="#0B6D24" d="M63 65h8v-3h-8z"/><path fill="#FFF" d="M42 65h12v-6H42z"/><path fill="#00A0D6" d="M44 63h8v-2h-8z"/><path fill="#108B33" d="M36 59h30v-3H36z"/><path fill="#17AC39" fill-rule="nonzero" d="M36 56h30v-3H36z"/><path fill="#0B6D24" d="M66 59h8v-3h-8z"/><path fill="#108B33" fill-rule="nonzero" d="M66 56h8v-3h-8z"/><path fill="#FFF" d="M45 59h12v-6H45z"/><path fill="#00A0D6" d="M47 57h8v-2h-8z"/><path d="M41.241 71H26.76a.754.754 0 0 1-.759-.75v-1.5c0-.414.34-.75.759-.75H41.24c.42 0 .759.336.759.75v1.5c0 .414-.34.75-.759.75" fill="#BEBEBE"/><path d="M39.318 71H26.681c-.376 0-.681-.327-.681-.73v-1.54c0-.403.305-.73.681-.73h12.637c.376 0 .682.327.682.73v1.54c0 .403-.306.73-.682.73" fill="#DEDEDE"/><path fill="#BEBEBE" d="M28 70h1v-1h-1zM31 70h1v-1h-1zM34 70h1v-1h-1zM37 70h1v-1h-1zM37.289 68H23.71c-.393 0-.711-.336-.711-.75v-1.5c0-.414.318-.75.711-.75H37.29c.393 0 .711.336.711.75v1.5c0 .414-.318.75-.711.75"/><path d="M35.318 68H22.681c-.376 0-.681-.327-.681-.73v-1.54c0-.403.305-.73.681-.73h12.637c.376 0 .682.327.682.73v1.54c0 .403-.306.73-.682.73" fill="#DEDEDE"/><path fill="#BEBEBE" d="M27 67h1v-1h-1zM24 67h1v-1h-1zM30 67h1v-1h-1zM33 67h1v-1h-1zM40.241 65H25.76a.754.754 0 0 1-.759-.75v-1.5c0-.414.34-.75.759-.75H40.24c.42 0 .759.336.759.75v1.5c0 .414-.34.75-.759.75"/><path d="M38.318 65H25.681c-.376 0-.681-.327-.681-.73v-1.54c0-.403.305-.73.681-.73h12.637c.376 0 .682.327.682.73v1.54c0 .403-.306.73-.682.73" fill="#DEDEDE"/><path fill="#BEBEBE" d="M27 64h1v-1h-1zM30 64h1v-1h-1zM33 64h1v-1h-1zM36 64h1v-1h-1z"/><g transform="rotate(-10 164.227 -60.496)" fill-rule="nonzero"><rect fill="#00A0D6" width="38" height="23" rx="3"/><circle fill="#48BAE4" cx="27.5" cy="6.5" r="3.5"/><circle fill="#0C7BAD" cx="31.5" cy="6.5" r="3.5"/><rect fill="#CDEEFB" x="3" y="8" width="7" height="5" rx="1"/><path fill="#0C7BAD" d="M3 17h7v3H3zM11 17h7v3h-7zM19 17h7v3h-7zM27 17h7v3h-7z"/></g></g></svg>';
+};
+export const getDashboardIllustration = () => {
+  return '<svg width="80" height="80" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><circle id="a" cx="40" cy="40" r="40"/><path id="c" d="M0 10V0l8 2z"/><path id="e" d="M0 7L6.5.5l4.5 4-3 12z"/><path id="g" d="M0 10V0l8 2z"/><path id="i" d="M0 7L6.5.5l4.5 4-3 12z"/></defs><g fill="none" fill-rule="evenodd"><circle fill="#CDEEFB" fill-rule="nonzero" cx="40" cy="40" r="40"/><mask id="b" fill="#fff"><use xlink:href="#a"/></mask><g mask="url(#b)"><g transform="translate(13 16)"><path fill="#F7F7F7" fill-rule="nonzero" d="M0 0h70v64H0z"/><path fill="#F0F0F0" fill-rule="nonzero" d="M0 0h12v64H0z"/><path fill="#00A0D6" fill-rule="nonzero" d="M70 0H0v5h70z"/><path fill="#F0F0F0" fill-rule="nonzero" d="M38 10H16v25h22z"/><path fill="#DEDEDE" fill-rule="nonzero" d="M38 10H16v4h22z"/><circle fill="#00A0D6" fill-rule="nonzero" cx="27" cy="24" r="8"/><g transform="translate(27 14)"><mask id="d" fill="#fff"><use xlink:href="#c"/></mask><circle fill="#48BAE4" fill-rule="nonzero" mask="url(#d)" cy="10" r="8"/></g><g transform="translate(27 17)"><mask id="f" fill="#fff"><use xlink:href="#e"/></mask><circle fill="#CDEEFB" fill-rule="nonzero" mask="url(#f)" cy="7" r="8"/></g><path fill="#F0F0F0" fill-rule="nonzero" d="M64 10H42v25h22z"/><path fill="#DEDEDE" fill-rule="nonzero" d="M64 10H42v4h22z"/><circle fill="#900" fill-rule="nonzero" cx="53" cy="24" r="8"/><g transform="translate(53 14)"><mask id="h" fill="#fff"><use xlink:href="#g"/></mask><circle fill="#CC1414" fill-rule="nonzero" mask="url(#h)" cy="10" r="8"/></g><g transform="translate(53 17)"><mask id="j" fill="#fff"><use xlink:href="#i"/></mask><circle fill="#FCC" fill-rule="nonzero" mask="url(#j)" cy="7" r="8"/></g><path fill="#F0F0F0" fill-rule="nonzero" d="M25 39h-9v19h9zM70 39H29v19h41z"/><path fill="#DEDEDE" fill-rule="nonzero" d="M70 42H32v5h38zM70 50H32v5h38zM23 42h-5v5h5zM23 50h-5v5h5z"/></g></g></g></svg>';
+};
+export const getCustomerServiceIllustration = () => {
+  return '<svg width="80" height="80" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><path d="M40 80c22.091 0 40-17.909 40-40a39.815 39.815 0 0 0-5.531-20.308A38.728 38.728 0 0 0 69.5 13c-2.03-2.201-4.4-4.291-6.877-5.992A39.815 39.815 0 0 0 40 0C17.909 0 0 17.909 0 40c0 4.826.855 9.452 2.42 13.735.83 2.27-3.628 2.21-2.42 4.265.997 1.698-1.229 9.475 0 11 1.038 1.288 10.986-1.416 12.173-.266C19.373 75.708 29.185 80 40 80z" id="a"/></defs><g fill="none" fill-rule="evenodd"><circle fill="#CDEEFB" fill-rule="nonzero" cx="40" cy="40" r="40"/><mask id="b" fill="#fff"><use xlink:href="#a"/></mask><g mask="url(#b)" fill="#107BAD"><path d="M10.472 66L10 59h81.5l.118 4.59c0 1.33-1.015 2.41-2.269 2.41H10.472z"/></g><path d="M3.5 59C1.656 59 0 60.798 0 62.737V65.4c0 .331.255.6.57.6h73.208L74 59H3.5z" fill="#00A0D6" fill-rule="nonzero" mask="url(#b)"/><path d="M29 59h16a2 2 0 0 1-2 2H31a2 2 0 0 1-2-2z" fill="#0C7BAD" fill-rule="nonzero" mask="url(#b)"/><g mask="url(#b)" fill="#0487BA"><path d="M68.447 66c-.238 0-.43-.2-.43-.446v-3.173C68.016 60.64 69.32 59 71 59h20.5l.108 5.193c0 .998-.78 1.807-1.741 1.807h-21.42z"/></g><path d="M89 59H23V20.852A2.846 2.846 0 0 1 25.842 18h60.376A2.787 2.787 0 0 1 89 20.792V59z" fill="#00A0D6" fill-rule="nonzero" mask="url(#b)"/><path fill="#C6E9ED" mask="url(#b)" d="M27 59h59V23H27z"/><path fill="#F2FAFD" fill-rule="nonzero" mask="url(#b)" d="M27 59h59V27H27z"/><g mask="url(#b)" fill="#3A83B5"><path d="M27 27h58v-4H27z"/></g><path d="M57 20.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0" fill="#3A83B5" mask="url(#b)"/><path fill="#48BAE4" fill-rule="nonzero" mask="url(#b)" d="M31 31h30v10H38l-4 3v-3h-3z"/><path fill="#48BAE4" fill-rule="nonzero" mask="url(#b)" transform="matrix(-1 0 0 1 122 0)" d="M46 44h30v10H53l-4 3v-3h-3z"/></g></svg>';
+};
+export const getCreateMailoutsIllustration = () => {
+  return '<svg width="80" height="80" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><path d="M40 80c22.091 0 40-17.909 40-40 0-11.757-5.072-22.328-13.147-29.647C65.37 9.01 63.753 5.559 62 0c-4.563 1.925-7.63 2.622-9.199 2.092A39.953 39.953 0 0 0 40 0C17.909 0 0 17.909 0 40s17.909 40 40 40z" id="a"/></defs><g fill="none" fill-rule="evenodd"><circle fill="#DBF0DF" fill-rule="nonzero" cx="40" cy="40" r="40"/><mask id="b" fill="#fff"><use xlink:href="#a"/></mask><path fill="#0C7BAD" fill-rule="nonzero" mask="url(#b)" d="M10 45.5L40 25l30 20.5v28H10z"/><path fill="#F7F7F7" fill-rule="nonzero" mask="url(#b)" transform="rotate(-20 40.19 28.4)" d="M11.19 9.9h58v37h-58z"/><g mask="url(#b)"><path d="M37.41 43.798l8.759-3.187-7.729-21.235-3.268-.492-2.841-2.604-2.172.79c.722.898 1.347 2.437 1.878 4.619.531 2.18.296 3.82-.706 4.914l6.08 17.195z" fill="#A52DCC"/><path d="M54.927 37.423l-8.758 3.188-7.721-21.214 1.81-2.121.793-4.17 2.25-.819c.025 1.151.535 2.733 1.53 4.745.996 2.012 2.23 3.116 3.7 3.311l6.396 17.08z" fill="#8623A5"/><path d="M38.465 19.56c2.419-.88 3.924-3.854 2.588-6.455-1.625 1.606-2.316 2.32-3.885 2.89-1.57.572-2.565.447-4.842.287.567 2.92 3.72 4.159 6.14 3.279z" fill="#BEBEBE"/><g fill="#FF7200"><path d="M36.311 40.778l17.516-6.375.342.94-17.515 6.375zM36.82 42.175L54.336 35.8l.342.94-17.516 6.375z"/></g><path d="M38.735 29.365l-.314-.864c.56-.155 1.307-.544 1.055-1.235-.186-.51-.712-.65-1.175-.482-.633.23-.805.811-.57 1.43l-1.204.438c-.405-1.251.113-2.408 1.397-2.876.999-.363 2.312-.166 2.705.914.208.57.1 1.187-.424 1.553l.007.017c.74-.103 1.36.298 1.605.972.462 1.27-.373 2.386-1.595 2.83-1.4.51-2.64.042-3.12-1.359l1.204-.438c.265.647.8 1.06 1.53.793.571-.208.878-.75.671-1.32-.333-.916-1.156-.597-1.772-.373zm4.11-2.61l-1.213.44c-.548-1.365-.123-2.723 1.375-3.269 1.14-.415 2.397-.07 2.828 1.113.33.908.013 1.59-.448 2.238-.46.647-1.066 1.259-1.295 2.046l2.952-1.074.383 1.054-4.583 1.668c-.5-1.403.165-2.32.987-3.421.42-.564 1.034-1.208.773-1.955-.208-.57-.732-.79-1.276-.592-.75.273-.716 1.112-.484 1.751z" fill="#FFF"/></g><g mask="url(#b)" fill="#E36201"><path d="M30.182 29.95l-.876 3.532-2.54-2.624-2.94 2.127-.272-3.635-3.628-.273 2.123-2.946-2.618-2.545 3.524-.879-.384-3.626 3.277 1.6 2.03-3.01L29.376 21l3.494-.987-.984 3.503 3.323 1.499-3.004 2.035 1.597 3.284z"/></g><path fill="#00A0D6" fill-rule="nonzero" mask="url(#b)" d="M10 45.5l30 21 30-21v35H10z"/><path fill="#48BAE4" fill-rule="nonzero" mask="url(#b)" d="M40 59.5l30 21H10z"/></g></svg>';
+};
+export const getClaimsIllustration = () => {
+  return '<svg width="80" height="80" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><path d="M40 80c22.091 0 40-17.909 40-40 0-11.757-5.072-22.328-13.147-29.647C65.37 9.01 63.753 5.559 62 0c-4.563 1.925-7.63 2.622-9.199 2.092A39.953 39.953 0 0 0 40 0C17.909 0 0 17.909 0 40s17.909 40 40 40z" id="a"/></defs><g fill="none" fill-rule="evenodd"><circle fill="#DBF0DF" fill-rule="nonzero" cx="40" cy="40" r="40"/><g><mask id="b" fill="#fff"><use xlink:href="#a"/></mask><g fill-rule="nonzero" mask="url(#b)"><path fill="#0C7BAD" d="M10 45.5L40 25l30 20.5v28H10z"/><path fill="#F7F7F7" d="M13 13h54v56H13z"/><path fill="#DEDEDE" d="M21 54h38v2H21z"/><path fill="#BEBEBE" d="M21 24h22v2H21zM21 30h15v2H21z"/><path fill="#DEDEDE" d="M21 39h38v2H21zM21 44h38v2H21zM21 49h38v2H21z"/><g transform="translate(48 20)"><circle fill="#00A0D6" cx="5" cy="5" r="5"/><path d="M4.121 5.828L6.95 3l.707.707-2.829 2.829-.707.707L2 5.12l.707-.707 1.414 1.414z" fill="#FFF"/></g><path fill="#00A0D6" d="M10 45.5l30 21 30-21v35H10z"/><path fill="#48BAE4" d="M40 59.5l30 21H10z"/></g></g></g></svg>';
+};
+export const getElinIllustration = () => {
+  return '<svg width="80" height="80" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="nonzero"><circle fill="#CDEEFB" cx="40" cy="40" r="40"/><path fill="#00A0D6" d="M11 33l21 14.929L53 33v25H11z"/><path fill="#0C7BAD" d="M32 43l21 15H11z"/><path fill="#48BAE4" d="M32 48l21-15H11z"/><g><path fill="#00A0D6" d="M19 36l21.5 14.331L62 36v24H19z"/><path fill="#0C7BAD" d="M40.5 45L62 60H19z"/><path fill="#48BAE4" d="M40.5 51L62 36H19z"/></g><g><path fill="#0C7BAD" d="M28 39.584l19.5-13.566L67 39.584v18.53H28z"/><path fill="#F7F7F7" d="M29.95 18.077h35.1v37.059h-35.1z"/><path fill="#DEDEDE" d="M35.15 45.209h24.7v1.324h-24.7z"/><path fill="#BEBEBE" d="M35.15 25.357h14.3v1.324h-14.3zM35.15 29.327h9.75v1.324h-9.75z"/><path fill="#DEDEDE" d="M35.15 35.283h24.7v1.324h-24.7zM35.15 38.592h24.7v1.324h-24.7zM35.15 41.901h24.7v1.324h-24.7z"/><path fill="#00A0D6" d="M28 39.584l19.5 13.898L67 39.584v23.162H28z"/><path fill="#48BAE4" d="M47.5 48.85L67 62.745H28z"/></g></g></svg>';
+};

package/umd/modules/@postnord/web-components/collection/globals/types.js

@@ -0,0 +1 @@
+export {};

package/umd/modules/@postnord/web-components/collection/index.js

@@ -0,0 +1 @@
+export * from './components';

package/umd/modules/@postnord/web-components/components/colors.js

@@ -0,0 +1,40 @@
+const colors = {
+  "black": "#000000",
+  "gray900": "#2D2013",
+  "gray700": "#5E554A",
+  "gray400": "#969087",
+  "gray200": "#D3CECB",
+  "gray50": "#F3F2F2",
+  "gray25": "#F9F8F8",
+  "white": "#FFFFFF",
+  "blue900": "#0D234B",
+  "blue700": "#005D92",
+  "blue400": "#00A0D6",
+  "blue200": "#8EDDF9",
+  "blue50": "#E0F8FF",
+  "blue25": "#EFFBFF",
+  "coral900": "#500715",
+  "coral700": "#9B1C2E",
+  "coral400": "#F06365",
+  "coral200": "#FBC2C1",
+  "coral50": "#FDEFEE",
+  "orange900": "#4F1600",
+  "orange700": "#99290A",
+  "orange400": "#F89142",
+  "orange200": "#FFC8A3",
+  "orange50": "#FFF1E3",
+  "green900": "#002F24",
+  "green700": "#005E41",
+  "green400": "#5EC584",
+  "green200": "#ABE3BB",
+  "green50": "#DCF6E7",
+  "green25": "#EDFBF3",
+  "warning": "#A70707",
+  "electric-default": "#a505cc",
+  "electric-haze": "#fdf4ff",
+  "electric-faded": "#f3d8f8",
+  "electric-light": "#cf38f5",
+  "electric-dark": "#8600a5"
+};
+
+export { colors as c };

package/umd/modules/@postnord/web-components/components/helpers.js

@@ -0,0 +1,158 @@
+const humanReadableFileSize = {
+  KB: 1024,
+  MB: 1024 * 1024,
+  GB: 1024 * 1024,
+  TB: 1024 * 1024 * 1024
+};
+const getBytesFromHumanReadableFileSize = function (sizeString) {
+  const fileSizeChecker = /(\d+\.?\d*)\s?([a-zA-Z]{2})?$/;
+  if (fileSizeChecker.test(sizeString)) {
+    const matches = sizeString.match(fileSizeChecker);
+    const unit = (matches[2] || "").toLocaleUpperCase();
+    const size = parseInt(matches[1]);
+    if (unit && humanReadableFileSize[unit]) {
+      const baseSize = humanReadableFileSize[unit];
+      return size * baseSize;
+    }
+    return size;
+  }
+  return 0;
+};
+const uuidv4 = function () {
+  return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function (currentValue) {
+    const random = (Math.random() * 16) | 0, value = currentValue == "x" ? random : (random & 0x3) | 0x8;
+    return value.toString(16);
+  });
+};
+const isNumeric = function (str) {
+  if (typeof str === "number" ||
+    (typeof str === "string" && /^\d+$/.test(str))) {
+    return true;
+  }
+  return false;
+};
+const createDateOrNull = function (dateStr) {
+  if (isNumeric(dateStr)) {
+    return null;
+  }
+  const date = new Date(dateStr);
+  if (date.toString() === "Invalid Date") {
+    return null;
+  }
+  else {
+    return date;
+  }
+};
+const debounce = function (func, wait, immediate) {
+  let timeout;
+  return function () {
+    const context = this, args = arguments;
+    const later = function () {
+      timeout = null;
+      if (!immediate)
+        func.apply(context, args);
+    };
+    const callNow = immediate && !timeout;
+    clearTimeout(timeout);
+    timeout = setTimeout(later, wait);
+    if (callNow)
+      func.apply(context, args);
+  };
+};
+const allowedLanguages = ["en", "sv", "da", "fi", "no"];
+const getMonthNamesByLanguage = function (language = "en") {
+  if (allowedLanguages.indexOf(language) === -1)
+    language = "en";
+  const monthLanguages = {
+    en: [
+      "January",
+      "February",
+      "March",
+      "April",
+      "May",
+      "June",
+      "July",
+      "August",
+      "September",
+      "October",
+      "November",
+      "December"
+    ],
+    sv: [
+      "Januari",
+      "Februari",
+      "Mars",
+      "April",
+      "Maj",
+      "Juni",
+      "Juli",
+      "Augusti",
+      "September",
+      "Oktober",
+      "November",
+      "December"
+    ],
+    da: [
+      "Januar",
+      "Februar",
+      "Marts",
+      "April",
+      "Maj",
+      "Juni",
+      "Juli",
+      "August",
+      "September",
+      "Oktober",
+      "November",
+      "December"
+    ],
+    fi: [
+      "Tammikuu",
+      "Helmikuu",
+      "Maaliskuu",
+      "Huhtikuu",
+      "Toukokuu",
+      "Kesäkuu",
+      "Heinäkuu",
+      "Elokuu",
+      "Syyskuu",
+      "Lokakuu",
+      "Marraskuu",
+      "Joulukuu"
+    ],
+    no: [
+      "Januar",
+      "Februar",
+      "Mars",
+      "April",
+      "Mai",
+      "Juni",
+      "Juli",
+      "August",
+      "September",
+      "Oktober",
+      "November",
+      "Desember"
+    ]
+  };
+  return monthLanguages[language];
+};
+const getDayNamesByLanguage = function (language = "en") {
+  if (allowedLanguages.indexOf(language) === -1)
+    language = "en";
+  const daysLanguages = {
+    en: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"],
+    sv: ["Sön", "Mån", "Tis", "Ons", "Tor", "Fre", "Lör"],
+    da: ["Søn.", "Man.", "Tirs.", "Ons. ", "Tors. ", "Fre.", "Lør."],
+    fi: ["Su", "Ma", "Ti", "Ke", "To", "Pe", "La"],
+    no: ["Sø.", "Ma.", "Ti.", "On.", "To.", "Fr.", "Lø."]
+  };
+  return daysLanguages[language];
+};
+const computeMonths = function (date) {
+  const year = date.getFullYear();
+  const month = date.getMonth() + 1;
+  return (year * 12) + month;
+};
+
+export { computeMonths as a, getDayNamesByLanguage as b, createDateOrNull as c, debounce as d, getBytesFromHumanReadableFileSize as e, getMonthNamesByLanguage as g, uuidv4 as u };