https://www.childrensalon.com/build/website/5697.d47fab5c.js

1"use strict";(self.rspackChunkchildrensalon=self.rspackChunkchildrensalon||[]).push([[5697],{30467(e,t,i){i.d(t,{A:()=>w});var l,r=i(35987),o=i(42314),s=i(69277),a=i(27896),n=i(2405),c=i(33365),d=i(58358),m=i(61806),u=i(64344);class h extends u.A{}var b=i(65665),g=i(41455),v=i(89184),p=((l=p||{}).BrowserScreen="browserScreen",l.HeaderHeight="headerHeight",l.ShoppingBagCount="shoppingBagCount",l.WishlistCount="wishlistCount",l);class y extends g.A{createItems(){return{[p.BrowserScreen]:new b.A(v.A.browserScreen,!0),[p.HeaderHeight]:new b.A(v.A.headerHeight,!0),[p.ShoppingBagCount]:new b.A(v.A.shoppingBagCount,!0),[p.WishlistCount]:new b.A(v.A.wishlistCount,!0)}}}var f=i(84780),A=i(50034),O=i(27307);let S={center:"center",left:"flex-start",right:"flex-end"},I={bottom:"flex-end",middle:"center",top:"flex-start"};class C extends h{componentDidMount(){var e;let{slide:t}=this.props;O.A.get().then(async e=>{let{firstName:i,lastName:l}=e,[r,o,s]=await Promise.all([t.subTitle?this.props.replaceCustomerInfo(t.subTitle,i,l):null,t.text?this.props.replaceCustomerInfo(t.text,i,l):null,this.props.replaceCustomerInfo(t.title,i,l)]);this.setState({subTitle:r,text:o,title:s})}),(null==(e=this.props.slide)?void 0:e.url)&&(0,d.on)(this.base,"activate.LPTopSliderHomeV2",e=>{this.openLink(e)}),(0,A.A)(this.base)}componentDidUpdate(){(0,A.A)(this.base)}componentWillUnmount(){super.componentWillUnmount(),(0,d.AU)(this.base,"activate.LPTopSliderHomeV2")}render(e,t){var i,l,o;let a,{dataEventAction:n,slide:c}=e,d={alt:null==c?void 0:c.imageAlt,autoSizes:!0,classNames:"lazyload-block",priority:"high",sources:[{img:null==c?void 0:c.imageUrl,imgRetina:null==c?void 0:c.imageRetinaUrl,media:"(min-width: 1367px)",width:1920},{img:null==c?void 0:c.laptopImageUrl,imgRetina:null==c?void 0:c.laptopImageRetinaUrl,media:"(min-width: 1024px)",width:1366},{img:null==c?void 0:c.tabletImageUrl,imgRetina:null==c?void 0:c.tabletImageRetinaUrl,media:"(min-width: 768px)",width:1024},{imgRetina:null==c?void 0:c.mobileImageRetinaUrl,width:375}]},u={},h=(null==c?void 0:c.animatedImageUrl)||(null==c?void 0:c.tabletAnimatedImageUrl)||(null==c?void 0:c.mobileAnimatedImageUrl),b=(null==c?void 0:c.videoUrl)||(null==c?void 0:c.tabletVideoUrl)||(null==c?void 0:c.mobileVideoUrl);(h||b)&&(u["data-cs"]="animatedPicture"),h&&(a={autoSizes:!0,classNames:"animated-picture no-display lazyload-block",sources:[{img:c.animatedImageUrl||c.imageUrl,imgRetina:c.animatedImageUrl?null:c.imageRetinaUrl,media:"(min-width: 1024px)",width:1920},{img:c.tabletAnimatedImageUrl||c.tabletImageUrl,imgRetina:c.tabletAnimatedImageUrl?null:c.tabletImageRetinaUrl,media:"(min-width: 768px)",width:810},{img:c.mobileAnimatedImageUrl,imgRetina:c.mobileAnimatedImageUrl?null:c.mobileImageRetinaUrl,width:450}]}),b&&(u["data-cs-config"]=JSON.stringify({animatedPicture:{desktop:c.videoUrl,laptop:c.laptopVideoUrl,mobile:c.mobileVideoUrl,tablet:c.tabletVideoUrl}}));let{blockImageStyles:g,btnWrapStyles:v,buttonsStyles:p,copyStyles:y,infoBlockInnerStyles:A,infoBlockStyles:O,titleStyles:S}=this.getCustomStyles();u.style=g;let I={};return((null==c?void 0:c.url)||(null==(i=c.buttons)?void 0:i.length))&&(I["data-cs"]="promotionEventTracker",I["data-cs-config"]=JSON.stringify({promotionEventTracker:{creative_name:null!=n?n:"A1 - Top slider (EM)",promotion_name:null!=(o=c.defaultTitle)?o:c.title}})),(0,r.FD)("div",{className:"".concat("sliderItem_nEKYQ"," slider-item"),...I,"data-href":c.url,"data-note":c.dataNote,tabIndex:c.url?0:void 0,children:[(0,r.FD)("div",{className:"".concat("blockImage_uXd8J"),...u,children:[(0,r.Y)(f.A,{...d}),a?(0,r.Y)(f.A,{...a}):null]}),(0,r.Y)("div",{className:"infoBlock_niMqV",style:O,children:(0,r.FD)("div",{className:"infoBlockInner_UwWZ_",style:{...A},children:[c.sticker?(0,r.Y)(m.A,{svg:{color:c.sticker.color,isFlip:c.sticker.isFlip,name:c.sticker.image},className:"icon_dAH3l",isWide:c.sticker.isWide,position:c.sticker.position}):null,t.title&&!c.isTitleHide?(0,r.Y)("h1",{className:(0,s.A)("title_ibiOM",{ltr:t.title}),style:{...S},children:t.title}):null,t.subTitle?(0,r.Y)("p",{className:(0,s.A)("subTitle_ayFMR",{ltr:t.subTitle}),style:{...S},children:t.subTitle}):null,t.text?(0,r.Y)("div",{className:(0,s.A)("std_Bu3qq",{ltr:c.text,"mobile-hide":c.hideMobileText}),dangerouslySetInnerHTML:{__html:t.text},style:{...y}}):null,(null==(l=c.buttons)?void 0:l.length)?(0,r.Y)("div",{className:(0,s.A)("btnWrap_zyrT2",{btnWrapMultiple_l5tdR:c.buttons.length>1}),style:{...v},children:c.buttons.map((e,t)=>(0,r.Y)("a",{className:"btn btn-".concat(t," ").concat("btn_gS_JF"),href:e.url,style:p[t],children:(0,r.Y)("span",{className:(0,s.A)({ltr:e.urlLabel}),children:e.urlLabel})},t))}):null]})})]})}

1createStore(){return new y}get storeItemKeys(){return[p.BrowserScreen]}get defaultState(){return{subTitle:null,text:null,title:null}}openLink(e){if(e.target&&!(0,d.kp)(e.target,"a").length){var t;let i=null==(t=e.currentTarget)?void 0:t.getAttribute("data-href");i&&(window.location.href=i)}}getCustomStyles(){var e,t,i,l;let{slide:r}=this.props,o=null!=(e=null==r?void 0:r.overlayWidthTablet)?e:52,s=null!=(t=null==r?void 0:r.overlayWidth)?t:27,a=null!=(i=null==r?void 0:r.overlayWidthMobile)?i:62.6,n={},c={},d={},m={},u={},h={},b=[];return r&&(r.overlayColorWithOpacity&&(n.backgroundColor=r.overlayColorWithOpacity),"tablet"===this.state.browserScreen?(r.tabletOverlayTextAlignment&&(n.textAlign=r.tabletOverlayTextAlignment,u.justifyContent=r.tabletOverlayTextAlignment),r.overlayWidthTablet&&(n.width="".concat(o,"%")),r.overlayPositionTablet?n.marginLeft="".concat(r.overlayPositionTablet-o/100*r.overlayPositionTablet,"%"):r.tabletOverlayHorizontalPosition&&(c.justifyContent=S[r.tabletOverlayHorizontalPosition],n.marginLeft="unset"),r.tabletTitleColor&&(d.color=r.tabletTitleColor),r.titleSizeTablet&&(d.fontSize="".concat(r.titleSizeTablet/10,"em")),r.tabletTextColor&&(m.color=r.tabletTextColor),r.tabletBackgroundOverlayColor&&(h["--backgroundOverlayColor"]=r.tabletBackgroundOverlayColor),r.tabletBackgroundOverlayOpacity&&(h["--backgroundOverlayOpacity"]=r.tabletBackgroundOverlayOpacity/100),r.tabletOverlayVerticalPosition&&(c.alignItems=I[r.tabletOverlayVerticalPosition]),"bottom"!==r.tabletOverlayVerticalPosition||r.overlayPositionTablet||(c.bottom=30)):"mobile"===this.state.browserScreen?(r.mobileOverlayTextAlignment&&(n.textAlign=r.mobileOverlayTextAlignment,u.justifyContent=r.mobileOverlayTextAlignment),r.overlayWidthMobile&&(n.width="".concat(a,"%")),r.overlayPositionMobile?n.marginLeft="".concat(r.overlayPositionMobile-a/100*r.overlayPositionMobile,"%"):r.mobileOverlayHorizontalPosition&&(c.justifyContent=S[r.mobileOverlayHorizontalPosition],n.marginLeft="unset"),r.mobileTitleColor&&(d.color=r.mobileTitleColor),r.titleSizeMobile&&(d.fontSize="".concat(r.titleSizeMobile/10,"em")),r.mobileTextColor&&(m.color=r.mobileTextColor),r.mobileBackgroundOverlayColor&&(h["--backgroundOverlayColor"]=r.mobileBackgroundOverlayColor),r.mobileBackgroundOverlayOpacity&&(h["--backgroundOverlayOpacity"]=r.mobileBackgroundOverlayOpacity/100),r.mobileOverlayVerticalPosition&&(c.alignItems=I[r.mobileOverlayVerticalPosition]),"bottom"!==r.mobileOverlayVerticalPosition||r.overlayPositionMobile||(c.bottom=30)):(r.overlayTextAlignment&&(n.textAlign=r.overlayTextAlignment,u.justifyContent=r.overlayTextAlignment),r.overlayWidth&&(n.width="".concat(s,"%")),r.overlayPosition?n.marginLeft="".concat(r.overlayPosition-s/100*r.overlayPosition,"%"):r.overlayHorizontalPosition&&(c.justifyContent=S[r.overlayHorizontalPosition],n.marginLeft="unset"),r.titleColor&&(d.color=r.titleColor),r.titleSize&&(d.fontSize="".concat(r.titleSize/10,"em")),r.textColor&&(m.color=r.textColor),r.backgroundOverlayColor&&(h["--backgroundOverlayColor"]=r.backgroundOverlayColor),r.backgroundOverlayOpacity&&(h["--backgroundOverlayOpacity"]=r.backgroundOverlayOpacity/100),r.overlayVerticalPosition&&(c.alignItems=I[r.overlayVerticalPosition]),"bottom"!==r.overlayVerticalPosition||r.overlayPosition||(c.bottom=30)),(null==(l=r.buttons)?void 0:l.length)&&r.buttons.forEach((e,t)=>{let i,l,r,o={};"tablet"===this.state.browserScreen?(i=e.tabletUrlColorWithOpacity||e.tabletUrlColor,l=e.tabletUrlBorderColor,r=e.tabletUrlLabelColor):"mobile"===this.state.browserScreen?(i=e.mobileUrlColorWithOpacity||e.mobileUrlColor,l=e.mobileUrlBorderColor,r=e.mobileUrlLabelColor):(i=e.urlColorWithOpacity||e.urlColor,l=e.urlBorderColor,r=e.urlLabelColor),i&&(o["--background-color"]=i),r?o["--color"]=r:i&&l&&(o["--color"]=l),l&&(o["--border-color"]=l),b[t]=o})),{blockImageStyles:h,btnWrapStyles:u,buttonsStyles:b,copyStyles:m,infoBlockInnerStyles:n,infoBlockStyles:c,titleStyles:d}}}class w extends o.uA{render(e){let{children:t,data:i,id:l}=e;return(0,r.FD)("div",{className:(0,s.A)("LPTopSliderHomeBase_tWQNp","cms-enable-slider-control

1s",{"cms-preview-no-inner-links":i.isOnlyOneSlideDisplayed?!this.slides[0]:!this.slides.length}),"data-source-id":l,"data-id":l,children:[(0,r.Y)(c.A,{isOnlyOneSlideDisplayed:i.isOnlyOneSlideDisplayed,innerClassName:"sliderInner_f43uE",wrapperClassName:"sliderWrapper_UkItv",slides:this.slides,children:i.isOnlyOneSlideDisplayed?this.slides[0]?(0,r.Y)(C,{slide:this.slides[0],dataEventAction:i.dataEventAction,replaceCustomerInfo:this.replaceCustomerInfo.bind(this)}):null:this.slides.map(e=>(0,r.Y)(C,{slide:e,dataEventAction:i.dataEventAction,replaceCustomerInfo:this.replaceCustomerInfo.bind(this)},e.uuid))}),t]})}async replaceCustomerInfo(e,t,i){let{isPreviewMode:l}=await n.A.getEnvironment();if(l)return e;let r=t&&i?"".concat(t," ").concat(i):"";return e.replace(/%customer.first_name%/g,t||"").replace(/%customer.last_name%/g,i||"").replace(/%customer.full_name%/g,r)}constructor(e){super(e),function(e,t,i){t in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i}(this,"slides",[]),this.slides=a.A.get(e.data.slides)}}},33365(e,t,i){var l=i(35987),r=i(42314),o=i(58358),s=i(93646),a=i(73848),n=i(50034);function c(e,t,i){return t in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}class d extends r.uA{componentDidMount(){!this.isOneSlide&&(setTimeout(this.initSlider.bind(this),100),this.resizeCallbackObject=(0,o.Sp)(this.initSlider.bind(this)),window.IntersectionObserver&&this.slider.current&&(this.intersectionObserver=new IntersectionObserver(s.sg(e=>{e.forEach(e=>{e.isIntersecting?this.setTimeout(this.currentIndex):this.stopTimeout()})},300)),this.intersectionObserver.observe(this.slider.current))),this.slider.current&&(0,n.A)(this.slider.current)}componentDidUpdate(){this.slider.current&&(0,n.A)(this.slider.current)}componentWillUnmount(){var e;null==(e=this.resizeCallbackObject)||e.removeCallback()}render(e){let{children:t}=e;return(0,l.Y)("div",{className:this.props.wrapperClassName,children:(0,l.Y)("div",{className:this.props.innerClassName,ref:this.slider,children:t})})}async initSlider(){if(this.slider.current){let e={controls:!1,maxSlides:1,minSlides:1,onSlideAfter:(e,t,i)=>{this.currentIndex=i,this.setTimeout(i)},onSlideBefore:()=>{this.stopTimeout()},onSliderLoad:e=>{this.currentIndex=e,this.setTimeout(e)},pager:!0,responsive:!0,...this.props.settings};this.bxSlider?(this.stopTimeout(),this.bxSlider.reloadSlider(e)):this.bxSlider=await (0,a.A)(this.slider.current,e)}}stopTimeout(){this.timer&&clearTimeout(this.timer)}setTimeout(e){let t=null!=e?e:0;this.timer&&clearTimeout(this.timer),this.timer=setTimeout(()=>{if(document.body.classList.contains("open-popup"))this.setTimeout(t);else{var e;null==(e=this.bxSlider)||e.goToNextSlide()}},1e3*this.slides[t].displaySeconds)}constructor(e){super(e),c(this,"slides",void 0),c(this,"isOneSlide",!1),c(this,"slider",(0,r._3)()),c(this,"bxSlider",void 0),c(this,"resizeCallbackObject",void 0),c(this,"timer",void 0),c(this,"currentIndex",void 0),c(this,"intersectionObserver",void 0),this.isOneSlide=e.isOnlyOneSlideDisplayed||1===e.slides.length,this.slides=e.slides.map(e=>{var t;return{displaySeconds:null!=(t=e.displaySeconds)?t:8}})}}i.d(t,{A:()=>d})},27896(e,t,i){var l=i(8879),r=i(73483);let o=new class{get(e){let t="__cslp_fvd_homepage",i=e.filter(e=>e.isFirstVisitOnly),o=Date.now(),s=r.A.get(t,(0,l.g1P)((0,l.YjP)(),(0,l.aig)()))||{},a=[];return(Array.isArray(s)||"object"!=typeof s)&&(s={}),Object.keys(s).forEach(e=>{31104e6+s[e]<=o&&delete s[e]}),i.some(e=>{let t=e.uuid;return!s[t]&&(a.push(e),s[t]=o,!0)}),r.A.set(t,s),a.concat(e.filter(e=>!e.isFirstVisitOnly))}};i.d(t,{},{A:o})},61806(e,t,i){var l=i(35987),r=i(69277),o=i(31376);function s(e){let{className:t,imgUrl:i,isWide:s,position:a,svg:n}=e;return i||n?(0,l.Y)("div",{className:"cms-sticker-wrap",children:(0,l.Y)("div",{className:(0,r.A)("cms-sticker",t,{["cms-sticker-".concat(a)]:a,"cms-sticker-flip":null==n?void 0:n.isFlip,"cms-sticker-wide":s}),children:n?(0,l.Y)(o.A,{icon:"sticker--".concat(n.name),style:"color: ".concat(n.color,";")}):(0,l.Y)("img",{alt:"","data-cs":"lazyload","data-src":i})})}):null}i.d(t,{A:()=>s})},84780(e,t,i){i.d(t,{A:()=>s});var l=i(35987),r=i(57687);let o=i.p+"images/image-placeholder.3e0ab8407d1963de.jpg",s=function(e){let t={};

1e.sources.forEach(i=>{var l,s,a,n,c;let d,m,u;e.compatibility&&(i.compatibility=e.compatibility),l=t,s=e.autoSizes,d=null!=(a=i.format)?a:"jpg",l[m=(null!=(n=i.media)?n:"")+d+(null!=(c=i.sizes)?c:"")]||(l[m]={media:i.media,sizes:s?void 0:i.sizes,"data-compatibility-format":i.compatibility?d:void 0}),(u=function(e){e.img||e.imgRetina||(e.img=o,r.A.error("Image url is mandatory"));let t={};if(e.width){let i=[];if(e.img){let t="".concat(e.width,"w");i.push("".concat(e.img," ").concat(t))}if(e.imgRetina){let t="".concat(2*e.width,"w");i.push("".concat(e.imgRetina," ").concat(t))}t["data-srcset"]=i.join(", ")}else{var i;t["data-src"]=null!=(i=e.img)?i:e.imgRetina}return t}(i))["data-src"]?l[m]["data-src"]=u["data-src"]:l[m]["data-srcset"]=l[m]["data-srcset"]?"".concat(l[m]["data-srcset"],", ").concat(u["data-srcset"]):u["data-srcset"],t=l});let i=Object.values(t),s=i.length;return(0,l.Y)("picture",{class:"cs-picture ".concat(e.classNames?e.classNames:""),children:i.map((t,i)=>{let r=i===s-1;return(0,l.Y)(r?"img":"source",{...t,...r&&{src:"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7","data-cs":"lazyload",alt:e.alt||"",...e.autoSizes?{"data-sizes":"auto",width:1,height:1}:{},fetchpriority:e.priority}},t["data-srcset"])})})}},64344(e,t,i){var l=i(42314);function r(e,t,i){return t in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}class o extends l.uA{get store(){return this.storeInstance}get storeItemKeys(){return[]}get defaultState(){return{}}getChildContext(){let{store:e}=this.props;return e?{store:e}:this.context}componentWillUnmount(){this.disconnectStoreItems()}createStore(){return null}initDefaultState(){let e=Object.keys(this.defaultState);e.length&&e.forEach(e=>{let t=this.defaultState[e];this.state[e]=t})}connectStoreItems(){this.storeItemKeys.forEach(e=>{this.state[e]=this.storeInstance.getItemValue(e),this.storeItemListeners.push(this.storeInstance.listenLatestItemValue(e,t=>{this.setState({[e]:t})}))})}disconnectStoreItems(){this.storeItemListeners.forEach(e=>{e()})}constructor(e,t){super(e),r(this,"storeItemListeners",[]),r(this,"storeInstance",void 0),this.storeInstance=this.createStore()||e.store||(null==t?void 0:t.store),this.state={},this.initDefaultState(),this.connectStoreItems()}}i.d(t,{A:()=>o})},31376(e,t,i){var l=i(35987);i.d(t,{},{A:e=>{let{icon:t,...i}=e;return(0,l.Y)("svg",{"data-cs":"svgLoader",...i,children:(0,l.Y)("use",{href:"#svgs-".concat(t)})})}})},65665(e,t,i){function l(e,t,i){return t in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}class r{set(e){if(this.readOnly)throw Error("This StoreItem is read only");this.storeItem.set(e)}get(){return this.storeItem.get()}listen(e){return this.storeItem.listen(e)}

1listenLatestValue(e){return this.storeItem.listenLatestValue(e)}constructor(e,t){l(this,"storeItem",void 0),l(this,"readOnly",void 0),this.storeItem=e,this.readOnly=t}}i.d(t,{A:()=>r})},41455(e,t,i){class l{getItemValue(e){var t;if(!(null==(t=this.items)?void 0:t[e]))throw Error("Key ".concat(e," is missing from the store"));return this.items[e].get()}setItemValue(e,t){var i;if(!(null==(i=this.items)?void 0:i[e]))throw Error("Key ".concat(e," is missing from the store"));this.items[e].set(t)}listenItemValue(e,t){var i;if(!(null==(i=this.items)?void 0:i[e]))throw Error("Key ".concat(e," is missing from the store"));return this.items[e].listen((e,i)=>t(e,i))}listenLatestItemValue(e,t){var i;if(!(null==(i=this.items)?void 0:i[e]))throw Error("Key ".concat(e," is missing from the store"));return this.items[e].listenLatestValue(e=>t(e))}constructor(){!function(e,t,i){t in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i}(this,"items",void 0),this.items=this.createItems()}}i.d(t,{A:()=>l})}}]);