(this["webpackJsonp6th-street"]=this["webpackJsonp6th-street"]||[]).push([[14,17,147],{1003:function(e,o,t){"use strict";(function(e){var i=t(1),s=t(14),n=t(1345);t(6);var r=t(13).checkBEMProps;class l extends i.PureComponent{render(){return r(e,n.a,this.props)}}l.defaultProps={withViewAll:!0,product:{}},o.a=Object(s.b)(e=>({}),null)(l)}).call(this,t(1))},1345:function(e,o,t){"use strict";(function(e){var i=t(627),s=t(201),n=t(1),r=t.n(n),l=t(11),a=t(70),c=(t(6),t(3)),d=t(0),u=t(1346),m=t(196),h=(t(1347),t(14)),p=t(77),v=t(26),g=t(39),S=t(31);var b=t(13).checkBEMProps;class F extends n.PureComponent{constructor(e){super(e),this.getZoomFocusScrollContainer=()=>this.zoomFocusScrollRef.current,this.isZoomFocusRotationEnabled=()=>{const{zoomFocusLoop:e}=this.props;return Boolean(e)&&this.getProducts().length>1},this.measureZoomFocusPadding=()=>{const{zoomFocusScaleEnabled:e,zoomFocusScaleRatio:o}=this.props,t=this.getZoomFocusScrollContainer();if(!e||!t)return;const i=t.querySelector("[data-sku]");if(!i)return;const s=i.offsetWidth*(363.66/245.39),n=.8033*s,r=s-n,l=Math.max(0,(null!==o&&void 0!==o?o:1)-1),a=Math.ceil(n*l)+8,c=Math.ceil(r*l)+8;a===this.state.zoomFocusTopPadding&&c===this.state.zoomFocusBottomPadding||this.setState({zoomFocusTopPadding:a,zoomFocusBottomPadding:c})},this.observeZoomFocusTileResize=()=>{const e=this.getZoomFocusScrollContainer(),o=null===e||void 0===e?void 0:e.querySelector("[data-sku]");o&&"ResizeObserver"in window&&(this.zoomFocusTileResizeObserver=new ResizeObserver(()=>{this.measureZoomFocusPadding()}),this.zoomFocusTileResizeObserver.observe(o))},this.initializeZoomFocusPosition=()=>{if(!this.props.zoomFocusEnabled)return;const e=this.getZoomFocusScrollContainer();if(!e)return;const o=!this.props.backgroundProductSliderStartFlush&&window.innerWidth<=767?1:0,t=this.isZoomFocusRotationEnabled();if(!t&&0===o)return;const i=t?this.getProducts().length+o:o,s=this.computeZoomFocusCenteredScrollLeft(e,i);null!==s&&(e.scrollLeft=s)},this.handleZoomFocusScroll=()=>{const{zoomFocusEnabled:e,type:o}=this.props,t=this.getZoomFocusScrollContainer();e&&t&&(this.zoomFocusRaf||this.zoomFocusScrollRaf||(this.zoomFocusRaf=requestAnimationFrame(()=>{this.zoomFocusRaf=null;const e=t.querySelectorAll("[data-sku]");if(!e.length)return;const i=t.getBoundingClientRect(),s=i.left+i.width/2;let n=0,r=1/0;e.forEach((e,o)=>{const t=e.getBoundingClientRect(),i=Math.abs(t.left+t.width/2-s);i<r&&(r=i,n=o)});const l=this.isZoomFocusRotationEnabled(),a=this.getProducts().length;if(!l&&window.innerWidth<=767){const o=2,i=t.scrollWidth-t.clientWidth,s=Math.abs(t.scrollLeft);s<=o?n=0:s>=i-o&&(n=e.length-1)}let c=l?(n%a+a)%a:n;"backgroundProductSlider"===o&&c===e.length-3&&(c=e.length-1),null===this.state.initialCenteredIndex&&this.setState({initialCenteredIndex:c}),c!==this.state.zoomScrollCenteredIndex&&this.setState({zoomScrollCenteredIndex:c})})))},this.handleZoomFocusEnter=e=>{this.stopZoomFocusAutoPlay(),this.setState({zoomHoveredIndex:e})},this.handleZoomFocusLeave=()=>{this.setState({zoomHoveredIndex:null}),this.startZoomFocusAutoPlay()},this.startZoomFocusAutoPlay=()=>{const{zoomFocusEnabled:e,zoomFocusAutoPlay:o,zoomFocusAutoPlaySpeed:t,type:i}=this.props;if(this.stopZoomFocusAutoPlay(),!e||!o||this.getProducts().length<=1)return;const s="zoomFocusSlider"===i||"backgroundProductSlider"===i;this.zoomFocusAutoPlayInterval=setInterval(()=>{const e=this.getProducts().length;if(e<=1)return;if(this.isZoomFocusRotationEnabled())return void this.rotateZoomFocus(1);const o=this.state.zoomScrollCenteredIndex+1;if(o>=e)return s?void this.scrollToZoomIndex(0):void this.stopZoomFocusAutoPlay();this.scrollToZoomIndex(o)},t||3e3)},this.stopZoomFocusAutoPlay=()=>{this.zoomFocusAutoPlayInterval&&(clearInterval(this.zoomFocusAutoPlayInterval),this.zoomFocusAutoPlayInterval=null)},this.cancelZoomFocusScrollAnimation=()=>{this.zoomFocusScrollRaf&&(cancelAnimationFrame(this.zoomFocusScrollRaf),this.zoomFocusScrollRaf=null)},this.animateZoomFocusScrollTo=(e,o,t,i,s)=>{if(this.cancelZoomFocusScrollAnimation(),i<=0||o===t)return e.scrollLeft=t,void(null===s||void 0===s||s());const n=performance.now(),r=l=>{const a=Math.min((l-n)/i,1);e.scrollLeft=o+(t-o)*(1-(1-a)**3),a<1?this.zoomFocusScrollRaf=requestAnimationFrame(r):(this.zoomFocusScrollRaf=null,null===s||void 0===s||s())};this.zoomFocusScrollRaf=requestAnimationFrame(r)},this.computeZoomFocusCenteredScrollLeft=(e,o)=>{const t=e.querySelectorAll("[data-sku]")[o];if(!t)return null;const i=e.getBoundingClientRect(),s=t.getBoundingClientRect();return e.scrollLeft+(s.left+s.width/2)-(i.left+i.width/2)},this.scrollToZoomIndex=(e,o)=>{const t=this.getZoomFocusScrollContainer();if(!t)return;const i=this.isZoomFocusRotationEnabled()?this.getProducts().length+e:e,s=()=>{var e;const s=this.computeZoomFocusCenteredScrollLeft(t,i);if(null===s)return;const{zoomFocusTransitionStyle:n,zoomFocusTransitionSpeed:r}=this.props,l="snap"===n?0:null!==(e=u.a[r])&&void 0!==e?e:400;this.animateZoomFocusScrollTo(t,t.scrollLeft,s,l,o)};e!==this.state.zoomScrollCenteredIndex?this.setState({zoomScrollCenteredIndex:e},s):s()},this.rotateZoomFocus=(e,o)=>{const t=this.getZoomFocusScrollContainer();if(!t)return;const i=this.getProducts().length,s=this.state.zoomScrollCenteredIndex+e,n=s>=i,r=s<0,l=(s%i+i)%i,a=n?2*i+l:r?l:i+l;this.setState({zoomScrollCenteredIndex:l},()=>{var e;const s=this.computeZoomFocusCenteredScrollLeft(t,a);if(null===s)return;const{zoomFocusTransitionStyle:c,zoomFocusTransitionSpeed:d}=this.props,m="snap"===c?0:null!==(e=u.a[d])&&void 0!==e?e:400;this.animateZoomFocusScrollTo(t,t.scrollLeft,s,m,()=>{if(n||r){const e=this.computeZoomFocusCenteredScrollLeft(t,i+l);null!==e&&(t.scrollLeft=e)}null===o||void 0===o||o()})})},this.canNavigateZoomFocusPrev=()=>this.isZoomFocusRotationEnabled()||this.state.zoomScrollCenteredIndex>0,this.canNavigateZoomFocusNext=()=>this.isZoomFocusRotationEnabled()||this.state.zoomScrollCenteredIndex<this.getProducts().length-1,this.handleZoomFocusResize=()=>{this.zoomFocusResizeTimer&&clearTimeout(this.zoomFocusResizeTimer),this.zoomFocusResizeTimer=setTimeout(()=>{this.measureZoomFocusPadding(),this.handleZoomFocusScroll(),this.forceUpdate()},120)},this.handleIntersect=(e,o)=>{const{impressionSent:t,isViewPromotionEventCalled:i}=this.state;t||i||this.widgetGetLoadEvent()},this.getProducts=()=>{const{products:e,inhouseWidgetConfig:{widgetPageSize:o=10}}=this.props;let t=(null===e||void 0===e?void 0:e.length)>o?[...e.slice(0,o)]:[...e];return t.length>o&&(t.length=o),[...t]},this.clickAllEvent=e=>{const{withViewAll:o=!0,widgetID:t="",products:i=[],product:s={},data_url:n,heading:r="",widgetPosition:l="",inhouseWidgetConfig:{widgetPageSize:a=10},moeEventData:c,language:u}=this.props;d.dj.dispatch(d.Fd,e)},this.handleScroll=e=>{const o=e.nativeEvent.target,t=[...this.cmpRef.current.childNodes].filter(e=>"ScrollWrapper"==e.id)[0];t&&(t.scrollLeft=o.scrollLeft)},this.renderScrollbar=()=>{if(this.props.zoomFocusEnabled)return null;let e=this.getProducts();const o=(this.itemRef&&this.itemRef.current&&this.itemRef.current.childRef.current.clientWidth)*e.length+7*e.length*2-690;return b(r.a,"div",{block:"VueProductSlider",elem:"SliderContainer",ref:this.scrollerRef,mods:{isArabic:Object(l.h)(),Hidden:this.scrollerRef.current&&this.scrollerRef.current.clientWidth>=o},onScroll:this.handleScroll},b(r.a,"div",{block:"Outer",style:{width:o},elem:"Inner"}))},this.itemRef=r.a.createRef(),this.cmpRef=r.a.createRef(),this.indexRef=r.a.createRef(0),this.scrollerRef=r.a.createRef(),this.zoomFocusScrollRef=r.a.createRef();const o=e.zoomFocusEnabled&&!e.backgroundProductSliderStartFlush&&"undefined"!==typeof window&&window.innerWidth<=767?1:0;this.state={customScrollWidth:null,isArabic:Object(l.h)(),impressionSent:!1,eventRegistered:!1,isViewPromotionEventCalled:!1,items:[],initialCenteredIndex:null,zoomScrollCenteredIndex:o,zoomHoveredIndex:null,zoomFocusTopPadding:0,zoomFocusBottomPadding:0,backgroundProductShowViewAll:!1}}componentWillUnmount(){this.zoomFocusRaf&&cancelAnimationFrame(this.zoomFocusRaf),this.zoomFocusResizeTimer&&clearTimeout(this.zoomFocusResizeTimer),this.zoomFocusTileResizeObserver&&this.zoomFocusTileResizeObserver.disconnect(),this.cancelZoomFocusScrollAnimation(),this.stopZoomFocusAutoPlay(),window.removeEventListener("resize",this.handleZoomFocusResize)}componentDidUpdate(e){const{zoomFocusEnabled:o,zoomFocusAutoPlay:t,zoomFocusAutoPlaySpeed:i,zoomFocusScaleRatio:s}=this.props;e.zoomFocusEnabled===o&&e.zoomFocusAutoPlay===t&&e.zoomFocusAutoPlaySpeed===i||this.startZoomFocusAutoPlay(),e.zoomFocusScaleRatio===s&&e.zoomFocusScaleEnabled===this.props.zoomFocusScaleEnabled||this.measureZoomFocusPadding()}componentDidMount(){this.state.customScrollWidth<0&&this.renderScrollbar(),this.updateItemsState(),this.registerViewPortEvent(),this.props.zoomFocusEnabled&&(this.initializeZoomFocusPosition(),this.handleZoomFocusScroll(),this.measureZoomFocusPadding(),this.observeZoomFocusTileResize(),window.addEventListener("resize",this.handleZoomFocusResize)),this.startZoomFocusAutoPlay();const{moeEventData:e}=this.props;Object(d.Ni)(d.Mf,{widget_name:null===e||void 0===e?void 0:e.widget_name,main_sku:null===e||void 0===e?void 0:e.main_sku,main_brand_name:null===e||void 0===e?void 0:e.main_brand_name,main_product_name:null===e||void 0===e?void 0:e.main_product_name})}getPageType(){const{urlRewrite:e,currentRouteName:o}=window;return"url-rewrite"===o?"undefined"===typeof e?"":e.notFound?"notfound":(e.type||"").toLowerCase():(o||"").toLowerCase()}updateItemsState(){var e;const{products:o,widgetID:t,language:i="",product:{gender:s=""}}=this.props,n=sessionStorage.getItem("currentScreen")||"",r=t?"".concat(n,"-").concat(s?null===s||void 0===s||null===(e=s.join)||void 0===e?void 0:e.call(s,"-").toLowerCase():"","-").concat(i,"-").concat(t):"",{items:l}=this.state;o.map(e=>{var o,t,i,s,n;let a="";e.price.length>0&&(a=null===e||void 0===e?void 0:e.price[0][Object.keys(null===e||void 0===e?void 0:e.price[0])[0]]["6s_special_price"]),l.push({item_id:null!==(o=null===e||void 0===e?void 0:e.sku)&&void 0!==o?o:"",item_name:null!==(t=null===e||void 0===e?void 0:e.name)&&void 0!==t?t:"",item_brand:null!==(i=null===e||void 0===e?void 0:e.brand_name)&&void 0!==i?i:"",item_list_name:r,item_category:null!==(s=null===e||void 0===e?void 0:e.category)&&void 0!==s?s:"",price:null!==(n=a)&&void 0!==n?n:""})})}widgetGetLoadEvent(){var e;const o=c.a.getItem(g.a),t=null===o||void 0===o||null===(e=o.gender)||void 0===e?void 0:e.toLowerCase(),{product:{brand_name:i,sku:s,gender:n},widgetID:r,language:l="",products:a=[],inhouseWidgetConfig:{widgetPageSize:u=10}}=this.props,h=n?Array.isArray(n)?n:[n]:[t],{items:p}=this.state,v=sessionStorage.getItem("currentScreen")||"",S=r?"".concat(v,"-").concat(h?h.join("-").toLowerCase():"","-").concat(l,"-").concat(r):"",b=S,F=S;if((null===a||void 0===a?void 0:a.length)&&"view_all"!=v){const e={isFromVueProductSlider:!0,isSkipMOEEvent:!0,brand_name:i,product_sku:s,promotion_id:b,promotion_name:F,selected_size:"",widget_position:"PDP",items:a.slice(0,u)};d.dj.dispatch(m.b,[e]),this.setState({isViewPromotionEventCalled:!0})}}registerViewPortEvent(){const{index:e=0}=this.props;let o;const t=document.querySelector("#productSlider-".concat(e));o=new IntersectionObserver(this.handleIntersect,{root:null,rootMargin:"0px",threshold:.5}),o.observe(t),this.setState({eventRegistered:!0})}sendImpressions(){const e=this.getProducts().map((e,o)=>{let t=null,i=null;return e.price.length>0&&(t=null===e||void 0===e?void 0:e.price[0][Object.keys(null===e||void 0===e?void 0:e.price[0])[0]]["6s_special_price"],i=null===e||void 0===e?void 0:e.price[0][Object.keys(null===e||void 0===e?void 0:e.price[0])[0]]["6s_base_price"]),{id:e.sku,label:e.name,brand_name:e.brand_name,price:e.price,category:e.category,url:e.link,special_price:t,original_price:i,product_Position:o+1}});d.dj.dispatch(s.a,e),this.setState({impressionSent:!0})}async handleContainerScroll(e,o){const{isArabic:t}=this.state,{scrollLeft:i,scrollWidth:s,clientWidth:n}=o.nativeEvent.target;this.scrollerRef&&this.scrollerRef.current&&(this.scrollerRef.current.scrollLeft=t?Math.abs(i):i);let r=screen.width>1024?245:220,l=Math.floor(Math.abs(i)/r);const a=this.props.zoomFocusEnabled&&this.props.zoomFocusAutoPlay;this.indexRef.current===l||a&&this.vueSwipeLogged||(this.indexRef.current=l,this.vueSwipeLogged=!0),"backgroundProductSlider"===this.props.type&&Math.ceil(Math.abs(i))+n>=.9*s?this.setState({backgroundProductShowViewAll:!0}):this.setState({backgroundProductShowViewAll:!1})}viewAllBtn(){const{withViewAll:o=!0,widgetID:t="",products:i=[],product:s={},data_url:n,heading:c="",widgetPosition:u="",inhouseWidgetConfig:{widgetPageSize:h=10},moeEventData:g,language:S,zoomFocusEnabled:F,zoomFocusViewAllPortalNode:f}=this.props;let P="/viewall/?q=".concat(null===t||void 0===t?void 0:t.replace("vue_",""));const _=n||{pathname:(null===s||void 0===s?void 0:s.sku)?P.concat("&product_id=".concat(s.sku)):P,state:{widgetIDOnViewAllBtn:t,vueProducts:i,product_id:s.sku}};if(!(o&&(null===i||void 0===i?void 0:i.length)>=h))return null;const z=b(r.a,"div",{block:"VueProductSlider",elem:"ViewAllBtn",mods:{isArabic:Object(l.h)(),customBackground:"backgroundProductSlider"===this.props.type}},b(r.a,p.default,{to:_,onClick:()=>{this.clickAllEvent({brand_name:null===s||void 0===s?void 0:s.brand_name,product_sku:null===s||void 0===s?void 0:s.sku,widget_name:t,widget_position:null===g||void 0===g?void 0:g.view_all_source}),Object(v.z)(window.location.href),g&&(null===g||void 0===g?void 0:g.view_all_source)&&d.dj.dispatch(m.b,[{isFromVueProductSlider:!0,isSkipMOEEvent:!0,brand_name:null===g||void 0===g?void 0:g.main_brand_name,product_sku:null===g||void 0===g?void 0:g.main_sku,promotion_id:"".concat(null===g||void 0===g?void 0:g.view_all_source,"-").concat(null===s||void 0===s?void 0:s.gender,"-").concat(S,"-similarProductPage"),promotion_name:"".concat(null===g||void 0===g?void 0:g.view_all_source,"-").concat(null===s||void 0===s?void 0:s.gender,"-").concat(S,"-similarProductPage"),selected_size:null===g||void 0===g?void 0:g.size_selected,widget_position:null===g||void 0===g?void 0:g.view_all_source,items:i}]),g&&Object(d.Ni)(d.bg,{widget_name:null===g||void 0===g?void 0:g.widget_name,main_sku:null===g||void 0===g?void 0:g.main_sku,main_brand_name:null===g||void 0===g?void 0:g.main_brand_name,main_product_name:null===g||void 0===g?void 0:g.main_product_name,main_price:null===g||void 0===g?void 0:g.main_price,view_all_source:null===g||void 0===g?void 0:g.view_all_source}),g&&"similar_size_popup"==(null===g||void 0===g?void 0:g.view_all_source)&&Object(d.Ni)(d.Yf,{widget_name:null===g||void 0===g?void 0:g.widget_name,main_sku:null===g||void 0===g?void 0:g.main_sku,main_brand_name:null===g||void 0===g?void 0:g.main_brand_name,main_product_name:null===g||void 0===g?void 0:g.main_product_name,main_price:null===g||void 0===g?void 0:g.main_price,size_selected:null===g||void 0===g?void 0:g.size_selected}),"product"===sessionStorage.getItem("currentScreen")&&Object(d.Ni)(d.Vg,{widget_name:c})},title:e("View All")},b(r.a,"span",null,e("View All"))));return F?"backgroundProductSlider"!==this.props.type||this.state.backgroundProductShowViewAll?f?Object(a.createPortal)(z,f):null:void 0:z}renderHeader(){const{heading:e,header:o,zoomFocusEnabled:t}=this.props,{isHome:i,products:s}=this.props;return!t||e||o?b(r.a,"div",{block:"VueProductSlider",elem:"HeaderContainer",mods:{isHome:i,isArabic:Object(l.h)()}},b(r.a,"div",{className:"productWidgetTitleRow"},b(r.a,"h2",{className:"productWidgetHeading",style:(null===o||void 0===o?void 0:o.title_color)?{color:o.title_color}:void 0},Object(S.ib)(e,Object(l.d)())),!t&&(null===s||void 0===s?void 0:s.length)>5?this.viewAllBtn():null),((null===o||void 0===o?void 0:o.subtitle)||(null===o||void 0===o?void 0:o.button_label))&&b(r.a,"div",{className:"productWidgetMeta"},(null===o||void 0===o?void 0:o.subtitle)&&b(r.a,"p",{className:"productWidgetSubtitle",style:(null===o||void 0===o?void 0:o.subtitle_color)?{color:o.subtitle_color}:void 0},o.subtitle),(null===o||void 0===o?void 0:o.button_label)&&b(r.a,"a",{href:(null===o||void 0===o?void 0:o.button_link)||void 0,className:"productWidgetButton",title:null===o||void 0===o?void 0:o.button_label,style:(null===o||void 0===o?void 0:o.button_label_color)?{color:o.button_label_color}:void 0},o.button_label))):null}renderIndicator(e){const{zoomFocusEnabled:o,zoomFocusIndicatorStyle:t,type:i}=this.props,s=this.getZoomFocusScrollContainer(),n=null===s||void 0===s?void 0:s.querySelectorAll("[data-sku]")[5];if(!o||!t||"arrows"===t||!s)return null;let a=this.getProducts();if(a.length<=1)return null;const{initialCenteredIndex:c,zoomScrollCenteredIndex:d}=this.state;let u=d;if(e&&"backgroundProductSlider"===i){u-=c;const e=n.getBoundingClientRect().width+50;a.length=a.length-Math.round(s.clientWidth/e)+1}if("dots"===t)return b(r.a,"div",{block:"VueProductSlider",elem:"ZoomFocusDots",dir:Object(l.h)()?"rtl":void 0},a.map((e,o)=>{var t;return b(r.a,"button",{key:null!==(t=e.sku)&&void 0!==t?t:o,type:"button",block:"VueProductSlider",elem:"ZoomFocusDot",mods:{active:o===(u>a.length-1?a.length-1:u)},"aria-label":"Go to item ".concat(o+1),onClick:()=>{this.stopZoomFocusAutoPlay(),this.scrollToZoomIndex(o),this.startZoomFocusAutoPlay()}})}));if("lines"===t){const e=120,o=e/a.length,t=o+(a.length>1?u/(a.length-1):0)*(e-o);return b(r.a,"div",{block:"VueProductSlider",elem:"ZoomFocusPaginationContainer",mods:{customMargin:"backgroundProductSlider"===i}},b(r.a,"div",{block:"VueProductSlider",elem:"ZoomFocusPaginationTrack",style:{width:e}},b(r.a,"div",{block:"VueProductSlider",elem:"ZoomFocusPaginationIndicator",style:{width:t,transition:"width 0.3s ease"}})))}return null}renderZoomFocusArrowsOverlay(e){const o=this.canNavigateZoomFocusPrev(),t=this.canNavigateZoomFocusNext(),{initialCenteredIndex:i,zoomScrollCenteredIndex:s}=this.state;return b(r.a,"div",{block:"VueProductSlider",elem:"ZoomFocusArrowsOverlay",dir:Object(l.h)()?"rtl":void 0},b(r.a,"button",{type:"button",block:"VueProductSlider",elem:"ZoomFocusArrow",mods:{direction:"prev"},disabled:!o,style:e&&s-i<=0?{visibility:"hidden"}:{},"aria-label":"Previous",onClick:()=>this.scrollToZoomIndex(s-1,()=>{})}),b(r.a,"button",{type:"button",block:"VueProductSlider",elem:"ZoomFocusArrow",mods:{direction:"next"},disabled:!t,style:e&&s+i>=this.getProducts().length-1?{visibility:"hidden"}:{},"aria-label":"Next",onClick:()=>this.scrollToZoomIndex(s+1,()=>{})}))}renderSliderContainer(){const e=this.getProducts(),o=this.props.zoomFocusEnabled?e:e.slice(0,9),{isHome:t,renderMySignInPopup:s,index:n,setLastTapItemOnHome:a,closeCartPopup:c}=this.props,{widgetID:d="",pageType:m="",sourceProdID:h=null,sourceCatgID:p=null,widgetPosition:v="",heading:g="",moeEventData:S,scroll_behavior:F,zoomFocusEnabled:f,zoomFocusScaleEnabled:P,zoomFocusScaleRatio:_,zoomFocusSideScale:z,zoomFocusTransitionStyle:w,zoomFocusTransitionSpeed:y,zoomFocusIsDark:k,zoomFocusIndicatorStyle:I}=this.props,{zoomScrollCenteredIndex:A,zoomFocusTopPadding:R,zoomFocusBottomPadding:C,zoomHoveredIndex:E}=this.state,Z=this.isZoomFocusRotationEnabled(),T=(e,t)=>(Z&&null!==e&&void 0!==e?e:0)*o.length+t,L=T(Z?1:void 0,A),D=null!==E&&void 0!==E?E:L,O=(e,o,t)=>{const{sku:i}=e,l=T(t,o);return b(r.a,u.b,{renderMySignInPopup:s,key:void 0===t?i:"".concat(i,"-zoom-copy-").concat(t),setLastTapItemOnHome:a,data:e,index:n,posofreco:o,ref:this.itemRef,widgetID:d,pageType:m,sourceProdID:h,sourceCatgID:p,closeCartPopup:c,widgetPosition:v,widgetheading:g,moeEventData:S,zoomFocusEnabled:f,zoomFocusScaleEnabled:P,zoomFocusIsDark:k,isZoomFocused:l===D,isBeforeZoomFocused:l+1===D,zoomFocusScaleRatio:_,zoomFocusSideScale:z,zoomFocusTransitionStyle:w,zoomFocusTransitionSpeed:y,onZoomFocusEnter:()=>this.handleZoomFocusEnter(l),onZoomFocusLeave:this.handleZoomFocusLeave})},x=0===o.length?null:Z?[0,1,2].flatMap(e=>o.map((o,t)=>O(o,t,e))):o.map((e,o)=>O(e,o)),j=b(r.a,"div",{block:"VueProductSlider",elem:"SliderContainer",id:"ScrollWrapper",ref:this.zoomFocusScrollRef,dir:f&&Object(l.h)()?"rtl":void 0,mods:{isHome:t,isArabic:Object(l.h)(),zoomFocusEnabled:f},style:P?{paddingTop:R,paddingBottom:C}:void 0,onScroll:e=>{this.handleContainerScroll(d,e),f&&this.handleZoomFocusScroll()},onMouseLeave:f?this.handleZoomFocusLeave:void 0,onMouseDown:f?this.cancelZoomFocusScrollAnimation:void 0,onTouchStart:f?this.cancelZoomFocusScrollAnimation:void 0},t&&b(r.a,"div",{block:"SliderHelper",mods:{isHome:t}}),x,t&&b(r.a,"div",{block:"SliderHelper",mods:{isHome:t}})),V="arrow navigation"===F||f&&"arrows"===I&&o.length>1;return b(r.a,i.default,{data:{rootClass:"ScrollWrapper",ref:this.cmpRef}},b(r.a,r.a.Fragment,null,V?b(r.a,"div",{block:"VueProductSlider",elem:"ZoomFocusViewport"},j,this.renderZoomFocusArrowsOverlay("arrow navigation"===F)):j,this.renderScrollbar(),this.renderIndicator("arrow navigation"===F)))}render(){const{index:e=null,zoomFocusEnabled:o}=this.props;return b(r.a,"div",{id:"productSlider"},b(r.a,"div",{ref:e=>{this.viewElement=e},id:"productSlider-".concat(e),block:"VueProductSlider",elem:"Container",mods:{isArabic:Object(l.h)(),zoomFocusEnabled:o}},this.renderHeader(),o&&this.viewAllBtn(),this.renderSliderContainer()))}}F.defaultProps={data_url:""},o.a=Object(h.b)(e=>({prevPath:e.PLP.prevPath,language:e.AppState.language,inhouseWidgetConfig:e.AppConfig.inhouseWidgetConfig}),e=>({setPrevPath:o=>e(Object(v.z)(o)),setLastTapItemOnHome:o=>e(Object(v.t)(o))}))(F)}).call(this,t(28))},1346:function(e,o,t){"use strict";(function(e){t.d(o,"a",(function(){return y}));var i=t(196),s=t(126),n=t(77),r=t(505),l=t(592),a=t(24),c=t(1),d=t.n(c),u=t(14),m=t(11),h=(t(195),t(6)),p=(t(9),t(0)),v=t(199),g=t(923),S=t(23),b=t(3),F=t(619),f=t(39),P=t(591),_=t(653),z=t(42),w=t(595);const y={slow:700,medium:400,fast:200};var k=t(13).checkBEMProps;class I extends c.PureComponent{constructor(e){super(e),this.handleIntersect=e=>{const{impressionSent:o}=this.state;o||e.forEach(e=>{if(!e.isIntersecting)return;const{data:o}=this.props;this.isAlgoliaProduct(o)&&Object(w.a)(this.getAlgoliaObjectID(o)),this.setState({impressionSent:!0}),this.intersectionObserver&&this.childRef.current&&this.intersectionObserver.unobserve(this.childRef.current)})},this.logAlgoliaClickEvent=()=>{var e,o;const{data:t,posofreco:i}=this.props;if(!this.isAlgoliaProduct(t))return;const s=this.getAlgoliaObjectID(t);if(!s)return;const n=(null===t||void 0===t?void 0:t.queryID)||(null===t||void 0===t?void 0:t.search_query_id)||"",r=null!==(e=null!==(o=null===t||void 0===t?void 0:t.position)&&void 0!==o?o:null===t||void 0===t?void 0:t.product_Position)&&void 0!==e?e:null!=i?Number(i)+1:null;null!=n&&""!==n&&r&&Number(r)>0?(new z.a).logInsightsAlgoliaAnalytics("click",p.Si,{objectIDs:[String(s)],queryID:String(n),positions:[Number(r)]}):(new z.a).logInsightsAlgoliaAnalytics("click",p.Vi,{objectIDs:[String(s)]})},this.onclick=(e,o)=>{Object(v.a)();const{pageType:t,data:i,posofreco:s,sourceProdID:n,sourceCatgID:r,index:l,setPDPData:c,language:d,widgetheading:u}=this.props,{brand_name:m,category:h,sku:g,link:S,price:F,name:P,gender:_}=i;try{var z;const o=b.a.getItem(f.a),t=null===o||void 0===o||null===(z=o.gender)||void 0===z?void 0:z.toLowerCase(),i=_||[t],s=sessionStorage.getItem("currentScreen"),n=e?"".concat(s,"-").concat(i?[i].join("-").toLowerCase():"","-").concat(d,"-").concat(e):"",r=(itemPrice,{widget_name:u,product_name:null!==P&&void 0!==P?P:"",tile_selected:l,price:itemPrice||"",product_sku:null!==g&&void 0!==g?g:"",brand_name:null!==m&&void 0!==m?m:""});Object(p.Ni)(p.Wg,r),this.props.setLastTapItemOnHome("VeuSliderWrapper".concat(l)),c({},{})}catch(w){a.a.log(w)}},this.renderExpressDeliveryTag=e=>k(d.a,F.a,{productInfo:e}),this.childRef=d.a.createRef(),this.intersectionObserver=null,this.state={isArabic:Object(m.h)(),impressionSent:!1}}componentDidMount(){this.registerViewPortEvent()}componentWillUnmount(){this.intersectionObserver&&this.childRef.current&&(this.intersectionObserver.unobserve(this.childRef.current),this.intersectionObserver.disconnect())}registerViewPortEvent(){this.childRef.current&&(this.intersectionObserver=new IntersectionObserver(this.handleIntersect,{root:null,rootMargin:"0px",threshold:.5}),this.intersectionObserver.observe(this.childRef.current))}getAlgoliaObjectID(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(null===e||void 0===e?void 0:e.objectID)||(null===e||void 0===e?void 0:e.objectId)||null}isAlgoliaProduct(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return!!this.getAlgoliaObjectID(e)}getPageType(){const{urlRewrite:e,currentRouteName:o}=window;return"url-rewrite"===o?"undefined"===typeof e?"":e.notFound?"notfound":(e.type||"").toLowerCase():(o||"").toLowerCase()}sendBannerClickImpression(e){p.dj.dispatch(i.a,[e])}renderPrice(e){const{isArabic:o}=this.state;return e&&e.length>0?k(d.a,"div",{block:"VueProductSlider",elem:"SpecialPriceCon",mods:{isArabic:o}},k(d.a,r.default,{price:e,renderSpecialPrice:!0,cart:!0})):null}renderIsNew(o){return o?k(d.a,"div",{block:"VueProductSlider",elem:"VueIsNewTag"},k(d.a,"span",null,e("New"))):null}renderProductTag(o){return k(d.a,"div",{block:"VueProductSlider",elem:"VueProductTag"},k(d.a,"span",null,e(o)))}render(){var e,o;const{data:{category:t,thumbnail_url:i,name:r,brand_name:a,price:c,is_new_in:u=!1,sku:m,link:v="",gender:S,promotion_bts:F=""},product:z={},data:w,widgetID:I,pageType:A,renderMySignInPopup:R,closeCartPopup:C,moeEventData:E,language:Z,widgetPosition:T,zoomFocusEnabled:L,zoomFocusScaleEnabled:D,zoomFocusIsDark:O,isZoomFocused:x,zoomFocusScaleRatio:j,zoomFocusSideScale:V,zoomFocusTransitionStyle:M,zoomFocusTransitionSpeed:W,isBeforeZoomFocused:H,onZoomFocusEnter:N,onZoomFocusLeave:B}=this.props,{isArabic:q}=this.state,U=Object(g.b)(w),X=Object(g.a)(v,w),G="snap"===M,J=G?0:null!==(e=y[W])&&void 0!==e?e:400,Q=G?"linear":"ease",Y=Math.round(120*(j-1)),K=D&&(x||H),$=q?"marginLeft":"marginRight",ee=D?{transform:"scale(".concat(x?j:V,")"),...K?{[$]:7.92+Y}:{},transition:"transform ".concat(J,"ms ").concat(Q,", margin ").concat(J,"ms ").concat(Q)}:void 0;let oe=this.props.data.product_tag?this.props.data.product_tag:"";const te=Object.keys(c[0])[0],ie=c[0][te]["6s_special_price"],se=b.a.getItem(f.a),ne=null===se||void 0===se||null===(o=se.gender)||void 0===o?void 0:o.toLowerCase(),re=S||[ne],le=sessionStorage.getItem("currentScreen"),ae=I?"".concat(le,"-").concat(re?[re].join("-").toLowerCase():"","-").concat(Z,"-").concat(null===E||void 0===E?void 0:E.widget_name):"",ce=localStorage.getItem("customer")||null,de=ce?JSON.parse(ce):null,ue=(de&&de.data&&de.data.id?"".concat(de.data.id):Object(h.f)(),w);(null===ue||void 0===ue?void 0:ue.objectID)||null===ue||void 0===ue||ue.objectId,null===ue||void 0===ue||ue.position;return k(d.a,"div",{block:"VueProductSlider",elem:"VueProductContainer",mods:{isArabic:q,zoomFocusEnabled:D,zoomFocused:D&&x,isDark:Boolean(O),heroLayout:L},style:ee,"data-sku":m,"data-category":t,ref:this.childRef,onMouseEnter:L?N:void 0,onMouseLeave:L?B:void 0},k(d.a,n.default,{to:X,"data-banner-type":"vueSlider",block:"VueProductSlider-Link",title:r||"",onClick:()=>{this.onclick(I,w),E&&p.dj.dispatch(p.ah,{brand_name:a,product_sku:m,selected_size:null===E||void 0===E?void 0:E.size_selected,promotion_id:ae,promotion_name:ae,widget_position:null===E||void 0===E?void 0:E.view_all_source,item:[{item_id:m||"",item_name:r||"",item_brand:a||"",item_list_name:ae,item_category:t||"",price:ie||""}]}),Object(p.Ni)(p.Lf,{widget_name:null===E||void 0===E?void 0:E.widget_name,main_sku:null===E||void 0===E?void 0:E.main_sku,main_brand_name:null===E||void 0===E?void 0:E.main_brand_name,main_product_name:null===E||void 0===E?void 0:E.main_product_name,main_price:null===E||void 0===E?void 0:E.main_price,main_discount:null===E||void 0===E?void 0:E.main_discount,selected_sku:m,selected_brand_name:a,selected_product_name:r,selected_price:ie}),this.logAlgoliaClickEvent()}},k(d.a,"div",{style:{position:"relative"}},k(d.a,s.default,{lazyLoad:!0,block:"VueProductSlider",elem:"VueProductImage",src:i,style:L&&{minWidth:150},alt:r}),k(d.a,_.a,{type:"plp",rotateSpeed:2e3,category:"similarProducts"===I?"similar":"plp",product:w}),oe?this.renderProductTag(oe):null),k(d.a,P.a,{brandName:a,productName:r,price:c,isArabic:q,page:"",pageType:A,renderSpecialPrice:!0,promotionBts:F})),k(d.a,l.a,{renderMySignInPopup:R,sku:m,data:w,pageType:A,closeCartPopup:C,widgetName:I,widgetPosition:T,qid:U||""}),this.renderExpressDeliveryTag(w))}}o.b=Object(u.b)(e=>({country:e.AppState.country,language:e.AppState.language,isExpressServiceAvailable:e.MyAccountReducer.isExpressServiceAvailable,isQuickDelivery:e.AppConfig.isQuickDelivery,quick_delivery_time:e.AppConfig.quick_delivery_time}),e=>({setPDPData:(o,t)=>e(Object(S.u)(o,t))}),null,{forwardRef:!0})(I)}).call(this,t(28))},1347:function(e,o,t){},2696:function(e,o,t){"use strict";(function(e){var i=t(196),s=t(780),n=t(1),r=(t(485),t(11)),l=t(0),a=t(1003),c=t(2697),d=(t(2698),t(13).checkBEMProps);class u extends n.PureComponent{constructor(o){super(o),this.state={currentPage:0,isArabic:Object(r.h)(),withViewAll:!0,impressionSent:!1,eventRegistered:!1,isHideWidget:!0},this.timerStartRef=Object(n.createRef)(),this.timerEndRef=Object(n.createRef)(),this.showWidgetPostRender=()=>{const e=(new Date).toUTCString(),{end_time:o,start_time:t}=this.props,i=o,s=Date.parse(i)-Date.parse(e),n=Date.parse(t)-Date.parse(e);n>0&&(this.timerStartRef.current=setTimeout(()=>{this.setState({isHideWidget:!1})},n),this.timerEndRef.current=setTimeout(()=>{this.setState({isHideWidget:!0})},s)),s<=0?this.setState({isHideWidget:!0}):Date.parse(t)<Date.parse(e)&&Date.parse(e)<Date.parse(i)&&(this.setState({isHideWidget:!1}),this.timerEndRef.current=setTimeout(()=>{this.setState({isHideWidget:!0})},s))},this.handleIntersect=(e,o)=>{const{impressionSent:t}=this.state;t||e.forEach(e=>{e.isIntersecting&&this.sendImpressions()})},this.renderProduct=(o,t)=>{const{sku:i}=o,{isArabic:n}=this.state;return d(e,"div",{mix:{block:"DynamicContentProductSlider",elem:"ProductItem",mods:{isArabic:n}},key:t},d(e,s.a,{product:o,key:i,pageType:"home"}),this.renderCTA())}}componentDidMount(){this.showWidgetPostRender()}componentWillUnmount(){this.timerStartRef.current&&clearTimeout(this.timerStartRef.current),this.timerEndRef.current&&clearTimeout(this.timerEndRef.current)}registerViewPortEvent(){let e;const o=document.querySelector("#productSlider-".concat(index));e=new IntersectionObserver(this.handleIntersect,{root:null,rootMargin:"0px",threshold:.5}),e.observe(o),this.setState({eventRegistered:!0})}sendImpressions(){var e,o,t;const{products:s=[]}=this.props,n=s.map(e=>({id:e.sku,label:e.name})),r=(null===(e=this.props)||void 0===e?void 0:e.promotion_name)?null===(o=this.props)||void 0===o?void 0:o.promotion_name:"",a=(null===(t=this.props)||void 0===t?void 0:t.index)?this.props.index:"";n.forEach((e,o)=>{Object.assign(e,{store_code:r,indexValue:o+1,default_Index:a})}),l.dj.dispatch(i.b,n),this.setState({impressionSent:!0})}renderProductsDesktop(){}renderTitle(){const{title:o,isHomePage:t}=this.props;let i;return i=t?o:Object(r.h)()?c.a[o]:o,d(e,"h2",{mix:{block:"DynamicContentProductSlider",elem:"Header"}},i)}renderCTA(){const{isArabic:o}=this.state;return d(e,"div",{mix:{block:"DynamicContentProductSlider",elem:"FavoriteOverlay",mods:{isArabic:o}}})}render(){var o,t;const{isArabic:i,withViewAll:s,eventRegistered:n}=this.state,{title:r,isHomePage:l,products:u,renderMySignInPopup:m,setLastTapItemOnHome:h,index:p=0,data_url:v,type:g,background_color:S,background_image:b,scroll_behavior:F,zoomFocusEnabled:f,zoomFocusScaleEnabled:P,zoomFocusScaleRatio:_,zoomFocusSideScale:z,zoomFocusTransitionStyle:w,zoomFocusTransitionSpeed:y,zoomFocusLoop:k,zoomFocusAutoPlay:I,zoomFocusAutoPlaySpeed:A,zoomFocusIndicatorStyle:R,zoomFocusIsDark:C,zoomFocusViewAllPortalNode:E,backgroundProductSliderStartFlush:Z}=this.props;if(0===u.length)return null;let T;n||setTimeout(()=>{},3e3),T=l?r:i?c.a[r]:r;const{header:L}=this.props,D=d(e,e.Fragment,null,d(e,a.a,{products:u,heading:null!==(o=null!==(t=null===L||void 0===L?void 0:L.title)&&void 0!==t?t:T)&&void 0!==o?o:"",header:L,withViewAll:!0,setLastTapItemOnHome:h,renderMySignInPopup:m,key:"VueProductSliderContainer",isHome:!0,pageType:"home",widgetID:"vue_top_picks_slider",index:p,data_url:v,type:g,scroll_behavior:F,zoomFocusEnabled:f,zoomFocusScaleEnabled:P,zoomFocusScaleRatio:_,zoomFocusSideScale:z,zoomFocusTransitionStyle:w,zoomFocusTransitionSpeed:y,zoomFocusLoop:k,zoomFocusAutoPlay:I,zoomFocusAutoPlaySpeed:A,zoomFocusIndicatorStyle:R,zoomFocusIsDark:C,zoomFocusViewAllPortalNode:E,backgroundProductSliderStartFlush:Z}));let O=e=>{this.viewElement=e};const{start_time:x,end_time:j}=this.props;let V;return b?V={backgroundImage:"url(".concat(b,")")}:S&&(V={backgroundColor:S}),x&&j&&this.state.isHideWidget?d(e,"div",{ref:O}):d(e,"div",{ref:O,id:"productSlider",mix:{block:"DynamicContentProductSliderHomePage",mods:{isArabic:i}},style:V},D)}}o.a=u}).call(this,t(1))},2697:function(e,o,t){"use strict";t.d(o,"a",(function(){return i}));const i={"Top Picks":"\u0623\u0639\u0644\u0649 \u0627\u0644\u0644\u0642\u0637\u0627\u062a","New In":"\u0627\u0644\u062c\u062f\u064a\u062f \u0641\u064a"}},2698:function(e,o,t){},627:function(e,o,t){"use strict";t.r(o);var i=t(1),s=t.n(i),n=t(13).checkBEMProps;class r extends i.PureComponent{constructor(e){super(e),this.startDragScroll=()=>{const{data:{ref:e,rootClass:o}}=this.props,t=e.current;if(!t)return;const i=[...t.childNodes].filter(e=>e.id==o),s=i&&i[0]?i[0]:[];s&&0==s.length||(s.addEventListener("mousedown",e=>{this.setState({isDown:!0}),s.classList.add("active"),this.setState({startX:e.pageX-s.offsetLeft}),this.setState({scrollLeft:s.scrollLeft})}),s.addEventListener("mouseleave",()=>{this.setState({isDown:!1}),s.classList.remove("active")}),s.addEventListener("mouseup",()=>{this.setState({isDown:!1}),s.classList.remove("active")}),s.addEventListener("mousemove",e=>{if(!this.state.isDown)return;e.preventDefault();const o=3*(e.pageX-s.offsetLeft-this.state.startX);s&&(s.scrollLeft=this.state.scrollLeft-o)}))},this.ref=s.a.createRef(),this.state={activeClass:!1,isDown:!1,startX:0,scrollLeft:0}}componentDidMount(){this.startDragScroll()}render(){const{children:e,data:{ref:o},rootClass:t}=this.props;return n(s.a,"div",{ref:o,className:"DragWrapper"},s.a.Children.map(this.props.children,e=>s.a.Children.only(e)))}}r.defaultProps={ref:{current:{}},rootClass:""},o.default=r},923:function(e,o,t){"use strict";t.d(o,"b",(function(){return s})),t.d(o,"a",(function(){return n}));var i=t(9);function s(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(null===e||void 0===e?void 0:e.queryID)||(null===e||void 0===e?void 0:e.search_query_id)||""}function n(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};const t=s(o),n=(null===o||void 0===o?void 0:o.url)||e||"";if(!n)return"/";const r=n.split("?_ga")[0],l=Object(i.m)(r);if("string"===typeof l){if(!t)return r;const e=r.includes("?")?"&":"?";return"".concat(r).concat(e,"qid=").concat(encodeURIComponent(t))}const a=l.pathname||"/",c=new URLSearchParams(l.search||"");t&&c.set("qid",t);const d=c.toString();return d?"".concat(a,"?").concat(d):a}},989:function(e,o,t){"use strict";t.r(o),t.d(o,"default",(function(){return m}));var i=t(1),s=t.n(i),n=t(14),r=t(693),l=t(42),a=t(24),c=t(2696);t(6);var d=t(13).checkBEMProps;class u extends i.PureComponent{constructor(e){super(e),this.state={products:[],isLoading:!0},this.containerProps=()=>{const{title:e,data_url:o,language:t,renderMySignInPopup:i,isHomePage:s=!1,setLastTapItemOnHome:n,index:r=0,heading:l,start_time:a,end_time:c,background_color:d,background_image:u,scroll_behavior:m,header:h,type:p,zoomFocusEnabled:v,zoomFocusScaleEnabled:g,zoomFocusScaleRatio:S,zoomFocusSideScale:b,zoomFocusTransitionStyle:F,zoomFocusTransitionSpeed:f,zoomFocusLoop:P,zoomFocusAutoPlay:_,zoomFocusAutoPlaySpeed:z,zoomFocusIndicatorStyle:w,zoomFocusIsDark:y,zoomFocusViewAllPortalNode:k,backgroundProductSliderStartFlush:I}=this.props,{products:A,isLoading:R}=this.state;return{title:e,data_url:o,language:t,isLoading:R,products:A,renderMySignInPopup:i,isHomePage:s,index:r,setLastTapItemOnHome:n,heading:l,start_time:a,end_time:c,background_color:d,background_image:u,scroll_behavior:m,header:h,type:p,zoomFocusEnabled:v,zoomFocusScaleEnabled:g,zoomFocusScaleRatio:S,zoomFocusSideScale:b,zoomFocusTransitionStyle:F,zoomFocusTransitionSpeed:f,zoomFocusLoop:P,zoomFocusAutoPlay:_,zoomFocusAutoPlaySpeed:z,zoomFocusIndicatorStyle:w,zoomFocusIsDark:y,zoomFocusViewAllPortalNode:k,backgroundProductSliderStartFlush:I}},this.requestItems()}async requestItems(){const{data_url:e,setImpressions:o,onProductsResolved:t}=this.props,{params:i}=r.a.parsePLP(e);try{const{data:e}=await(new l.a).getPromotions({...i,limit:10});o(e),this.setState({products:e,isLoading:!1}),null===t||void 0===t||t(e)}catch(s){a.a.log(s),this.setState({products:[],isLoading:!0}),null===t||void 0===t||t([])}}render(){return d(s.a,c.a,this.containerProps())}}u.defaultProps={title:"",setImpressions:()=>{}};var m=Object(n.b)(e=>({language:e.AppState.language}))(u)}}]);