https://www.letoile.kz/dist/SkuSelectorModal-18fc340d.js

1import{L as d}from"./index-e3a5a1c2.js";import{_ as m}from"./config-mapping-47fd6e48.js";import{L as _}from"./Radio-a70a06bf.js";import{b as p,h as k}from"./vendor-vue-15488850.js";import{ai as i}from"./integrations-segmentstream-d01b6c8e.js";import S from"./LazyImageV2-2e530fae.js";import{L as h}from"./Price-ab4f24f0.js";import{n as r}from"./vendor-splide-d9a079dc.js";import"./vendor-a9303273.js";import"./vendor-pswp-a811abc6.js";import"./storage-cbd59dc5.js";import"./vendor-lodash-59d95206.js";import"./svg-icons-1599cbf9.js";import"./locales-ru-bba83fc0.js";import"./locales-cn-79b85608.js";import"./vendor-date-fns-8fd1b05b.js";import"./PictureV2-d3f30c70.js";const l={name:"SkuSelectorItem",components:{LeImage:S,LePrice:h},props:{sku:{type:Object,required:!0},selected:{type:Boolean,default:!1}},computed:{...p("app",["siteId"]),isSquareImage(){return!this.sku.shadesImageUrl},skuItemClasses(){return{"sku-selector-item--selected":this.selected,"sku-selector-item--square":this.isSquareImage}},name(){const{displayName:s="",unitOfMeasure:e,volume:t}=this.sku;return Number(t)&&e?`${t} ${e}`:s},imageSize(){return this.isSquareImage?"40px":"30px"},imageUrl(){return this.sku.shadesImageUrl||this.sku.skuImageUrl},discount(){return this.sku.discountPercent??0},priceText(){return i({valueNumber:this.sku.price,valueString:this.sku.priceAsString,forceAsNumber:!this.sku.priceAsString,siteId:this.siteId})},rawPriceText(){return i({valueNumber:this.sku.rawPrice,valueString:this.sku.rawPriceAsString,forceAsNumber:!this.sku.rawPriceAsString,siteId:this.siteId})}}},n=()=>{k((s,e)=>({a3d4e610:s.imageSize}))},u=l.setup;l.setup=u?(s,e)=>(n(),u(s,e)):n;const v=l;var f=function(){var e=this,t=e._self._c;return t("div",{staticClass:"sku-selector-item",class:e.skuItemClasses,attrs:{"data-at-sku-selector-item":""}},[t("LeImage",{staticClass:"sku-selector-item__image-wrapper",attrs:{src:e.imageUrl,width:e.imageSize,height:e.imageSize,alt:e.name,imgClass:"sku-selector-item__image"}}),e._v(" "),t("LePrice",{staticClass:"sku-selector-item__price",attrs:{inline:"",discount:e.sku.discountPercent,price:e.priceText,raw:e.rawPriceText}}),e._v(" "),t("p",{staticClass:"sku-selector-item__name",attrs:{"data-at-sku-selector-name":""},domProps:{textContent:e._s(e.name)}}),e._v(" "),e.$slots.default?t("div",{staticClass:"sku-selector-item__content",attrs:{"data-at-sku-selector-slot":""}},[e._t("default")],2):e._e()],1)},g=[],C=r(v,f,g,!1,null,null,null,null);const I=C.exports;const b={name:"SkuSelector",components:{LeRadio:_,SkuSelectorItem:I,LeBadge:()=>m(()=>import("./CommerceItemBadge-6bc28c62.js"),["dist/CommerceItemBadge-6bc28c62.js","dist/config-mapping-47fd6e48.js","dist/vendor-splide-d9a079dc.js","dist/vendor-a9303273.js","dist/vendor-vue-15488850.js","dist/vendor-199622c2.css","dist/vendor-splide-c8304d67.css","dist/CommerceItemBadge-fb8d3773.css"])},props:{value:{type:String,required:!0},list:{type:Array,required:!0},promoCode:{type:String,default:""}},methods:{getSelection(s){return s===this.value},onSelect(s){this.$emit("input",s)}}};var y=function(){var e=this,t=e._self._c;return t("fieldset",{staticClass:"sku-selector",attrs:{"data-at-sku-selector":""}},e._l(e.list,function(a){return t("LeRadio",{key:a.skuId,staticClass:"sku-selector__item-wrapper",attrs:{value:a.skuId,modelValue:e.value,name:"sku",reverse:""},on:{"update:modelValue":e.onSelect}},[t("SkuSelectorItem",{attrs:{sku:a,selected:e.getSelection(a.skuId)}},[a.isPromoCodeApplicable?t("LeBadge",{attrs:{theme:"promo",text:e.promoCode}}):e._e()],1)],1)}),1)},L=[],$=r(b,y,L,!1,null,null,null,null);const x=$.exports;const A=4,P={name:"SkuSelectorModal",components:{LeButton:d,SkuSelector:x},props:{payload:{type:Object,required:!0}},data(){var e;const s=this.payload.currentSkuId;return{loaders:{add:!1,replace:!1},currentSkuId:s,selectedSkuId:s,skuCount:((e=this.payload.skuList)==null?void 0:e.length)||0,promoCode:this.payload.promoCode??""}},computed:{skuModalClasses(){return{"sku-selector-modal--scrollable":this.skuCount>A}},canApply(){return this.selectedSkuId&&this.selectedSkuId!==this.currentSkuId},addButtonDisabled(){return!this.canApply||this.loaders.replace},replaceButtonDisabled(){return!this.canApply||this.loaders.add}},mounted(){this.skuCount&&this.$emit("modalContentLoaded")},methods:{close(){this.$modal.close()},async sendCallback(s){var a,o;const t=s==="add"?"onAdd":"onReplace";try{this.loaders[s]=!0,await((o=(a=this.payload)==null?void 0:a[t])==null?void 0:o.call(a,this.selectedSkuId)),this.close()}catch(c){this.$clientError(c)}finally{this.loaders[s]=!1}}}};var w=function(){var e=this,t=e._self._c;return t("div",{staticClass:"sku-selector-modal",class:e.skuModalClasses,attrs:{role:"dialog","aria-modal":"true",tabindex:"-1"}},[t("div",{staticClass:"sku-selector-modal__header"},[t("h2",{staticClass:"sku-selector-modal__title"},[e._v(e._s(e.payload.modalTitle))]),e._v(" "),t("LeButton",{staticClass:"sku-selector-modal__close",attrs:{icon:"",appendIcon:"close-v2",theme:"white",size:"sm"},on:{click:e.close}})],1),e._v(" "),e.payload.modalSubtitle?t("p",{staticClass:"sku-selector-modal__subtitle"},[e._v(`
2    `+e._s(e.payload.modalSubtitle)+`

3  `)]):e._e(),e._v(" "),t("SkuSelector",{staticClass:"sku-selector-modal__list",attrs:{list:e.payload.skuList,promoCode:e.promoCode},model:{value:e.selectedSkuId,callback:function(a){e.selectedSkuId=a},expression:"selectedSkuId"}}),e._v(" "),t("div",{staticClass:"sku-selector-modal__buttons"},[t("LeButton",{attrs:{theme:"secondary",isFluid:"",isRounded:"",disabled:e.addButtonDisabled,loading:e.loaders.add,label:e.$t("base:button.add")},on:{click:function(a){return e.sendCallback("add")}}}),e._v(" "),t("LeButton",{attrs:{theme:"secondary",isFluid:"",isRounded:"",disabled:e.replaceButtonDisabled,loading:e.loaders.replace,label:e.$t("base:button.replace")},on:{click:function(a){return e.sendCallback("replace")}}})],1)],1)},B=[],R=r(P,w,B,!1,null,null,null,null);const W=R.exports;export{W as default};
4//# sourceMappingURL=SkuSelectorModal-18fc340d.js.map