https://www.kaufland.bg/etc.clientlibs/kaufland/clientlibs/clientl…/LoyaltyCardSettings-vue-51c6faab7b.min.js

1"use strict";(self.webpackChunknitro=self.webpackChunknitro||[]).push([[7825],{70192:(e,l,n)=>{n.d(l,{J:()=>t,R:()=>i});var a=n(88917);const t=(e,l)=>{const n=(0,a.Fl)((()=>l.modifiers.map((l=>`${e}--${l}`)).join(" ")));return{componentClasses:(0,a.Fl)((()=>`${e} ${n.value}`))}},i=()=>({modifiers:{type:Array,default:()=>[]}})},30198:(e,l,n)=>{n.d(l,{Z:()=>p});var a=n(88917),t=n(8319);const i=["href","target","rel"],o={class:"a-button__container"},r={class:"a-button__label"},s={class:"a-button__container"},u={class:"a-button__label"};var c=n(70192);const d={name:"Button",props:{label:{type:String,default:""},icon:{type:String},href:{type:String},target:{type:String},...(0,c.R)()},setup:e=>(0,c.J)("a-button",e),computed:{iconClass(){return`a-ico-${this.icon}`},rel(){return"_blank"===this.target?"noopener noreferrer":null}}};const p=(0,n(83744).Z)(d,[["render",function(e,l,n,c,d,p){return(0,a.wg)(),(0,a.iD)("div",{class:(0,t.C_)(e.componentClasses)},[n.href?((0,a.wg)(),(0,a.iD)("a",{key:0,href:n.href,target:n.target,rel:p.rel},[(0,a._)("div",o,[n.icon?((0,a.wg)(),(0,a.iD)("span",{key:0,class:(0,t.C_)(["a-button__label-icon",p.iconClass])},null,2)):(0,a.kq)("",!0),(0,a._)("span",r,[(0,a.WI)(e.$slots,"default",{},(()=>[(0,a.Uk)((0,t.zw)(n.label),1)]))])])],8,i)):((0,a.wg)(),(0,a.iD)("button",(0,t.vs)((0,a.dG)({key:1},e.$attrs)),[(0,a._)("div",s,[n.icon?((0,a.wg)(),(0,a.iD)("span",{key:0,class:(0,t.C_)(["a-button__label-icon",p.iconClass])},null,2)):(0,a.kq)("",!0),(0,a._)("span",u,[(0,a.WI)(e.$slots,"default",{},(()=>[(0,a.Uk)((0,t.zw)(n.label),1)]))])])],16))],2)}]])},43194:(e,l,n)=>{n.d(l,{Z:()=>g});var a=n(88917),t=n(8319),i=n(82661);const o={class:"a-input__wrapper"},r=["id","value"],s=["for"],u={key:1};var c=n(32117),d=n(85981),p=n(70192);const v={name:"Input",components:{KIcon:d.Z},props:{modelValue:String,label:String,inputClass:{type:[String,Array,Object],default:""},icon:{type:String,default:""},onIconClick:{type:Function,default:()=>{}},id:{type:String,required:!0},errors:{type:Array,default:()=>[]},...(0,p.R)()},emits:["update:modelValue","icon-click"],setup(e,{attrs:l,emit:n}){const{componentClasses:t}=(0,p.J)("a-input",e),i=(0,c.iH)(!1),o=(0,a.Fl)((()=>String(l.placeholder||""))),r=(0,a.Fl)((()=>e.errors&&e.errors.length>0)),s=(0,a.Fl)((()=>{const l=e.modelValue&&e.modelValue.length>0,n=!o.value||""===o.value.trim();return i.value||l||n?e.label:o})),u=(0,a.Fl)((()=>[t.value,l.class,{"a-input--error":r.value,"a-input--filled":e.modelValue?.length,"a-input--focused":i.value,"a-input--has-icon":e.icon}])),d=(0,a.Fl)((()=>["a-input__field",e.inputClass]));return{hasErrors:r,isFocused:i,displayLabel:s,handleIconClick:l=>{e.onIconClick&&e.onIconClick(l),n("icon-click",l)},containerClasses:u,inputClasses:d}}};const g=(0,n(83744).Z)(v,[["render",function(e,l,n,c,d,p){const v=(0,a.up)("KIcon");return(0,a.wg)(),(0,a.iD)("div",{class:(0,t.C_)(c.containerClasses)},[(0,a._)("div",o,[(0,a._)("input",(0,a.dG)({id:n.id,class:c.inputClasses},e.$attrs,{value:n.modelValue,onInput:l[0]||(l[0]=l=>e.$emit("update:modelValue",l.target.value)),onFocus:l[1]||(l[1]=e=>c.isFocused=!0),onBlur:l[2]||(l[2]=e=>c.isFocused=!1)}),null,16,r),(0,a._)("label",{for:n.id,class:"a-input__label"},(0,t.zw)(c.displayLabel),9,s),n.icon?((0,a.wg)(),(0,a.j4)(v,{key:0,class:"a-input__icon",icon:n.icon,onClick:(0,i.iM)(c.handleIconClick,["prevent"])},null,8,["icon","onClick"])):(0,a.kq)("",!0),c.hasErrors?((0,a.wg)(),(0,a.iD)("ul",u,[((0,a.wg)(!0),(0,a.iD)(a.HY,null,(0,a.Ko)(n.errors,((e,l)=>((0,a.wg)(),(0,a.iD)("li",{key:l},(0,t.zw)(e),1)))),128))])):(0,a.kq)("",!0)])],2)}]])},85981:(e,l,n)=>{n.d(l,{Z:()=>r});var a=n(88917),t=n(8319),i=n(88972),o=n(45157);const r=(0,a.aZ)({__name:"KIcon",props:{icon:{},color:{},size:{}},setup(e){const l=e,n=(0,a.Fl)((()=>({"--icon-unicode":`"${o.G[l.icon]}"`,"--icon-color":l.color?(0,i.c)(l.color):"inherit","--icon-size":l.size||"inherit"})));return(e,l)=>((0,a.wg)(),(0,a.iD)("span",{class:"k-icon",style:(0,t.j5)(n.value),"aria-hidden":"true"},null,4))}})},60227:(e,l,n)=>{n.d(l,{Z:()=>p});var a=n(88917),t=n(32117),i=n(8319),o=n(7425),r=n(73281);const[s,u]=(0,r.k)();var c=n(92458);const d=["src","alt","title","srcset","sizes","data-image-fallback"],p=(0,a.aZ)({__name:"K

1Image",props:{imageSource:{},title:{},alt:{},renditions:{},renditionsAsString:{},sizes:{},aspectRatio:{},objectFit:{}},setup(e){const l=e,n=s(!0),r=(0,t.iH)(l.imageSource),u=(0,t.iH)(),p=(0,t.iH)(null),v=(0,a.Fl)((()=>u.value?null:l.renditionsAsString?l.renditionsAsString:l.renditions?(0,o.rb)(l.imageSource,l.renditions).map((({size:e,rendition:l})=>`${l} ${e}w`)).join(", "):null)),g=(0,a.Fl)((()=>l.aspectRatio?{aspectRatio:l.aspectRatio,objectFit:l.objectFit?l.objectFit:"contain"}:{}));(0,a.bv)((()=>{p.value.complete&&0===p.value.naturalHeight&&m()}));const m=()=>{u.value=!0,r.value=c};return(l,o)=>((0,a.wg)(),(0,a.iD)("img",{ref_key:"imageElement",ref:p,class:"k-image",src:r.value,alt:e.alt,title:e.title,loading:"lazy",srcset:v.value,sizes:e.sizes,"data-image-fallback":(0,t.SU)(n)?null:"",style:(0,i.j5)(g.value),onError:m},null,44,d))}})},48772:(e,l,n)=>{n.d(l,{Z:()=>d});var a=n(88917),t=n(8319),i=n(30198),o=n(85981);const r={class:"m-warning-bento__title_wrapper"},s={key:0,class:"m-warning-bento__title"},u={class:"m-warning-bento__description"},c={__name:"WarningBento",props:{title:{type:String,default:""},description:{type:String,default:""},confirmText:{type:String,default:""},cancelText:{type:String,default:""},showClose:{type:Boolean,default:!1},hasPadding:{type:Boolean,default:!0},variant:{type:String,default:"info",validator:e=>["danger","info"].includes(e)}},emits:["close","confirm"],setup(e){const l=["round","bold","danger"===e.variant?"primary-brand-bento":"bento-info-cancel","full"],n=["round","bold","bento-info-confirm","full"];return(c,d)=>((0,a.wg)(),(0,a.iD)("div",{class:(0,t.C_)(["m-warning-bento",[`m-warning-bento--${e.variant}`,{"m-warning-bento--no-padding":!e.hasPadding}]])},[(0,a._)("div",r,[e.title?((0,a.wg)(),(0,a.iD)("h4",s,(0,t.zw)(e.title),

11)):(0,a.kq)("",!0),e.showClose?((0,a.wg)(),(0,a.j4)(o.Z,{key:1,icon:"close",class:"m-warning-bento__close",onClick:d[0]||(d[0]=e=>c.$emit("close"))})):(0,a.kq)("",!0)]),(0,a._)("p",u,[(0,a.WI)(c.$slots,"description",{},(()=>[(0,a.Uk)((0,t.zw)(e.description),1)]))]),e.confirmText||e.cancelText?((0,a.wg)(),(0,a.iD)("div",{key:0,class:(0,t.C_)({"m-warning-bento__actions--split":e.confirmText&&e.cancelText,"m-warning-bento__actions":e.cancelText})},[e.cancelText?((0,a.wg)(),(0,a.j4)(i.Z,{key:0,class:"m-warning-bento__button",label:e.cancelText,modifiers:n,onClick:d[1]||(d[1]=e=>c.$emit("close"))},null,8,["label"])):(0,a.kq)("",!0),e.confirmText?((0,a.wg)(),(0,a.j4)(i.Z,{key:1,class:"m-warning-bento__button",label:e.confirmText,modifiers:l,onClick:d[2]||(d[2]=e=>c.$emit("confirm"))},null,8,["label"])):(0,a.kq)("",!0)],2)):(0,a.kq)("",!0)],2))}};const d=(0,n(83744).Z)(c,[["__scopeId","data-v-564e6825"]])},13437:(e,l,n)=>{n.r(l),n.d(l,{default:()=>b});n(70560);var a=n(88917),t=n(8319),i=n(82661),o=n(32117),r=n(48727),s=n(30198),u=n(43194),c=n(60227),d=n(48772);const p={class:"k-loyalty-card-settings"},v={class:"k-loyalty-card-settings__headline"},g={key:0},m={key:2,class:"k-loyalty-card-settings__info"},b=(0,a.aZ)({__name:"LoyaltyCardSettings",props:{i18n:{},enableCardAdding:{type:Boolean,default:!0}},setup(e){const l=e,n=/^\d{16}$/,b=(0,r.O)(),f=(0,o.iH)(!1),_=(0,o.iH)(!1),k=(0,o.iH)(!1),y=(0,o.iH)(!1),w=(0,o.iH)(!1),C=(0,o.iH)(!1),h=(0,o.iH)([]),S=(0,o.iH)(""),x=(0,o.iH)(null),z=(0,a.YP)((()=>b?.profile?.loyaltyAccount?.physicalCards),(e=>{Array.isArray(e)&&0===h.value.length&&(h.value=e.map(((e,l)=>({id:e.extendedCardnumber||l,number:e.extendedCardnumber}))),z())}),{immediate:!0}),F=(0,a.Fl)((()=>h.value.length>=5)),Z=(0,a.Fl)((()=>f.value?[l.i18n.errorMessage]:null)),D=()=>{f.value=!1,S.value="",_.value=!0},I=["round","bold","black","bento"],$=async()=>{if(k.value||F.value)return;k.value=!0,f.value=!1;const e=S.value.replace(/\s+/g,"");var l;if(!1!==(""===(l=e).trim()||!n.test(l)||h.value.some((e=>e.number===l))?{valid:!1}:{valid:!0}).valid)try{if(await b.addKCard(e))return void j();h.value.push({id:Date.now(),number:e}),S.value="",_.value=!1}catch(e){f.value=!0}finally{k.value=!1}else j()},j=()=>{f.value=!0,k.value=!1},q=()=>{w.value=!w.value},H=()=>{C.value=!1,x.value=null},T=async()=>{if(x.value&&!y.value){y.value=!0;try{await b.deleteKCard(x.value)?f.value=!0:(h.value=h.value.filter((e=>e.number!==x.value)),H())}catch(e){f.value=!0}finally{y.value=!1}}};return(n,o)=>((0,a.wg)(),(0,a.iD)("div",p,[(0,a._)("div",v,(0,t.zw)(l.i18n.headline),1),l.i18n.copytext?((0,a.wg)(),(0,a.iD)("div",g,(0,t.zw)(l.i18n.copytext),1)):(0,a.kq)("",!0),((0,a.wg)(!0),(0,a.iD)(a.HY,null,(0,a.Ko)(h.value,((l,n)=>((0,a.wg)(),(0,a.iD)("div",{key:l.id},[(0,a.Wm)(u.Z,{id:`card-input-${n}`,modelValue:l.number,"onUpdate:modelValue":e=>l.number=e,type:"text",modifiers:["text","read-only","disabled","bento"],disabled:"",icon:0===n?"":"trash","on-icon-click":0===n?null:()=>(e=>{y.value||(C.value&&x.value===e.number?H():(x.value=e.number,C.value=!0))})(l)},null,8,["id","modelValue","onUpdate:modelValue","icon","on-icon-click"]),C.value&&x.value===l.number?((0,a.wg)(),(0,a.j4)(d.Z,{key:0,variant:"danger",title:e.i18n.deleteCardHeadline,"confirm-text":e.i18n.deleteCardCta,"show-close":!y.value,onConfirm:T,onClose:o[0]||(o[0]=e=>y.value?null:H())},{description:(0,a.w5)((()=>[(0,a.Uk)((0,t.zw)(e.i18n.deleteCardText),1)])),_:1},8,["title","confirm-text","show-close"])):(0,a.kq)("",!0)])))),128)),_.value&&!F.value?((0,a.wg)(),(0,a.j4)(u.Z,{key:1,id:(0,a.Me)(),modelValue:S.value,"onUpdate:modelValue":o[1]||(o[1]=e=>S.value=e),type:"text",modifiers:["text","modern"],errors:Z.value,label:e.i18n.inputLabel,placeholder:e.i18n.inputPlaceholder,icon:"faq","on-icon-click":q},null,8,["id","modelValue","errors","label","placeholder"])):(0,a.kq)("",!0),w.value?((0,a.wg)(),(0,a.iD)("div",m,[(0,a._)("p",null,(0,t.zw)(e.i18n.infoText),1),e.i18n.infoImage?((0,a.wg)(),(0,a.j4)(c.Z,{key:0,class:"k-login-form__go-to-app",sizes:"100vw","image-source":e.i18n.infoImage,"renditions-as-string":e.i18n.infoImageSrcSet,alt:e.i18n.infoImageAlt,title:e.i18n.infoImageTitle},null,8,["image-source","renditions-as-string","alt","title"])):(0,a.kq)("",!0)])):(0,a.kq)("",!0),!l.enableCardAdding||_.value||F.value?_.value&&!F.value?((0,a.wg)(),(0,a.j4)(s.Z,{key:4,type:"button",modifiers:I,onClick:(0,i.iM)($,["prevent"])},{default:(0,a.w5)((()=>[(0,a.Uk)((0,t.zw)(e.i18n.ctaSaveCard),1)])),_:1})):(0,a.kq)("",!0):((0,a.wg)(),(0,a.j4)(s.Z,{key:3,type:"submit",modifiers:I,onClick:(0,i.iM)(D,["prevent"])},{default:(0,a.w5)((()=>[(0,a.Uk)((0,t.zw)(e.i18n.ctaAddCard),1)])),_:1}))]))}})}}]);