https://www.telmore.dk/mit-telmore/js/6479.4bc2fbc2.js

1"use strict";(self["webpackChunk_hubble_selfservice"]=self["webpackChunk_hubble_selfservice"]||[]).push([[6479],{24794:function(t,e,s){s.d(e,{A:function(){return d}});var r=s(24462),i=s(68767),o=s(45063),a=s(79623),n=s(60103),l=s(4815),c=s(39748),u=s(66960),h=s(65604),m=s(3507),d=(0,m.A)(i.A,o.A,a.A,n.A,l.A,c.A).extend({name:"v-tooltip",props:{closeDelay:{type:[Number,String],default:0},disabled:Boolean,fixed:{type:Boolean,default:!0},openDelay:{type:[Number,String],default:0},openOnHover:{type:Boolean,default:!0},tag:{type:String,default:"span"},transition:String},data:()=>({calculatedMinWidth:0,closeDependents:!1}),computed:{calculatedLeft(){const{activator:t,content:e}=this.dimensions,s=!this.bottom&&!this.left&&!this.top&&!this.right,r=!1!==this.attach?t.offsetLeft:t.left;let i=0;return this.top||this.bottom||s?i=r+t.width/2-e.width/2:(this.left||this.right)&&(i=r+(this.right?t.width:-e.width)+(this.right?10:-10)),this.nudgeLeft&&(i-=parseInt(this.nudgeLeft)),this.nudgeRight&&(i+=parseInt(this.nudgeRight)),`${this.calcXOverflow(i,this.dimensions.content.width)}px`},calculatedTop(){const{activator:t,content:e}=this.dimensions,s=!1!==this.attach?t.offsetTop:t.top;let r=0;return this.top||this.bottom?r=s+(this.bottom?t.height:-e.height)+(this.bottom?10:-10):(this.left||this.right)&&(r=s+t.height/2-e.height/2),this.nudgeTop&&(r-=parseInt(this.nudgeTop)),this.nudgeBottom&&(r+=parseInt(this.nudgeBottom)),`${this.calcYOverflow(r+this.pageYOffset)}px`},classes(){return{"v-tooltip--top":this.top,"v-tooltip--right":this.right,"v-tooltip--bottom":this.bottom,"v-tooltip--left":this.left,"v-tooltip--attached":""===this.attach||!0===this.attach||"attach"===this.attach}},computedTransition(){return this.transition?this.transition:this.isActive?"scale-transition":"fade-transition"},offsetY(){return this.top||this.bottom},offsetX(){return this.left||this.right},styles(){return{left:this.calculatedLeft,maxWidth:(0,u.Dg)(this.maxWidth),minWidth:(0,u.Dg)(this.minWidth),opacity:this.isActive?.9:0,top:this.calculatedTop,zIndex:this.zIndex||this.activeZIndex}}},beforeMount(){this.$nextTick(()=>{this.value&&this.callActivate()})},mounted(){"v-slot"===(0,u.fo)(this,"activator",!0)&&(0,h.yA)("v-tooltip's activator slot must be bound, try '<template #activator=\"data\"><v-btn v-on=\"data.on>'",this)},methods:{activate(){this.updateDimensions(),requestAnimationFrame(this.startTransition)},deactivate(){this.runDelay("close")},genActivatorListeners(){const t=r.A.options.methods.genActivatorListeners.call(this);return t.focus=t=>{this.getActivator(t),this.runDelay("open")},t.blur=t=>{this.getActivator(t),this.runDelay("close")},t.keydown=t=>{t.keyCode===u.uP.esc&&(this.getActivator(t),this.runDelay("close"))},t},genActivatorAttributes(){return{"aria-haspopup":!0,"aria-expanded":String(this.isActive)}},genTransition(){const t=this.genContent();return this.computedTransition?this.$createElement("transition",{props:{name:this.computedTransition}},[t]):t},genContent(){return this.$createElement("div",this.setBackgroundColor(this.color,{staticClass:"v-tooltip__content",class:{[this.contentClass]:!0,menuable__content__active:this.isActive,"v-tooltip__content--fixed":this.activatorFixed},style:this.styles,attrs:this.getScopeIdAttrs(),directives:[{name:"show",value:this.isContentActive}],ref:"content"}),this.getContentSlot())}},render(t){return t(this.tag,{staticClass:"v-tooltip",class:this.classes},[this.showLazyContent(()=>[this.genTransition()]),this.genActivator()])}})},46479:function(t,e,s){s.r(e),s.d(e,{default:function(){return H}});var r=s(375),i=s(51526),o=s(18412),a=function(){var t=this,e=t.$createElement,s=t._self._c||e;return s(i.A,{attrs:{cols:"12"}},[t.identityValidated?s("ImportNumberPicker",t._b({},"ImportNumberPicker",t.subComponentProperties(),!1)):s("ImportNumberManualPicker",t._b({},"ImportNumberManualPicker",t.subComponentProperties(),!1)),s(o.A,[s(i.A,{staticClass:"text-right mt-4 mb-4"},[this.subComponent("cancel")?s(r.A,{staticClass:"link-button color-white-medium font-eb body-1 ma-0",attrs:{rounded:""},on:{click:function(e){return t.cancelFlow()}}},[t._v(t._s(t.componentProperty("cancel")))]):t._e(),s(r.A,{staticClass:"btn-px-4 font-eb no-text-transform",attrs:{rounded:"",type:"submit",color:"secondary",disabled:!t.nextStepAvailable,"data-qa":"default-warning-confirm"},on:{click:function(e){return t.nextStep()}}}

1,[t._v(t._s(t.componentProperty("confirm")))])],1)],1)],1)},n=[],l=s(75122),c=s(13220),u=s(47210),h=s(98834),m=function(){var t=this,e=t.$createElement,s=t._self._c||e;return s(i.A,{attrs:{cols:"12"}},[s(o.A,{staticClass:"flex-column"},[t.loading?s(i.A,{staticClass:"relative",attrs:{cols:"12"}},[s("three-dot-loader",{key:"loader"})],1):t.importNumbers.length>0?s(i.A,{attrs:{cols:"12"}},[s(o.A,{staticClass:"flex-column"},[s(i.A,{staticClass:"mb-2",attrs:{cols:"12"}},[s("span",{domProps:{textContent:t._s(t.getOwnershipInstruction())}})]),s(i.A,{staticClass:"mb-1 text-right",attrs:{cols:"12"}},[s(r.A,{staticClass:"color-white-medium font-eb font-size-14 no-text-transform",attrs:{text:""},on:{click:function(e){return t.toggleAllNumbers()}}},[s("span",{domProps:{textContent:t._s(t.allBtnText)}})])],1),t._l(t.importNumbers,function(e){return s(i.A,{key:e.serviceAccountId,staticClass:"mb-3",attrs:{cols:"12"}},[s(u.A,{staticClass:"text-center relative bg-white-important",class:{"checkmark-selected":t.isNumberSelected(e),"checkmark-error":"valid"in e&&!1===e.valid},attrs:{light:""},on:{click:function(s){return t.toggleNumber(e)}}},[s(h.OQ,{staticClass:"py-3"},[s(o.A,{staticClass:"flex-column"},[s(i.A,{staticClass:"button-1 mb-1",attrs:{cols:"12"}},[s("span",[t._v(t._s(e.userName))])]),s(i.A,{staticClass:"font-size-12",attrs:{cols:"12"}},[s("span",[t._v(t._s(e.marketOfferDescription))])])],1)],1),s("div",{staticClass:"checkmark color-blue-100"},[s("font-awesome-icon",{staticClass:"size-22",attrs:{icon:["fal","circle"]}}),s("font-awesome-icon",{staticClass:"size-22",attrs:{icon:["fas","check-circle"]}}),s("font-awesome-icon",{staticClass:"size-22 error-svg color-red-100",attrs:{icon:["fas","minus-circle"]}})],1)],1),s(o.A,{staticClass:"flex-column"},[!1===e.valid?s(i.A,{staticClass:"font-size-12 mt-2",attrs:{cols:"12"}},["errorMsg"in e&&e.errorMsg.length>0?s("span",[t._v(t._s(e.errorMsg))]):s("span",[t._v("Nummeret kan ikke importeres")])]):t._e()],1)],1)})],2)],1):s(i.A,{staticClass:"relative text-center",attrs:{cols:"12"}},[s(i.A,[t._v("Du har ingen numre du kan importere")])],1),null!==t.error&&""!==t.error?s(i.A,{staticClass:"caption-1 px-8 py-2"},[s("span",[t._v(t._s(this.error))])]):t._e()],1)],1)},d=[],p=s(14377),b=s(87861),f=s(62893),g=s(63198),v=s(85681),N=s(66195),A=s(7081),_=s(94836),C=s(95353),I={components:{ThreeDotLoader:b.A},data(){return{selectedNumbers:[],slideGroupMaxWidth:330,importNumbers:[],identifier:this.$auth.user().metranetID.customerAccountID,loading:!0,allNumbersSelected:!1,error:""}},mixins:[l.A],methods:{...(0,C.i0)({fetchCustomerInformation:"CustomerInformationStore/fetchCustomerInformation"}),toggleNumber(t){this.selectedNumbers.includes(t)?this.removeNumber(t):this.validatePhoneNumber(t)},removeNumber(t){f["default"].delete(this.selectedNumbers,this.selectedNumbers.findIndex(e=>e.userName===t.userName)),this.addFlowData(g.MC_IMPORT_LIST,this.selectedNumbers),(!this.selectedNumbers||this.selectedNumbers.length<1)&&this.addFlowData(g.MC_IMPORT_READY,!1)},validatePhoneNumber(t){t.userName.length>7?(this.selectedNumbers.push(t),N.A.validateImportCustomer(t.userName,A.A.getUserName()).then(e=>{if(e.status===v.VALID)f["default"].set(t,"valid",!0),this.addFlowData(g.MC_IMPORT_LIST,this.selectedNumbers),this.selectedNumbers&&this.selectedNumbers.length>0&&this.addFlowData(g.MC_IMPORT_READY,!0);else{this.loading=!1,this.removeNumber(t);let s="";e.errorDetails.length>0&&e.errorDetails.forEach(t=>{s=void 0!==this.$t("errors."+t.errorCode)?this.$t("errors."+t.errorCode):"Nummeret kan ikke importeres"}),f["default"].set(t,"valid",!1),f["default"].set(t,"errorMsg",s)}})):f["default"].set(t,"valid",!1)},isNumberSelected(t){return this.selectedNumbers.includes(t)},fetchNumbers:function(){p.A.getCustomerAccountOverview(A.A.getUserName(),this.getFlowData(g.IDENTITY_DATA)).then(t=>{this.importNumbers=t.subscriptionSummaryDTOS,this.loading=!1}).catch(t=>{this.loading=!1,this.error=(0,_.f)("errors."+t.response.data.errorCode,t.response.data.errorType),this.fetchCustomerInformation({userName:A.A.getUserName()}).then(()=>{this.error=this.error.replace("{userName}",`${this.getCustomerInformation.billingAddress.firstName} ${this.getCustomerInformation.billingAddress.lastName}`)}),this.removeFlowData(g.AUTH_METHOD),this.removeFlowData(g.IDENTITY_DATA)})},getOwnershipInstruction(){return this.$t("addNumberToMC.ownershipInstruction")},getTooltipText(){return this.$t("addNumberToMC.tooltip")},toggleAllNumbers(){this.importNumbers.filter(t=>

1!this.selectedNumbers.includes(t)).forEach(t=>this.toggleNumber(t))}},computed:{...(0,C.L8)({getCustomerInformation:"CustomerInformationStore/getCustomerInformation"}),allBtnText(){return"Vælg alle"},nextStepAvailable(){return this.getFlowData(g.MC_IMPORT_READY)&&this.getFlowData(g.MC_IMPORT_LIST)}},watch:{selectedNumbers(){this.allNumbersSelected=this.selectedNumbers.length===this.importNumbers.length}},created(){this.fetchNumbers()}},T=I,D=s(81656),w=(0,D.A)(T,m,d,!1,null,"1e88f1b0",null),k=w.exports,x=s(58230),M=s(83406),y=s(24794),P=function(){var t=this,e=t.$createElement,s=t._self._c||e;return s(i.A,{attrs:{cols:"12"}},[s(o.A,{staticClass:"flex-column"},[s(i.A,{staticClass:"font-r mb-2",attrs:{cols:"12"}},[s("span",[t._v("Du kan herunder tilføje ét eller flere numre til din MobilChef. Det er et krav at du selv står som ejer af nummeret. ")]),s(y.A,{attrs:{right:"","max-width":"210","content-class":"bg-blue-100 font-size-10 border-radius-10 opacity-100-important",transition:"scale-transition"},scopedSlots:t._u([{key:"activator",fn:function(e){var r=e.on;return[s("font-awesome-icon",t._g({staticClass:"mt-1",attrs:{icon:["far","question-circle"]}},r))]}}])},[s("span",[t._v("Hvis du ønsker at tilføje et Telmore-nummer til din MobilChef, som du ikke selv står som ejer af, skal nummeret først overdrages til dit CPR/CVR nummer. Det kan den nuværende ejer gøre fra Mit Telmore.")])])],1)],1),s(o.A,[s(i.A,{staticClass:"relative min-height-100",attrs:{cols:"12"}},[s(x.A,{attrs:{onSubmit:"return false;"},model:{value:t.phoneNumberValid,callback:function(e){t.phoneNumberValid=e},expression:"phoneNumberValid"}},[s(M.A,{staticClass:"font-sb curved-input grey-version valid-action",class:{"valid-action-show":t.phoneNumberImportable},attrs:{label:"Indtast nummer",maxlength:"8",rules:[t.rules.emptyOrDigitPhonenumber,t.rules.phonenumber],"error-messages":!1===t.phoneNumberImportable?"Telefonnummeret er ikke tilgængeligt for import til din MobilChef.":"",error:!1===t.phoneNumberImportable,"validate-on-blur":""},on:{input:function(e){return t.validatePhoneNumber()}},model:{value:t.phoneNumber,callback:function(e){t.phoneNumber=e},expression:"phoneNumber"}}),s(r.A,{staticClass:"valid-action-button inactive ma-0 bg-black-disabled color-white",attrs:{disabled:t.phoneNumberImportable,icon:"",small:""}},[s("font-awesome-icon",{attrs:{icon:["far","plus"]}})],1),s(r.A,{staticClass:"valid-action-button active ma-0 color-white bg-blue-100",attrs:{disabled:!t.phoneNumberImportable,icon:"",small:""},on:{click:function(e){return t.addNumber(t.phoneNumber)}}},[s("font-awesome-icon",{attrs:{icon:["far","plus"]}})],1)],1)],1)],1),s(o.A,[s("transition",{attrs:{name:"fade"}},[t.selectedNumbers.length>0?s(i.A,{attrs:{cols:"12"}},t._l(t.selectedNumbers,function(e){return s(r.A,{key:e,staticClass:"bg-blue-80 color-white",attrs:{rounded:"",small:"",title:"Fjern nummer"},on:{click:function(s){return t.removeNumber(e)}}},[s("span",{staticClass:"subtitle-type-3"},[t._v(t._s(e))]),s("span",[s("font-awesome-icon",{staticClass:"ml-2",attrs:{size:"lg",icon:["far","times"]}})],1)])}),1):t._e()],1)],1)],1)},S=[],O=s(79859),F=s.n(O),R=s(14174),L=s.n(R),E={components:{},data(){return{phoneNumberValid:!1,phoneNumber:"",phoneNumberImportable:null,rules:c.A,selectedNumbers:[]}},mixins:[l.A,c.A],computed:{},methods:{validatePhoneNumber(){this.phoneNumber.length>7&&this.notInSelectedNumbers()?N.A.validateImportCustomer(this.phoneNumber,A.A.getUserName()).then(t=>{this.phoneNumberImportable=t.status===v.VALID}):this.phoneNumberImportable=null},addNumber(t){const e=this.getFlowData(g.MC_IMPORT_LIST)||[];this.phoneNumberImportable&&e.push({userName:this.phoneNumber}),this.addFlowData(g.MC_IMPORT_LIST,e),this.selectedNumbers.push(t),this.phoneNumber="",this.phoneNumberImportable=null},removeNumber(t){this.selectedNumbers=L()(this.selectedNumbers,e=>e!==t);let e=this.getFlowData(g.MC_IMPORT_LIST);e=e.filter(e=>e.userName!==t),this.addFlowData(g.MC_IMPORT_LIST,e)},notInSelectedNumbers(){return!F()(this.selectedNumbers,this.phoneNumber)}},watch:{selectedNumbers(){this.addFlowData(g.MC_IMPORT_READY,this.selectedNumbers&&this.selectedNumbers.length>0)}},created(){if(this.getFlowData(g.MC_IMPORT_LIST))for(let t=0;t<this.getFlowData(g.MC_IMPORT_LIST).length;t++)this.selectedNumbers.push(this.getFlowData(g.MC_IMPORT_LIST)[t].userName)}},$=E,z=(0,D.A)($,P,S,!1,null,null,null),Y=z.exports,V={components:{ImportNumberPicker:k,ImportNumberManualPicker:Y},data(){return{}},mixins:[l.A,c.A],computed:{nextStepAvailable(){return this.getFlowData(g.MC_IMPORT_READY)},identityValidated(){return this.getFlowData(g.AUTH_METHOD)&&this.getFlowData(g.IDENTITY_DATA)}}},B=V,j=(0,D.A)(B,a,n,!1,null,null,null),H=j.exports},87861:function(t,e,s){s.d(e,{A:function(){return c}});var r=function(){var t=this,e=t.$createElement,s=t._self._c||e;return t.hide?t._e():s("div",{staticClass:"loading font-weight-bold font-size-30 color-white-medium"},[s("span",[t._v(".")]),s("span",[t._v(".")]),s("span",[t._v(".")])])},i=[],o={name:"ThreeDotLoader",props:{hide:{type:Boolean,default:!1}}},a=o,n=s(81656),l=(0,n.A)(a,r,i,!1,null,"2b97133c",null),c=l.exports}}]);
2//# sourceMappingURL=6479.4bc2fbc2.js.map