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

package/umd/modules/@postnord/web-components/esm/pn-file-upload.entry.js

@@ -0,0 +1,398 @@
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-1b1c55fe.js';
+import { g as getBytesFromHumanReadableFileSize, u as uuidv4 } from './helpers-53c419b0.js';
+
+class PnFileUploadError extends Error {
+  constructor(message, element, code = "INVALID", data = null) {
+    super(message);
+    this.name = "PNFileUploadError";
+    this.element = element;
+    this.code = code;
+    this.data = data;
+  }
+}
+
+const pnFileUploadCss = "pn-file-upload.hover .pn-file-upload-container .pn-dropzone-container{background-color:#E0F8FF}pn-file-upload.invalid .pn-file-upload-container .pn-dropzone-container,pn-file-upload.disabled .pn-file-upload-container .pn-dropzone-container{background-color:#D3CECB}pn-file-upload.invalid .pn-file-upload-container .pn-dropzone-container,pn-file-upload.invalid .pn-file-upload-container .pn-dropzone-container:after,pn-file-upload.disabled .pn-file-upload-container .pn-dropzone-container,pn-file-upload.disabled .pn-file-upload-container .pn-dropzone-container:after{background-image:-webkit-gradient(linear, left top, right top, color-stop(50%, #969087), color-stop(0%, transparent));background-image:linear-gradient(to right, #969087 50%, transparent 0%)}pn-file-upload.invalid .pn-file-upload-container .pn-dropzone-container .pn-dropzone-inner,pn-file-upload.invalid .pn-file-upload-container .pn-dropzone-container .pn-dropzone-inner:after,pn-file-upload.disabled .pn-file-upload-container .pn-dropzone-container .pn-dropzone-inner,pn-file-upload.disabled .pn-file-upload-container .pn-dropzone-container .pn-dropzone-inner:after{background-image:-webkit-gradient(linear, left top, left bottom, color-stop(50%, #969087), color-stop(0%, transparent));background-image:linear-gradient(to bottom, #969087 50%, transparent 0%)}pn-file-upload.invalid .pn-file-upload-container .pn-dropzone-container a,pn-file-upload.disabled .pn-file-upload-container .pn-dropzone-container a{cursor:default}pn-file-upload.invalid .pn-file-upload-container .pn-dropzone-container:hover,pn-file-upload.disabled .pn-file-upload-container .pn-dropzone-container:hover{background-color:#D3CECB}pn-file-upload.invalid .pn-file-upload-container .pn-dropzone-container .headline a,pn-file-upload.disabled .pn-file-upload-container .pn-dropzone-container .headline a{color:#5E554A}pn-file-upload .pn-file-upload-input{display:none}pn-file-upload .pn-file-upload-container .pn-dropzone-container{text-align:center;position:relative;background-image:-webkit-gradient(linear, left top, right top, color-stop(50%, #00A0D6), color-stop(0%, transparent));background-image:linear-gradient(to right, #00A0D6 50%, transparent 0%);background-position:top;background-size:16px 1px;background-repeat:repeat-x;background-color:#FFFFFF}pn-file-upload .pn-file-upload-container .pn-dropzone-container:after{content:\" \";position:absolute;width:100%;height:1px;bottom:0;left:0;background-image:-webkit-gradient(linear, left top, right top, color-stop(50%, #00A0D6), color-stop(0%, transparent));background-image:linear-gradient(to right, #00A0D6 50%, transparent 0%);background-position:bottom;background-size:16px 1px;background-repeat:repeat-x}pn-file-upload .pn-file-upload-container .pn-dropzone-container:hover{background-color:#E0F8FF}pn-file-upload .pn-file-upload-container .pn-dropzone-container .pn-dropzone-inner{padding:25px 60px;position:relative;background-image:-webkit-gradient(linear, left top, left bottom, color-stop(50%, #00A0D6), color-stop(0%, transparent));background-image:linear-gradient(to bottom, #00A0D6 50%, transparent 0%);background-position:left;background-size:1px 16px;background-repeat:repeat-y}pn-file-upload .pn-file-upload-container .pn-dropzone-container .pn-dropzone-inner:after{content:\" \";position:absolute;width:1px;height:100%;top:0;right:0;background-image:-webkit-gradient(linear, left top, left bottom, color-stop(50%, #00A0D6), color-stop(0%, transparent));background-image:linear-gradient(to bottom, #00A0D6 50%, transparent 0%);background-position:right;background-size:1px 16px;background-repeat:repeat-y}pn-file-upload .pn-file-upload-container .pn-dropzone-container .headline{color:#969087;font-size:16px;font-weight:300;line-height:20px;text-align:center;margin-bottom:8px}pn-file-upload .pn-file-upload-container .pn-dropzone-container .headline a{color:#005D92}pn-file-upload .pn-file-upload-container .pn-dropzone-container .description{color:#969087;font-size:12px;font-weight:300;line-height:16px;margin-bottom:0}pn-file-upload .files-list .files-list-item{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:start;align-items:flex-start}pn-file-upload .files-list .files-list-item>pn-progress-bar{margin-right:10px;-ms-flex:1;flex:1}pn-file-upload .files-list .files-list-item>pn-icon{margin-top:34px;cursor:pointer}pn-file-upload .files-list .files-list-item-error{color:#5E554A;font-size:14px;font-weight:300;line-height:20px}";
+
+let PnFileUpload = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.filesAdded = createEvent(this, "filesAdded", 7);
+    this.update = createEvent(this, "update", 7);
+    this.fileuploaderror = createEvent(this, "fileuploaderror", 7);
+    this.valid = createEvent(this, "valid", 7);
+    this.uploadFile = createEvent(this, "uploadFile", 7);
+    this.uploadCancelled = createEvent(this, "uploadCancelled", 7);
+    this.uploadCompleted = createEvent(this, "uploadCompleted", 7);
+    this.triggerElements = [];
+    this.renders = 0;
+    this.maxSize = "";
+    this.limit = 1;
+    this.invalid = false;
+    this.files = [];
+    this.maxSizeInBytes = 0;
+  }
+  componentWillLoad() {
+    this._initTriggerElements();
+    this._setDefaultValues();
+    this.initMaxBytes();
+    if (this.disabled) {
+      this.hostElement.classList.add("disabled");
+    }
+    else {
+      this.hostElement.classList.remove("disabled");
+    }
+  }
+  componentWillUpdate() {
+    if (this.invalid) {
+      this.hostElement.classList.add("invalid");
+    }
+    else {
+      this.hostElement.classList.remove("invalid");
+    }
+    if (this.disabled) {
+      this.hostElement.classList.add("disabled");
+    }
+    else {
+      this.hostElement.classList.remove("disabled");
+    }
+  }
+  initMaxBytes() {
+    this.maxSizeInBytes = getBytesFromHumanReadableFileSize(this.maxSize);
+  }
+  componentDidLoad() {
+    this.fileInputElement = this.hostElement.querySelector(".pn-file-upload-input");
+    this.fileInputElement.addEventListener("change", this._onAddFile.bind(this));
+  }
+  _setDefaultValues() {
+    if (this.limit > 1) {
+      this.multiple = true;
+    }
+  }
+  _initTriggerElements() {
+    const context = this;
+    this.triggerElements = Array.from(this.hostElement.querySelectorAll(".pn-open-file-explorer"));
+    this.triggerElements.forEach(function (element) {
+      if (element.dataset.canOpen !== "1") {
+        element.addEventListener("click", context.openFileExplorer.bind(context));
+        element.dataset.canOpen = "1";
+      }
+    });
+  }
+  _addFilesFromFileList(fileList) {
+    if (this.disabled || this.invalid) {
+      return;
+    }
+    const context = this;
+    const files = Array.from(fileList);
+    const promises = [];
+    if (this.multiple) {
+      files.forEach(function (file) {
+        promises.push(context._addFile(file));
+      });
+    }
+    else {
+      const file = files[0];
+      if (this.limit === 1) {
+        this.files = [];
+        promises.push(this._addFile(file));
+      }
+      else {
+        promises.push(this._addFile(file));
+      }
+    }
+    Promise.all(promises).then(function () {
+      context.filesAdded.emit(context.files);
+      context._isNotGreaterThanLimit();
+      context._checkValidity();
+      context._emitUpdateEvent();
+      context.fileInputElement.value = "";
+    });
+  }
+  _onAddFile() {
+    const files = this.fileInputElement.files;
+    return this._addFilesFromFileList(files);
+  }
+  _onDragOverFile(event) {
+    event.preventDefault();
+    event.stopPropagation();
+    this.hostElement.classList.add("hover");
+  }
+  _onDragLeaveFile(event) {
+    event.preventDefault();
+    event.stopPropagation();
+    this.hostElement.classList.remove("hover");
+  }
+  _onDropFile(event) {
+    event.preventDefault();
+    event.stopPropagation();
+    this.hostElement.classList.remove("hover");
+    this._addFilesFromFileList(event.dataTransfer.files);
+  }
+  _validateFileType(file) {
+    const accepts = this.accept ? this.accept.split(",") : [];
+    if (accepts.length) {
+      let valid = false;
+      for (const accept of accepts) {
+        const type = accept.trim().toLowerCase();
+        const isMimeType = /^\w+\/[a-z\.\-]+$/i;
+        const extension = file.filename.substr(file.filename.lastIndexOf(".")).toLowerCase();
+        if (isMimeType.test(type) && file.contentType === type) {
+          valid = true;
+          break;
+        }
+        else if (extension === type) {
+          valid = true;
+          break;
+        }
+      }
+      if (!valid) {
+        const error = new PnFileUploadError(`Invalid file type.`, this.hostElement, "INVALID_FILE_TYPE", file);
+        this.invalid = true;
+        this.fileuploaderror.emit(error);
+        throw error;
+      }
+    }
+  }
+  _validateFileSize(file) {
+    if (this.maxSizeInBytes > 0 && file.filesize > this.maxSizeInBytes) {
+      const error = new PnFileUploadError(`You can only add up to ${this.maxSize}.`, this.hostElement, "MAX_FILE_SIZE", file);
+      this.invalid = true;
+      this.fileuploaderror.emit(error);
+      throw error;
+    }
+  }
+  _validateLimit() {
+    if (this.limit && this.files.length > this.limit) {
+      const error = new PnFileUploadError(`You can only add up to ${this.limit} files.`, this.hostElement, "MAX_LIMIT", this.files);
+      this.invalid = true;
+      this.fileuploaderror.emit(error);
+      throw error;
+    }
+  }
+  _isNotGreaterThanLimit() {
+    try {
+      this._validateLimit();
+      return true;
+    }
+    catch (error) {
+      return false;
+    }
+  }
+  _checkValidity() {
+    if (!this.invalid) {
+      this.valid.emit(this);
+    }
+    this._initTriggerElements();
+    return !this.invalid;
+  }
+  _createBase64FromFile(file) {
+    return new Promise(function (resolve, reject) {
+      const reader = new FileReader();
+      reader.onload = function () {
+        resolve(reader.result);
+      };
+      reader.onerror = function (error) {
+        reject(error);
+      };
+      reader.onabort = function () {
+        reject("ABORTED");
+      };
+      reader.readAsDataURL(file);
+    });
+  }
+  _addFile(file) {
+    const context = this;
+    return this._createBase64FromFile(file).then(function (data) {
+      const split = data.split(",");
+      const base64 = split[1];
+      const contentType = split[0].split(":")[1].split(";")[0];
+      const request = new XMLHttpRequest();
+      const uploadFile = {
+        uuid: uuidv4(),
+        filename: file.name,
+        filesize: file.size,
+        progress: 0,
+        status: "queue",
+        base64: base64,
+        contentType: contentType,
+        error: null,
+        errorMessage: "",
+        file: file,
+        xhr: request
+      };
+      try {
+        context._validateFileSize(uploadFile);
+        context._validateFileType(uploadFile);
+      }
+      catch (error) {
+        uploadFile.error = error;
+        uploadFile.progress = 100;
+        uploadFile.status = "error";
+      }
+      uploadFile.xhrPromise = function () {
+        return new Promise(function (resolve, reject) {
+          request.responseType = "json";
+          request.addEventListener("progress", function (event) {
+            if (event.lengthComputable) {
+              uploadFile.progress = (event.loaded / event.total) * 100;
+              context.updateFile(uploadFile);
+            }
+            else {
+              uploadFile.progress = 100;
+              context.updateFile(uploadFile);
+            }
+          });
+          request.addEventListener("load", function (response) {
+            resolve(response.target.response);
+          });
+          request.addEventListener("error", function (error) {
+            uploadFile.error = error;
+            uploadFile.errorMessage =
+              "There was an error uploading your file, please try again";
+            context.updateFile(uploadFile);
+            const errorEvent = new PnFileUploadError("There was an error uploading your file, please try again", context.hostElement, "UPLOAD_SERVER_ERROR", uploadFile);
+            context.fileuploaderror.emit(errorEvent);
+            reject(error);
+          });
+        });
+      };
+      context.files = [...context.files, uploadFile];
+      return uploadFile;
+    });
+  }
+  _removeFile(targetFile, context) {
+    return function (event) {
+      event.preventDefault();
+      context.removeFile(targetFile);
+    };
+  }
+  _emitUpdateEvent() {
+    this.update.emit({
+      files: this.files,
+      element: this
+    });
+  }
+  openFileExplorer(event) {
+    event.preventDefault();
+    if (!this.invalid && !this.disabled) {
+      this.fileInputElement.click();
+    }
+  }
+  async startUpload() {
+    const context = this;
+    if (!context.files.length) {
+      return;
+    }
+    context.files = context.files.map(function (file, index) {
+      if (file.status === "queue") {
+        file.status = "start";
+        context.uploadFile.emit({
+          file: file,
+          index: index,
+          uploader: context
+        });
+      }
+      return file;
+    });
+    const promises = context.files.map(function (file) {
+      return file.xhrPromise().catch(function () {
+        return;
+      });
+    });
+    Promise.all(promises).then(function (data) {
+      const added = data.filter(function (item) {
+        return item;
+      });
+      context.uploadCompleted.emit(added);
+    });
+  }
+  async clearUpload() {
+    this.files = [];
+    this.fileInputElement.value = "";
+    this.invalid = false;
+    this.filesAdded.emit([]);
+  }
+  async removeFile(targetFile) {
+    let valid = true;
+    const files = [];
+    for (const fileIndex in this.files) {
+      const file = this.files[fileIndex];
+      if (!file.filename) {
+        continue;
+      }
+      // add to files if the uuid doesn't match
+      if (file.uuid !== targetFile.uuid) {
+        try {
+          this._validateFileSize(file);
+          this._validateFileType(file);
+          valid = true;
+        }
+        catch (error) {
+          valid = false;
+          file.error = error;
+          file.progress = 100;
+          file.status = "error";
+        }
+        files.push(file);
+      }
+      else if (file.status === "start") {
+        file.xhr.abort();
+        this.uploadCancelled.emit(file);
+      }
+    }
+    this.filesAdded.emit(files);
+    this.files = files;
+    this.invalid = !valid || !this._isNotGreaterThanLimit();
+    this._checkValidity();
+    this._emitUpdateEvent();
+  }
+  async updateFile(file, index = null) {
+    let files = this.files;
+    // find the index if not defined
+    if (index === null) {
+      for (const fIndex in files) {
+        const fFile = files[fIndex];
+        if (fFile.uuid === file.uuid) {
+          index = fIndex;
+          break;
+        }
+      }
+    }
+    if (files[index]) {
+      if (file.progress >= 100) {
+        file.progress = 100;
+        file.status = "completed";
+      }
+      else if (file.progress < 0) {
+        file.status = "start";
+        file.progress = 0;
+      }
+      if (file.error) {
+        file.progress = 100;
+        file.status = "error";
+        file.errorMessage =
+          file.errorMessage ||
+            "There was an error uploading your file, please try again";
+      }
+      files[index] = file;
+    }
+    this.files = files;
+    this._forceRender();
+  }
+  // @bug: stenciljs fails to re-render the array (e.g. files) if the array length is not updated
+  _forceRender() {
+    this.renders = this.renders + 1;
+  }
+  render() {
+    return (h("div", { class: "pn-file-upload-container" }, h("div", { class: "pn-dropzone-container" }, h("div", { class: "pn-dropzone-inner" }, h("div", { class: "pn-file-upload-dropzone", onDragOver: this._onDragOverFile.bind(this), onDragLeave: this._onDragLeaveFile.bind(this), onDrop: this._onDropFile.bind(this) }, h("div", { class: "default-message-container" }, this.disabled || this.invalid ? (h("pn-icon", { class: "pn-file-upload-dropzone-icon", symbol: "disabled", color: "grey-06-rock" })) : (h("pn-icon", { class: "pn-file-upload-dropzone-icon", symbol: "upload", color: "grey-06-rock" })), h("slot", null))))), h("section", { class: "files-list" }, this.files.map((file) => (h("div", { class: "files-list-item-container" }, h("div", { class: "files-list-item" }, h("pn-progress-bar", { label: file.filename, "show-spinner": this.showSpinner &&
+        file.progress < 100 &&
+        file.status === "start", progress: file.progress, color: file.status === "error" ? "error" : "default", size: "small", width: "100%" }), h("div", { class: "icon-button" }), h("pn-icon", { symbol: "minus-circle", color: "grey-05-battleship", onClick: this._removeFile(file, this) })), file.error ? (h("div", { class: "files-list-item-error" }, file.errorMessage || file.error.message)) : null)))), h("input", { type: "file", name: "pnFileUpload[]", class: "pn-file-upload-input", multiple: this.multiple, accept: this.accept })));
+  }
+  get hostElement() { return getElement(this); }
+  static get watchers() { return {
+    "maxSize": ["initMaxBytes"]
+  }; }
+};
+PnFileUpload.style = pnFileUploadCss;
+
+export { PnFileUpload as pn_file_upload };

