(this["webpackJsonp6th-street"]=this["webpackJsonp6th-street"]||[]).push([[122,25,36],{1042:function(e,t,i){"use strict";i.r(t);var n=i(2070);i.d(t,"default",(function(){return n.a}))},2070:function(e,t,i){"use strict";(function(e){var n=i(1),r=i(1574),o=i.n(r),s=i(77),l=i(9),a=i(2693),c=i(712),d=i(0),u=(i(2694),i(196)),h=(i(126),i(968)),p=i(972),v=i(931);const m={lazyload:!0,mouseDrag:!0,touch:!0,nav:!0,loop:!0,navPosition:"bottom",autoplay:!0,responsive:{1024:{items:1},420:{items:1},300:{items:1.2}}},f={lazyload:!0,mouseDrag:!0,touch:!0,nav:!0,loop:!0,rewind:!0,navPosition:"bottom",autoplay:!0,responsive:{1024:{items:1},420:{items:1},300:{items:1.1}}},b={...m,responsive:{300:{items:1}}};var g=i(13).checkBEMProps;class _ extends n.PureComponent{constructor(){super(...arguments),this.state={activeSlide:0,impressionSent:!1,isHideWidget:!0},this.timerStartRef=Object(n.createRef)(),this.timerEndRef=Object(n.createRef)(),this.showWidgetPostRender=()=>{const e=(new Date).toUTCString(),{end_time:t,start_time:i}=this.props,n=t,r=Date.parse(n)-Date.parse(e),o=Date.parse(i)-Date.parse(e);o>0&&(this.timerStartRef.current=setTimeout(()=>{this.setState({isHideWidget:!1})},o),this.timerEndRef.current=setTimeout(()=>{this.setState({isHideWidget:!0})},r)),r<=0?this.setState({isHideWidget:!0}):Date.parse(i)<Date.parse(e)&&Date.parse(e)<Date.parse(n)&&(this.setState({isHideWidget:!1}),this.timerEndRef.current=setTimeout(()=>{this.setState({isHideWidget:!0})},r))},this.handleIntersect=(e,t)=>{const{impressionSent:i}=this.state;i||e.forEach(e=>{e.isIntersecting&&this.sendImpressions()})},this.onSliderChange=e=>{this.setState({activeSlide:e})},this.onclick=e=>{if(!e)return;const{index:t}=this.props;let i={link:e.link,promotion_name:e.promotion_name};d.dj.dispatch(d.xb,i),this.sendBannerClickImpression(e),this.props.setLastTapItemOnHome("DynamicContentFullWidthBannerSlider".concat(t))},this.renderSlide=(t,i)=>{const{link:n,has_video:r=!1,video_url:o=""}=t,a=!(!r||!o),c="timer_full_width_banner_slider"==this.props.type;return g(e,s.default,Object.assign({to:t.is_external_link?Object(l.h)(n):Object(l.c)(n),key:i,"data-is-video":a||null,"data-banner-type":"fullWidthBanner","data-promotion-name":t.promotion_name?t.promotion_name:"","data-tag":t.tag?t.tag:""},Object(l.g)(t.is_external_link),{onClick:e=>{Object(v.a)(e,this.props.is_non_clickable||(null===t||void 0===t?void 0:t.is_non_clickable)),this.onclick(t)},style:{cursor:this.props.is_non_clickable||(null===t||void 0===t?void 0:t.is_non_clickable)?"default":"pointer",pointerEvents:this.props.is_non_clickable||(null===t||void 0===t?void 0:t.is_non_clickable)?"none":"auto"}}),c&&g(e,"div",{className:"DynamicContentFullWidthBannerSlider-TimerBackground"},this.renderTimer()),this.renderMedia(t))},this.renderTimer=()=>{const{start_time:t="",end_time:i="",text_alignment:n="",alignment:r=""}=this.props;return g(e,p.a,{start:t,end:i,alignment:r,textAlignment:n,hideInfoText:!0})}}componentDidMount(){this.registerViewPortEvent(),this.preloadImage(),this.showWidgetPostRender()}componentWillUnmount(){this.timerStartRef.current&&clearTimeout(this.timerStartRef.current),this.timerEndRef.current&&clearTimeout(this.timerEndRef.current)}registerViewPortEvent(){let e;e=new IntersectionObserver(this.handleIntersect,{root:null,rootMargin:"0px",threshold:.5}),e.observe(this.viewElement)}sendImpressions(){var e,t,i;const{items:n=[]}=this.props,r=(null===(e=this.props)||void 0===e?void 0:e.promotion_name)?null===(t=this.props)||void 0===t?void 0:t.promotion_name:"",o=(null===(i=this.props)||void 0===i?void 0:i.index)?this.props.index:"";n.forEach((e,t)=>{Object.assign(e,{store_code:r,indexValue:t+1,default_Index:o})}),d.dj.dispatch(u.b,n),this.setState({impressionSent:!0})}sendBannerClickImpression(e){d.dj.dispatch(u.a,[e])}renderMedia(t){const{label:i,url:n,has_video:r=!1,video_url:o=""}=t;return r&&o?g(e,h.a,{src:o,style:{width:"100%",height:"auto",objectFit:"cover",display:"block"}}):g(e,"img",{src:n,alt:i||"full-width-banner-image"})}renderSlider(){const{items:t=[],type:i=""}=this.props,{activeSlide:n}=this.state,r=t.some(e=>{let{has_video:t,video_url:i}=e;return t&&i}),s="timer_full_width_banner_slider"===i?f:r?b:m;return g(e,e.Fragment,null,t&&0===t.length?this.renderBannerAnimation():null,g(e,o.a,{settings:s,block:""},t.map(this.renderSlide)))}preloadImage(){const{items:e,isPreload:t,setPreload:i}=this.props;var n;!t&&e&&e.length&&(Object(a.a)(null===(n=e[0])||void 0===n?void 0:n.url),i&&i(!0))}render(){let t=e=>{this.viewElement=e};const{index:i,start_time:n="",end_time:r="",background_color:o=""}=this.props,s=o?{"--dc-fullwidth-bg":o}:void 0;return n&&r?this.state.isHideWidget?g(e,"div",{ref:t}):g(e,"div",{ref:t,block:"DynamicContentFullWidthBannerSlider",id:"DynamicContentFullWidthBannerSlider".concat(i),style:s},g(e,"div",{id:"DynamicContentFullWidthBannerSlider".concat(i,"Timer")},this.props.header&&g(e,"div",{className:"DynamicContentFullWidthBannerSlider-HeaderBackground"},g(e,c.default,{header:this.props.header})),this.renderSlider())):g(e,"div",{ref:t,block:"DynamicContentFullWidthBannerSlider",id:"DynamicContentFullWidthBannerSlider".concat(i),style:s},this.props.header&&g(e,"div",{className:"DynamicContentFullWidthBannerSlider-HeaderBackground"},g(e,c.default,{header:this.props.header})),this.renderSlider())}}t.a=_}).call(this,i(1))},2693:function(e,t,i){"use strict";i.d(t,"a",(function(){return n}));const n=e=>{var t=document.createElement("link");t.href=e,t.rel="preload",t.as="image",t.id="preload-img",document.head.appendChild(t)}},2694:function(e,t,i){},628:function(e,t,i){"use strict";i.r(t),function(e){var n=i(1),r=i.n(n),o=(i(16),i(11)),s=i(929),l=i.n(s),a=(i(930),i(13).checkBEMProps);t.default=function(t){const[i,s]=Object(n.useState)("00"),[c,d]=Object(n.useState)("00"),[u,h]=Object(n.useState)("00"),[p,v]=Object(n.useState)("00"),m=t.end;Object(n.useEffect)(()=>{const e=setInterval(()=>(()=>{const e=(new Date).toUTCString(),t=null===m||void 0===m?void 0:m.toLocaleString(),i=Date.parse(t)-Date.parse(e),n=Math.floor(i/864e5)>9?Math.floor(i/864e5):"0"+Math.floor(i/864e5),r=Math.floor(i/36e5%24+24*n)>9?Math.floor(i/36e5%24+24*n):"0"+Math.floor(i/36e5%24),o=Math.floor(i/1e3/60%60)>9?Math.floor(i/1e3/60%60):"0"+Math.floor(i/1e3/60%60),l=Math.floor(i/1e3%60)>9?Math.floor(i/1e3%60):"0"+Math.floor(i/1e3%60);s(n),d(r),h(o),v(l)})(),1e3);return()=>clearInterval(e)},[]);const{start:f,end:b,containerStyle:g}=t,_=Date.parse((new Date).toUTCString()),k=Date.parse(f),y=Date.parse(b);return y>=k&&_<=y&&!(k>=_)?a(r.a,"div",{block:"DynamicContentCountDownTimer",id:"DynamicContentCountDownTimer",style:g},(()=>{const{newtimerIcon:i=l.a,infoText:n="",alignment:s="",textAlignment:d="",isPLPOrPDP:h,hideInfoText:v=!1}=t,m="string"===typeof n?n.trim():n,f=!v&&Boolean(m),b=Object(o.h)();return a(r.a,"h3",{block:"left"===s?"TimerTitle AlignLeft":"right"===s?"TimerTitle  AlignRight":h?"TimerTitle AlignCenter PDPPLPMarginZero":"TimerTitle AlignCenter",mods:{isArabicStore:b}},f&&a(r.a,"span",{block:"right_to_the_timer"===d?"InfoText AlignTextRight":"left_to_the_timer"===d?"InfoText AlignTextLeft":"InfoText AlignTextCenter",mods:{isArabicStore:b}},m),a(r.a,"span",{block:h?"timer PLPOrPDPTimer":"timer"},h&&a(r.a,"span",{block:"clock"}," ",a(r.a,"img",{src:i,alt:"countDown"})),a(r.a,"span",{block:h?"Box isPLPorPDPBox":"Box"},a(r.a,"b",null,c),e("h")),a(r.a,"span",{block:"separator"},":"),a(r.a,"span",{block:h?"Box isPLPorPDPBox":"Box"},a(r.a,"b",null,u),e("m")),a(r.a,"span",{block:"separator"},":"),a(r.a,"span",{block:h?"Box isPLPorPDPBox":"Box"},a(r.a,"b",null,p),e("s"))))})()):null}}.call(this,i(28))},712:function(e,t,i){"use strict";i.r(t),function(e){var n=i(16),r=i(11),o=i(1),s=i(77),l=i(9),a=(i(773),i(479)),c=i(31),d=i(13).checkBEMProps;class u extends o.PureComponent{constructor(){super(...arguments),this.isTrendingWidgetexist=()=>{const{type:e=""}=this.props;return!["vue_brands_for_you","vue_categories_for_you"].includes(e)},this.onArrowClick=e=>{var t,i;const n=null===(t=this.props)||void 0===t||null===(i=t.header)||void 0===i?void 0:i.nav_arrow_link,r=Object(l.c)(n);r&&((null===e||void 0===e?void 0:e.preventDefault)&&e.preventDefault(),window.location.assign(r))}}render(){var t,i,o,u,h,p,v,m,f,b,g,_,k,y,x,S,D,O,P,w,j,T,C,B,E,M,I,W,R,A;let H="";(null===(t=this.props)||void 0===t||null===(i=t.header)||void 0===i?void 0:i.title_color)&&(H={color:this.props.header.title_color});const L=this.isTrendingWidgetexist();Object(r.h)()&&n.a.any()&&!L&&(H={...H,textAlign:"right"});const F=null===(o=this.props)||void 0===o||null===(u=o.header)||void 0===u?void 0:u.nav_arrow_link,N=Object(r.h)()?a.e:a.f,U=(null===(h=this.props)||void 0===h||null===(p=h.header)||void 0===p?void 0:p.title_color)||Object(r.h)()&&n.a.any()&&!L?H:{};return d(e,"div",{block:"DynamicContentHeader"},(null===(v=this.props)||void 0===v||null===(m=v.header)||void 0===m?void 0:m.title)&&d(e,"h1",{style:F?{...U,display:"flex",alignItems:"center",justifyContent:"space-between",gap:"10px"}:U},d(e,"span",null,Object(c.ib)(null===(f=this.props)||void 0===f||null===(b=f.header)||void 0===b?void 0:b.title,Object(r.d)())),F&&d(e,s.default,{to:Object(l.c)(F),onClick:this.onArrowClick,block:"DynamicContentHeader",elem:"NavArrow","aria-label":"Navigate",title:(null===(g=this.props)||void 0===g||null===(_=g.header)||void 0===_?void 0:_.title)||""},d(e,N,null))),this.isTrendingWidgetexist()?(null===(k=this.props)||void 0===k||null===(y=k.header)||void 0===y?void 0:y.subtitle)&&d(e,"p",{block:"",style:(null===(x=this.props)||void 0===x||null===(S=x.header)||void 0===S?void 0:S.subtitle_color)?{color:null===(D=this.props)||void 0===D||null===(O=D.header)||void 0===O?void 0:O.subtitle_color}:void 0},null===(P=this.props)||void 0===P||null===(w=P.header)||void 0===w?void 0:w.subtitle):"",this.isTrendingWidgetexist()?(null===(j=this.props)||void 0===j||null===(T=j.header)||void 0===T?void 0:T.button_label)&&d(e,"a",{href:(null===(C=this.props)||void 0===C||null===(B=C.header)||void 0===B?void 0:B.button_link)||void 0,block:"",style:{textAlign:"start",display:"block",...(null===(E=this.props)||void 0===E||null===(M=E.header)||void 0===M?void 0:M.button_label_color)?{color:null===(I=this.props)||void 0===I||null===(W=I.header)||void 0===W?void 0:W.button_label_color}:void 0}},null===(R=this.props)||void 0===R||null===(A=R.header)||void 0===A?void 0:A.button_label):"")}}t.default=u}.call(this,i(1))},773:function(e,t,i){},841:function(e,t,i){"use strict";(function(e){var n=i(1),r=i(969),o=i(970),s=(i(971),i(13).checkBEMProps);t.a=t=>{let{src:i,width:l,height:a,style:c,className:d,onClick:u,loop:h=!0,autoPlay:p=!0,playsInline:v=!0,fillHeight:m=!1,isActive:f=!0,containerStyle:b}=t;const[g,_]=Object(n.useState)(!0),[k,y]=Object(n.useState)(!1),x=Object(n.useRef)(null),S=Object(n.useRef)(null);Object(n.useEffect)(()=>{S.current&&(S.current.muted=g)},[g]),Object(n.useEffect)(()=>{const e=x.current;if(!e||"undefined"===typeof IntersectionObserver)return void y(!0);const t=new IntersectionObserver(e=>{let[t]=e;return y(t.isIntersecting)},{threshold:0});return t.observe(e),()=>t.disconnect()},[]),Object(n.useEffect)(()=>{const e=S.current;if(e&&p)if(k&&f){const t=e.play();void 0!==t&&t.catch(()=>{})}else e.pause()},[k,f,p]);const D=Object(n.useCallback)(e=>{e.preventDefault(),e.stopPropagation(),_(e=>!e)},[]);return s(e,"div",{ref:x,block:"AutoMuteVideo",style:{position:"relative",width:"100%",height:m?"100%":void 0,...b}},s(e,"video",{ref:S,src:i,width:l||void 0,height:a||void 0,muted:g,loop:h,playsInline:v,onClick:u,style:c,className:d}),s(e,"button",{type:"button",block:"AutoMuteVideo",elem:"MuteButton",onClick:D,"aria-label":g?"Unmute video":"Mute video"},s(e,g?r.a:o.a,null)))}}).call(this,i(1))},929:function(e,t,i){e.exports=i.p+"static/media/clockIcon.ecac74c0.svg"},930:function(e,t,i){},931:function(e,t,i){"use strict";i.d(t,"a",(function(){return n}));const n=(e,t)=>{if(t)return e.preventDefault()}},968:function(e,t,i){"use strict";var n=i(841);i.d(t,"a",(function(){return n.a}))},969:function(e,t,i){"use strict";i.d(t,"a",(function(){return c}));var n,r,o=i(1),s=i.n(o);function l(){return(l=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var i=arguments[t];for(var n in i)Object.prototype.hasOwnProperty.call(i,n)&&(e[n]=i[n])}return e}).apply(this,arguments)}const a=e=>{let{svgRef:t,title:i,...o}=e;return s.a.createElement("svg",l({viewBox:"0 0 40 40","aria-hidden":"true",ref:t},o),i?s.a.createElement("title",null,i):null,n||(n=s.a.createElement("circle",{cx:20,cy:20,r:20})),r||(r=s.a.createElement("path",{d:"M14.086 23H12.5c-.552 0-1-.448-1-1v-4c0-.552.448-1 1-1h1.586l4.707-4.707c.63-.63 1.707-.184 1.707.707v14c0 .891-1.077 1.337-1.707.707L14.086 23zM25.5 22l4-4m0 4l-4-4"})))},c=s.a.forwardRef((e,t)=>s.a.createElement(a,l({svgRef:t},e)));i.p},970:function(e,t,i){"use strict";i.d(t,"a",(function(){return c}));var n,r,o=i(1),s=i.n(o);function l(){return(l=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var i=arguments[t];for(var n in i)Object.prototype.hasOwnProperty.call(i,n)&&(e[n]=i[n])}return e}).apply(this,arguments)}const a=e=>{let{svgRef:t,title:i,...o}=e;return s.a.createElement("svg",l({viewBox:"0 0 40 40","aria-hidden":"true",ref:t},o),i?s.a.createElement("title",null,i):null,n||(n=s.a.createElement("circle",{cx:20,cy:20,r:20})),r||(r=s.a.createElement("path",{d:"M14.086 23H12.5c-.552 0-1-.448-1-1v-4c0-.552.448-1 1-1h1.586l4.707-4.707c.63-.63 1.707-.184 1.707.707v14c0 .891-1.077 1.337-1.707.707L14.086 23zM24.036 16.464a5 5 0 010 7.072M26.864 13.636a9 9 0 010 12.728"})))},c=s.a.forwardRef((e,t)=>s.a.createElement(a,l({svgRef:t},e)));i.p},971:function(e,t,i){},972:function(e,t,i){"use strict";var n=i(628);i.d(t,"a",(function(){return n.default}))}}]);