"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[4567],{83382:(e,t,o)=>{o.d(t,{Z:()=>f});var a=o(67294),n=o(86706),s=o(34506),l=o(97067),i=o(7456);var r=o(99257),d=o(13121);const c="Ks-z",u="Ls-z",p="Os-z",h="Ps-z",m="Qs-z",y={onSaveSurveyQuestionResponse:e=>{let{feedback:t,source:o,sessionReplayLink:a}=e;return{type:l.En,feedback:t,source:o,sessionReplayLink:a}},onFeedbackYesOrNoSelected:(e,t,o)=>({type:i.Qeb,feedback:e,pageType:t,feedbackType:o}),lookupSurveyQuestion:e=>({type:l.vA,...e})},f=(0,n.$j)((e=>{const{feedback:{questionId:t},cookies:o}=e;return{hasSurveyQuestion:!!t,isCustomer:!!o["x-main"]}}),y)((e=>{let{additionalFeedbackMessage:t,alwaysShowVocLinkOnCompletion:o=!1,autoOpenOnYesNoClick:n,completionMessage:l,completionMessageClass:i,feedbackType:y,feedbackQuestion:f,feedbackQuestionId:b="feedbackQuestion",hasSurveyQuestion:g,lookupSurveyQuestion:E,isCustomer:k,noButtonClass:P,onFeedbackYesOrNoSelected:v,onSaveSurveyQuestionResponse:C,pageType:w,placeholder:V="",responseClass:N,responseButtonWrapperClass:S,source:T,wrapperClass:O,yesButtonClass:D,yesNoWrapperClass:I,isYesNoOnly:z,surveyUrl:A}=e;const[L,_]=(0,a.useState)(!1),[R,F]=(0,a.useState)(!n),[Y,x]=(0,a.useState)(!1),[$,M]=(0,a.useState)(!1),[U,Z]=(0,a.useState)(""),{testId:H,marketplace:{featureFeedback:Q,vocUrl:j}}=(0,r.Z)(),B=e=>{v(e,w,y),k&&!z?(E(Q),M(!0),n&&_(!0)):(M(!0),x(!0))},G=()=>{F((e=>!e)),_(!0)},W=()=>a.createElement(a.Fragment,null,R?a.createElement("button",{type:"button",onClick:G},t):` ${t}:`);return Y?a.createElement("div",{className:(0,s.cn)(c,O)},a.createElement(d.Jx,{role:"alert"},a.createElement("span",{className:i},l,(!k||o||z)&&a.createElement(a.Fragment,null," ","For additional feedback,"," ",a.createElement("a",{href:`${A||j}?source=${T}`,target:"_blank",rel:"noopener noreferrer","aria-label":"take this survey, (opens in new window)"},"take this survey"),".")))):a.createElement("div",{"data-test-id":H("featureFeedback"),className:(0,s.cn)(c,O)},a.createElement("div",{className:h},!$&&a.createElement("span",{id:b},f),$?a.createElement("span",{id:"additionalFeedback"},"Thank you!",g&&W()):a.createElement("div",{className:(0,s.cn)(m,I)},a.createElement("button",{className:D,"aria-describedby":b,type:"button",onClick:()=>B(!0)},"Yes"),a.createElement("button",{className:P,"aria-describedby":b,type:"button",onClick:()=>B(!1)},"No"))),L&&g&&!R&&a.createElement("form",{name:"featureFeedbackForm",method:"post",onSubmit:e=>{e.preventDefault(),C({feedback:U,source:T,sessionReplayLink:window?.CS_CONF?.integrations_handler?.getReplayLink()}),x((e=>!e))},className:(0,s.cn)(u,N)},a.createElement("textarea",{onChange:e=>{const{currentTarget:{value:t}}=e;Z(t)},placeholder:V,defaultValue:U,"aria-labelledby":"additionalFeedback"}),a.createElement("div",{className:(0,s.cn)(p,S)},a.createElement("button",{type:"button",onClick:()=>F((e=>!e))},"Cancel"),a.createElement("button",{type:"submit",disabled:!U},"Send Feedback"))))}))},91129:(e,t,o)=>{o.d(t,{Z:()=>h});var a=o(67294),n=o(34506),s=o(83382);const l="Bi-z",i="Ci-z",r="Di-z",d="Ei-z",c="Fi-z",u="Gi-z",p="Hi-z",h=e=>{let{additionalFeedbackMessage:t,className:o,completionMessage:h,feedbackQuestion:m,feedbackType:y,source:f,pageType:b,isYesNoOnly:g=!1,surveyUrl:E}=e;return a.createElement(s.Z,{additionalFeedbackMessage:t,autoOpenOnYesNoClick:!0,completionMessage:h,feedbackQuestion:m,feedbackType:y,source:f,pageType:b,completionMessageClass:p,noButtonClass:r,responseButtonWrapperClass:c,responseClass:d,wrapperClass:(0,n.cn)(l,o),yesButtonClass:i,yesNoWrapperClass:u,isYesNoOnly:g,surveyUrl:E})}},95809:(e,t,o)=>{o.d(t,{U:()=>w,Q:()=>V});var a=o(67294),n=o(34506),s=o(24873),l=o(6950),i=o(98529),r=o(99257),d=o(60950);const c="ek-z",u="fk-z",p="gk-z",h="hk-z",m="ik-z",y="jk-z",f="kk-z",b="OPEN_PANEL_AND_CLOSE_OTHERS",g="TOGGLE_PANEL",E=(e,t)=>({type:b,payload:{panelIndex:e,heading:t}}),k=(e,t)=>({type:g,payload:{panelIndex:e,heading:t}}),P=(e,t)=>{t&&(0,s.j)((()=>[d.lX,{opened:e,closed:!e,headerName:t}]))},v=(e,t)=>{switch(t.type){case b:{const{openedPanels:o}=e,{payload:a}=t,{panelIndex:n,heading:s}=a,l=new Set(o);return l.has(n)?(l.delete(n),P(!1,s)):(l.clear(),l.add(n),P(!0,s)),{...e,openedPanels:l}}case g:{const{openedPanels:o}=e,{payload:a}=t,{panelIndex:n,heading:s}=a,l=new Set(o);return l.has(n)?(l.delete(n),P(!1,s)):(l.add(n),P(!0,s)),{...e,openedPanels:l}}default:return e}},C=a.createContext({openPanel:l.ZT,openedPanels:new Set,registerAccordionItemElement:l.ZT,uniqueId:""}),w=e=>{let{openMultiple:t=!1,children:o,defaultOpenIndex:n,defaultOpenAll:s}=e;const[r,d]=(0,a.useReducer)(v,{openedPanels:new Set}),{openedPanels:c}=r,u=(0,a.useRef)(new Map),p=(0,a.useCallback)(((e,t)=>{u.current.set(e,t)}),[]),h=(0,a.useMemo)((()=>a.Children.count(o)),[o]),m=(0,i.Z)(),y=(0,a.useCallback)(((e,o)=>{d(t?k(e,o):E(e,o))}),[t]),f=(0,a.useCallback)((e=>{const t=document.activeElement;if(t){let o;for(const[e,a]of u.current.entries())if(t===a.current){o=e;break}if(void 0!==o){const t=(0,l.wQ)(o+e,h),a=u.current.get(t);a?.current?.focus()}}}),[h]);(0,a.useEffect)((()=>{"number"==typeof n&&d(E(n,null))}),[n]),(0,a.useEffect)((()=>{if(s)for(let e=0;e<u.current.size;e++)d(k(e,null))}),[s]);const b=(0,a.useMemo)((()=>({openPanel:y,openedPanels:c,registerAccordionItemElement:p,uniqueId:m})),[y,c,p,m]);return a.createElement(C.Provider,{value:b},a.createElement("div",{role:"presentation",onKeyDown:e=>{const{key:t}=e;switch(t){case"Home":{e.preventDefault();const t=u.current.get(0);t?.current?.focus();break}case"End":{e.preventDefault();const t=u.current.get(h-1);t?.current?.focus();break}case"ArrowUp":e.preventDefault(),f(-1);break;case"ArrowDown":e.preventDefault(),f(1)}}},a.Children.map(o,((e,t)=>a.cloneElement(e,{index:t})))))},V=e=>{const{children:t,heading:o,isLoadingFromVrsnl:s,headingImageURL:l,imgStyleOvrride:i,backgroundColorStyle:d,accordionRegionContainerStyleOverride:b,index:g,innerRef:E,accordionTestId:k,openBackgroundColorStyleOverride:P,headingAs:v="h3"}=e,{openedPanels:w,openPanel:V,registerAccordionItemElement:N,uniqueId:S}=(0,a.useContext)(C),T=void 0!==g&&w.has(g),O=`heading-${g}-${S}`,D=`content-${g}-${S}`,I=T?P:d,{testId:z}=(0,r.Z)();function A(e){return e?z(`accordionHeader${e}Button`):null}const L=a.createRef();L&&void 0!==g&&N(g,E||L);return a.createElement("div",{className:(0,n.cn)(m,b),style:I,"data-test-id":z(`accordionContainer${k}`)},(()=>{if(o){const e=a.createElement("button",{type:"button",ref:E||L,className:(0,n.cn)(u,T?h:p),onClick:()=>void 0!==g&&V(g,o),"aria-controls":D,"aria-expanded":T,id:O,"data-test-id":A(k)},o);return a.createElement(v,{className:c,style:I},e)}return l?a.createElement("button",{type:"button",ref:E||L,className:u,onClick:s?void 0:()=>void 0!==g&&V(g,l),"aria-controls":D,"aria-expanded":T,id:O,"data-test-id":A(k)},a.createElement("div",{className:s?"":(0,n.cn)(c,T?h:p),style:I},a.createElement("img",{src:l,style:i,alt:"Logo"}))):null})(),a.createElement("div",{role:"region","aria-labelledby":O,className:(0,n.cn)(y,{[f]:T}),style:I,id:D,hidden:!T},t))}},8838:(e,t,o)=>{o.d(t,{Z:()=>A});var a=o(67294),n=o(60356),s=o(86706),l=o(91296),i=o.n(l),r=o(70131),d=o(34506),c=o(41487),u=o(13679),p=o(42446),h=o(60950),m=o(24873),y=o(66874);const f="Zfa-z",b="_fa-z",g=function(e){let{showPlaceholder:t,children:o,widthValue:n="100%",heightValue:s="100%"}=void 0===e?{}:e;const[l,i]=(0,a.useState)(!1),r=()=>{i(!0)};return t?a.createElement(a.Fragment,null,l?o:a.createElement("div",{style:{width:n,height:s},className:f},a.createElement("button",{type:"button",className:b,"aria-label":"Play Product Video",onClick:r}))):o};var E=o(12488),k=o(49279),P=o(30626),v=o(83113),C=o(23784);const w="TO-z",V="UO-z",N="VO-z",S="WO-z",T="XO-z",O="YO-z",D="ZO-z";class I extends a.Component{state={isPlaying:!1,intervals:[],source:""};componentDidMount(){const{slotDetails:e,slotName:t,slotIndex:o,isAutoplaying:a,trackInView:n,isHydraCefi:s}=this.props,{componentName:l,autoplay:i}=e;this.buildResponsiveVideo(),(0,y.Vl)(window,"resize",this.handleResize,null,this),(!s&&l===u.Fb||i)&&this.setIsPlaying(a??!0),n||(0,m.j)((()=>[h.Mo,{slotDetails:e,slotName:t,slotIndex:o}]))}componentWillUnmount(){this.handleResize.cancel(),window.removeEventListener("resize",this.handleResize)}buildResponsiveVideo=()=>{const{slotDetails:{mobileVideoSrc:e,tabletVideoSrc:t,src:o}}=this.props,a=(0,E.tE)();e&&"mobile"===a?this.setState({source:e}):t&&"tablet"===a?this.setState({source:t}):this.setState({source:o})};handleResize=i()(this.buildResponsiveVideo,250);onVideoEnded=()=>{this.sendVideoAnalytics("ENDED"),this.setState({ended:!0,isPlaying:!1,lastPlayedTime:void 0,intervals:[]})};onVideoPause=()=>{this.state.isPlaying&&(this.setIsPlaying(!1),this.sendVideoAnalytics("PAUSED"),this.setState({intervals:[]}),(0,m.j)((()=>[h.CV,{...this.props,interactionType:"PAUSE"}])))};onVideoPlay=()=>{const{isPlaying:e}=this.state,t=this.melodyVideoElement,o=this.youTubeVideoElement;e||(this.setIsPlaying(!0),(0,m.j)((()=>[h.CV,{...this.props,interactionType:"PLAY"}]))),t?(t.controls=!0,this.trackVideoPlay(t.currentTime,t.duration)):o&&this.trackVideoPlay(o.getCurrentTime(),o.getDuration())};handlePlayerClick=e=>{e.preventDefault();const t=this.melodyVideoElement,{isPlaying:o}=this.state;t&&(t.muted=!1,o?t.pause():t.play())};onVideoTimeUpdate=()=>{const{isPlaying:e}=this.state;if(e){const e=this.melodyVideoElement,t=this.youTubeVideoElement;e?this.trackCurrentTime(e.currentTime):t&&this.trackCurrentTime(t.getCurrentTime())}};setIsPlaying=e=>{this.setState({isPlaying:e})};makeTextHeading(e){return e&&a.createElement("h2",null,e)}sendVideoAnalytics=(e,t)=>{const{slotDetails:{heading:o,productId:a}}=this.props;a?(0,p.L9)(`TE_PRODUCTVIDEO_${e}`,`${a}${t?`:${t}`:""}`):(0,p.L9)(`TE_MELODYVIDEO_${e}`,`${o}${t?`:${t}`:""}`),this.setState({lastEventName:e})};trackCurrentTime=e=>{const{intervals:t,lastPlayedTime:o}=this.state,a=Math.floor(e);Math.abs(a-o)>1&&(this.sendVideoAnalytics("SOUGHT",`${o}:${a}`),(0,m.j)((()=>[h.CV,{...this.props,interactionType:"SEEKED"}]))),a&&a%5==0&&!t.includes(a)?(this.setState({intervals:t.concat([a]),lastPlayedTime:a}),this.sendVideoAnalytics("TIMEUPDATED",a)):this.setState({lastPlayedTime:a})};trackVideoPlay=(e,t)=>{const{ended:o,lastEventName:a}=this.state,n=!o||0!==Math.floor(e)&&e!==t?"PLAYED":"REPLAYED";"REPLAYED"!==a&&this.sendVideoAnalytics(n)};onInViewChange=e=>{const{slotDetails:t,trackInView:o,slotName:a,slotIndex:n}=this.props;o&&e&&(0,m.j)((()=>[h.Mo,{slotDetails:t,slotName:a,slotIndex:n}]))};render(){const{isPlaying:e,source:t}=this.state,{slotName:o,slotDetails:{className:s,poster:l,heading:i,alt:c,isEmbedded:p,embeddedRatio:h,componentName:m,autoplay:y,type:f,loop:b=!1,tracks:E=[]},heightValue:v,isYouTubeVideo:C,widthValue:I,showPlaceholder:z,isAutoplaying:A,isFullWidth:L,shouldLazyLoad:_,isHydraCefi:R}=this.props,F=m===u.Fb,Y=A??(!R&&F||y),x=l||"",$={file:{attributes:{poster:x,preload:"none"}},youtube:{playerVars:{cc_load_policy:1,cc_lang_pref:"en"}}},M=(0,d.cn)(w,{[N]:"melodyVideoPlayer"===m},{[D]:"fullwidth"===f},{[V]:L},s),U=L?"100%":I;if(n.ZP.canPlay(t)&&C)return a.createElement(P.Z,{forceLoad:!_},a.createElement(k.E.Consumer,null,(e=>{const{testId:s}=e;return a.createElement(r.df,{onChange:this.onInViewChange,className:M,"data-slot-id":o,"data-test-id":s("youtubeVideoPlayer")},this.makeTextHeading(i),a.createElement(g,{showPlaceholder:z,widthValue:U,heightValue:v},a.createElement(n.ZP,{url:t,playing:!!Y,onPlay:this.onVideoPlay,onPause:this.onVideoPause,onEnded:this.onVideoEnded,onProgress:this.onVideoTimeUpdate,playsinline:!0,controls:!0,width:U,height:v,config:$,loop:b,ref:e=>this.youTubeVideoElement=e})))})));if(p){const e={};return h&&(e.paddingBottom=h.endsWith("%")?h:`calc(${h} * 100%)`),a.createElement(P.Z,{forceLoad:!_},a.createElement(r.df,{onChange:this.onInViewChange,className:(0,d.cn)(T,s),"data-slot-id":o,style:e},this.makeTextHeading(i),a.createElement("iframe",{src:t,title:i?`${i} video`:c||"Video Content",allowFullScreen:!0})))}return a.createElement(P.Z,{forceLoad:!_},a.createElement(k.E.Consumer,null,(n=>{const{testId:s}=n;return a.createElement(r.df,{onChange:this.onInViewChange,className:M,"data-slot-id":o,"data-test-id":s("melodyVideoPlayer")},this.makeTextHeading(i),a.createElement("video",{onClick:this.handlePlayerClick,ref:e=>this.melodyVideoElement=e,src:t,poster:x,autoPlay:!!Y,preload:Y?"auto":"metadata",muted:Y&&!F,"data-test-muted":Y&&!F,height:v,controls:!1,playsInline:!0,onPlay:this.onVideoPlay,onPause:this.onVideoPause,onEnded:this.onVideoEnded,loop:b,crossOrigin:"anonymous",onTimeUpdate:this.onVideoTimeUpdate},E.map((e=>{let{src:t,label:o,kind:n,srclang:s="en",default:l}=e;return a.createElement("track",{key:t,src:t,kind:n,label:o,srcLang:s,default:l})}))),a.createElement("button",{type:"button",onClick:this.handlePlayerClick,className:(0,d.cn)(S,{[O]:e})},"Play Video"))})))}}I.defaultProps={isYouTubeVideo:!1,heightValue:"auto",showPlaceholder:!1,shouldLazyLoad:!1};const z=(0,s.$j)((e=>({product:e.product,isHydraCefi:(0,v.nP)(C.b8,1,e)})),{})(I),A=(0,c.P)("ConnectedMelodyVideoPlayer",z)},20473:(e,t,o)=>{o.d(t,{$r:()=>w,Ar:()=>m,Cw:()=>r,G2:()=>E,GG:()=>n,Gj:()=>y,N0:()=>c,Ns:()=>v,PL:()=>D,Qs:()=>I,SY:()=>l,TE:()=>T,TL:()=>b,UH:()=>s,Uw:()=>p,Z3:()=>a,_o:()=>P,ah:()=>d,as:()=>f,bq:()=>S,db:()=>N,fH:()=>i,gL:()=>k,hj:()=>C,jO:()=>u,k3:()=>g,kg:()=>z,mN:()=>O,ml:()=>h,tD:()=>V});const a="This collection needs some love! Add some products now.",n="Create some collections and share them with your followers. We can't wait to see what you build!",s="Remember to go to your Manage Content tab and publish this collection when you think it's ready.",l="Remember to come back and publish this collection on your profile page when it's ready!",i=" So your followers can see it on your Profile Page.",r="Add products to collections and make it easy for your followers to find products you love.",d="One collection has been created on your Manage Content Page. Now you can add some products to it.",c="Your Store Name",u="Please give your store a memorable name",p="Choose Your Personal Style",h="Please choose your fashion styles",m="Tell people about your store, and let them know why you love building collections and what your collections say about your personal style. Remind them that they can share your collections, as well! 😎",y="Profile picture is required",f="Great News! You're almost there. We're reviewing your profile now and your followers will see the update once it's approved. For your profile to go live please create some content.",b="Congrats! Your profile update has been approved! Your followers can see the update now.",g="Congrats! Your profile has been approved. Begin creating at least one piece of shoppable content or one collection to make your profile page active and to share with your followers!",E="Part of your profile update has been declined for inappropriate content. It has been reversed to the previous version.",k="You need at least one piece of shoppable content or one collection to make your profile page active. After your profile is active, your followers will be able to find you on Zappos and you’ll be able to share your page on social media.",P="For people to find you and be inspired by your styles, please complete your profile.",v='Now you can go explore our HUGE collection of products and add them to this collection by clicking on "Add to Collections" dropdown on product details page!',C="Come back when you’re done and you’ll see your collection here.",w="A picture will get your collection more attention. Customers love a photo that shows the concept of the collection.",V="There are no products found for the selected time period.",N="There are no collections found for the selected time period.",S="There are no metrics for the selected time period. Please adjust the time period to view collection and product metrics.",T="Style inspiration from our trusted brands",O="You just missed it!",D="Sorry, all of these products were so popular that we ran out of stock.",I="Sorry, we just sold the last item in this size.",z="Sorry we’re having trouble loading this content right now. Please try again later."}}]);
//# sourceMappingURL=marty-zappos.4567.3d7d9fe2cf67381b00b5.js.map