package/umd/modules/@postnord/web-components/esm/pn-footer.entry.js

@@ -0,0 +1,253 @@
+import { r as registerInstance, h, a as Host } from './index-1b1c55fe.js';
+
+const contactUrls = {
+  DK: {
+    default: 'https://www.postnord.dk/en/help-and-support',
+    da: 'https://www.postnord.dk/kundeservice'
+  },
+  FI: {
+    default: 'https://www.postnord.fi/en/customer-service',
+    fi: 'https://www.postnord.fi/asiakaspalvelu/ota-yhteytta'
+  },
+  NO: {
+    default: 'https://www.postnord.no/en/contact-postnord',
+    no: 'https://www.postnord.no/kundeservice'
+  },
+  SE: {
+    default: 'https://www.postnord.se/en/help-and-support/contact-us',
+    sv: 'https://www.postnord.se/kundservice'
+  },
+  customerService: 'https://portal.postnord.com/customerservice',
+};
+const cookieUrls = {
+  DK: {
+    default: 'https://www.postnord.dk/en/cookies',
+    da: 'https://www.postnord.dk/cookies'
+  },
+  FI: {
+    default: 'https://www.postnord.fi/en/privacy-policy/information-about-the-cookies',
+    fi: 'https://www.postnord.fi/yksityisyydensuoja/tietoa-evasteista'
+  },
+  NO: {
+    default: 'https://www.postnord.no/en/cookies',
+    no: 'https://www.postnord.no/cookies'
+  },
+  SE: {
+    default: 'https://www.postnord.se/en/cookies',
+    sv: 'https://www.postnord.se/cookies'
+  }
+};
+const domainUrls = {
+  DK: {
+    default: 'postnord.com',
+    dk: 'postnord.dk'
+  },
+  FI: {
+    default: 'postnord.com',
+    fi: 'postnord.fi'
+  },
+  NO: {
+    default: 'postnord.com',
+    no: 'postnord.no'
+  },
+  SE: {
+    default: 'postnord.com',
+    se: 'postnord.se'
+  }
+};
+const privacyUrls = {
+  DK: {
+    default: 'https://www.postnord.se/en/privacy-policy',
+    da: 'https://www.postnord.dk/personlige-oplysninger'
+  },
+  FI: {
+    default: 'https://www.postnord.se/en/privacy-policy',
+    fi: 'https://www.postnord.fi/yksityisyydensuoja'
+  },
+  NO: {
+    default: 'https://www.postnord.se/en/privacy-policy',
+    no: 'https://www.postnord.no/personvernerklaering'
+  },
+  SE: {
+    default: 'https://www.postnord.se/en/privacy-policy',
+    sv: 'https://www.postnord.se/integritetspolicy'
+  }
+};
+const termsandConditionsUrls = {
+  DK: {
+    default: 'https://www.postnord.dk/kundeservice/kundeservice-erhverv/forretningsbetingelser',
+    da: 'https://www.postnord.dk/siteassets/pdf/forretningsbetingelser/2020/kundeportalen.pdf',
+  },
+  FI: {
+    default: 'https://www.postnord.fi/en/sending/terms',
+    fi: 'https://www.postnord.fi/laheta/sopimusehdot'
+  },
+  // NO: {
+  //   default: 'https://www.postnord.se/en/privacy-policy',
+  //   no: 'https://www.postnord.no/personvernerklaering'
+  // },
+  SE: {
+    default: 'https://www.postnord.se/siteassets/pdf/villkor/anvandarvillkor-postnord-konto.pdf',
+  }
+};
+
+const translations = {
+  COOKIES: {
+    da: 'Cookies',
+    en: 'Cookies',
+    fi: 'Evästeet',
+    no: 'Cookies',
+    sv: 'Cookies',
+  },
+  DO_YOU_HAVE_ANY_QUESTIONS: {
+    da: 'Har du nogen spørgsmål?',
+    en: 'Do you have any questions?',
+    fi: 'Onko sinulla kysyttävää?',
+    no: '',
+    sv: 'Undrar du över något?',
+  },
+  GET_IN_TOUCH: {
+    da: 'Kontakt os',
+    en: 'Get in touch',
+    fi: 'Ota yhteyttä',
+    no: '',
+    sv: 'Kontakta oss',
+  },
+  MORE_INFO_ABOUT_POSTNORD_CAN_BE_FOUND_AT: {
+    da: 'Mere information om PostNord findes på',
+    en: 'More information about PostNord can be found at',
+    fi: 'Lisää tietoa PostNordista löydät osoitteesta',
+    no: '',
+    sv: 'Mer information om PostNord hittar du på',
+  },
+  PRIVACY_POLICY: {
+    da: 'Integritetspolitik',
+    en: 'Privacy policy',
+    fi: 'Yksityisyysasetukset',
+    no: 'Privacy policy',
+    sv: 'Integritetspolicy',
+  },
+  TERMS_AND_CONDITIONS: {
+    da: 'Vilkår og betingelser',
+    en: 'Terms and conditions',
+    fi: 'Sopimusehdot',
+    no: 'Betingelser og vilkår',
+    sv: 'Villkor',
+  }
+};
+
+const pnFooterCss = "pn-footer{color:#5E554A;padding-bottom:2em;display:block}pn-footer .pn-footer-row{padding:0.2em 0;font-size:0.9em;text-align:center}pn-footer .pn-footer-row p,pn-footer .pn-footer-row a{margin-right:0.2em;display:inline-block}pn-footer a{color:#005D92}pn-footer pn-icon{margin-left:0.2em}pn-footer #ot-sdk-btn{-webkit-box-direction:normal;-webkit-box-sizing:border-box;box-sizing:border-box;color:#005D92;display:inline-block;font-size:0.9em;margin-right:0.2em;text-align:center;text-decoration:none;visibility:inherit}";
+
+let PnFooter = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.market = "SE";
+    this.language = "en";
+    this.isLoggedIn = false;
+    this.isBusinessUser = false;
+  }
+  componentWillLoad() {
+    const topbar = window.pnTopbar;
+    if (topbar) {
+      this.init();
+    }
+    else {
+      window.addEventListener("topbarLoaded", () => {
+        this.init();
+      });
+    }
+  }
+  init() {
+    const topbar = window.pnTopbar;
+    if (topbar) {
+      this.market = topbar.market;
+      this.language = topbar.language;
+      this.isLoggedIn = topbar.isLoggedIn;
+      this.isBusinessUser = topbar.isBusinessUser;
+      topbar.onChangeMarket = (market) => {
+        this.market = market;
+      };
+      topbar.onChangeLanguage = (language) => {
+        this.language = language;
+      };
+    }
+  }
+  getTranslation(keyToMatch, languageToMatch) {
+    // Loop through translations
+    for (const [key, languages] of Object.entries(translations)) {
+      if (key === keyToMatch.toUpperCase()) {
+        const englishTranslation = translations[key].en;
+        // Loop through languages
+        for (const [language, translation] of Object.entries(languages)) {
+          if (language === languageToMatch.toLowerCase()) {
+            if (this.isEmpty(translation)) {
+              return englishTranslation;
+            }
+            else {
+              return translation;
+            }
+          }
+        }
+        // If no matching language, return the english translation as fallback
+        return englishTranslation;
+      }
+    }
+    return keyToMatch; // If no translation found, return the key as last fallback
+  }
+  getUrl(urls, marketToMatch, languageToMatch) {
+    // Loop through markets
+    for (const [market, languages] of Object.entries(urls)) {
+      if (market === marketToMatch.toUpperCase()) {
+        // Loop through languages
+        for (const [language, url] of Object.entries(languages)) {
+          if (language === languageToMatch.toLowerCase()) {
+            return url;
+          }
+        }
+        // Return the default URL as fallback
+        const defaultMarketUrl = urls[market].default;
+        return defaultMarketUrl;
+      }
+    }
+    // As last fallback, return the english version from postnord.se
+    const defaultUrl = urls.SE.default;
+    return defaultUrl;
+  }
+  getDomain(urls, marketToMatch) {
+    const defaultUrl = urls.SE.default;
+    // Loop through markets
+    for (const [market, domains] of Object.entries(urls)) {
+      if (market === marketToMatch.toUpperCase()) {
+        const domain = domains[market.toLowerCase()];
+        if (this.isEmpty(domain)) {
+          return defaultUrl;
+        }
+        else {
+          return domain;
+        }
+      }
+    }
+    // As last fallback, return the english version: postnord.com
+    return defaultUrl;
+  }
+  render() {
+    const isPrivateFiUser = this.market === "FI" && this.isLoggedIn && !this.isBusinessUser;
+    return (h(Host, null, h("div", { class: "pn-footer-row" }, h("p", null, this.getTranslation("DO_YOU_HAVE_ANY_QUESTIONS", this.language)), this.isLoggedIn && !isPrivateFiUser ? (h("a", { href: contactUrls.customerService }, this.getTranslation("GET_IN_TOUCH", this.language))) : (h("a", { target: "_blank", rel: "noopener noreferrer", href: this.getUrl(contactUrls, this.market, this.language) }, this.getTranslation("GET_IN_TOUCH", this.language), h("pn-icon", { color: "blue700", small: true, symbol: "open-in-new" })))), h("div", { class: "pn-footer-row" }, this.market !== "NO" ? (h("a", { target: "_blank", rel: "noopener noreferrer", href: this.getUrl(termsandConditionsUrls, this.market, this.language) }, this.getTranslation("TERMS_AND_CONDITIONS", this.language), h("pn-icon", { color: "blue700", small: true, symbol: "open-in-new" }))) : null, h("a", { target: "_blank", rel: "noopener noreferrer", href: this.getUrl(privacyUrls, this.market, this.language) }, this.getTranslation("PRIVACY_POLICY", this.language), h("pn-icon", { color: "blue700", small: true, symbol: "open-in-new" })), h("a", { target: "_blank", rel: "noopener noreferrer", href: this.getUrl(cookieUrls, this.market, this.language) }, this.getTranslation("COOKIES", this.language), h("pn-icon", { color: "blue700", small: true, symbol: "open-in-new" }))), h("div", { class: "pn-footer-row" }, h("p", null, this.getTranslation("MORE_INFO_ABOUT_POSTNORD_CAN_BE_FOUND_AT", this.language)), h("a", { target: "_blank", rel: "noopener noreferrer", href: `https://www.${this.getDomain(domainUrls, this.market)}` }, this.getDomain(domainUrls, this.market), h("pn-icon", { color: "blue700", small: true, symbol: "open-in-new" })))));
+  }
+  isEmpty(input) {
+    const isNullOrUndefined = !input;
+    if (isNullOrUndefined) {
+      return true;
+    }
+    const isEmptyStr = input.trim().length === 0;
+    if (isEmptyStr) {
+      return true;
+    }
+    else {
+      return false;
+    }
+  }
+};
+PnFooter.style = pnFooterCss;
+
+export { PnFooter as pn_footer };

