https://www.jemfix.se/content/js/3331.d1290911284ec1bf2546.js

1"use strict";(self.webpackChunkjf_webshop=self.webpackChunkjf_webshop||[]).push([[3331],{70379:function(e,t,r){Object.defineProperty(t,"B",{value:!0}),t.A=void 0;var l=r(53751),a=r(35595),n=u(r(80633)),s=u(r(9295)),o=function(e){if("function"==typeof WeakMap){var t=new WeakMap;new WeakMap}return function(e){if(e&&e.__esModule)return e;var r,l,a={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return a;if(r=t){if(r.has(e))return r.get(e);r.set(e,a)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((l=(r=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(l.get||l.set)?r(a,t,l):a[t]=e[t]);return a}(e)}(r(91619)),i=r(81780);function u(e){return e&&e.__esModule?e:{default:e}}const c={class:"subscribe-for-recalls form-control my-overview-page__grey-box-wrapper col-12 mb-0"},d={class:"my-overview-page__grey-box"},p={class:"my-overview-page__grey-box-header"},f={class:"h6 mb-0 my-overview-page__grey-box-title"},b={class:"subscribe-for-recalls__content my-overview-page__grey-box-content"},v={key:0},m=["href","target"];t.A=(0,l.defineComponent)({__name:"App",props:{apiEndpointUrl:{},privacyUrl:{},recaptchaTermsAndConditions:{}},setup(e){const t=e,r=(0,l.inject)("$l",(()=>"")),{executeRecaptcha:u}=(0,i.useReCaptcha)(),y=(0,l.ref)(""),h=(0,l.ref)(!1),_=(0,l.ref)(null),g=(0,l.ref)(""),w=(0,l.computed)((()=>({newsletterEmail:{required:a.helpers.withMessage(r("newsletterEmailError"),a.required),email:a.helpers.withMessage(r("newsletterEmailError"),a.email)}}))),E=(0,s.default)(w,{newsletterEmail:y}),k=async()=>{if(E.value.newsletterEmail.$touch(),!y.value||E.value.newsletterEmail.$invalid)return;const e=await u("submit");h.value=!0;const l={email:y.value,zipCode:"",listId:0,successUrl:"",signupUrl:"",sourceType:"",token:e};try{const e=await o.default.subscribe(t.apiEndpointUrl,l);e?(_.value=e.statusCode,g.value=e.message):(_.value=o.Code.Error,g.value=r("newsletterSignupError")),e.statusCode===o.Code.Success&&(y.value="",E.value.newsletterEmail.$reset()),h.value=!1}catch(e){_.value=o.Code.Error,g.value=r("newsletterSignupError"),h.value=!1}};return(e,t)=>((0,l.openBlock)(),(0,l.createElementBlock)("div",c,[(0,l.createElementVNode)("div",d,[(0,l.createElementVNode)("div",p,[(0,l.createElementVNode)("h3",f,(0,l.toDisplayString)(e.$l("newsletterTitle")),1)]),(0,l.createElementVNode)("div",b,[h.value?((0,l.openBlock)(),(0,l.createElementBlock)("div",v,t[2]||(t[2]=[(0,l.createElementVNode)("div",{class:"spinner-border",role:"status"},null,-1)]))):((0,l.openBlock)(),(0,l.createBlock)(n.default,{key:1,label:e.$l("newsletterInputLabel"),modelValue:y.value,"onUpdate:modelValue":t[0]||(t[0]=e=>y.value=e),modelModifiers:{trim:!0},isDirty:(0,l.unref)(E).newsletterEmail.$dirty,isInvalid:(0,l.unref)(E).newsletterEmail.$invalid,errorMessage:(0,l.unref)(E).newsletterEmail.$errors[0]?.$message,onBlur:t[1]||(t[1]=e=>(0,l.unref)(E).newsletterEmail.$touch()),onKeyup:(0,l.withKeys)(k,["enter"])},null,8,["label","modelValue","isDirty","isInvalid","errorMessage"])),null!==_.value?((0,l.openBlock)(),(0,l.createElementBlock)("div",{key:2,class:(0,l.normalizeClass)(["status-box",{"status-box--error":_.value===(0,l.unref)(o.Code).Error,"status-box--success":_.value===(0,l.unref)(o.Code).Success,"status-box--warning":_.value===(0,l.unref)(o.Code).AlreadySubscribed}])},(0,l.toDisplayString)(g.value),3)):(0,l.createCommentVNode)("",!0),e.privacyUrl?((0,l.openBlock)(),(0,l.createElementBlock)("a",{key:3,href:e.privacyUrl.url,target:e.privacyUrl.target},(0,l.toDisplayString)(e.privacyUrl.name),9,m)):(0,l.createCommentVNode)("",!0),(0,l.createElementVNode)("button",{type:"button",class:"btn btn-primary subscribe-for-recalls__newsletter-button",onClick:k},(0,l.toDisplayString)(e.$l("newsletterButtonLabel")),1)])])]))}})},5703:function(e,t,r){Object.defineProperty(t,"__esModule",{value:!0}),t.piniaInstance=void 0;var l,a=r(48086),n=(l=r(29164))&&l.__esModule?l:{default:l};(t.piniaInstance=(0,a.createPinia)()).use(n.default)},63331:function(e,t,r){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var l=r(53751),a=r(81780),n=u(r(29960)),s=u(r(50195)),o=u(r(15593)),i=r(5703);

1function u(e){return e&&e.__esModule?e:{default:e}}class c extends HTMLElement{connectedCallback(){const e=(0,s.default)(this.dataset.id),t=new o.default;t.addLabels(e.labels);const r=(0,l.createApp)(n.default,{...e.data});r.use(i.piniaInstance),r.use(t),r.use(a.VueReCaptcha,{siteKey:e.data.recaptchaSitekey}),r.mount(this)}}t.default={register:function(e){customElements.define(e,c)}}},15593:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0,t.default=class{install(e){e.config.globalProperties.$l=this.getLabel.bind(this),e.config.globalProperties.$lCheck=this.checkLabel.bind(this),e.config.globalProperties.$lCompile=this.compileLabel.bind(this),e.provide("$l",this.getLabel.bind(this)),e.provide("$lCheck",this.checkLabel.bind(this)),e.provide("$lCompile",this.compileLabel.bind(this))}addLabels(e){this.labels={...this.labels,...e}}getLabel(e,...t){const r=this.labels[e];return r?this.compileLabel(r,...t):`**${e}**`}checkLabel(e){return!!this.labels[e]}compileLabel(e,...t){let r=0;return e.replace(/%s/g,(()=>t[r++]))}}},91619:function(e,t,r){Object.defineProperty(t,"__esModule",{value:!0}),t.default=t.Code=void 0;var l,a=(l=r(23168))&&l.__esModule?l:{default:l};t.Code=function(e){return e[e.Success=0]="Success",e[e.AlreadySubscribed=1]="AlreadySubscribed",e[e.Error=2]="Error",e}({}),t.default=new class{constructor(){}async subscribe(e,t){return a.default.post(e,t)}}},50195:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){return JSON.parse(document.querySelector(`[data-state="${e}"]`).textContent)}},29960:function(e,t,r){r.r(t),r.d(t,{__esModule:function(){return l.B},default:function(){return a}});var l=r(70379),a=l.A}}]);