@postnord/pn-marketweb-components 4.1.0 → 4.1.2

package/umd/modules/@postnord/web-components/components/pn-zipcode-search.js

@@ -2,182 +2,4 @@
  * Built with Stencil
  * By PostNord.
  */
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { u as uuidv4, k as awaitTopbar, s as sv } from './helpers.js';
-import { d as defineCustomElement$5 } from './pn-button2.js';
-import { d as defineCustomElement$4 } from './pn-icon2.js';
-import { d as defineCustomElement$3 } from './pn-search-field2.js';
-import { d as defineCustomElement$2 } from './pn-spinner2.js';
-
-const translations = {
-    CLOSEST_DELIVERY_DATE: {
-        en: 'Closest delivery date:',
-        sv: 'Nästa utdelningsdag:',
-    },
-    NEXT_DELIVERY_DATE: {
-        en: 'Next delivery date:',
-        sv: 'Kommande utdelningsdag:',
-    },
-    ZIP_CODE: {
-        en: 'Zip code:',
-        sv: 'Postnummer:',
-    },
-    VALIDATION_ERROR_MESSAGE: {
-        en: 'Zip code not valid',
-        sv: 'Postnumret är inte giltigt',
-    },
-    SERVER_ERROR_MESSAGE: {
-        en: 'Could not find zip code',
-        sv: 'Kan inte hitta postnumret',
-    },
-    PLACEHOLDER_TEXT: {
-        en: 'Search for a zip code',
-        sv: 'Sök på ett postnummer',
-    },
-    SEARCH: {
-        en: 'Search',
-        sv: 'Sök',
-    },
-};
-
-const pnZipcodeSearchCss = "pn-zipcode-search{display:block;color:#5e554a}pn-zipcode-search .pn-search-results{display:flex;flex-direction:column;gap:1em;padding:0 0.75em}pn-zipcode-search .pn-search-results span{color:#5e554a}pn-zipcode-search .pn-search-results h3{color:#2d2013}pn-zipcode-search .pn-error-text{color:#a70707;padding:0 0.75em}pn-zipcode-search>pn-search-field{width:100%;margin-bottom:1em}";
-
-const PnZipcodeSearch$1 = /*@__PURE__*/ proxyCustomElement(class PnZipcodeSearch extends HTMLElement {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.searchsuccessful = createEvent(this, "searchsuccessful", 7);
-    }
-    /** This language property will update when pnTopbar loads */
-    searchId = `pn-zipcode-${uuidv4()}`;
-    get hostElement() { return this; }
-    validZipCode;
-    loading = false;
-    showResult = false;
-    zipCodeSearchResult = {
-        delivery: '',
-        upcoming: '',
-        city: '',
-        postalCode: '',
-    };
-    error = false;
-    errorMessage;
-    /** The `language` property will be prioritized before the pnTopbar language. */
-    language = null;
-    /** Set a pre initialized value. */
-    value;
-    /** Event fired when search has result */
-    searchsuccessful;
-    async componentWillLoad() {
-        if (this.language === null)
-            await awaitTopbar(this.hostElement);
-        if (!!this.value)
-            this.handleSearch(this.value);
-    }
-    translation(key) {
-        return translations[key][this.language || sv];
-    }
-    handleSearch(value) {
-        this.value = value;
-        this.validateZipCode();
-        if (this.error) {
-            this.errorMessage = 'VALIDATION_ERROR_MESSAGE';
-            return;
-        }
-        this.zipCodeSearch();
-    }
-    async zipCodeSearch() {
-        this.loading = true;
-        await fetch(`https://portal.postnord.com/api/sendoutarrival/closest?postalCode=${this.validZipCode}`)
-            .then(response => response.json())
-            .then(data => {
-            this.showResult = true;
-            this.zipCodeSearchResult = data;
-            this.searchsuccessful.emit(true);
-        })
-            .catch(() => {
-            this.error = true;
-            this.errorMessage = 'SERVER_ERROR_MESSAGE';
-            this.searchsuccessful.emit(false);
-        })
-            .finally(() => {
-            this.loading = false;
-        });
-    }
-    validateZipCode() {
-        // Removes spaces and dashes
-        const formatValue = this.value ? this.value.replace(/[ -]/gi, '') : '';
-        const validRegex = /^\d{5}$/;
-        const valid = validRegex.test(formatValue);
-        this.error = !valid;
-        if (valid) {
-            this.validZipCode = formatValue;
-        }
-    }
-    renderSearchResult() {
-        if (!this.loading && !this.error && this.showResult) {
-            return (h("output", { class: "pn-search-results", htmlFor: this.searchId }, h("p", { class: "text-row" }, h("span", null, this.translation('CLOSEST_DELIVERY_DATE')), h("h3", { class: "delivery-date" }, this.zipCodeSearchResult.delivery)), h("p", { class: "text-row" }, h("span", null, this.translation('NEXT_DELIVERY_DATE')), h("h3", { class: "delivery-date" }, this.zipCodeSearchResult.upcoming)), h("p", { class: "text-row" }, h("span", null, this.translation('ZIP_CODE')), h("h3", null, this.zipCodeSearchResult.postalCode, ", ", this.zipCodeSearchResult.city || 'N/A'))));
-        }
-    }
-    renderErrorMessage() {
-        if (this.error && !this.loading) {
-            return (h("p", { class: "pn-error-text", role: "alert" }, h("small", null, this.translation(this.errorMessage))));
-        }
-    }
-    render() {
-        return (h(Host, { key: '65c14a01eccad5c46477508b4746d7153c62b8ed' }, h("pn-search-field", { key: 'a08914d7a8a8c7ca21cce212c8c279a901acd2fe', label: this.translation('PLACEHOLDER_TEXT'), value: this.value, searchid: this.searchId, loading: this.loading, button: "icon", buttonLabel: this.translation('SEARCH'), placeholder: this.translation('PLACEHOLDER_TEXT'), onSearch: e => this.handleSearch(e.detail) }), this.renderSearchResult(), this.renderErrorMessage()));
-    }
-    static get style() { return pnZipcodeSearchCss; }
-}, [768, "pn-zipcode-search", {
-        "language": [1],
-        "value": [1025],
-        "validZipCode": [32],
-        "loading": [32],
-        "showResult": [32],
-        "zipCodeSearchResult": [32],
-        "error": [32],
-        "errorMessage": [32]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["pn-zipcode-search", "pn-button", "pn-icon", "pn-search-field", "pn-spinner"];
-    components.forEach(tagName => { switch (tagName) {
-        case "pn-zipcode-search":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, PnZipcodeSearch$1);
-            }
-            break;
-        case "pn-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "pn-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "pn-search-field":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "pn-spinner":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const PnZipcodeSearch = PnZipcodeSearch$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { PnZipcodeSearch, defineCustomElement };
-//# sourceMappingURL=pn-zipcode-search.js.map
-
-//# sourceMappingURL=pn-zipcode-search.js.map
+import{transformTag as e,proxyCustomElement as s,HTMLElement as t,createEvent as i,h as n,Host as r}from"@stencil/core/internal/client";import{u as a,k as o,s as c}from"./helpers.js";import{d as l}from"./pn-button2.js";import{d as h}from"./pn-icon2.js";import{d as p}from"./pn-search-field2.js";import{d}from"./pn-spinner2.js";const u={CLOSEST_DELIVERY_DATE:{en:"Closest delivery date:",sv:"Nästa utdelningsdag:"},NEXT_DELIVERY_DATE:{en:"Next delivery date:",sv:"Kommande utdelningsdag:"},ZIP_CODE:{en:"Zip code:",sv:"Postnummer:"},VALIDATION_ERROR_MESSAGE:{en:"Zip code not valid",sv:"Postnumret är inte giltigt"},SERVER_ERROR_MESSAGE:{en:"Could not find zip code",sv:"Kan inte hitta postnumret"},PLACEHOLDER_TEXT:{en:"Search for a zip code",sv:"Sök på ett postnummer"},SEARCH:{en:"Search",sv:"Sök"}},E=s(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.searchsuccessful=i(this,"searchsuccessful",7)}searchId="pn-zipcode-"+a();get hostElement(){return this}validZipCode;loading=!1;showResult=!1;zipCodeSearchResult={delivery:"",upcoming:"",city:"",postalCode:""};error=!1;errorMessage;language=null;value;searchsuccessful;async componentWillLoad(){null===this.language&&await o(this.hostElement),this.value&&this.handleSearch(this.value)}translation(e){return u[e][this.language||c]}handleSearch(e){this.value=e,this.validateZipCode(),this.error?this.errorMessage="VALIDATION_ERROR_MESSAGE":this.zipCodeSearch()}async zipCodeSearch(){this.loading=!0,await fetch("https://portal.postnord.com/api/sendoutarrival/closest?postalCode="+this.validZipCode).then((e=>e.json())).then((e=>{this.showResult=!0,this.zipCodeSearchResult=e,this.searchsuccessful.emit(!0)})).catch((()=>{this.error=!0,this.errorMessage="SERVER_ERROR_MESSAGE",this.searchsuccessful.emit(!1)})).finally((()=>{this.loading=!1}))}validateZipCode(){const e=this.value?this.value.replace(/[ -]/gi,""):"",s=/^\d{5}$/.test(e);this.error=!s,s&&(this.validZipCode=e)}renderSearchResult(){if(!this.loading&&!this.error&&this.showResult)return n("output",{class:"pn-search-results",htmlFor:this.searchId},n("p",{class:"text-row"},n("span",null,this.translation("CLOSEST_DELIVERY_DATE")),n("h3",{class:"delivery-date"},this.zipCodeSearchResult.delivery)),n("p",{class:"text-row"},n("span",null,this.translation("NEXT_DELIVERY_DATE")),n("h3",{class:"delivery-date"},this.zipCodeSearchResult.upcoming)),n("p",{class:"text-row"},n("span",null,this.translation("ZIP_CODE")),n("h3",null,this.zipCodeSearchResult.postalCode,", ",this.zipCodeSearchResult.city||"N/A")))}renderErrorMessage(){if(this.error&&!this.loading)return n("p",{class:"pn-error-text",role:"alert"},n("small",null,this.translation(this.errorMessage)))}render(){return n(r,{key:"b9314bbca808c725bc074d1dc9e58223bb551468"},n("pn-search-field",{key:"4c7eaf8c96aa36e17c546371345c7aac6a0c5ee7",label:this.translation("PLACEHOLDER_TEXT"),value:this.value,searchid:this.searchId,loading:this.loading,button:"icon",buttonLabel:this.translation("SEARCH"),placeholder:this.translation("PLACEHOLDER_TEXT"),onSearch:e=>this.handleSearch(e.detail)}),this.renderSearchResult(),this.renderErrorMessage())}static get style(){return`${e("pn-zipcode-search")}{display:block;color:#5e554a}${e("pn-zipcode-search")} .pn-search-results{display:flex;flex-direction:column;gap:1em;padding:0 0.75em}${e("pn-zipcode-search")} .pn-search-results span{color:#5e554a}${e("pn-zipcode-search")} .pn-search-results h3{color:#2d2013}${e("pn-zipcode-search")} .pn-error-text{color:#a70707;padding:0 0.75em}${e("pn-zipcode-search")}>${e("pn-search-field")}{width:100%;margin-bottom:1em}`}},[512,"pn-zipcode-search",{language:[1],value:[1025],validZipCode:[32],loading:[32],showResult:[32],zipCodeSearchResult:[32],error:[32],errorMessage:[32]}]),m=E,R=function(){"undefined"!=typeof customElements&&["pn-zipcode-search","pn-button","pn-icon","pn-search-field","pn-spinner"].forEach((s=>{switch(s){case"pn-zipcode-search":customElements.get(e(e(s)))||customElements.define(e(e(s)),E);break;case"pn-button":customElements.get(e(e(s)))||l();break;case"pn-icon":customElements.get(e(e(s)))||h();break;case"pn-search-field":customElements.get(e(e(s)))||p();break;case"pn-spinner":customElements.get(e(e(s)))||d()}}))};export{m as PnZipcodeSearch,R as defineCustomElement}

package/umd/modules/@postnord/web-components/esm/alert_exclamation_circle-B88w-Zxn.js

@@ -6,6 +6,3 @@ const icon = '<svg class="pn-icon-svg" xmlns="http://www.w3.org/2000/svg" fill="
 const alert_exclamation_circle = icon;
 
 export { alert_exclamation_circle as a };
-//# sourceMappingURL=alert_exclamation_circle-B88w-Zxn.js.map
-
-//# sourceMappingURL=alert_exclamation_circle-B88w-Zxn.js.map

package/umd/modules/@postnord/web-components/esm/alert_info_circle-BTqkgfeH.js

@@ -6,6 +6,3 @@ const icon = '<svg class="pn-icon-svg" xmlns="http://www.w3.org/2000/svg" fill="
 const alert_info_circle = icon;
 
 export { alert_info_circle as a };
-//# sourceMappingURL=alert_info_circle-BTqkgfeH.js.map
-
-//# sourceMappingURL=alert_info_circle-BTqkgfeH.js.map

package/umd/modules/@postnord/web-components/esm/app-globals-Dh478Si7.js

@@ -5,6 +5,3 @@
 const globalScripts = () => {};
 
 export { globalScripts as g };
-//# sourceMappingURL=app-globals-Dh478Si7.js.map
-
-//# sourceMappingURL=app-globals-Dh478Si7.js.map

package/umd/modules/@postnord/web-components/esm/arrow_left-CQaMdITw.js

@@ -6,6 +6,3 @@ const icon = '<svg class="pn-icon-svg" xmlns="http://www.w3.org/2000/svg" fill="
 const arrow_left = icon;
 
 export { arrow_left as a };
-//# sourceMappingURL=arrow_left-CQaMdITw.js.map
-
-//# sourceMappingURL=arrow_left-CQaMdITw.js.map

package/umd/modules/@postnord/web-components/esm/arrow_right-D_UyW-KH.js

@@ -6,6 +6,3 @@ const icon = '<svg class="pn-icon-svg" xmlns="http://www.w3.org/2000/svg" fill="
 const arrow_right = icon;
 
 export { arrow_right as a };
-//# sourceMappingURL=arrow_right-D_UyW-KH.js.map
-
-//# sourceMappingURL=arrow_right-D_UyW-KH.js.map

package/umd/modules/@postnord/web-components/esm/check-BpI8peGn.js

@@ -6,6 +6,3 @@ const icon = '<svg class="pn-icon-svg" xmlns="http://www.w3.org/2000/svg" fill="
 const check = icon;
 
 export { check as c };
-//# sourceMappingURL=check-BpI8peGn.js.map
-
-//# sourceMappingURL=check-BpI8peGn.js.map

package/umd/modules/@postnord/web-components/esm/check_circle-D4GZ__oQ.js

@@ -6,6 +6,3 @@ const icon = '<svg class="pn-icon-svg" xmlns="http://www.w3.org/2000/svg" fill="
 const check_circle = icon;
 
 export { check_circle as c };
-//# sourceMappingURL=check_circle-D4GZ__oQ.js.map
-
-//# sourceMappingURL=check_circle-D4GZ__oQ.js.map

package/umd/modules/@postnord/web-components/esm/chevron_down-DrYFvs2M.js

@@ -6,6 +6,3 @@ const icon = '<svg class="pn-icon-svg" xmlns="http://www.w3.org/2000/svg" fill="
 const chevron_down = icon;
 
 export { chevron_down as c };
-//# sourceMappingURL=chevron_down-DrYFvs2M.js.map
-
-//# sourceMappingURL=chevron_down-DrYFvs2M.js.map

package/umd/modules/@postnord/web-components/esm/chevron_right-B6SVpr61.js

@@ -9,6 +9,3 @@ const icon = '<svg class="pn-icon-svg" xmlns="http://www.w3.org/2000/svg" fill="
 const chevron_right = icon;
 
 export { chevron_left as a, chevron_right as c };
-//# sourceMappingURL=chevron_right-B6SVpr61.js.map
-
-//# sourceMappingURL=chevron_right-B6SVpr61.js.map

package/umd/modules/@postnord/web-components/esm/close-BvuWkoyY.js

@@ -6,6 +6,3 @@ const icon = '<svg class="pn-icon-svg" xmlns="http://www.w3.org/2000/svg" fill="
 const close = icon;
 
 export { close as c };
-//# sourceMappingURL=close-BvuWkoyY.js.map
-
-//# sourceMappingURL=close-BvuWkoyY.js.map

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

@@ -80,6 +80,3 @@ var colors = /*#__PURE__*/Object.freeze({
 });
 
 export { colors as c, gray900 as g, white as w };
-//# sourceMappingURL=colors-C_nYl55V.js.map
-
-//# sourceMappingURL=colors-C_nYl55V.js.map