package/umd/modules/@postnord/web-components/esm/pn-icon-grid.entry.js

@@ -0,0 +1,36 @@
+import { r as registerInstance, h } from './index-1b1c55fe.js';
+import { a as allIcons } from './icons-ea68193b.js';
+import { c as colors } from './colors-7b5cb327.js';
+
+const pnIconGridCss = "#sb-addon-centered-wrapper{background-color:#f2f2f2}.sb-show-main{background-color:#f2f2f2}.icon-grid{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:5rem auto;width:100%;display:grid;grid-template-columns:repeat(auto-fill, 17rem);grid-gap:5rem;max-width:120rem}.icon-grid .icon{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border-radius:2.5rem;background-color:#f2f2f2;-webkit-box-shadow:0px -6px 10px white, 0px 4px 15px rgba(0, 0, 0, 0.15);box-shadow:0px -6px 10px white, 0px 4px 15px rgba(0, 0, 0, 0.15);height:14rem;position:relative;cursor:pointer;overflow:hidden}.icon-grid .icon:after{content:\"\";position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;-webkit-transition:all 0.1s cubic-bezier(0.64, 0.01, 0.67, 0.92);transition:all 0.1s cubic-bezier(0.64, 0.01, 0.67, 0.92)}.icon-grid .icon.active{-webkit-box-shadow:0 15px 20px rgba(0, 0, 0, 0.02);box-shadow:0 15px 20px rgba(0, 0, 0, 0.02)}.icon-grid .icon.active:after{-webkit-box-shadow:inset 0px -2px 5px white, inset 0px 2px 5px rgba(0, 0, 0, 0.15);box-shadow:inset 0px -2px 5px white, inset 0px 2px 5px rgba(0, 0, 0, 0.15)}.icon-grid .icon span{position:absolute;top:1.5rem;right:1.5rem;color:#5E554A;font-size:0.9em}.icon-grid .icon p{position:absolute;padding:0 0.5rem 1rem;text-align:center;bottom:0.5rem;font-size:0.9em;color:#5E554A;-webkit-transition:opacity 0.2s ease, -webkit-transform 0.3s ease-in-out;transition:opacity 0.2s ease, -webkit-transform 0.3s ease-in-out;transition:transform 0.3s ease-in-out, opacity 0.2s ease;transition:transform 0.3s ease-in-out, opacity 0.2s ease, -webkit-transform 0.3s ease-in-out}.icon-grid .icon p.copy{-webkit-transform:translateY(3.5rem);transform:translateY(3.5rem);opacity:0}.icon-grid .icon:hover p.symbol-name{-webkit-transform:translateY(3.5rem);transform:translateY(3.5rem);opacity:0}.icon-grid .icon:hover p.copy{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}";
+
+let PnIconGrid = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.small = false;
+    this.color = colors["grey-08-night"];
+    this.activeSymbol = null;
+  }
+  async copySymbolName(symbolName) {
+    if (!navigator.clipboard) {
+      // Clipboard API not available
+      return;
+    }
+    try {
+      await navigator.clipboard.writeText(`<pn-icon symbol="${symbolName}" small="${this.small}" color="${this.color}" />`);
+      this.activeSymbol = symbolName;
+      setTimeout(() => {
+        this.activeSymbol = null;
+      }, 3000);
+    }
+    catch (err) {
+      console.error("Failed to copy!", err);
+    }
+  }
+  render() {
+    return (h("div", { class: "icon-grid" }, Object.keys(allIcons).map(symbolName => (h("div", { class: symbolName === this.activeSymbol ? "active icon" : "icon", onClick: () => this.copySymbolName(symbolName) }, symbolName === this.activeSymbol && (h("span", { class: "copied" }, "Copied")), h("pn-icon", { symbol: symbolName, color: this.color, small: this.small }), h("p", { class: "symbol-name" }, symbolName), h("p", { class: "copy" }, "Click to copy"))))));
+  }
+};
+PnIconGrid.style = pnIconGridCss;
+
+export { PnIconGrid as pn_icon_grid };