@postnord/web-components/postnord-web-components/p-e7888dda.entry.js

PostNord Web Components

/*!
 * Built with Stencil
 * By PostNord.
 */
import{r as e,g as n,h as t,a as i}from"./p-43660913.js";import{j as s,s as r}from"./p-c511b4fb.js";const a={SEARCH_BUTTON:{da:"Search",en:"Search",fi:"Search",no:"Search",sv:"Sök"},SEARCH_SUCCESS:{da:"Your OCR number is",en:"Your OCR number is",fi:"Your OCR number is",no:"Your OCR number is",sv:"Ditt OCR-nummer är"},ERROR_INVALID_LICENSE_NUMBER:{da:"Invalid license number",en:"Invalid license number",fi:"Invalid license number",no:"Invalid license number",sv:"Ogiltligt licensnummer"},ERROR_NO_RESULTS:{da:"The search did not generate any results",en:"The search did not generate any results",fi:"The search did not generate any results",no:"The search did not generate any results",sv:"Sökningen genererade inga träffar"},ERROR_REASON_HEADER:{da:"It may be due to:",en:"It may be due to:",fi:"It may be due to:",no:"It may be due to:",sv:"Det kan bero på:"},ERROR_REASON_ONE:{da:"We could not find that license number",en:"We could not find that license number",fi:"We could not find that license number",no:"We could not find that license number",sv:"Vi hittar inget sådant licensnummer"},ERROR_REASON_TWO:{da:"Check the information and try again.",en:"Check the information and try again.",fi:"Check the information and try again.",no:"Check the information and try again.",sv:"Kontrollera uppgifterna och försök igen."},PLACEHOLDER_TEXT:{da:"License number 6 digits",en:"License number 6 digits",fi:"License number 6 digits",no:"License number 6 digits",sv:"Licensnummer 6 tecken"}};const o="pn-ocr-search .bold{font-weight:700}pn-ocr-search .search-results,pn-ocr-search .error-text-container{padding:1em 0.5em}pn-ocr-search .invalid-text-container{padding:0.5em 1em}pn-ocr-search .invalid-text-container .invalid-ocr{color:#a70707}";const c=o;const h=class{constructor(n){e(this,n);this.loading=false;this.error=false;this.ocrNumber=undefined;this.searchSuccess=false;this.invalidOcrNumber=false;this.language=null}get hostElement(){return n(this)}async componentWillLoad(){if(this.language===null)await s(this.hostElement)}getTranslation(e){return a[e][this.language||r]}handleSearch(e){this.invalidOcrNumber=false;this.searchSuccess=false;this.error=false;const n=this.validateOcrNumber(e.detail);if(n.error){this.invalidOcrNumber=true;return}this.ocrNumberSearch(n.value)}async ocrNumberSearch(e){this.loading=true;await fetch(`https://portal.postnord.com/public-service/api/ocr?key=${e}`).then((e=>e.json())).then((e=>{this.ocrNumber=e.newOcr;this.searchSuccess=true})).catch((()=>{this.error=true;this.searchSuccess=false})).finally((()=>{this.loading=false}))}validateOcrNumber(e){const n=e?e.replace(/[ -]/gi,""):"";const t=new RegExp(/\D+/);const i=t.test(n)||n.length!==6;return{error:i,value:n}}renderSearchResult(){if(!this.loading&&!this.error&&this.searchSuccess){return t("div",{class:"search-results"},this.getTranslation("SEARCH_SUCCESS"),": ",t("b",null,this.ocrNumber))}}renderErrorMessage(){if(this.invalidOcrNumber&&!this.loading){return t("div",{class:"invalid-text-container"},t("p",{class:"invalid-ocr"},this.getTranslation("ERROR_INVALID_LICENSE_NUMBER")))}if(this.error&&!this.loading){return t("div",{class:"error-text-container"},t("p",{class:"bold"},this.getTranslation("ERROR_NO_RESULTS")),t("p",{class:"bold"},this.getTranslation("ERROR_REASON_HEADER")),t("p",null,this.getTranslation("ERROR_REASON_ONE")),t("p",null,this.getTranslation("ERROR_REASON_TWO")))}}render(){return t(i,{key:"3da362d72860e477c5211a457511d296bbbad69b"},t("pn-search-field",{key:"dcf2a8893929940ad53bc82ce66af24e78d5f6ef",loading:this.loading,label:this.getTranslation("SEARCH_BUTTON"),button:"icon",buttonLabel:this.getTranslation("SEARCH_BUTTON"),placeholder:this.getTranslation("PLACEHOLDER_TEXT"),onSearch:e=>this.handleSearch(e)}),this.renderSearchResult(),this.renderErrorMessage())}};h.style=c;export{h as pn_ocr_search};
//# sourceMappingURL=p-e7888dda.entry.js.map